arks-ugc{display:block}.arks-ugc__head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px 24px;margin-bottom:16px}.arks-ugc__caption{margin:0 0 6px;font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;opacity:.6}.arks-ugc__heading{margin:0}.arks-ugc__text{margin:6px 0 0;font-size:12px;opacity:.65}.arks-ugc__link{flex:none;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:inherit}.arks-ugc--block .arks-ugc__head{margin-bottom:10px}.arks-ugc__viewport{position:relative}.arks-ugc__list{display:flex;gap:8px;margin:0;padding:0;list-style:none;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain}.arks-ugc__list::-webkit-scrollbar{display:none}.arks-ugc--section .arks-ugc__list{--arks-ugc-pad: max(var(--gutter-container), (100vw - var(--theme-max-width)) / 2);padding-inline:var(--arks-ugc-pad);scroll-padding-inline:var(--arks-ugc-pad)}.arks-ugc__item{flex:0 0 42%;scroll-snap-align:start}@media screen and (min-width:768px){.arks-ugc--section .arks-ugc__item{flex:1 0 clamp(180px,17vw,260px)}.arks-ugc--block .arks-ugc__item{flex-basis:calc((100% - 16px)/3.2)}.arks-ugc__list{gap:12px}}.arks-ugc__card{position:relative;display:block;width:100%;aspect-ratio:9 / 16;padding:0;border:0;border-radius:6px;overflow:hidden;background:#1a1a1a;color:#fff;font:inherit;text-align:start;cursor:pointer}.arks-ugc__card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(0,0,0,.55),transparent 45%);pointer-events:none}.arks-ugc__poster,.arks-ugc__video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.arks-ugc__video{opacity:0;transition:opacity .3s ease}.arks-ugc__video.is-playing{opacity:1}.arks-ugc__play{position:absolute;top:8px;right:8px;z-index:1;width:24px;height:24px;border-radius:50%;background:#00000073}.arks-ugc__play:before{content:"";position:absolute;top:50%;left:54%;transform:translate(-50%,-50%);border-style:solid;border-width:5px 0 5px 8px;border-color:transparent transparent transparent #fff}.arks-ugc__by{position:absolute;left:10px;right:10px;bottom:44px;z-index:1;overflow:hidden;font-size:11px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.arks-ugc__prod{position:absolute;left:6px;right:6px;bottom:6px;z-index:1;display:flex;align-items:center;gap:6px;padding:4px;border-radius:4px;background:#fff;color:#000;font-size:10.5px;font-weight:600}.arks-ugc__prod img{width:20px;height:25px;object-fit:cover;border-radius:2px}.kt-no-touchevents .arks-ugc__card:hover .arks-ugc__poster{transform:scale(1.03)}.arks-ugc__poster{transition:transform .4s ease}.arks-ugc__nav{position:absolute;top:50%;z-index:2;display:none;width:40px;height:40px;border:1px solid rgba(0,0,0,.1);border-radius:50%;background:#fff;color:#000;transform:translateY(-50%);cursor:pointer}.arks-ugc__nav:before{content:"";position:absolute;top:50%;left:50%;width:8px;height:8px;border-top:1.5px solid currentColor;border-right:1.5px solid currentColor}.arks-ugc__nav--prev{left:12px}.arks-ugc__nav--prev:before{transform:translate(-30%,-50%) rotate(-135deg)}.arks-ugc__nav--next{right:12px}.arks-ugc__nav--next:before{transform:translate(-70%,-50%) rotate(45deg)}@media(hover:hover)and (min-width:768px){.arks-ugc__nav:not([hidden]){display:block}}.arks-ugc__card--empty{display:grid;place-items:center;border:1px dashed currentColor;background:none;color:inherit;font-size:11px;letter-spacing:.08em;text-transform:uppercase;opacity:.5;cursor:default}.arks-ugc__card--empty:after{display:none}.arks-ugc__empty{padding:12px;border:1px dashed currentColor;font-size:12px;opacity:.6}html.arks-ugc-locked{overflow:hidden}.arks-ugc-viewer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;background:#000000eb;font-family:var(--font-stack-body);opacity:0;transition:opacity .2s ease}.arks-ugc-viewer.is-open{opacity:1}.arks-ugc-viewer__panel{position:relative;display:flex;flex-direction:column;width:min(100vw,440px);height:100%;max-height:100dvh;background:#000;color:#fff}@media screen and (min-width:768px){.arks-ugc-viewer__panel{height:min(92vh,860px);border-radius:8px;overflow:hidden}}.arks-ugc-viewer__stage{position:relative;flex:1 1 auto;min-height:0}.arks-ugc-viewer__video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;background:#000}.arks-ugc-viewer__stage:before{content:"";position:absolute;top:0;left:0;right:0;z-index:1;height:120px;background:linear-gradient(to bottom,rgba(0,0,0,.5),transparent);pointer-events:none}.arks-ugc-viewer__bars{position:absolute;top:calc(10px + env(safe-area-inset-top,0px));left:10px;right:10px;z-index:2;display:flex;gap:3px}.arks-ugc-viewer__bars i{position:relative;flex:1;height:2px;overflow:hidden;background:#ffffff59}.arks-ugc-viewer__bars span{position:absolute;top:0;bottom:0;left:0;width:0;background:#fff}.arks-ugc-viewer__top{position:absolute;top:calc(18px + env(safe-area-inset-top,0px));left:12px;right:4px;z-index:2;display:flex;align-items:center;gap:2px;font-size:12px;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.4)}.arks-ugc-viewer__creator{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.arks-ugc-viewer__icon{display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;background:none;color:#fff;cursor:pointer}.arks-ugc-viewer__icon:focus-visible,.arks-ugc-viewer__zone:focus-visible{outline:2px solid #fff;outline-offset:-6px}[data-ugc-mute][aria-pressed=false] .arks-ugc-viewer__waves,[data-ugc-mute][aria-pressed=true] .arks-ugc-viewer__muted{display:none}.arks-ugc-viewer__zone{position:absolute;top:70px;bottom:0;z-index:1;width:30%;padding:0;border:0;background:none;cursor:pointer}.arks-ugc-viewer__zone--prev{left:0}.arks-ugc-viewer__zone--next{right:0}.arks-ugc-viewer__zone[hidden]{display:none}.arks-ugc-viewer__sheet{position:relative;z-index:3;display:grid;gap:10px;margin-top:-10px;padding:14px 16px calc(14px + env(safe-area-inset-bottom,0px));border-radius:10px 10px 0 0;background:#fff;color:#000}.arks-ugc-viewer__sheet[hidden],.arks-ugc-viewer__picks[hidden],.arks-ugc-viewer__sizes[hidden]{display:none}.arks-ugc-viewer__picks{display:flex;gap:6px}.arks-ugc-viewer__pick{width:40px;height:50px;padding:0;border:1px solid transparent;border-radius:3px;overflow:hidden;background:#f1f1f1;cursor:pointer}.arks-ugc-viewer__pick[aria-pressed=true]{border-color:#000}.arks-ugc-viewer__pick img{width:100%;height:100%;object-fit:cover}.arks-ugc-viewer__product{display:grid;grid-template-columns:48px 1fr;gap:12px;align-items:center}.arks-ugc-viewer__product img{width:48px;aspect-ratio:.8;object-fit:cover;border-radius:3px}.arks-ugc-viewer__title{display:block;font-size:12px;font-weight:600;line-height:1.35;color:inherit;text-decoration:none}.arks-ugc-viewer__price{display:block;margin-top:2px;font-size:12px;font-weight:700}.arks-ugc-viewer__was{margin-inline-start:6px;font-weight:400;opacity:.5}.arks-ugc-viewer__sizes{display:flex;flex-wrap:wrap;gap:6px}.arks-ugc-viewer__size{min-width:44px;height:36px;padding:0 10px;border:1px solid var(--arks-ink, #1a1a1a);background:#fff;color:var(--arks-ink, #1a1a1a);font:inherit;font-size:11px;font-weight:600;letter-spacing:.06em;cursor:pointer}.arks-ugc-viewer__size[aria-pressed=true]{background:var(--arks-ink, #1a1a1a);color:#fff}.arks-ugc-viewer__size:disabled{opacity:.35;text-decoration:line-through;cursor:default}.arks-ugc-viewer__sizes.is-missing .arks-ugc-viewer__size:not(:disabled){border-color:var(--arks-red, #ff0000)}.arks-ugc-viewer__msg{margin:0;font-size:11px}.arks-ugc-viewer__msg:empty{display:none}.arks-ugc-viewer__msg.is-error{color:var(--arks-red, #ff0000)}.arks-ugc-viewer__add.kt-button{min-height:46px;border-color:var(--arks-red, #ff0000);background:var(--arks-red, #ff0000);color:#fff;font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase}.kt-no-touchevents .arks-ugc-viewer__add.kt-button:hover{border-color:var(--arks-red-hover, #d40000);background:var(--arks-red-hover, #d40000)}.arks-ugc-viewer__add.kt-button:disabled{border-color:#e5e5e5;background:#e5e5e5;color:#8a8a8a}.arks-ugc-viewer__add.is-working{opacity:.6;pointer-events:none}@media(prefers-reduced-motion:reduce){.arks-ugc-viewer,.arks-ugc__video,.arks-ugc__poster{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/23/assets/arks-ugc.css.map */