.cyk{--s: 72px;--mark: rgb(201 156 74 / .55);position:relative;display:block;inline-size:var(--s);block-size:var(--s);flex:none;border-radius:50%;touch-action:none;cursor:grab;user-select:none;-webkit-user-select:none;isolation:isolate}.cyk.is-drag{cursor:grabbing}.cyk>span{position:absolute;border-radius:50%;pointer-events:none}.cyk__scale{top:-13%;right:-13%;bottom:-13%;left:-13%;background:repeating-conic-gradient(from -1.2deg,var(--mark) 0 2.4deg,transparent 2.4deg 15deg);-webkit-mask:radial-gradient(closest-side,transparent 84%,#000 85.5%,#000 95%,transparent 96.5%);mask:radial-gradient(closest-side,transparent 84%,#000 85.5%,#000 95%,transparent 96.5%)}.cyk__scale:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:repeating-conic-gradient(from -1.6deg,rgb(224 176 74 / .95) 0 3.2deg,transparent 3.2deg 90deg);-webkit-mask:radial-gradient(closest-side,transparent 80%,#000 81.5%,#000 96%,transparent 97.5%);mask:radial-gradient(closest-side,transparent 80%,#000 81.5%,#000 96%,transparent 97.5%)}.cyk__well{top:-4%;right:-4%;bottom:-4%;left:-4%;background:radial-gradient(closest-side,#000000d9 82%,#00000059 92%,#0000);box-shadow:inset 0 calc(var(--s) * .02) calc(var(--s) * .03) #000c,0 1px #ffffff0f}.cyk__shadow{top:0;right:0;bottom:0;left:0;translate:0 calc(var(--s) * .07);box-shadow:calc(var(--s) * .05) calc(var(--s) * .09) calc(var(--s) * .14) #000000a6,0 calc(var(--s) * .02) calc(var(--s) * .03) #000000b3}.cyk__side{top:0;right:0;bottom:0;left:0;translate:0 calc(var(--s) * .07);background:linear-gradient(180deg,#2b2c31,#141417 45%,#060607);box-shadow:inset calc(var(--s) * .03) 0 calc(var(--s) * .04) #ffffff0f,inset 0 calc(var(--s) * -.02) calc(var(--s) * .03) #000000e6}.cyk>.cyk__body{top:0;right:0;bottom:0;left:0;transform:rotate(var(--a, 0deg));will-change:transform}.cyk__body>span{position:absolute;border-radius:50%}.cyk__top{top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 50%,#1f2024 0 60%,#17181b 82%,#0b0b0d);box-shadow:inset 0 calc(var(--s) * .014) calc(var(--s) * .012) #fff3,inset 0 calc(var(--s) * -.02) calc(var(--s) * .03) #000c,0 0 0 calc(var(--s) * .006) #000}.cyk__body>.cyk__notch{inset-block-start:1.2%;inset-inline-start:50%;inline-size:calc(var(--s) * .03);block-size:calc(var(--s) * .05);translate:-50% 0;border-radius:2px;background:linear-gradient(#f6e3ae,#c99a3a 60%,#7a5717);box-shadow:0 0 calc(var(--s) * .04) #e0b04a8c}.cyk__chamfer{top:7%;right:7%;bottom:7%;left:7%;background:radial-gradient(circle at 50% 50%,#0c0c0e 0 80%,#2a2b30 82%,#c9ccd3 86%,#6c6f77 90.5%,#f2f3f6 94.5%,#44464c 98%,#1a1b1e);box-shadow:0 0 0 calc(var(--s) * .006) #000000e6}.cyk__face{top:11%;right:11%;bottom:11%;left:11%;overflow:hidden;display:grid;place-items:center;background:#000;box-shadow:0 0 0 calc(var(--s) * .006) #000000e6,inset 0 0 calc(var(--s) * .03) #000c}.cyk__face img{display:block;inline-size:100%;block-size:100%;max-inline-size:none;pointer-events:none;-webkit-user-drag:none}.cyk__face svg{inline-size:56%;block-size:auto;fill:#d9b262}.cyk__light{top:0;right:0;bottom:0;left:0;mix-blend-mode:screen;background:conic-gradient(from 210deg,#fff0,#ffffff80 24deg,#fff0 60deg 178deg,#fff3 205deg,#fff0 234deg 360deg);-webkit-mask:radial-gradient(closest-side,transparent 80%,#000 82%,#000 99%,transparent 100%);mask:radial-gradient(closest-side,transparent 80%,#000 82%,#000 99%,transparent 100%)}.cyk__spec{top:0;right:0;bottom:0;left:0;mix-blend-mode:screen;background:radial-gradient(70% 55% at 32% 22%,#ffffff38,#fff0 60%),radial-gradient(60% 50% at 78% 88%,#96aad21f,#96aad200 60%)}.cyk--sm .cyk__scale{display:none}.cyk--sm .cyk__side,.cyk--sm .cyk__shadow{translate:0 calc(var(--s) * .06)}.cyk--sm .cyk__body>.cyk__notch{block-size:calc(var(--s) * .14);inline-size:calc(var(--s) * .06)}.cywc .cywc__medal.cywc__medal--knob{width:72px;height:72px;background:none;box-shadow:none;display:grid;place-items:center}.cywc__medal--knob .cyk{--s: 72px}@media(max-width:767px){.cywc .cywc__medal.cywc__medal--knob{width:60px;height:60px}.cywc__medal--knob .cyk{--s: 60px}}.cyfb--fp .ico.ico--knob{width:40px;height:40px;display:grid;place-items:center;background:none;box-shadow:none}.cyfb--fp .ico--knob .cyk{--s: 40px}@media(max-width:989px){.cyfb--fp .ico.ico--knob{width:36px;height:36px}.cyfb--fp .ico--knob .cyk{--s: 36px}}
/*# sourceMappingURL=/cdn/shop/t/91/assets/cy-knob.css.map */