.fit-story-circles{display:block;min-width:0;width:100%;max-width:100%}.fit-story-circles__heading{margin:0 0 8px}.fit-story-circles__text{margin-block-end:20px}.fit-story-circles__text>:first-child{margin-block-start:0}.fit-story-circles__text>:last-child{margin-block-end:0}.fit-story-circles__rail{display:flex;align-items:flex-start;justify-content:safe var(--circle-align, start);gap:var(--circle-gap, 16px);overflow-x:auto;overscroll-behavior-inline:contain;padding:6px;scrollbar-width:thin}.fit-story-circle{flex:0 0 var(--circle-size, 88px);width:var(--circle-size, 88px);min-width:0}.fit-story-circle__trigger,.fit-story-circle__empty{display:flex;flex-direction:column;align-items:center;gap:8px;width:100%;padding:0;color:inherit;text-align:center;font:inherit}.fit-story-circle__trigger{cursor:pointer;border:0;background:transparent}.fit-story-circle__trigger:disabled{cursor:default}.fit-story-circle__image{position:relative;display:block;box-sizing:border-box;width:100%;aspect-ratio:1;border:var(--circle-border, 2px) solid var(--circle-ring, currentColor);border-radius:50%;padding:3px}.fit-story-circles:is([data-ring-style=gradient],[data-ring-style=custom_gradient]) .fit-story-circle__image{border-color:transparent}.fit-story-circles:is([data-ring-style=gradient],[data-ring-style=custom_gradient]) .fit-story-circle__image:before{content:"";position:absolute;inset:calc(-1 * var(--circle-border, 2px));border-radius:inherit;padding:var(--circle-border, 2px);pointer-events:none;background:var(--circle-gradient, linear-gradient(45deg, #f2b56b 0%, #ee825f 25%, #dc6488 50%, #ab62b3 75%, #7663c5 100%));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.fit-story-circle__image>img,.fit-story-circle__image>svg{position:absolute;top:3px;right:3px;bottom:3px;left:3px;width:calc(100% - 6px);height:calc(100% - 6px);display:block;object-fit:cover;border-radius:50%}.fit-story-circle__play{position:absolute;bottom:4px;inset-inline-end:4px;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;border:1px solid #fff;background:#242424;color:#fff}.fit-story-circle__play svg{width:12px;height:12px}.fit-story-circle__label{font-size:12px;line-height:1.4;overflow-wrap:anywhere}.fit-story-circles__rail[data-labels=false] .fit-story-circle__label{display:none}.fit-story-circle__empty{position:relative;font-size:12px}.fit-story-circle__placeholder{--fit-placeholder-art-color: #7a7d80;--fit-placeholder-art-opacity: .42;position:absolute;top:3px;right:3px;bottom:3px;left:3px;border-radius:50%;overflow:hidden;background:var(--fitcheck-token-surface-muted)}.fit-story-circle__trigger:focus-visible{outline:2px solid currentColor;outline-offset:3px;border-radius:4px}.fit-circles-viewer{position:fixed;top:0;right:0;bottom:0;left:0;box-sizing:border-box;margin:auto;padding:0;border:0;border-radius:18px;width:min(480px,calc((100dvh - 48px)*.5625),calc(100vw - 32px));height:auto;aspect-ratio:9 / 16;max-width:none;max-height:calc(100dvh - 48px);overflow:hidden;background:#111;color:#fff;isolation:isolate}.fit-circles-viewer::backdrop{background:#000000e0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.fit-circles-viewer__stage{position:absolute;top:0;right:0;bottom:0;left:0}.fit-circles-viewer__stage>img,.fit-circles-viewer__stage>video{display:block;width:100%;height:100%;object-fit:var(--circle-fit, cover)}.fit-circles-viewer__progress{position:absolute;top:10px;inset-inline:12px;display:flex;gap:4px;pointer-events:none}.fit-circles-viewer__progress>span{flex:1;height:3px;background:#ffffff59;border-radius:3px;overflow:hidden}.fit-circles-viewer__progress i{display:block;height:100%;background:#fff;transform:scaleX(var(--progress, 0));transform-origin:left}.fit-circles-viewer__toolbar{position:absolute;top:20px;inset-inline:10px;display:flex;gap:4px;align-items:center}.fit-circles-viewer__toolbar [data-position]{margin-inline-end:auto;padding:4px 9px;border-radius:30px;background:#000000a6;font-size:12px}.fit-circles-viewer__toolbar button{display:inline-flex;justify-content:center;align-items:center;min-width:44px;min-height:44px;padding:8px;border:0;border-radius:40px;background:#000000a6;color:#fff;font-size:12px;cursor:pointer}.fit-circles-viewer__toolbar svg{width:20px;height:20px}.fit-circles-viewer__navigation{position:absolute;inset-inline:8px;top:48%;pointer-events:none}.fit-circles-viewer__navigation>div{display:flex;justify-content:space-between;width:100%}.fit-circles-viewer__navigation button{pointer-events:auto;min-width:44px;min-height:44px;background:#0009!important}.fit-circles-viewer__navigation button:disabled{visibility:hidden}.fit-circles-viewer__footer{position:absolute;inset-inline:12px;bottom:12px;display:grid;gap:8px;pointer-events:none}.fit-circles-viewer[data-video=true] .fit-circles-viewer__footer{bottom:64px}.fit-circles-viewer__footer>*{pointer-events:auto;margin:0}.fit-circles-viewer__footer p{width:fit-content;max-width:100%;background:#000000bf;padding:6px 10px;border-radius:4px;font-size:13px;overflow-wrap:anywhere}.fit-circles-viewer__footer [data-title]:empty{display:none}.fit-circles-viewer button:focus-visible,.fit-circles-viewer a:focus-visible{outline:2px solid #fff;outline-offset:-4px}.fit-circles-viewer [hidden]{display:none!important}@media(max-width:749px){.fit-story-circle{flex-basis:var(--circle-mobile, 72px);width:var(--circle-mobile, 72px)}.fit-circles-viewer{width:min(100vw,56.25dvh);max-height:100dvh;border-radius:0}}
/*# sourceMappingURL=/cdn/shop/t/34/assets/story-circles.css.map */