.qls-product-popularity{display:flex;align-items:flex-start;gap:12px;margin:12px 0;padding:13px 15px;border:1px solid var(--qls-popularity-border, #f1d6b8);border-radius:14px;background:linear-gradient(180deg,color-mix(in srgb,var(--qls-popularity-bg, #fff8ef) 72%,white),var(--qls-popularity-bg, #fff8ef));box-shadow:0 10px 24px #1f23280f;color:var(--qls-popularity-text, #1f2328)}.qls-product-popularity,.qls-product-popularity *{box-sizing:border-box}.qls-product-popularity__mark{width:34px;height:34px;flex:0 0 34px;display:grid;place-items:center;border-radius:999px;color:var(--qls-popularity-accent, #e86a00);background:color-mix(in srgb,var(--qls-popularity-accent, #ffa41c) 13%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--qls-popularity-accent, #ffa41c) 22%,transparent)}.qls-product-popularity__mark svg{width:19px;height:19px;fill:currentColor}.qls-product-popularity__copy{min-width:0;flex:1 1 auto}.qls-product-popularity__eyebrow{margin-bottom:2px;color:var(--qls-popularity-accent, #e86a00);font-size:10px;font-weight:850;letter-spacing:.08em;line-height:1.1;text-transform:uppercase}.qls-product-popularity__headline{color:var(--qls-popularity-text, #1f2328);font-size:17px;font-weight:650;line-height:1.15}.qls-product-popularity__headline strong{font-size:1.12em;font-weight:900}.qls-product-popularity__meta{display:flex;align-items:center;gap:9px;min-width:0;margin-top:7px;color:color-mix(in srgb,var(--qls-popularity-text, #1f2328) 66%,transparent);font-size:12px;line-height:1}.qls-product-popularity__badge{display:inline-flex;align-items:center;gap:5px;flex:0 0 auto;padding:5px 8px;border:1px solid color-mix(in srgb,var(--qls-popularity-text, #1f2328) 10%,transparent);border-radius:999px;background:#ffffffad;color:color-mix(in srgb,var(--qls-popularity-text, #1f2328) 76%,transparent);font-weight:700;white-space:nowrap}.qls-product-popularity__check{width:13px;height:13px;display:inline-block;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 16.2 4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 16.2 4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4z'/%3E%3C/svg%3E") center/contain no-repeat}.qls-product-popularity__ticker{position:relative;min-width:0;height:16px;overflow:hidden;flex:1 1 auto}.qls-product-popularity__ticker-inner{display:block}.qls-product-popularity--rotating .qls-product-popularity__ticker-inner{animation:qls-product-popularity-ticker 12.5s infinite;will-change:transform}.qls-product-popularity__tick{height:16px;display:flex;align-items:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@keyframes qls-product-popularity-ticker{0%,14%{transform:translateY(0)}16.66%,30%{transform:translateY(-16px)}33.33%,46.5%{transform:translateY(-32px)}50%,63.5%{transform:translateY(-48px)}66.66%,80%{transform:translateY(-64px)}83.33%,96.5%{transform:translateY(-80px)}to{transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.qls-product-popularity__ticker-inner{animation:none!important}.qls-product-popularity__tick:not(:first-child){display:none}}@media(max-width:480px){.qls-product-popularity{padding:12px;gap:10px}.qls-product-popularity__mark{width:31px;height:31px;flex-basis:31px}.qls-product-popularity__headline{font-size:15px}.qls-product-popularity__meta{gap:7px;font-size:11px}.qls-product-popularity__badge{padding:4px 7px}}
/*# sourceMappingURL=/cdn/shop/t/181/assets/qls-product-popularity.css.map */