.spotlight{--spotlight-accent: 246, 166, 9;--spotlight-accent-text: 255, 255, 255;--spotlight-radius: 2.4rem;--spotlight-ratio: var(--spotlight-ratio-mobile, 4 / 5);--spotlight-cols: var(--spotlight-cols-mobile, 2);overflow:hidden}@media screen and (min-width:750px){.spotlight{--spotlight-ratio: var(--spotlight-ratio-desktop, 16 / 9);--spotlight-cols: var(--spotlight-cols-desktop, 4)}}.spotlight__header{display:flex;flex-direction:column;align-items:center;text-align:center;gap:1rem;margin-bottom:2.4rem}.spotlight__header--left{align-items:flex-start;text-align:left}@media screen and (min-width:750px){.spotlight__header{margin-bottom:3.6rem}.spotlight__header--desktop-left{align-items:flex-start;text-align:left}.spotlight__header--desktop-center{align-items:center;text-align:center}}.spotlight__eyebrow{margin:0;font-size:1.4rem;letter-spacing:.12rem;text-transform:uppercase;color:rgba(var(--color-foreground),.7)}.spotlight__heading{margin:0;max-width:90rem}.spotlight__subheading{margin:0;max-width:70rem;color:rgba(var(--color-foreground),.78)}.spotlight__subheading>*{margin:0}.spotlight__badge{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;width:8.4rem;height:8.4rem;border-radius:50%;background:rgb(var(--spotlight-accent));color:rgb(var(--spotlight-accent-text));box-shadow:0 .6rem 1.8rem rgba(var(--spotlight-accent),.35);margin:.6rem 0;line-height:1}.spotlight__badge-value{font-size:3.2rem;font-weight:700}.spotlight__badge-caption{font-size:1.3rem;letter-spacing:.04rem;margin-top:.3rem}.compare-toggle__tabs{position:relative;display:grid;grid-auto-flow:column;grid-auto-columns:1fr;width:max-content;max-width:100%;margin:0 auto 1.4rem;padding:.4rem;border-radius:5rem;background:rgba(var(--color-foreground),.07)}.compare-toggle__thumb{position:absolute;top:.4rem;bottom:.4rem;left:.4rem;width:calc(50% - .4rem);border-radius:5rem;background:rgb(var(--spotlight-accent));transition:transform .32s cubic-bezier(.4,0,.2,1);pointer-events:none}.compare-toggle__tab{position:relative;z-index:1;border:0;padding:1rem 1.8rem;border-radius:5rem;background:transparent;color:rgba(var(--color-foreground),.72);font-family:inherit;font-size:1.3rem;line-height:1.2;cursor:pointer;transition:color .2s ease}compare-toggle.is-after .compare-toggle__thumb,compare-toggle.is-demo .compare-toggle__thumb{transform:translate(100%)}compare-toggle:not(.is-after):not(.is-demo) .compare-toggle__tab[data-state=before],compare-toggle.is-after .compare-toggle__tab[data-state=after],compare-toggle.is-demo .compare-toggle__tab[data-state=after]{color:rgb(var(--spotlight-accent-text));font-weight:600}.compare-toggle__tab:focus-visible{outline:.2rem solid rgb(var(--color-foreground));outline-offset:.2rem}@media screen and (min-width:750px){.compare-toggle__tab{padding:1.1rem 2.8rem;font-size:1.5rem}}compare-toggle{display:block;position:relative}.compare-toggle__viewport{position:relative;overflow:hidden;aspect-ratio:var(--spotlight-ratio);border-radius:var(--spotlight-radius);background:rgba(var(--color-foreground),.04);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}compare-toggle.is-tappable .compare-toggle__viewport{cursor:pointer}.compare-toggle__layer{position:absolute;top:0;right:0;bottom:0;left:0}.compare-toggle__layer img,.compare-toggle__layer svg,.compare-toggle__layer picture{display:block;width:100%;height:100%;object-fit:cover;pointer-events:none}.compare-toggle__layer--after{opacity:0;transition:opacity .4s ease}compare-toggle.is-after .compare-toggle__layer--after,compare-toggle.is-demo .compare-toggle__layer--after{opacity:1}.compare-toggle__link{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2}.compare-toggle__label{position:absolute;bottom:1.4rem;display:flex;flex-direction:column;gap:.4rem;max-width:42%;padding:.8rem 1.4rem;border-radius:1.6rem;background:#ffffffeb;box-shadow:0 .4rem 1.6rem #00000029;pointer-events:none;text-align:left;opacity:0;transition:opacity .3s ease}.compare-toggle__label--before{left:1.4rem}.compare-toggle__label--after{right:1.4rem;text-align:right}compare-toggle:not(.is-after):not(.is-demo) .compare-toggle__label--before,compare-toggle.is-after .compare-toggle__label--after,compare-toggle.is-demo .compare-toggle__label--after{opacity:1}.compare-toggle__label-title{font-size:1.2rem;font-weight:700;letter-spacing:.08rem;text-transform:uppercase;color:rgb(var(--spotlight-accent))}.compare-toggle__label--before .compare-toggle__label-title{color:rgb(var(--spotlight-label-before, var(--spotlight-accent)))}.compare-toggle__label-caption{font-size:1.3rem;line-height:1.3;color:#1c1c1c}@media screen and (min-width:750px){.compare-toggle__label{bottom:2.4rem;padding:1rem 2rem}.compare-toggle__label--before{left:2.4rem}.compare-toggle__label--after{right:2.4rem}.compare-toggle__label-title{font-size:1.3rem}.compare-toggle__label-caption{font-size:1.5rem}}@media(prefers-reduced-motion:reduce){.compare-toggle__layer--after,.compare-toggle__label,.compare-toggle__thumb,.compare-toggle__tab{transition:none}}.spotlight__cta{display:flex;flex-direction:column;align-items:center;gap:1.2rem;margin-top:2.4rem;text-align:center}.spotlight__cta-buttons{display:flex;flex-direction:column;align-items:stretch;gap:1rem;width:100%;max-width:36rem}.spotlight__cta-buttons product-form,.spotlight__cta-buttons form,.spotlight__cta-buttons modal-opener{display:block;width:100%}.spotlight__cta-buttons .button{width:100%}.spotlight__cta .product-form__error-message-wrapper{margin-top:1rem;text-align:left}.spotlight__price{margin:0;font-size:1.6rem;color:rgba(var(--color-foreground),.8)}.spotlight__price s{opacity:.6;margin-left:.6rem}.spotlight__cta .button{min-width:24rem}@media screen and (min-width:750px){.spotlight__cta{margin-top:3.2rem}.spotlight__cta-buttons{flex-direction:row;justify-content:center;width:auto;max-width:none}.spotlight__cta-buttons product-form,.spotlight__cta-buttons form,.spotlight__cta-buttons modal-opener{width:auto}.spotlight__cta-buttons .button{width:auto}}.spotlight__features{display:grid;grid-template-columns:repeat(var(--spotlight-cols),minmax(0,1fr));gap:1.2rem;margin-top:2.4rem;padding:1.8rem 1.4rem;border-radius:var(--spotlight-radius);background:rgba(var(--color-foreground),.04)}@media screen and (min-width:750px){.spotlight__features{gap:2.4rem;margin-top:3.2rem;padding:2.8rem 3.2rem}}.spotlight__feature{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.8rem;padding:.6rem}@media screen and (min-width:750px){.spotlight__feature+.spotlight__feature{border-left:.1rem solid rgba(var(--color-foreground),.12)}}.spotlight__feature-icon{display:flex;align-items:center;justify-content:center;width:4.4rem;height:4.4rem;color:rgb(var(--spotlight-accent))}.spotlight__feature-icon svg,.spotlight__feature-icon img{width:100%;height:100%;object-fit:contain}.spotlight__feature-title{margin:0;font-size:1.3rem;font-weight:600;line-height:1.35;color:rgb(var(--color-foreground))}.spotlight__feature-text{margin:0;font-size:1.2rem;line-height:1.35;color:rgba(var(--color-foreground),.7)}@media screen and (min-width:750px){.spotlight__feature-title{font-size:1.5rem}.spotlight__feature-text{font-size:1.4rem}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/section-product-spotlight-compare.css.map */