.ugc-as-seen-on,.ugc-as-seen-on__player{--ugc-text: #000;--ugc-bg: #fff;--ugc-surface: #f7f7f7;--ugc-overlay: rgba(0, 0, 0, .6);--ugc-tile-width: 90px;--ugc-tile-height: 148px;--ugc-tile-gap: 8px;--ugc-heading-gap: 12px;font-family:Helvetica Neue,Helvetica,Arial,sans-serif}.ugc-as-seen-on{display:block;margin:24px 0 14px;color:var(--ugc-text)}.ugc-as-seen-on__heading{margin:0 0 var(--ugc-heading-gap)!important;font-family:Helvetica Neue,Helvetica,Arial,sans-serif!important;font-size:var(--font-size-small, 14px)!important;font-weight:400!important;line-height:1.4!important;letter-spacing:0!important;text-transform:uppercase!important;color:var(--ugc-text)!important}.ugc-as-seen-on__rail{display:flex;gap:var(--ugc-tile-gap);margin:0;padding:0;list-style:none;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}.ugc-as-seen-on__rail::-webkit-scrollbar{display:none}.ugc-as-seen-on__cell{display:flex;flex-direction:column;flex:0 0 var(--ugc-tile-width);gap:12px;width:var(--ugc-tile-width);scroll-snap-align:start}.ugc-as-seen-on__thumb{position:relative;display:flex;align-items:center;justify-content:center;width:var(--ugc-tile-width);height:var(--ugc-tile-height);margin:0;padding:0;border:0;border-radius:8px;background:var(--ugc-surface);overflow:hidden;cursor:pointer;-webkit-tap-highlight-color:transparent}.ugc-as-seen-on__thumb:focus-visible{outline:2px solid var(--ugc-text);outline-offset:2px}.ugc-as-seen-on__thumb-video{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:cover;border-radius:inherit}.ugc-as-seen-on__thumb-play{position:relative;display:flex;width:20px;height:20px;border-radius:50%;background:#ffffffb3;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);pointer-events:none}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.ugc-as-seen-on__thumb-play{background:#ffffffd9}}.ugc-as-seen-on__thumb-play svg{width:100%;height:100%}html.ugc-as-seen-on-lock{overflow:hidden}.ugc-as-seen-on__player{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;overflow:hidden;background:#000;color:var(--ugc-bg);opacity:0;transition:opacity .22s ease}.ugc-as-seen-on__player.is-open{opacity:1}.ugc-as-seen-on__player:not(.is-open){pointer-events:none}.ugc-as-seen-on__player[hidden]{display:none}.ugc-as-seen-on__player:focus{outline:none}.ugc-as-seen-on__stage{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center}.ugc-as-seen-on__slide{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity .18s ease}.ugc-as-seen-on__slide.is-active{opacity:1;visibility:visible}.ugc-as-seen-on__slide-video{display:block;width:100%;max-height:100%;aspect-ratio:9 / 16;object-fit:cover;background:var(--ugc-surface)}.ugc-as-seen-on__progress{position:absolute;top:0;left:0;z-index:2;width:100%;height:6px;background:var(--ugc-overlay)}.ugc-as-seen-on__progress-fill{display:block;width:0;height:100%;background:var(--ugc-bg)}.ugc-as-seen-on__control{position:absolute;z-index:2;display:flex;align-items:center;justify-content:center;width:44px;height:44px;margin:0;padding:0;border:0;border-radius:0;background:var(--ugc-overlay);color:var(--ugc-bg);cursor:pointer;-webkit-tap-highlight-color:transparent}.ugc-as-seen-on__control:focus-visible{outline:2px solid var(--ugc-bg);outline-offset:2px}.ugc-as-seen-on__card-btn:focus-visible{outline:2px solid var(--ugc-text);outline-offset:2px}.ugc-as-seen-on__control[disabled]{cursor:default;opacity:.4}.ugc-as-seen-on__close{top:calc(16px + env(safe-area-inset-top,0px));left:8px}.ugc-as-seen-on__prev,.ugc-as-seen-on__next{top:50%;right:8px}.ugc-as-seen-on__prev{transform:translateY(calc(-100% - 4px))}.ugc-as-seen-on__mute{right:8px;bottom:calc(152px + env(safe-area-inset-bottom,0px))}.ugc-as-seen-on__playpause{left:8px;bottom:calc(152px + env(safe-area-inset-bottom,0px))}.ugc-as-seen-on__icon-play,.ugc-as-seen-on__playpause.is-paused .ugc-as-seen-on__icon-pause{display:none}.ugc-as-seen-on__playpause.is-paused .ugc-as-seen-on__icon-play{display:block}.ugc-as-seen-on__icon-muted,.ugc-as-seen-on__mute[aria-pressed=true] .ugc-as-seen-on__icon-sound{display:none}.ugc-as-seen-on__mute[aria-pressed=true] .ugc-as-seen-on__icon-muted{display:block}.ugc-as-seen-on__card{position:absolute;right:8px;bottom:calc(8px + env(safe-area-inset-bottom,0px));left:8px;z-index:2;display:flex;gap:12px;padding:12px;background:var(--ugc-bg);color:var(--ugc-text)}.ugc-as-seen-on__card-media{flex:0 0 72px;width:72px;height:100px;overflow:hidden;background:var(--ugc-surface)}.ugc-as-seen-on__card-media img{display:block;width:100%;height:100%;object-fit:cover;mix-blend-mode:multiply}.ugc-as-seen-on__card-info{display:flex;flex:1 1 auto;flex-direction:column;justify-content:space-between;gap:8px;min-width:0}.ugc-as-seen-on__card-text{display:flex;flex-direction:column;gap:2px}.ugc-as-seen-on__card-title{margin:0;overflow:hidden;font-size:14px;font-weight:500;line-height:18px;letter-spacing:0;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.ugc-as-seen-on__card-price,.ugc-as-seen-on__card-price *{font-size:14px;line-height:18px;letter-spacing:0}.ugc-as-seen-on__card-btn{display:flex;align-items:center;justify-content:center;width:100%;height:46px;margin:0;padding:0 24px;border:1px solid var(--ugc-text);border-radius:0;background:var(--ugc-text);color:var(--ugc-bg);font-family:inherit;font-size:14px;font-weight:500;line-height:18px;letter-spacing:0;text-transform:uppercase;cursor:pointer}@media(min-width:768px){.ugc-as-seen-on{--ugc-tile-gap: 10px;--ugc-heading-gap: 14px;margin-top:28px;margin-bottom:36px}.ugc-as-seen-on__player{z-index:7999;inset:auto 20px 20px auto;width:369px;height:656px;max-height:calc(100vh - 40px);border-radius:14px;background:var(--ugc-surface);box-shadow:0 4px 32px #0000002e}.ugc-as-seen-on__slide-video{width:100%;height:100%;aspect-ratio:auto}.ugc-as-seen-on__close{top:14px}.ugc-as-seen-on__mute,.ugc-as-seen-on__playpause{bottom:144px}.ugc-as-seen-on__card{bottom:8px}}@media(prefers-reduced-motion:reduce){.ugc-as-seen-on__player,.ugc-as-seen-on__slide{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/71/assets/ugc-as-seen-on.css.map */