.as-seen-on{--as-seen-on-note-color: #2563eb;--as-seen-on-heading-size: 1.4rem;--as-seen-on-social-bg: #6d388b;--as-seen-on-social-size: 3.2rem;--as-seen-on-border-color: #1e3a5f;--as-seen-on-border-width: 1px;--as-seen-on-border-radius: .4rem;--as-seen-on-grid-gap: .6rem;--as-seen-on-play-color: #2563eb;--as-seen-on-divider-color: rgba(var(--color-foreground), .15);--as-seen-on-aspect-ratio: 9 / 16;--as-seen-on-visible-items: 3;margin-top:var(--margin-top, 0);margin-bottom:var(--margin-bottom, 0)}.as-seen-on__note{margin:0 0 .8rem;font-size:1.2rem;color:var(--as-seen-on-note-color);line-height:1.4}.as-seen-on__note.rte>:first-child{margin-top:0}.as-seen-on__note.rte>:last-child{margin-bottom:0}.as-seen-on__note.rte em,.as-seen-on__note.rte i{font-style:italic}.as-seen-on__header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}.as-seen-on__heading{font-size:var(--as-seen-on-heading-size);line-height:1.2}.as-seen-on__heading--theme{font-size:inherit;font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-weight:var(--font-heading-weight);letter-spacing:calc(var(--font-heading-scale) * .06rem);line-height:calc(1 + .3/max(1,var(--font-heading-scale)))}.as-seen-on__header--media-only{justify-content:center;margin-bottom:1.6rem}@media screen and (max-width:749px){.as-seen-on__track{--as-seen-on-visible-items: var(--as-seen-on-mobile-visible-items, var(--as-seen-on-visible-items))}}.as-seen-on__heading.rte>:first-child{margin-top:0}.as-seen-on__heading.rte>:last-child{margin-bottom:0}.as-seen-on__heading.rte p{margin:0}.as-seen-on__heading.rte strong,.as-seen-on__heading.rte b{font-weight:700}.as-seen-on__heading.rte em,.as-seen-on__heading.rte i{font-style:italic}.as-seen-on__note.rte strong,.as-seen-on__note.rte b{font-weight:700}.as-seen-on__social{display:flex;align-items:center;gap:.6rem;flex-shrink:0}.as-seen-on__social-link{display:flex;align-items:center;justify-content:center;width:var(--as-seen-on-social-size);height:var(--as-seen-on-social-size);border-radius:50%;background:var(--as-seen-on-social-bg);color:#fff;transition:opacity .2s ease}.as-seen-on__social-link:hover{opacity:.85}.as-seen-on__social-link--static{cursor:default}.as-seen-on__social-link--static:hover{opacity:1}.as-seen-on__social-link .svg-wrapper{width:calc(var(--as-seen-on-social-size) * .45);height:calc(var(--as-seen-on-social-size) * .45)}.as-seen-on__social-link svg{width:100%;height:100%}.as-seen-on__slider-wrapper{border:var(--as-seen-on-border-width) solid var(--as-seen-on-border-color);border-radius:var(--as-seen-on-border-radius);overflow:hidden}.as-seen-on__track{display:flex;flex-wrap:nowrap;gap:var(--as-seen-on-grid-gap);padding:var(--as-seen-on-grid-gap);overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;touch-action:pan-x;--as-seen-on-slide-size: calc( (100% - (var(--as-seen-on-grid-gap) * (var(--as-seen-on-visible-items) - 1))) / var(--as-seen-on-visible-items) )}.as-seen-on__track::-webkit-scrollbar{display:none}.as-seen-on__track .as-seen-on__item{flex:0 0 var(--as-seen-on-slide-size);width:var(--as-seen-on-slide-size);scroll-snap-align:start;min-width:0}.as-seen-on__item{position:relative;aspect-ratio:var(--as-seen-on-aspect-ratio);overflow:hidden;border-radius:calc(var(--as-seen-on-border-radius) * .5);background:rgba(var(--color-foreground),.04)}.as-seen-on__media{width:100%;height:100%;object-fit:cover;display:block}.as-seen-on__play-btn{position:absolute;right:.8rem;bottom:.8rem;width:3.2rem;height:3.2rem;border:none;border-radius:50%;background:var(--as-seen-on-play-color);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;z-index:2;transition:transform .2s ease,opacity .2s ease}.as-seen-on__play-btn:hover{transform:scale(1.05)}.as-seen-on__play-btn .svg-wrapper{width:1.2rem;height:1.2rem;margin-left:.15rem}.as-seen-on__play-btn.is-hidden,.as-seen-on__item.is-playing .as-seen-on__play-btn{opacity:0;pointer-events:none}.as-seen-on__progress{height:.3rem;background:var(--as-seen-on-divider-color);margin-top:.8rem;border-radius:999px;overflow:hidden}.as-seen-on__progress-bar{height:100%;width:0;background:var(--as-seen-on-border-color);border-radius:inherit;transition:width .15s linear}
/*# sourceMappingURL=/cdn/shop/t/7/assets/component-as-seen-on.css.map */