.\#shop-by-price{font-family:var(--sbp-body)}.\#shop-by-price-head{margin-bottom:20px;text-align:center}.\#shop-by-price-eyebrow{display:block;font-family:var(--sbp-label);font-size:10px;font-weight:700;line-height:1.4;letter-spacing:2.5px;text-transform:uppercase;color:var(--sbp-eyebrow)}.\#shop-by-price-title{position:relative;margin:6px 0 0;padding-bottom:12px;font-family:var(--sbp-display);font-weight:400;font-size:clamp(27px,3.2vw,38px);line-height:1;letter-spacing:1.1px;color:var(--sbp-heading)}.\#shop-by-price[data-anim]:not(.is-seen) .\#shop-by-price-title:after{transform:scaleX(0)}.\#shop-by-price-rail{display:flex;gap:12px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:10px 0 28px;margin:-10px 0 -28px;margin-bottom:60px!important}.\#shop-by-price-rail::-webkit-scrollbar{display:none}.\#shop-by-price-card{flex:0 0 calc((100% - 12px) / 1.11);scroll-snap-align:start;position:relative;overflow:hidden;isolation:isolate;display:flex;flex-direction:column;min-height:400px;padding:26px 24px 24px;border-radius:24px;text-align:left;text-decoration:none;color:var(--tx);background:linear-gradient(150deg,var(--c1),var(--c2));transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s;-webkit-tap-highlight-color:transparent}@media(min-width:750px){.\#shop-by-price-rail{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;overflow:visible;padding:0;margin:0}.\#shop-by-price-card{flex:none}}@media(min-width:1100px){.\#shop-by-price-rail{grid-template-columns:repeat(4,minmax(0,1fr))}}.\#shop-by-price-sm{position:absolute;z-index:-1;width:260px;height:260px;border-radius:50%;background:#fff9;filter:blur(50px);opacity:.6;pointer-events:none}.\#shop-by-price-sm--a{top:-80px;right:-90px;animation:sbpDrift 9s ease-in-out infinite}.\#shop-by-price-sm--b{bottom:-100px;left:-90px;animation:sbpDrift 11s ease-in-out infinite reverse}.\#shop-by-price-hx{position:absolute;z-index:-1;bottom:-30px;width:18px;height:20px;background:#ffffffe6;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);opacity:0;pointer-events:none;animation:sbpRise 7s linear infinite}.\#shop-by-price-hx--1{left:18%}.\#shop-by-price-hx--2{left:52%;width:12px;height:14px;animation-delay:2.2s}.\#shop-by-price-hx--3{left:78%;width:22px;height:25px;animation-delay:4.4s}.\#shop-by-price-dots{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;opacity:.25;pointer-events:none;background-image:radial-gradient(#fff 1px,transparent 1.2px);background-size:16px 16px;-webkit-mask-image:linear-gradient(180deg,#000,transparent 70%);mask-image:linear-gradient(180deg,#000,transparent 70%)}.\#shop-by-price-live{display:inline-flex;align-self:flex-start;align-items:center;gap:8px;padding:6px 11px;border-radius:99px;background:#fff6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font-family:var(--sbp-label);font-size:10.5px;font-weight:700;line-height:1.2;letter-spacing:.14em;text-transform:uppercase;color:var(--tx)}.\#shop-by-price-live b{font-weight:inherit}.\#shop-by-price-live i{flex-shrink:0;width:7px;height:7px;border-radius:50%;background:var(--sbp-dot);box-shadow:0 0 0 0 var(--sbp-dot-glow);animation:sbpPulse 1.6s infinite}.\#shop-by-price-kicker{margin-top:22px;font-family:var(--sbp-label);font-size:11px;font-weight:700;line-height:1.3;letter-spacing:.2em;text-transform:uppercase;color:var(--tx);opacity:.72}.\#shop-by-price-price{position:relative;margin:6px 0 2px;white-space:nowrap;font-family:var(--sbp-display);font-weight:400;font-size:clamp(46px,4.4vw,72px);line-height:.9;letter-spacing:.01em;color:transparent;background:linear-gradient(100deg,var(--tx) 30%,var(--ac) 45%,var(--tx) 60%);background-size:250% 100%;-webkit-background-clip:text;background-clip:text;animation:sbpShine 4.5s ease-in-out infinite}.\#shop-by-price-sub{font-family:var(--sbp-display);font-weight:400;font-size:23px;line-height:1;letter-spacing:.04em;color:#6d28d9}.\#shop-by-price-thumbs{position:relative;height:110px;margin:auto 0 18px}.\#shop-by-price-thumb{position:absolute;bottom:0;display:grid;place-items:center;width:92px;height:92px;border-radius:18px;background:#fffffff2;box-shadow:0 14px 26px -12px #0009;animation:sbpBob 4s ease-in-out infinite;transition:left .35s}.\#shop-by-price-thumb:nth-child(1){left:0;transform:rotate(-8deg)}.\#shop-by-price-thumb:nth-child(2){left:70px;z-index:2;animation-delay:.6s}.\#shop-by-price-thumb:nth-child(3){left:140px;animation-delay:1.2s}.\#shop-by-price-thumb-img{display:block;width:78%;height:78%;object-fit:contain}.\#shop-by-price-foot{display:flex;align-items:center;justify-content:center;gap:10px;padding-top:16px;border-top:1px solid var(--div)}.\#shop-by-price-desc{font-family:var(--sbp-body);font-size:18px;font-weight:700;line-height:1.4;color:var(--tx);opacity:1;text-transform:uppercase}.\#shop-by-price-go{flex-shrink:0;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--tx);color:var(--c2);transition:transform .3s}@media(hover:hover){.\#shop-by-price-card:hover{transform:translateY(-8px);box-shadow:0 30px 50px -24px var(--c2)}.\#shop-by-price-card:hover .\#shop-by-price-thumb:nth-child(1){left:-6px}.\#shop-by-price-card:hover .\#shop-by-price-thumb:nth-child(3){left:152px}.\#shop-by-price-card:hover .\#shop-by-price-go{transform:rotate(-45deg) scale(1.08)}}.\#shop-by-price-card:focus-visible{outline:2px solid var(--tx);outline-offset:-4px}@keyframes sbpDrift{0%,to{transform:translate(0) scale(1)}33%{transform:translate(-40px,50px) scale(1.15)}66%{transform:translate(30px,-20px) scale(.9)}}@keyframes sbpRise{0%{transform:translateY(0) rotate(0);opacity:0}15%{opacity:.55}to{transform:translateY(-460px) rotate(200deg);opacity:0}}@keyframes sbpPulse{70%{box-shadow:0 0 0 8px transparent}to{box-shadow:0 0 0 0 transparent}}@keyframes sbpShine{0%{background-position:120% 0}60%,to{background-position:-60% 0}}@keyframes sbpBob{0%,to{translate:0 0}50%{translate:0 -10px}}.\#shop-by-price[data-anim]:not(.is-in) .\#shop-by-price-card *,.\#shop-by-price[data-anim]:not(.is-in) .\#shop-by-price-card *:before{animation-play-state:paused}.\#shop-by-price--static .\#shop-by-price-card *{animation:none!important}.\#shop-by-price--static .\#shop-by-price-price{background-position:0 0}@media(prefers-reduced-motion:reduce){.\#shop-by-price-card *,.\#shop-by-price-card{animation:none!important;transition:none!important}.\#shop-by-price-title:after{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/157/assets/shop-by-price.css.map */