.us-dial{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;--dial-tick: rgba(255, 255, 255, .92);--dial-line: rgba(255, 255, 255, .58);--dial-fill: rgba(255, 255, 255, .06);--dial-void-fill: rgba(255, 255, 255, .07);--dial-ghost: rgba(255, 255, 255, .32);--dial-label-r: 1.03;--dial-size: 68cqw;--dial-x: 49%;--dial-y: 54%}.us-dial-host{position:relative;container-type:inline-size}.us-dial__box{position:absolute;z-index:2;left:var(--dial-x);top:var(--dial-y);transform:translate(-50%,-50%);width:68%;aspect-ratio:1}@supports (width: 1cqw){.us-dial__box{width:var(--dial-size)}}.us-dial__svg{position:relative;z-index:1;display:block;width:100%;height:100%;overflow:visible}.us-dial__fam,.us-dial__cat{fill:var(--dial-fill);stroke:var(--dial-line);stroke-width:2;stroke-linejoin:round;pointer-events:auto}.us-dial__fam{stroke:#ffffff73}.us-dial__tick{stroke:var(--dial-tick);stroke-width:2.6;stroke-linecap:butt}.us-dial__ghost circle{fill:none;stroke:var(--dial-ghost);stroke-width:1.6}.us-dial__void{fill:var(--dial-void-fill);stroke:var(--dial-ghost);stroke-width:1.6;stroke-linejoin:round;pointer-events:auto}.us-dial__glass{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}@supports ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.us-dial__glass{-webkit-backdrop-filter:blur(7px) saturate(1.2) brightness(1.06);backdrop-filter:blur(7px) saturate(1.2) brightness(1.06)}.us-dial{--dial-fill: rgba(255, 255, 255, .02);--dial-void-fill: rgba(255, 255, 255, .03)}}.us-dial__label{position:absolute;z-index:4;margin:0;white-space:nowrap;font-family:var(--us-font-body);font-weight:400;font-size:clamp(1.2rem,.5rem + .95vw,2.2rem);letter-spacing:.15em;text-transform:uppercase;color:#fff;text-shadow:0 1px 16px rgba(18,22,15,.62)}.us-dial__label--left{transform:translate(-100%,-50%)}.us-dial__label--right{transform:translateY(-50%)}@media(prefers-reduced-motion:no-preference){.us-dial__tick{stroke-dasharray:var(--len);stroke-dashoffset:var(--len)}.us-dial__fam,.us-dial__cat,.us-dial__ghost,.us-dial__void,.us-dial__glass,.us-dial__label{opacity:0}.us-dial--in .us-dial__tick{animation:us-dial-tick .42s cubic-bezier(.22,.61,.36,1) both;animation-delay:calc(var(--i) * 4ms)}.us-dial--in .us-dial__ghost,.us-dial--in .us-dial__void,.us-dial--in .us-dial__glass{animation:us-dial-fade .7s ease both}.us-dial--in .us-dial__fam,.us-dial--in .us-dial__cat{animation:us-dial-fade .6s ease both .22s}.us-dial--in .us-dial__label:not(.us-dial__spot-label){animation:us-dial-fade .5s ease both;animation-delay:calc(.75s + var(--i) * .07s)}@keyframes us-dial-tick{to{stroke-dashoffset:0}}@keyframes us-dial-fade{to{opacity:1}}}@media(max-width:749px){.us-dial{--dial-fill: rgba(255, 255, 255, .08);--dial-size: 88cqw;--dial-y: 36%}.us-dial__label{display:none}.us-dial__box{width:88%}.us-dial__tick{stroke-width:4}.us-dial__fam,.us-dial__cat{stroke-width:3.2}.us-dial__ghost circle,.us-dial__void{stroke-width:2.6}}.us-dial{--dial-lit-in: 1.15s;--dial-lit-out: .45s;--dial-lit-ease: cubic-bezier(.32, 0, .24, 1)}.us-dial__cat,.us-dial__tick{transition:fill var(--dial-lit-out) var(--us-ease, ease),stroke var(--dial-lit-out) var(--us-ease, ease)}.us-dial__cat.is-lit,.us-dial__tick.is-lit{transition:fill var(--dial-lit-in) var(--dial-lit-ease),stroke var(--dial-lit-in) var(--dial-lit-ease)}.us-dial__cat.is-lit{fill:#ffffffe6;stroke:#fffffff2}.us-dial__tick.is-lit{stroke:#fff}.us-dial__spot-label{left:var(--us-space-5);right:var(--us-space-5);top:auto;bottom:var(--us-space-5);transform:none;white-space:normal;opacity:0;transition:opacity .45s var(--us-ease, ease)}.us-dial__spot-label.is-on{opacity:1;transition:opacity var(--dial-lit-in) var(--dial-lit-ease)}@media(max-width:749px){.us-dial__spot-label{display:none}}
/*# sourceMappingURL=/cdn/shop/t/142/assets/us-record-dial.css.map */