.osyn-ugc{background:var(--osyn-ugc-bg, var(--white));padding-block:var(--osyn-ugc-pt, 80px) var(--osyn-ugc-pb, 80px);overflow:hidden}.osyn-ugc__grid{display:grid;grid-template-columns:minmax(0,26%) minmax(0,1fr);align-items:center;gap:var(--osp-7)}.osyn-ugc__panel{padding-inline-start:var(--gutter);display:flex;flex-direction:column;gap:var(--osp-4);max-width:42ch}.osyn-ugc__heading{margin:0;font-family:var(--font);font-weight:var(--fw-medium);font-size:var(--fs-h2);line-height:var(--lh-heading);letter-spacing:var(--tr-h2);text-transform:uppercase;color:var(--ink);transition:opacity var(--dur-ui) var(--ease-apple)}.osyn-ugc__caption{margin:0;font-family:var(--font);font-size:var(--fs-body);line-height:var(--lh-body);color:var(--ink-3);transition:opacity var(--dur-ui) var(--ease-apple)}.osyn-ugc__caption .osyn-ugc__handle{color:var(--ink);font-weight:var(--fw-medium)}.osyn-ugc__cta{margin-top:var(--osp-2);min-height:1px}.osyn-ugc.is-swapping .osyn-ugc__heading[data-osyn-ugc-title],.osyn-ugc.is-swapping .osyn-ugc__caption,.osyn-ugc.is-swapping .osyn-ugc__cta{opacity:0}.osyn-ugc__col{min-width:0}.osyn-ugc__track{display:flex;align-items:flex-start;gap:var(--osyn-ugc-gap, 16px);padding:4px var(--gutter) 4px 0;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline-start:0;-webkit-overflow-scrolling:touch;cursor:grab;-webkit-user-select:none;user-select:none;scrollbar-width:none;-ms-overflow-style:none}.osyn-ugc__track::-webkit-scrollbar{display:none}.osyn-ugc__card{flex:0 0 calc((100% - 2 * var(--osyn-ugc-gap, 16px)) / 3.25);scroll-snap-align:start;position:relative;padding:0;border:0;background:none;-webkit-tap-highlight-color:transparent;text-align:start}.osyn-ugc__card[role=button]{cursor:pointer}.osyn-ugc__card[role=button]:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:18px}.osyn-ugc__media{position:relative;width:100%;height:0;padding-bottom:var(--osyn-ugc-ar, var(--osyn-ugc-pb-card, 125%));border-radius:16px;overflow:hidden;background:var(--ink-9);transition:padding-bottom var(--dur-reveal) var(--ease-ios)}.osyn-ugc__card.is-active .osyn-ugc__media{--osyn-ugc-ar: 177.78%}.osyn-ugc__media :is(video-media,video,img,.osyn-ugc__ph){position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.osyn-ugc__media video{-webkit-user-drag:none}.osyn-ugc__media .osyn-ugc__poster{display:none}.osyn-ugc__ph{display:grid;place-items:center;background:linear-gradient(140deg,var(--ink-8),var(--ink-9));color:var(--ink-4);font-family:var(--font);font-size:var(--fs-caption);text-transform:uppercase;letter-spacing:.04em}.osyn-ugc__play{position:absolute;inset-block-end:12px;inset-inline-end:12px;z-index:2;inline-size:34px;block-size:34px;display:grid;place-items:center;border-radius:50%;background:#00000073;color:var(--white);pointer-events:none;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.osyn-ugc__play svg{width:14px;height:14px}.osyn-ugc__bar{display:flex;align-items:center;justify-content:center;gap:var(--osp-4);margin-top:var(--osp-6)}.osyn-ugc__nav{flex:0 0 auto;display:flex;gap:var(--osp-3)}.osyn-ugc__dots .osyn-pgn__pill{background:transparent}.osyn-ugc__dots .osyn-pdot{background:#292a2f47}.osyn-ugc__dots .osyn-pdot:hover{background:#292a2f80}.osyn-ugc__dots .osyn-pdot.is-active{background:var(--ink)}.osyn-ugc__arrow{inline-size:40px;block-size:40px;display:grid;place-items:center;border:0;border-radius:50%;background:var(--ink-1);color:var(--ink);cursor:pointer;transition:background-color var(--dur-ui) var(--ease-apple)}.osyn-ugc__arrow:hover{background:var(--ink-2)}.osyn-ugc__arrow[disabled]{opacity:.4;pointer-events:none}.osyn-ugc__arrow:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.osyn-ugc__arrow svg{width:12px;height:12px}.osyn-ugc__modal{width:min(440px,92vw);max-width:92vw;max-height:92vh;padding:0;border:0;background:transparent;overflow:visible}.osyn-ugc__modal::backdrop{background:#000000d1}.osyn-ugc__dialog{position:relative;display:flex;flex-direction:column;gap:var(--osp-4)}.osyn-ugc__player{width:100%;max-height:78vh;aspect-ratio:9 / 16;object-fit:contain;background:#000;border-radius:16px;display:block}.osyn-ugc__modal-cap{color:var(--white);font-family:var(--font);font-size:var(--fs-body);line-height:var(--lh-body);text-align:center}.osyn-ugc__modal-cap .osyn-ugc__handle{font-weight:var(--fw-medium)}.osyn-ugc__modal-cta{display:flex;justify-content:center}.osyn-ugc__close{position:absolute;inset-block-start:-44px;inset-inline-end:0;inline-size:36px;block-size:36px;display:grid;place-items:center;border:0;border-radius:50%;background:#ffffff24;color:var(--white);cursor:pointer}.osyn-ugc__close:hover{background:#ffffff42}.osyn-ugc__mnav{position:absolute;inset-block-start:50%;transform:translateY(-50%);inline-size:44px;block-size:44px;display:grid;place-items:center;border:0;border-radius:50%;background:#ffffff24;color:var(--white);cursor:pointer}.osyn-ugc__mnav:hover{background:#ffffff42}.osyn-ugc__mnav--prev{inset-inline-start:-54px}.osyn-ugc__mnav--next{inset-inline-end:-54px}.osyn-ugc__close:focus-visible,.osyn-ugc__mnav:focus-visible{outline:2px solid var(--white);outline-offset:2px}@media(min-width:769px)and (max-width:1023px){.osyn-ugc__grid{grid-template-columns:minmax(0,32%) minmax(0,1fr);gap:var(--osp-5)}.osyn-ugc__card{flex-basis:calc((100% - 2 * var(--osyn-ugc-gap, 16px)) / 2.4)}}@media(max-width:768px){.osyn-ugc__card .osyn-ugc__media video-media{display:none}.osyn-ugc__card .osyn-ugc__media .osyn-ugc__poster{display:block}.osyn-ugc__grid{grid-template-columns:1fr;gap:var(--osp-4)}.osyn-ugc__panel{padding-inline:var(--gutter);max-width:none;gap:var(--osp-3)}.osyn-ugc__heading{font-size:clamp(1.6rem,5.5vw,2.1rem);min-height:2.4em}.osyn-ugc__track{gap:14px;padding-inline:var(--gutter);scroll-padding-inline-start:var(--gutter)}.osyn-ugc__card{flex-basis:72%}.osyn-ugc__bar{justify-content:center}.osyn-ugc__nav{display:none}.osyn-ugc__mnav--prev{inset-inline-start:6px}.osyn-ugc__mnav--next{inset-inline-end:6px}.osyn-ugc__close{position:fixed;inset-block-start:max(12px,env(safe-area-inset-top));inset-inline-end:12px;inline-size:44px;block-size:44px;background:#0009;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:3}}@media(prefers-reduced-motion:reduce){.osyn-ugc__media,.osyn-ugc__heading[data-osyn-ugc-title],.osyn-ugc__caption,.osyn-ugc__cta,.osyn-ugc__arrow{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/26/assets/osyn-ugc-carousel.css.map */