.ugc{overflow-x:clip;--drawer-width: 316px}.ugc [reveal-copy][reveal]{opacity:1;transition:none}.ugc [reveal-copy] .badge,.ugc [reveal-copy] .section-heading__subheading{--line-step: 0}.ugc [reveal-copy] .section-heading__heading,.ugc [reveal-copy] .section-heading__description,.ugc [reveal-copy] .section-heading__actions{--line-step: 1}.js-reveal .ugc [reveal-copy]:not(.is-revealed) .badge,.js-reveal .ugc [reveal-copy]:not(.is-revealed) .section-heading__subheading,.js-reveal .ugc [reveal-copy]:not(.is-revealed) .section-heading__heading,.js-reveal .ugc [reveal-copy]:not(.is-revealed) .section-heading__description,.js-reveal .ugc [reveal-copy]:not(.is-revealed) .section-heading__actions{opacity:0;transform:translateY(var(--reveal-rise))}.ugc [reveal-copy].is-revealed .badge,.ugc [reveal-copy].is-revealed .section-heading__subheading,.ugc [reveal-copy].is-revealed .section-heading__heading,.ugc [reveal-copy].is-revealed .section-heading__description,.ugc [reveal-copy].is-revealed .section-heading__actions{transition:opacity var(--dur-wave) var(--ease-reveal),transform var(--dur-wave) var(--ease-reveal);transition-delay:calc(var(--reveal-delay, 0ms) + var(--line-step) * var(--reveal-step))}@media(prefers-reduced-motion:reduce){.js-reveal .ugc [reveal-copy]:not(.is-revealed) .badge,.js-reveal .ugc [reveal-copy]:not(.is-revealed) .section-heading__subheading,.js-reveal .ugc [reveal-copy]:not(.is-revealed) .section-heading__heading,.js-reveal .ugc [reveal-copy]:not(.is-revealed) .section-heading__description,.js-reveal .ugc [reveal-copy]:not(.is-revealed) .section-heading__actions{transform:none}.ugc [reveal-copy].is-revealed .badge,.ugc [reveal-copy].is-revealed .section-heading__subheading,.ugc [reveal-copy].is-revealed .section-heading__heading,.ugc [reveal-copy].is-revealed .section-heading__description,.ugc [reveal-copy].is-revealed .section-heading__actions{transition:opacity var(--dur-base) ease}}.ugc .section-heading{margin-block-end:1.5rem}@media(min-width:768px){.ugc .section-heading{margin-block-end:2rem}}.ugc .section-heading__subheading{text-transform:none}.ugc__carousel{--ugc-active-scale: 1;--ugc-reel-w: calc(64vw / var(--ugc-active-scale))}.ugc__carousel:not(.is-live),.ugc__carousel:not(.is-live) *{transition:none!important}@media(min-width:768px){.ugc__carousel{--ugc-reel-w: 250px}}.ugc__carousel[reveal] :is(.ugc__cover img,.ugc__cover .placeholder-svg){transform:scale(var(--media-park, 1))}@media not (prefers-reduced-motion:reduce){.js-reveal .ugc__carousel[reveal]:not(.is-revealed) :is(.ugc__cover img,.ugc__cover .placeholder-svg){--media-park: 1.035;transition:none}}.ugc__carousel[reveal].is-revealed :is(.ugc__cover img,.ugc__cover .placeholder-svg){transition:transform var(--dur-media) var(--ease-smooth);transition-delay:var(--media-delay, var(--reveal-delay, 0ms))}@media(min-width:768px){.ugc__carousel--cols-3{--ugc-reel-w: min(340px, max(280px, calc((100vw - 2 * 24px) / 3)))}}@media(min-width:768px){.ugc__carousel--standard.ugc__carousel--cols-3{--ugc-reel-w: calc((100% - 2 * 24px) / 3.2027)}}@media(min-width:768px){.ugc__carousel--immersive.ugc__carousel--cols-3{--ugc-reel-w: 25.875vw;--ugc-immersive-gap: 36px}}@media(min-width:768px){.ugc__carousel--cols-5{--ugc-reel-w: max(250px, calc((100vw - 96px)/5) )}}@media(min-width:768px){.ugc__carousel--immersive.ugc__carousel--cols-5{--ugc-reel-w: 17.3611vw}}.ugc__carousel--standard{padding-inline:var(--page-margin, 0)}.ugc>.ugc__carousel--immersive .ugc__viewport{margin-inline:calc(-1 * var(--page-margin, 1rem));width:calc(100% + var(--page-margin, 1rem) * 2)}.ugc__viewport{overflow:visible}.ugc-lightbox__stage .ugc__viewport{overflow:hidden}.ugc__reel{height:auto}.ugc>.ugc__carousel--progressive .ugc__viewport,.ugc>.ugc__carousel--immersive .ugc__viewport{overflow-y:visible}.ugc>.ugc__carousel--progressive .ugc__viewport{overflow-x:clip}.ugc>.ugc__carousel--immersive .ugc__viewport{overflow-x:visible}.ugc>.ugc__carousel .swiper-wrapper{position:relative}.ugc>.ugc__carousel .ugc__reel{position:absolute;inset-block-start:0;inset-inline-start:50%;width:var(--ugc-reel-w);height:auto;z-index:1;transition:transform var(--dur-slide) var(--ease-smooth),opacity var(--dur-slide) var(--ease-smooth)}.ugc>.ugc__carousel .ugc__reel[pgr-dist="0"]{z-index:3}.ugc>.ugc__carousel .ugc__reel[pgr-dist="1"]{z-index:2}.ugc>.ugc__carousel:not(.is-live) .ugc__reel:first-child{position:relative;inset-inline-start:auto;margin-inline:auto}.js-reveal .ugc>.ugc__carousel:not(.is-live){opacity:0}.ugc>.ugc__carousel--standard .ugc__reel[pgr-dist="5"],.ugc>.ugc__carousel--standard .ugc__reel[pgr-dist="6"],.ugc>.ugc__carousel--immersive .ugc__reel[pgr-dist="5"],.ugc>.ugc__carousel--immersive .ugc__reel[pgr-dist="6"]{transition:none}.ugc>.ugc__carousel--progressive .ugc__reel{transition:transform var(--dur-slide) var(--ease-smooth),opacity var(--dur-slide) var(--ease-smooth),z-index var(--dur-slide) var(--ease-smooth)}.ugc>.ugc__carousel--progressive{overflow:hidden}.ugc>.ugc__carousel--progressive .ugc__reel[pgr-dist="0"]{z-index:7}.ugc>.ugc__carousel--progressive .ugc__reel[pgr-dist="1"]{z-index:6}.ugc>.ugc__carousel--progressive .ugc__reel[pgr-dist="2"]{z-index:5}.ugc>.ugc__carousel--progressive .ugc__reel[pgr-dist="3"]{z-index:4}.ugc>.ugc__carousel--progressive .ugc__reel[pgr-dist="4"]{z-index:3}.ugc>.ugc__carousel--progressive .ugc__reel[pgr-dist="5"]{z-index:2}.ugc>.ugc__carousel--progressive .ugc__reel[pgr-dist="6"]{z-index:1}.ugc>.ugc__carousel--progressive.ugc__carousel--cols-3 .ugc__reel:not([pgr-dist="0"]):not([pgr-dist="1"]){opacity:0;pointer-events:none}.ugc__reel-frame{background-color:var(--color-bg)}.ugc>.ugc__carousel--progressive .swiper-slide-active .ugc__reel-frame,.ugc>.ugc__carousel--progressive .swiper-slide-active .ugc__player{border-end-start-radius:0;border-end-end-radius:0}.ugc>.ugc__carousel--immersive .ugc__reel-frame .ugc__overlay-actions{inset-block-end:var(--ugc-clip-bottom, 0px)}.ugc__player{top:0;right:0;bottom:0;left:0;border-radius:var(--border-radius-cards, 8px)}.ugc__video,.ugc__cover{z-index:1}.ugc__cover{z-index:2;transition:opacity var(--dur-base) var(--ease-out)}.ugc__cover.is-hidden{opacity:0;pointer-events:none}.ugc__play-btn{position:absolute;inset-block-start:50%;inset-inline-start:50%;transform:translate(-50%,-50%);z-index:4;width:50px;height:50px;padding:0;border-radius:50%;transition:transform var(--dur-base) var(--ease-out),opacity var(--dur-base) var(--ease-out),background-color var(--dur-fast) var(--ease-smooth)}.ugc__play-btn .btn__icon{inline-size:24px;block-size:24px}.ugc__play-btn.is-hidden,.ugc__play-btn.is-playing{opacity:0;transform:translate(-50%,-50%) scale(.94);pointer-events:none}.ugc__play-btn:active{transform:translate(-50%,-50%) scale(.94)}@media(hover:hover)and (pointer:fine){.ugc__play-btn:hover{transform:translate(-50%,-50%) scale(1.06)}}@media(prefers-reduced-motion:reduce){.ugc__play-btn,.ugc__play-btn.is-hidden,.ugc__play-btn.is-playing,.ugc__play-btn:active,.ugc__play-btn:hover{transform:translate(-50%,-50%)}}.ugc__overlay-actions{position:absolute;inset-inline:0;inset-block-end:0;z-index:5;gap:.5rem;padding:.75rem;opacity:0;transition:opacity var(--dur-base) var(--ease-out)}@media(hover:none){.ugc__overlay-actions{opacity:1}}.ugc__overlay-actions .btn--icon{inline-size:2rem;block-size:2rem;padding:0}.ugc__overlay-actions .btn--icon .btn__icon{inline-size:1rem;block-size:1rem}.ugc__icon{display:inline-flex}.ugc__player:not(.is-unmuted) .ugc__icon--unmuted,.ugc__player.is-unmuted .ugc__icon--muted{display:none}.ugc__reel-frame:hover .ugc__overlay-actions,.ugc__reel-frame:focus-within .ugc__overlay-actions{opacity:1}.ugc__carousel--progressive .swiper-slide-active .ugc__overlay-actions,.ugc__carousel--immersive .swiper-slide-active .ugc__overlay-actions{opacity:1}.ugc__spotlight-card{position:absolute;inset-block-start:100%;inset-inline-start:50%;inset-inline-end:auto;translate:-50% 0;z-index:6;inline-size:calc(100vw - 2rem);max-width:358px;scale:calc(1 / var(--ugc-active-scale));border-radius:var(--border-radius-cards, 8px);overflow:hidden;box-shadow:0 4px 16px color-mix(in srgb,var(--color-text) 8%,transparent);opacity:0;visibility:hidden;transition:opacity var(--dur-base) var(--ease-out),visibility 0s linear var(--dur-base)}.ugc .swiper-slide-active .ugc__spotlight-card{opacity:1;visibility:visible;transition:opacity var(--dur-base) var(--ease-out),visibility 0s}.ugc__spotlight-card .mc-card__media{overflow:hidden}.ugc__spotlight-card .mc-card__media img{transition:transform var(--dur-hover) var(--ease-out)}@media(hover:hover)and (pointer:fine){.ugc__spotlight-card .mc-card:hover .mc-card__media img{transform:scale(1.06)}}@media(prefers-reduced-motion:reduce){.ugc__spotlight-card .mc-card__media img,.ugc__spotlight-card .mc-card:hover .mc-card__media img{transform:none;transition:none}}.ugc__carousel--standard .ugc__spotlight-card{inset-block-start:calc(100% + 20px)}.ugc__spotlight-slider .swiper{border:1px solid var(--color-border);border-radius:var(--border-radius-cards, 8px)}.ugc__spotlight-slider .mc-card{border:none;border-radius:0}.ugc__carousel--progressive .ugc__spotlight-card{inset-block-start:auto;inset-block-end:calc(100% + 43px)}.ugc__carousel--has-card{--ugc-card-drop: 11rem;padding-block-end:var(--ugc-card-drop);overflow:hidden;transition:padding var(--dur-slide) var(--ease-smooth)}.ugc__carousel--progressive.ugc__carousel--has-card{--ugc-card-drop: 0rem;--ugc-card-lift: 11.5rem;padding-block-end:var(--ugc-card-drop);padding-block-start:var(--ugc-card-lift)}.ugc__carousel--has-card.ugc__carousel--no-card{--ugc-card-drop: 0rem;--ugc-card-lift: 0rem}@media(min-width:768px){.ugc__spotlight-card{inset-block-end:auto;inset-block-start:calc(100% + .75rem);inset-inline-start:50%;inset-inline-end:auto;translate:-50% 0;scale:none;margin-inline:auto;inline-size:min(316px,100%)}.ugc__carousel--standard .ugc__spotlight-card{inline-size:316px;max-inline-size:calc(100vw - 2rem)}.ugc__carousel--progressive .ugc__spotlight-card,.ugc__carousel--immersive .ugc__spotlight-card{inset-inline-start:calc(50% + 1rem);inset-inline-end:auto;margin-inline:0;translate:none;inline-size:316px;max-inline-size:calc(100vw - 2rem)}.ugc__carousel--progressive .ugc__spotlight-card{inset-block-start:-15%;inset-block-end:auto}.ugc__carousel--immersive .ugc__spotlight-card{--ugc-immersive-card-lift: 12%;inset-block-start:calc(-1 * var(--ugc-immersive-card-lift));scale:calc(1 / var(--ugc-active-scale))}.ugc__carousel--immersive.ugc__carousel--ratio-square .ugc__spotlight-card{--ugc-immersive-card-lift: 20%}.ugc__carousel--progressive,.ugc__carousel--immersive{--ugc-card-reserve: 5rem;padding-block-start:var(--ugc-card-reserve);overflow:hidden}.ugc__carousel--progressive.ugc__carousel--has-card{padding-block-start:var(--ugc-card-reserve)}.ugc__carousel--immersive.ugc__carousel--has-card{--ugc-card-drop: 0rem;padding-block-end:var(--ugc-card-drop)}}.ugc__nav.is-hidden{display:none}.ugc>.ugc__carousel .ugc__nav{position:absolute;top:0;right:0;bottom:0;left:0;inset-block-start:var(--ugc-card-reserve, 0);inset-block-end:var(--ugc-card-drop, 0);margin-block-start:0;display:none;align-items:center;justify-content:center;gap:calc(var(--ugc-reel-w) + 1rem);pointer-events:none;z-index:10}.ugc>.ugc__carousel .ugc__nav .ugc__nav-btn{position:static;transform:none;pointer-events:auto}@media(min-width:768px){.ugc>.ugc__carousel .ugc__nav{display:flex}}.ugc__nav-btn{position:absolute;inset-block-start:50%;transform:translateY(-50%);z-index:7;inline-size:50px;block-size:50px;padding:0}.ugc__nav-btn:active{transform:translateY(-50%) scale(.94)}@media(prefers-reduced-motion:reduce){.ugc__nav-btn:active{transform:translateY(-50%)}}.ugc__nav-btn--prev{inset-inline-start:.5rem}.ugc__nav-btn--next{inset-inline-end:.5rem}@media(min-width:768px){.ugc__nav-btn--prev{inset-inline-start:-3.25rem}.ugc__nav-btn--next{inset-inline-end:-3.25rem}}@media(prefers-reduced-motion:reduce){.ugc>.ugc__carousel .ugc__reel,.ugc>.ugc__carousel--progressive .ugc__reel,.ugc>.ugc__carousel--immersive .ugc__reel-frame,.ugc__cover,.ugc__overlay-actions,.ugc__spotlight-card,.swiper-slide-active .ugc__spotlight-card{transition:none}}.ugc-lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;background-color:transparent}.ugc-lightbox[open]{opacity:1;visibility:visible}.ugc-lightbox__backdrop[drawer-backdrop]{position:absolute;top:0;right:0;bottom:0;left:0;background-color:color-mix(in srgb,var(--color-overlay) 70%,transparent)}.ugc-lightbox__panel[drawer-panel]{position:relative;z-index:1;inline-size:100%;block-size:100%;max-inline-size:none;background-color:transparent;color:var(--color-text);transform:none}@media(min-width:768px){.ugc-lightbox__panel[drawer-panel]{align-items:stretch}}.ugc-lightbox__close{position:absolute;inset-block-start:1rem;inset-inline-end:1rem;z-index:10;inline-size:44px;block-size:44px;padding:0;border:0}@media(min-width:768px){.ugc-lightbox__close{display:none}}.ugc-lightbox__stage{flex:1 1 auto;padding:0}@media(min-width:768px){.ugc-lightbox__stage{padding:1.5rem;padding-inline-end:calc(1.5rem + var(--drawer-width, 24rem))}}.ugc-lightbox__slider,.ugc-lightbox__slider .ugc__viewport,.ugc-lightbox__slider .swiper-wrapper,.ugc-lightbox__slider .ugc__reel{inline-size:100%;block-size:100%}.ugc-lightbox__slider{--swiper-wrapper-transition-timing-function: var(--ease-smooth)}.ugc-lightbox__slider .ugc__reel-frame,.ugc-lightbox__slider .ugc__player{border-radius:0}.ugc-lightbox__slider .ugc__reel-frame{inline-size:100%;block-size:100%}.ugc-lightbox__slider .ugc__overlay-actions{padding:1rem}.ugc-lightbox__slider .ugc__overlay-actions .btn--icon{inline-size:44px;block-size:44px}.ugc-lightbox__slider .ugc__play-btn{width:60px;height:60px}.ugc-lightbox__slider .ugc__play-btn .btn__icon{inline-size:32px;block-size:32px}.ugc-lightbox__slider .swiper-slide-active .ugc__overlay-actions{opacity:1}.ugc-lightbox__dots.swiper-pagination-bullets.swiper-pagination-horizontal{position:absolute;inset-block-end:calc(1rem + 18px);inset-inline-start:50%;inline-size:auto;translate:-50% 0;z-index:8;gap:.25rem;--swiper-pagination-bullet-horizontal-gap: 0;display:flex}@media(min-width:768px){.ugc-lightbox__dots.swiper-pagination-bullets.swiper-pagination-horizontal{display:none}}.ugc-lightbox .ugc__nav{display:none}@media(min-width:768px){.ugc-lightbox .ugc__nav{display:block}}.ugc-lightbox__slider .ugc__nav{margin-block-start:0}.ugc-lightbox__products-trigger{position:absolute;inset-block-end:1rem;inset-inline-end:1rem;z-index:8;inline-size:44px;block-size:44px}@media(min-width:768px){.ugc-lightbox__products-trigger{display:none}}.ugc-lightbox:not(.ugc-lightbox--has-products) .ugc-lightbox__products-trigger{display:none}.ugc-lightbox__stage:has(+drawer-component[id^=ugc-products-][open]) .ugc-lightbox__dots.swiper-pagination-bullets.swiper-pagination-horizontal,.ugc-lightbox__stage:has(+drawer-component[id^=ugc-products-][open]) .ugc-lightbox__products-trigger{display:none}.ugc-lightbox__products-count{position:absolute;inset-block-start:-4px;inset-inline-end:-4px;z-index:1;min-inline-size:16px;padding:1px 4px;border-radius:999px;background:var(--color-accent);color:var(--color-accent-text);font-family:var(--font-body-family);font-size:9px;font-weight:var(--font-body-weight-bold);line-height:1.5;white-space:nowrap}@media(min-width:768px){.ugc-lightbox__slider,.ugc-lightbox__slider .ugc__viewport,.ugc-lightbox__slider .swiper-wrapper,.ugc-lightbox__slider .ugc__reel{block-size:auto}.ugc-lightbox__slider{max-width:420px}.ugc-lightbox__slider:has(.aspect-ratio--portrait){max-width:min(420px,60vh)}.ugc-lightbox__slider:has(.aspect-ratio--reel){max-width:min(420px,45vh)}.ugc-lightbox__slider:has(.aspect-ratio--square){max-width:min(420px,80vh)}.ugc-lightbox__slider .ugc__reel-frame{block-size:auto;max-height:80vh}.ugc-lightbox__slider .ugc__viewport{border-radius:var(--border-radius-cards, 8px)}.ugc-lightbox__slider .ugc__overlay-actions{padding:.75rem}.ugc-lightbox__slider .ugc__overlay-actions .btn--icon{inline-size:2rem;block-size:2rem}}.ugc-lightbox__products-list{gap:1rem}.ugc-lightbox__products-list.is-in,.ugc-lightbox__products-empty.is-in{animation:ugc-lightbox-products-in var(--dur-base) var(--ease-smooth)}@media(prefers-reduced-motion:reduce){.ugc-lightbox__products-list.is-in,.ugc-lightbox__products-empty.is-in{animation:none}}.ugc-lightbox__product{background-color:transparent}.ugc-lightbox drawer-component[contained]{z-index:4}.ugc-lightbox drawer-component[id^=ugc-products-][contained][open]{pointer-events:none}.ugc-lightbox drawer-component[id^=ugc-products-][contained][open]>[drawer-panel]{pointer-events:auto}@media(min-width:768px){.ugc-lightbox drawer-component[id^=ugc-products-][contained]>[drawer-panel]{inset-block:0;inset-inline-start:auto;inset-inline-end:0;inline-size:var(--drawer-width, 24rem);max-inline-size:100%;block-size:100%;max-block-size:none;border-radius:0;border-block-start:none;box-shadow:none;transform:translate(100%)}.ugc-lightbox drawer-component[id^=ugc-products-][contained][open]>[drawer-panel]{transform:translate(0)}.ugc-lightbox drawer-component[id^=ugc-products-][contained]>[drawer-panel]>[drawer-body]{flex:1 1 auto;padding:1rem}.ugc-lightbox__products-list .mc-card{padding:.75rem}}.ugc__spotlight-card .mc-card .mc-card__title,.ugc-lightbox__products-list .mc-card .mc-card__title{font-family:var(--font-heading-family);font-weight:var(--font-heading-weight-semibold, 600);font-size:18px;line-height:1.2;letter-spacing:0;color:var(--color-text)}.ugc__spotlight-card .mc-card .product-card__price-row,.ugc-lightbox__products-list .mc-card .product-card__price-row{flex-wrap:wrap;gap:0 4px}.ugc__spotlight-card .mc-card .product-card__price,.ugc-lightbox__products-list .mc-card .product-card__price{line-height:1.6}.ugc__spotlight-card .mc-card .product-card__price--compare,.ugc-lightbox__products-list .mc-card .product-card__price--compare{color:var(--color-text);opacity:.7}.ugc__spotlight-card .mc-card .product-card__offer,.ugc-lightbox__products-list .mc-card .product-card__offer{font-family:var(--font-body-family);font-weight:var(--font-body-weight, 400);font-size:16px;line-height:1.6;color:var(--color-btn-primary-bg)}@keyframes ugc-lightbox-products-in{0%{opacity:0;transform:translateY(8px)}}
/*# sourceMappingURL=/cdn/shop/t/101/assets/ugc.css.map */