.oplx-ugc{background:var(--oplx-ugc-bg);padding:64px 0}.oplx-ugc *{box-sizing:border-box}.oplx-ugc__inner{max-width:1240px;margin:0 auto}.oplx-ugc__head{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap;margin-bottom:28px;padding:0 24px}.oplx-ugc__eyebrow{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--oplx-ugc-accent);flex-basis:100%;margin-bottom:4px}.oplx-ugc__heading{font-family:Fraunces,serif;font-weight:500;margin:0;color:var(--oplx-ugc-text)}.oplx-ugc__heading--medium{font-size:26px}.oplx-ugc__heading--large{font-size:34px}.oplx-ugc__heading--xlarge{font-size:44px}.oplx-ugc__handle{font-size:13px;font-weight:700;color:var(--oplx-ugc-accent);text-decoration:none}.oplx-ugc__handle:hover{text-decoration:underline}.oplx-ugc__carousel{overflow:hidden;padding:8px 0}.oplx-ugc__track{display:flex;gap:14px;overflow-x:auto;scroll-behavior:smooth;scrollbar-width:none;padding:0 24px;-webkit-overflow-scrolling:touch}.oplx-ugc__track::-webkit-scrollbar{display:none}.oplx-ugc__card{display:block!important;position:relative!important;flex:0 0 auto!important;width:190px!important;height:auto!important;min-height:0!important;max-height:none!important;min-width:0!important;max-width:none!important;aspect-ratio:9 / 16!important;line-height:0!important;font-size:0!important;border-radius:16px!important;overflow:hidden!important;border:none!important;outline:none!important;padding:0!important;margin:0!important;cursor:pointer;background:#ddd;opacity:.55;transform:scale(.92);transition:transform .4s cubic-bezier(.3,1,.3,1),opacity .4s ease,box-shadow .4s ease;box-shadow:0 6px 18px #00000014}.oplx-ugc__card img{position:absolute!important;top:0!important;right:0!important;bottom:0!important;left:0!important;width:100%!important;height:100%!important;object-fit:cover!important;display:block!important;margin:0!important;padding:0!important}.oplx-ugc__card-shade{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:16px;box-shadow:inset 0 0 0 0 var(--oplx-ugc-accent);transition:.3s;pointer-events:none}.oplx-ugc__card.is-active{opacity:1;transform:scale(1);box-shadow:0 18px 40px #00000038}.oplx-ugc__card.is-active .oplx-ugc__card-shade{box-shadow:inset 0 0 0 3px var(--oplx-ugc-accent)}.oplx-ugc__card:hover{opacity:1}.oplx-ugc__card-bar{display:block!important;position:absolute!important;top:8px!important;left:8px!important;right:8px!important;height:3px!important;min-height:0!important;background:color-mix(in srgb,var(--oplx-progress-empty, #FFFFFF) 55%,transparent)!important;border-radius:4px!important;overflow:hidden!important;z-index:5!important;padding:0!important;margin:0!important}.oplx-ugc__card-bar-fill{display:block!important;height:100%!important;width:0%;background:var(--oplx-progress-fill, #F4D9A0)!important;border-radius:4px!important;margin:0!important;padding:0!important}@media(max-width:749px){.oplx-ugc__card{width:120px!important;height:auto!important}.oplx-ugc__track{gap:10px;padding:0 16px}.oplx-ugc__head{padding:0 16px}.oplx-ugc__heading--medium{font-size:20px}.oplx-ugc__heading--large{font-size:24px}.oplx-ugc__heading--xlarge{font-size:28px}}.oplx-story{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:none;align-items:center;justify-content:center;padding:24px}.oplx-story.is-open{display:flex}.oplx-story__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:color-mix(in srgb,var(--oplx-story-bg, #000000) 78%,transparent);cursor:zoom-out}.oplx-story__card{display:block!important;position:relative!important;overflow:hidden!important;background:#111;box-shadow:0 30px 80px #00000080;animation:oplx-story-in .3s cubic-bezier(.3,1,.3,1)}@keyframes oplx-story-in{0%{opacity:0;transform:scale(.94) translateY(10px)}to{opacity:1;transform:none}}.oplx-story__bars{display:flex!important;position:absolute!important;top:12px!important;left:12px!important;right:12px!important;gap:5px!important;z-index:5!important;margin:0!important;padding:0!important}.oplx-story__bar{display:block!important;flex:1!important;height:4px!important;min-height:0!important;background:color-mix(in srgb,var(--oplx-progress-empty, #FFFFFF) 45%,transparent)!important;border-radius:4px!important;overflow:hidden!important;margin:0!important;padding:0!important}.oplx-story__bar-fill{display:block!important;height:100%!important;width:0%;background:var(--oplx-progress-fill, #F4D9A0)!important;border-radius:4px!important;margin:0!important;padding:0!important}.oplx-story__header{position:absolute;top:26px;left:12px;right:12px;display:flex!important;align-items:center!important;justify-content:space-between;gap:10px;z-index:3}.oplx-story__brand{display:flex;align-items:center!important;gap:7px;color:var(--oplx-story-text);font-size:12.5px;font-weight:700;min-width:0;overflow:hidden;align-self:center!important}.oplx-story__logo{width:24px!important;height:24px!important;border-radius:50%!important;object-fit:cover!important;flex-shrink:0;vertical-align:middle}.oplx-story__brand span:nth-child(2){white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.oplx-story__time{font-weight:500;opacity:.65;font-size:11px;flex-shrink:0;white-space:nowrap}.oplx-story__close{display:flex!important;align-items:center!important;justify-content:center!important;align-self:center!important;flex-shrink:0;width:30px!important;height:30px!important;min-height:0!important;max-height:none!important;background:#0006;border:none!important;outline:none!important;color:var(--oplx-story-text);font-size:14px!important;line-height:1!important;cursor:pointer;border-radius:50%!important;padding:0!important;margin:0!important}.oplx-story__close:hover{background:#0009}.oplx-story__stage{position:relative;width:100%;height:100%}.oplx-story__slide{position:absolute;top:0;right:0;bottom:0;left:0;display:none}.oplx-story__slide.is-active{display:block}.oplx-story__slide img{position:absolute!important;top:0!important;right:0!important;bottom:0!important;left:0!important;width:100%!important;height:100%!important;object-fit:cover!important;display:block!important}.oplx-story__caption{position:absolute;bottom:76px;left:16px;right:16px;color:var(--oplx-story-text);font-size:13.5px;font-weight:600;text-shadow:0 2px 8px rgba(0,0,0,.4);z-index:2}.oplx-story__cta{position:absolute;bottom:16px;left:16px;right:16px;text-align:center;background:#fffffff2;color:#14201a;padding:11px;border-radius:30px;font-size:12.5px;font-weight:800;text-decoration:none;z-index:2}.oplx-story__nav{display:block!important;position:absolute!important;top:0!important;bottom:0!important;height:auto!important;min-height:0!important;width:35%!important;background:none!important;border:none!important;outline:none!important;padding:0!important;margin:0!important;cursor:pointer;z-index:2}.oplx-story__nav--prev{left:0!important;right:auto!important}.oplx-story__nav--next{right:0!important;left:auto!important}
/*# sourceMappingURL=/cdn/shop/t/20/assets/ugc-stories.css.map */