.ycs{--ycs-story-size: 80px;--ycs-gap: 12px;--ycs-ring-color: #fb303e;--ycs-ring-width: 2px;--ycs-padding-top: 24px;--ycs-padding-bottom: 24px;display:block;width:100%;color:var(--color-foreground, #000)}.ycs *,.ycs *:before,.ycs *:after{box-sizing:border-box}.ycs__inner{width:100%;padding-block:var(--ycs-padding-top) var(--ycs-padding-bottom)}.ycs--page .ycs__inner{max-width:var(--page-width, 1440px);margin-inline:auto;padding-inline:var(--page-gutter, 20px)}.ycs--full .ycs__inner{padding-inline:var(--page-gutter, 20px)}.ycs__header{margin:0 0 14px}.ycs__heading{margin:0;color:inherit;font-family:var(--font-heading--family, inherit);font-size:12px;font-style:var(--font-heading--style, normal);font-weight:var(--font-heading--weight, 500);letter-spacing:.08em;line-height:1.2;text-transform:uppercase}.ycs__subheading{margin:4px 0 0;color:inherit;font-size:12px;font-weight:400;letter-spacing:.01em;line-height:1.4;opacity:.62}.ycs__rail{display:flex;gap:var(--ycs-gap);width:100%;margin:0;padding:3px 1px 7px;overflow-x:auto;overflow-y:hidden;overscroll-behavior-inline:contain;scroll-behavior:smooth;scroll-snap-type:inline proximity;scrollbar-width:none;-webkit-overflow-scrolling:touch}.ycs__rail::-webkit-scrollbar{display:none}.ycs__story{flex:0 0 var(--ycs-story-size);width:var(--ycs-story-size);scroll-snap-align:start}.ycs__trigger{display:block;width:var(--ycs-story-size);height:var(--ycs-story-size);margin:0;padding:0;color:inherit;background:none;border:0;border-radius:50%;cursor:pointer;-webkit-tap-highlight-color:transparent}.ycs__trigger:focus-visible{outline:2px solid currentColor;outline-offset:3px}.ycs__ring{display:block;width:100%;height:100%;padding:var(--ycs-ring-width);background:conic-gradient(from 210deg,color-mix(in srgb,var(--ycs-ring-color) 62%,#fff),var(--ycs-ring-color) 33%,color-mix(in srgb,var(--ycs-ring-color) 80%,#000) 68%,var(--ycs-ring-color));border-radius:50%;transition:transform .18s ease,opacity .18s ease}@supports not (background: color-mix(in srgb,#000 50%,#fff)){.ycs__ring{background:var(--ycs-ring-color)}}.ycs__trigger:hover .ycs__ring{transform:scale(1.035)}.ycs__trigger[aria-expanded=true] .ycs__ring{opacity:.65}.ycs__thumbnail{position:relative;display:block;width:100%;height:100%;overflow:hidden;background:#f1f1f1;border:2px solid var(--color-background, #fff);border-radius:50%}.ycs__thumbnail-image,.ycs__thumbnail-placeholder{display:block;width:100%;height:100%;object-fit:cover}.ycs__thumbnail-placeholder{background:linear-gradient(135deg,#ececec,#f8f8f8)}.ycs__video-badge{position:absolute;right:4px;bottom:4px;display:grid;place-items:center;width:20px;height:20px;color:#fff;background:#000000b8;border:1px solid rgb(255 255 255 / .78);border-radius:50%;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.ycs__video-badge svg{width:12px;height:12px}.ycs__empty{padding:18px;color:#555;background:#f6f6f6;border:1px dashed #bbb;font:12px/1.5 sans-serif}.ycs__empty code{font:inherit;font-weight:600}.ycs__viewer{width:100vw;max-width:none;height:100vh;height:100dvh;max-height:none;margin:0;padding:0;overflow:hidden;color:#fff;background:transparent;border:0}.ycs__viewer[open]{display:grid;place-items:center}.ycs__viewer::backdrop{background:#000000e6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.ycs__viewer-frame{--ycs-viewer-ratio: .5625;position:relative;display:grid;width:min(94vw,calc(82svh * var(--ycs-viewer-ratio)));max-width:94vw;max-height:92svh;color:#fff;background:#080808;border-radius:14px;box-shadow:0 24px 80px #00000080;isolation:isolate}.ycs__media-shell{position:relative;width:100%;aspect-ratio:var(--ycs-viewer-ratio);max-height:82svh;overflow:hidden;background:#080808;border-radius:inherit;touch-action:pan-y}.ycs__media-canvas{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center}.ycs__viewer-media{display:block;width:100%;height:100%;object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.ycs__progress{position:absolute;z-index:6;top:10px;right:12px;left:12px;display:grid;grid-template-columns:repeat(var(--ycs-progress-count, 1),minmax(0,1fr));gap:4px;pointer-events:none}.ycs__progress-segment{position:relative;height:2px;overflow:hidden;background:#ffffff52;border-radius:999px}.ycs__progress-segment:after{position:absolute;top:0;right:0;bottom:0;left:0;content:"";background:#fff;transform:scaleX(var(--ycs-segment-progress, 0));transform-origin:left center}.ycs__toolbar{position:absolute;z-index:7;top:20px;right:12px;left:12px;display:flex;align-items:center;justify-content:space-between;pointer-events:none}.ycs__counter{min-width:44px;padding:5px 8px;font:500 11px/1 sans-serif;letter-spacing:.04em;background:#00000061;border-radius:999px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.ycs__toolbar-actions{display:flex;gap:6px;pointer-events:auto}.ycs__icon-button{display:grid;place-items:center;width:34px;height:34px;margin:0;padding:0;color:#fff;background:#00000061;border:0;border-radius:50%;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.ycs__icon-button:hover{background:#0000009e}.ycs__icon-button:focus-visible,.ycs__nav-zone:focus-visible,.ycs__play-toggle:focus-visible{outline:2px solid #fff;outline-offset:2px}.ycs__icon-button svg{width:20px;height:20px}.ycs__sound-icon--on,.ycs__sound-button[aria-pressed=true] .ycs__sound-icon--muted{display:none}.ycs__sound-button[aria-pressed=true] .ycs__sound-icon--on{display:block}.ycs__nav-zone{position:absolute;z-index:4;top:68px;bottom:0;width:28%;margin:0;padding:0;color:#fff;background:transparent;border:0;cursor:pointer;opacity:0;transition:opacity .16s ease;-webkit-tap-highlight-color:transparent}.ycs__nav-zone--previous{left:0}.ycs__nav-zone--next{right:0}.ycs__nav-zone svg{position:absolute;top:50%;width:30px;height:30px;padding:5px;background:#00000052;border-radius:50%;transform:translateY(-50%)}.ycs__nav-zone--previous svg{left:10px}.ycs__nav-zone--next svg{right:10px}.ycs__viewer-frame:hover .ycs__nav-zone:not(:disabled){opacity:1}.ycs__nav-zone:disabled{cursor:default;opacity:0}.ycs__play-toggle{position:absolute;z-index:5;top:50%;left:50%;display:grid;place-items:center;width:54px;height:54px;margin:0;padding:0;color:#fff;background:#0000007a;border:1px solid rgb(255 255 255 / .5);border-radius:50%;cursor:pointer;transform:translate(-50%,-50%);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.ycs__play-toggle svg{width:28px;height:28px}.ycs [hidden]{display:none!important}@media(max-width:749px){.ycs--page .ycs__inner,.ycs--full .ycs__inner{padding-inline:16px}.ycs__viewer-frame{width:min(96vw,calc(84svh * var(--ycs-viewer-ratio)));max-width:96vw;border-radius:10px}.ycs__media-shell{max-height:84svh}.ycs__nav-zone{opacity:0}}@media(prefers-reduced-motion:reduce){.ycs__rail{scroll-behavior:auto}.ycs__ring,.ycs__nav-zone{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/48/assets/yhone-creator-stories.css.map */