.news-item .news-date-wrap{margin-bottom:10px;display:flex;align-items:center;gap:10px}.news-item .news-date-wrap .news-date{margin-bottom:0}.news-item .blog-date--expired .blog-date--expired-content{gap:3px;display:inline-flex;align-items:center;color:#2b2d2f;letter-spacing:0em;position:relative;cursor:pointer;background-color:#f9d2c5;margin-top:1px;border-radius:100px;padding:4px 11px 5px 8px}.news-item .blog-date--expired .blog-date--expired-content:hover .popup-blog-date-expired{visibility:visible;opacity:1}@media only screen and (min-width: 1024px){.news-item .blog-date--expired .blog-date--expired-content{padding:6px 11px 6px 8px;margin-top:0}}.news-item .blog-date--expired .blog-date--expired-content span{font-size:10px;font-weight:600;align-self:flex-end}@media only screen and (min-width: 1024px){.news-item .blog-date--expired .blog-date--expired-content span{font-size:12px}}.news-item .blog-date--expired .popup-blog-date-expired{position:absolute;top:-140px;left:calc(66% - 9px);transform:translate(calc(-50% + 8px));background-color:#fff;color:#333;padding:22px 20px 26px;border-radius:8px;visibility:hidden;text-align:left;width:294px;font-size:14px;opacity:0;transition:.3s}@media only screen and (min-width: 1024px){.news-item .blog-date--expired .popup-blog-date-expired{left:calc(50% - 9px)}}.news-item .blog-date--expired .popup-blog-date-expired h6{color:#2b2b2b;font-size:18px;letter-spacing:.04em;font-weight:700;line-height:1.25em;margin:0}.news-item .blog-date--expired .popup-blog-date-expired p{color:#2b2b2b;font-size:16px;letter-spacing:0em;font-weight:500;line-height:1.5em;margin-top:6px}.news-item .blog-date--expired .popup-blog-date-expired:after{content:"";position:absolute;bottom:-20px;left:44%;transform:translate(-50%,-50%) rotate(45deg);width:20px;height:20px;background-color:#fff;border-radius:0 0 4px}@media only screen and (min-width: 1024px){.news-item .blog-date--expired .popup-blog-date-expired:after{left:50%}}.news-item .blog-date--expired svg{width:14px}@media only screen and (min-width: 768px){.news-item .blog-date--expired svg{width:20px}}.article .news-date-wrap{margin-bottom:10px;display:flex;align-items:center;gap:10px}.article .news-date-wrap .article-date{margin-bottom:0}.article .blog-date--expired .blog-date--expired-content{gap:3px;display:inline-flex;align-items:center;color:#2b2d2f;letter-spacing:0em;position:relative;cursor:pointer;background-color:#f9d2c5;margin-top:1px;border-radius:100px;padding:2px 12px 4px 8px}.article .blog-date--expired .blog-date--expired-content:hover .popup-blog-date-expired{visibility:visible;opacity:1}@media only screen and (min-width: 1024px){.article .blog-date--expired .blog-date--expired-content{padding:5px 9px 5px 8px;margin-top:0}}.article .blog-date--expired .blog-date--expired-content span{font-size:10px;font-weight:600;align-self:flex-end}@media only screen and (min-width: 1024px){.article .blog-date--expired .blog-date--expired-content span{font-size:12px}}.article .blog-date--expired .popup-blog-date-expired{position:absolute;top:40px;left:100%;transform:translate(calc(-40% + 8px));background-color:#fff;color:#333;padding:22px 20px 26px;border-radius:8px;visibility:hidden;text-align:left;width:294px;font-size:14px;opacity:0;transition:.3s}@media only screen and (min-width: 768px){.article .blog-date--expired .popup-blog-date-expired{top:-140px}}@media only screen and (min-width: 1024px){.article .blog-date--expired .popup-blog-date-expired{transform:translate(calc(-50% + 8px))}}.article .blog-date--expired .popup-blog-date-expired h6{color:#2b2b2b;font-size:18px;letter-spacing:.04em;font-weight:700;line-height:1.25em;margin:0}.article .blog-date--expired .popup-blog-date-expired p{color:#2b2b2b;font-size:16px;letter-spacing:0em;font-weight:500;line-height:1.5em;margin-top:6px}.article .blog-date--expired .popup-blog-date-expired:after{content:"";position:absolute;top:0;left:18%;transform:translate(-50%,-50%) rotate(225deg);width:20px;height:20px;background-color:#fff;border-radius:0 0 4px}@media only screen and (min-width: 768px){.article .blog-date--expired .popup-blog-date-expired:after{top:initial;bottom:-20px;transform:translate(-50%,-50%) rotate(45deg)}}@media only screen and (min-width: 1024px){.article .blog-date--expired .popup-blog-date-expired:after{left:25%}}.article .blog-date--expired svg{width:14px}@media only screen and (min-width: 768px){.article .blog-date--expired svg{width:20px}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/blog-card.css.map */