lilja-ugc-clips.lilja-ugc-clips{display:block;margin-top:var(--space-1);margin-bottom:var(--space-6)}.product__info-container>lilja-ugc-clips.lilja-ugc-clips{margin-top:var(--space-2);margin-bottom:var(--space-6)}.product__info-container>lilja-ugc-clips.lilja-ugc-clips~.lilja-usp-strip{margin-top:var(--space-6)}.lilja-ugc-clips__viewport{position:relative}.lilja-ugc-clips__viewport:before,.lilja-ugc-clips__viewport:after{content:"";position:absolute;top:2px;bottom:2px;width:2.25rem;z-index:1;pointer-events:none;opacity:0;transition:opacity var(--dur) var(--ease-out)}.lilja-ugc-clips__viewport:before{left:0;background:linear-gradient(to right,var(--paper),transparent)}.lilja-ugc-clips__viewport:after{right:0;background:linear-gradient(to left,var(--paper),transparent)}.lilja-ugc-clips.is-overflow-start .lilja-ugc-clips__viewport:before,.lilja-ugc-clips.is-overflow-end .lilja-ugc-clips__viewport:after{opacity:1}.lilja-ugc-clips__track{display:grid;grid-auto-flow:column;grid-auto-columns:42%;gap:var(--space-2);overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:0;padding-block:2px;margin:0;padding-inline:0;list-style:none;scrollbar-width:none;-webkit-overflow-scrolling:touch}.lilja-ugc-clips__track::-webkit-scrollbar{display:none}.lilja-ugc-clips__controls{display:flex;justify-content:center;align-items:center;gap:var(--space-3);margin-top:var(--space-3)}.lilja-ugc-clips__controls[hidden]{display:none}.lilja-ugc-clips__nav{width:44px;height:44px;display:flex;align-items:center;justify-content:center;padding:0;border:1px solid var(--color-border);border-radius:50%;background:var(--paper);color:var(--forest);cursor:pointer;box-shadow:var(--shadow-none);touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:background-color var(--dur) var(--ease-out),border-color var(--dur-fast) var(--ease-out),box-shadow var(--dur) var(--ease-out),transform var(--dur) var(--ease-out),color var(--dur-fast) var(--ease-out)}.lilja-ugc-clips__nav[disabled]{color:var(--color-text-subtle);background:var(--cloud);border-color:var(--color-border);cursor:default;box-shadow:var(--shadow-none);transform:none}.lilja-ugc-clips__nav .svg-wrapper{display:flex;align-items:center;justify-content:center;transition:transform var(--dur-fast) var(--ease-out)}.lilja-ugc-clips__nav .svg-wrapper,.lilja-ugc-clips__nav svg{width:14px;height:9px}.lilja-ugc-clips__nav svg{display:block}.lilja-ugc-clips__nav--prev svg{transform:rotate(90deg)}.lilja-ugc-clips__nav--next svg{transform:rotate(-90deg)}@media(hover:hover)and (pointer:fine){.lilja-ugc-clips__nav:not([disabled]):hover{background-color:var(--color-sage-wash);border-color:var(--forest);box-shadow:var(--shadow-button-hover);transform:translateY(-.2rem)}.lilja-ugc-clips__nav--prev:not([disabled]):hover .svg-wrapper{transform:translate(-2px)}.lilja-ugc-clips__nav--next:not([disabled]):hover .svg-wrapper{transform:translate(2px)}}.lilja-ugc-clips__nav:not([disabled]):active{background-color:color-mix(in srgb,var(--sage) 42%,var(--paper));border-color:var(--forest);box-shadow:var(--shadow-button-active);transform:translateY(0)}.lilja-ugc-clips__nav--prev:not([disabled]):active .svg-wrapper{transform:translate(-3px)}.lilja-ugc-clips__nav--next:not([disabled]):active .svg-wrapper{transform:translate(3px)}.lilja-ugc-clips__nav:focus,.lilja-ugc-clips__nav:focus-visible{outline:2px solid var(--forest);outline-offset:2px}.lilja-ugc-clips__nav:focus:not(:focus-visible){outline:0}.lilja-ugc-clips__item{min-width:0;scroll-snap-align:start}.lilja-ugc-clips--count-1 .lilja-ugc-clips__track{grid-auto-flow:row;grid-auto-columns:unset;grid-template-columns:minmax(0,42%);overflow:visible;scroll-snap-type:none}.lilja-ugc-clips__frame{position:relative;aspect-ratio:9 / 16;width:100%;overflow:hidden;border-radius:var(--radius-card);background:var(--cloud)}.lilja-ugc-clips__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:var(--space-2);box-sizing:border-box}.lilja-ugc-clips__placeholder .lilja-ugc-clips__poster-img{position:absolute;top:0;right:0;bottom:0;left:0}.lilja-ugc-clips__placeholder-label{position:relative;z-index:1;padding:6px 10px;border-radius:var(--radius-card);background:var(--paper);border:1px solid var(--color-border);font-family:var(--font-body);font-size:var(--fs-small);font-weight:var(--fw-medium);line-height:1.3;color:var(--ink);text-align:center}.lilja-ugc-clips__item.is-active .lilja-ugc-clips__frame{outline:2px solid var(--forest);outline-offset:2px}.lilja-ugc-clips .deferred-media__poster{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;padding:0;border:0;border-radius:0;background:transparent;cursor:pointer;display:block}.lilja-ugc-clips deferred-media{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;overflow:hidden;background:var(--cloud)}.lilja-ugc-clips .deferred-media__poster img,.lilja-ugc-clips__poster-img,.lilja-ugc-clips__video{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.lilja-ugc-clips deferred-media[loaded] .lilja-ugc-clips__video{position:absolute;top:0;right:0;bottom:0;left:0}.lilja-ugc-clips deferred-media[loaded]:not(.is-playing)>.deferred-media__poster{display:block;position:absolute;top:0;right:0;bottom:0;left:0;z-index:2}.lilja-ugc-clips deferred-media.is-buffering .deferred-media__poster-button{animation:lilja-ugc-clips-wait .9s var(--ease-out) infinite}.lilja-ugc-clips video::-webkit-media-controls-download-button,.lilja-ugc-clips video::-internal-media-controls-download-button,.lilja-ugc-clips video::-webkit-media-controls-overflow-button{display:none}.lilja-ugc-clips .deferred-media__poster-button{width:44px;height:44px;background:var(--paper);color:var(--forest);border:1px solid var(--color-border);opacity:1}.lilja-ugc-clips .deferred-media__poster-button .svg-wrapper,.lilja-ugc-clips .deferred-media__poster-button svg{width:12px;height:14px;display:block}.lilja-ugc-clips .deferred-media__poster:focus,.lilja-ugc-clips .deferred-media__poster:focus-visible{outline:2px solid var(--forest);outline-offset:2px;box-shadow:none}.lilja-ugc-clips .deferred-media__poster:focus:not(:focus-visible){outline:0}.lilja-ugc-clips__name{margin:6px 0 0;font-family:var(--font-body);font-size:var(--fs-small);font-weight:var(--fw-medium);line-height:1.3;color:var(--color-text-subtle);text-align:center}.lilja-ugc-clips__item.is-active .lilja-ugc-clips__name{color:var(--ink);font-weight:var(--fw-semibold)}@media screen and (min-width:750px){.lilja-ugc-clips--count-1 .lilja-ugc-clips__track,.lilja-ugc-clips--count-2 .lilja-ugc-clips__track{grid-auto-flow:row;grid-auto-columns:unset;overflow:visible;scroll-snap-type:none}.lilja-ugc-clips--count-1 .lilja-ugc-clips__track{grid-template-columns:minmax(0,16rem)}.lilja-ugc-clips--count-2 .lilja-ugc-clips__track{grid-template-columns:repeat(2,minmax(0,1fr))}.lilja-ugc-clips:not(.lilja-ugc-clips--count-1):not(.lilja-ugc-clips--count-2) .lilja-ugc-clips__track{grid-auto-columns:38%}}@keyframes lilja-ugc-clips-wait{50%{opacity:.45}}@media(prefers-reduced-motion:reduce){.lilja-ugc-clips deferred-media.is-buffering .deferred-media__poster-button{animation:none}.lilja-ugc-clips .deferred-media__poster-button:hover{transform:translate(-50%,-50%) scale(1)}.lilja-ugc-clips__nav,.lilja-ugc-clips__nav .svg-wrapper,.lilja-ugc-clips__viewport:before,.lilja-ugc-clips__viewport:after{transition:none}.lilja-ugc-clips__nav:not([disabled]):hover,.lilja-ugc-clips__nav:not([disabled]):active{transform:none;box-shadow:var(--shadow-none)}.lilja-ugc-clips__nav--prev:not([disabled]):hover .svg-wrapper,.lilja-ugc-clips__nav--next:not([disabled]):hover .svg-wrapper,.lilja-ugc-clips__nav--prev:not([disabled]):active .svg-wrapper,.lilja-ugc-clips__nav--next:not([disabled]):active .svg-wrapper{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/lilja-ugc-clips.css.map */