hock-stories{display:block;padding-block:var(--ugc-top) var(--ugc-bottom)}.hock-stories__heading{margin:0 0 3rem;text-align:center}.hock-stories__rail{position:relative}.hock-stories__track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - (var(--ugc-columns) - 1) * 12px) / var(--ugc-columns));gap:12px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:none;scrollbar-width:none;list-style:none;padding:3px 3px 12px;margin:0 -3px}.hock-stories__card{min-width:0;scroll-snap-align:start}.hock-stories__media{position:relative;aspect-ratio:9 / 16;border-radius:var(--ugc-radius);overflow:hidden;background:rgba(var(--color-foreground),.06)}.hock-stories__poster,.hock-stories__video{display:block;width:100%;height:100%;object-fit:cover}.hock-stories__video{position:absolute;top:0;right:0;bottom:0;left:0;background:#111}.hock-stories__placeholder{fill:rgba(var(--color-foreground),.25)}.hock-stories__play{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;border:0;padding:0;background:transparent;color:rgba(var(--color-button),.9);cursor:pointer}.hock-stories__play svg{filter:drop-shadow(0 2px 8px #0005)}.hock-stories__play:focus-visible{outline:3px solid rgb(var(--color-foreground));outline-offset:-5px}.hock-stories__play[hidden],.hock-stories__navigation[hidden],.hock-stories__error[hidden]{display:none}.hock-stories__navigation{display:flex;justify-content:center;gap:12px;margin-top:12px}.hock-stories__navigation button{width:48px;height:48px;border:1px solid rgba(var(--color-foreground),.25);border-radius:50%;background:rgb(var(--color-background));color:rgb(var(--color-foreground));font-size:24px;cursor:pointer}.hock-stories__navigation button:disabled{opacity:.3;cursor:default}.hock-stories__caption{margin:10px 0 0;font-size:1.4rem;line-height:1.5;text-align:center}.hock-stories__notice{position:absolute;inset:auto 12px 16px;text-align:center;font-size:1.3rem;padding:8px;background:rgb(var(--color-background));color:rgb(var(--color-foreground))}.hock-stories__error{font-size:1.3rem;margin:8px 0}@media(max-width:989px){.hock-stories__track{grid-auto-columns:31%}}@media(max-width:749px){.hock-stories__track{grid-auto-columns:55%;gap:10px}.hock-stories__heading{margin-bottom:2rem}}.hock-stories__dialog{padding:0;border:0;margin:auto;width:min(440px,100vw);max-width:100vw;height:min(90dvh,780px);max-height:100dvh;background:#111;color:#fff;overflow:hidden;border-radius:12px}.hock-stories__dialog::backdrop{background:#000c}.hock-stories__dialog:not([open]){display:none}.hock-stories__player,.hock-stories__screen{position:relative;width:100%;height:100%}.hock-stories__screen .hock-stories__video{position:static;object-fit:contain}.hock-stories__round{display:grid;place-items:center;width:48px;height:48px;padding:0;border:1px solid #ffffff55;border-radius:50%;color:#fff;background:#0009;cursor:pointer;font-size:28px;line-height:1}.hock-stories__close{position:absolute;top:16px;left:16px}.hock-stories__sound{position:absolute;top:16px;right:16px}.hock-stories__unmute{position:absolute;top:53%;left:50%;transform:translate(-50%,-50%);border:0;border-radius:7px;background:#333b;padding:14px 22px;color:#fff;font-family:inherit;font-size:20px;font-weight:600;line-height:1.4;white-space:nowrap;cursor:pointer}.hock-stories__unmute[hidden],.hock-stories__audible-icon,.hock-stories__sound[aria-pressed=true] .hock-stories__muted-icon{display:none}.hock-stories__sound[aria-pressed=true] .hock-stories__audible-icon{display:block}.hock-stories__player-nav{position:absolute;right:16px;top:65%;display:grid;gap:10px}.hock-stories__dialog button:focus-visible{outline:3px solid #fff;outline-offset:3px}.hock-stories__auto{display:block;margin:12px auto 0;padding:6px 12px;border:0;background:transparent;color:inherit;text-decoration:underline;cursor:pointer;font:inherit;font-size:12px}@media(max-width:749px){.hock-stories__dialog{width:100vw;height:100dvh;border-radius:0}}.hock-stories__track::-webkit-scrollbar{display:none}.hock-stories__player{touch-action:none;overscroll-behavior:contain}.hock-stories__unmute{display:flex;align-items:center;gap:8px}.hock-stories__unmute:before{content:"";width:24px;height:24px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M3 9h4l5-4v14l-5-4H3z'/%3E%3Cpath stroke='black' stroke-width='2' d='m16 9 6 6m0-6-6 6'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M3 9h4l5-4v14l-5-4H3z'/%3E%3Cpath stroke='black' stroke-width='2' d='m16 9 6 6m0-6-6 6'/%3E%3C/svg%3E") center/contain no-repeat}@media(prefers-reduced-motion:reduce){.hock-stories__track{scroll-snap-type:x proximity}}
/*# sourceMappingURL=/cdn/shop/t/131/compiled_assets/styles.css.map?subset=AAAACA */