@property --kc-depth{syntax:"<number>";inherits:true;initial-value:0}.kc,.kc-plate{--kc-padding-h:32px;--kc-padding-v:26px;--kc-corner-radius:16px;--kc-contour-width:0px;--kc-corner-shape:squircle;--kc-disabled-opacity:.3;--kc-run-top:8px;--kc-run-bottom:12px;--kc-run-left:8px;--kc-run-right:8px;--kc-face-radius:14px;--kc-seam-blur:3px;--kc-bleed:6px;--kc-albedo-r:1;--kc-albedo-g:1;--kc-albedo-b:1;--kc-ambient:.25;--kc-diffuse:1;--kc-normaliser:.7946;--kc-socket:#000;--kc-label:#212121;--kc-lambert-wall-top:.9313;--kc-shade-wall-top:clamp(0, calc((var(--kc-ambient) + var(--kc-diffuse) * var(--kc-lambert-wall-top)) / var(--kc-normaliser)), 1);--kc-wall-top:rgb(calc(var(--kc-albedo-r) * var(--kc-shade-wall-top) * 100%) calc(var(--kc-albedo-g) * var(--kc-shade-wall-top) * 100%) calc(var(--kc-albedo-b) * var(--kc-shade-wall-top) * 100%));--kc-lambert-wall-bottom:.1178;--kc-shade-wall-bottom:clamp(0, calc((var(--kc-ambient) + var(--kc-diffuse) * var(--kc-lambert-wall-bottom)) / var(--kc-normaliser)), 1);--kc-wall-bottom:rgb(calc(var(--kc-albedo-r) * var(--kc-shade-wall-bottom) * 100%) calc(var(--kc-albedo-g) * var(--kc-shade-wall-bottom) * 100%) calc(var(--kc-albedo-b) * var(--kc-shade-wall-bottom) * 100%));--kc-lambert-wall-left:.5231;--kc-shade-wall-left:clamp(0, calc((var(--kc-ambient) + var(--kc-diffuse) * var(--kc-lambert-wall-left)) / var(--kc-normaliser)), 1);--kc-wall-left:rgb(calc(var(--kc-albedo-r) * var(--kc-shade-wall-left) * 100%) calc(var(--kc-albedo-g) * var(--kc-shade-wall-left) * 100%) calc(var(--kc-albedo-b) * var(--kc-shade-wall-left) * 100%));--kc-lambert-wall-right:.3483;--kc-shade-wall-right:clamp(0, calc((var(--kc-ambient) + var(--kc-diffuse) * var(--kc-lambert-wall-right)) / var(--kc-normaliser)), 1);--kc-wall-right:rgb(calc(var(--kc-albedo-r) * var(--kc-shade-wall-right) * 100%) calc(var(--kc-albedo-g) * var(--kc-shade-wall-right) * 100%) calc(var(--kc-albedo-b) * var(--kc-shade-wall-right) * 100%));--kc-lambert-dish-0:.2614;--kc-shade-dish-0:clamp(0, calc((var(--kc-ambient) + var(--kc-diffuse) * var(--kc-lambert-dish-0)) / var(--kc-normaliser)), 1);--kc-dish-0:rgb(calc(var(--kc-albedo-r) * var(--kc-shade-dish-0) * 100%) calc(var(--kc-albedo-g) * var(--kc-shade-dish-0) * 100%) calc(var(--kc-albedo-b) * var(--kc-shade-dish-0) * 100%));--kc-lambert-dish-1:.3565;--kc-shade-dish-1:clamp(0, calc((var(--kc-ambient) + var(--kc-diffuse) * var(--kc-lambert-dish-1)) / var(--kc-normaliser)), 1);--kc-dish-1:rgb(calc(var(--kc-albedo-r) * var(--kc-shade-dish-1) * 100%) calc(var(--kc-albedo-g) * var(--kc-shade-dish-1) * 100%) calc(var(--kc-albedo-b) * var(--kc-shade-dish-1) * 100%));--kc-lambert-dish-2:.4521;--kc-shade-dish-2:clamp(0, calc((var(--kc-ambient) + var(--kc-diffuse) * var(--kc-lambert-dish-2)) / var(--kc-normaliser)), 1);--kc-dish-2:rgb(calc(var(--kc-albedo-r) * var(--kc-shade-dish-2) * 100%) calc(var(--kc-albedo-g) * var(--kc-shade-dish-2) * 100%) calc(var(--kc-albedo-b) * var(--kc-shade-dish-2) * 100%));--kc-lambert-dish-3:.5446;--kc-shade-dish-3:clamp(0, calc((var(--kc-ambient) + var(--kc-diffuse) * var(--kc-lambert-dish-3)) / var(--kc-normaliser)), 1);--kc-dish-3:rgb(calc(var(--kc-albedo-r) * var(--kc-shade-dish-3) * 100%) calc(var(--kc-albedo-g) * var(--kc-shade-dish-3) * 100%) calc(var(--kc-albedo-b) * var(--kc-shade-dish-3) * 100%));--kc-lambert-dish-4:.6308;--kc-shade-dish-4:clamp(0, calc((var(--kc-ambient) + var(--kc-diffuse) * var(--kc-lambert-dish-4)) / var(--kc-normaliser)), 1);--kc-dish-4:rgb(calc(var(--kc-albedo-r) * var(--kc-shade-dish-4) * 100%) calc(var(--kc-albedo-g) * var(--kc-shade-dish-4) * 100%) calc(var(--kc-albedo-b) * var(--kc-shade-dish-4) * 100%));--kc-lambert-dish-5:.7079;--kc-shade-dish-5:clamp(0, calc((var(--kc-ambient) + var(--kc-diffuse) * var(--kc-lambert-dish-5)) / var(--kc-normaliser)), 1);--kc-dish-5:rgb(calc(var(--kc-albedo-r) * var(--kc-shade-dish-5) * 100%) calc(var(--kc-albedo-g) * var(--kc-shade-dish-5) * 100%) calc(var(--kc-albedo-b) * var(--kc-shade-dish-5) * 100%));--kc-lambert-dish-6:.7741;--kc-shade-dish-6:clamp(0, calc((var(--kc-ambient) + var(--kc-diffuse) * var(--kc-lambert-dish-6)) / var(--kc-normaliser)), 1);--kc-dish-6:rgb(calc(var(--kc-albedo-r) * var(--kc-shade-dish-6) * 100%) calc(var(--kc-albedo-g) * var(--kc-shade-dish-6) * 100%) calc(var(--kc-albedo-b) * var(--kc-shade-dish-6) * 100%));--kc-dish-gradient:linear-gradient(to bottom, var(--kc-dish-0) 0%, var(--kc-dish-1) 16.6667%, var(--kc-dish-2) 33.3333%, var(--kc-dish-3) 50%, var(--kc-dish-4) 66.6667%, var(--kc-dish-5) 83.3333%, var(--kc-dish-6) 100%);--kc-socket-shadow-rest:2px;--kc-socket-shadow-pressed:6px;--kc-socket-shadow-offset:0px;--kc-socket-shadow-softness:.5;--kc-shadow-rgb:0% 0% 0%;--kc-shadow-blur:8px;--kc-shadow-y:10px;--kc-shadow-opacity:.2;--kc-press-shadow-y:0px;--kc-press-shadow-opacity:0;--kc-travel:1px;--kc-scale-pressed:.95;--kc-hover-depth:.25;--kc-min-hold:.14s;--kc-font-size:14px;--kc-label-height:17px;--kc-font-weight:700;--kc-tracking:.5px;--kc-label-centring:-2px;--kc-label-offset-y:0px;--kc-icon-size:28px;--kc-icon-stroke:2.5px;--kc-icon-line-cap:butt;--kc-icon-line-join:miter;--kc-press-duration:.1s;--kc-press-easing:cubic-bezier(0, 0, 0, 1);--kc-release-duration:20ms;--kc-release-easing:cubic-bezier(.79, .03, .43, 1);width:var(--kc-w,auto);height:var(--kc-h,auto);box-sizing:border-box}.kc--small,.kc-plate--small{--kc-padding-h:16.8px;--kc-padding-v:13.65px;--kc-corner-radius:8.4px;--kc-run-top:4.2px;--kc-run-bottom:6.3px;--kc-run-left:4.2px;--kc-run-right:4.2px;--kc-face-radius:7.35px;--kc-seam-blur:1.575px;--kc-bleed:3.15px;--kc-lambert-dish-0:.3001;--kc-lambert-dish-1:.3827;--kc-lambert-dish-2:.465;--kc-lambert-dish-4:.6195;--kc-lambert-dish-5:.6878;--kc-lambert-dish-6:.7483;--kc-socket-shadow-rest:1.05px;--kc-socket-shadow-pressed:3.15px;--kc-shadow-blur:4.2px;--kc-shadow-y:5.25px;--kc-travel:.525px;--kc-font-size:10.5px;--kc-label-height:13px;--kc-label-centring:-1.05px;--kc-icon-size:14.7px;--kc-icon-stroke:1.5px}.kc{--kc-inner-l:calc(var(--kc-run-left) + 2 * var(--kc-bleed));--kc-inner-t:calc(var(--kc-run-top) + 2 * var(--kc-bleed));--kc-inner-r:calc(100% - var(--kc-run-right) - 2 * var(--kc-bleed));--kc-inner-b:calc(100% - var(--kc-run-bottom) - 2 * var(--kc-bleed));--kc-scale:calc(1 + (var(--kc-scale-pressed) - 1) * var(--kc-depth));--kc-travel-now:calc(var(--kc-travel) * var(--kc-depth));--kc-spread:calc(var(--kc-socket-shadow-rest) + (var(--kc-socket-shadow-pressed) - var(--kc-socket-shadow-rest)) * var(--kc-depth));--kc-shadow-y-now:calc(var(--kc-shadow-y) + (var(--kc-press-shadow-y) - var(--kc-shadow-y)) * var(--kc-depth));--kc-shadow-alpha:calc(var(--kc-shadow-opacity) + (var(--kc-press-shadow-opacity) - var(--kc-shadow-opacity)) * var(--kc-depth));box-sizing:border-box;padding:var(--kc-padding-v) var(--kc-padding-h);color:var(--kc-label);font-family:system-ui,-apple-system,sans-serif;font-size:var(--kc-font-size);font-weight:var(--kc-font-weight);letter-spacing:var(--kc-tracking);white-space:nowrap;cursor:default;-webkit-user-select:none;user-select:none;transition:--kc-depth var(--kc-release-duration) var(--kc-release-easing);background:0 0;border:0;justify-content:center;align-items:center;margin:0;text-decoration:none;display:inline-flex;position:relative}.kc:hover,.kc[data-held]{transition-duration:var(--kc-press-duration);transition-timing-function:var(--kc-press-easing)}.kc:hover{--kc-depth:var(--kc-hover-depth)}.kc[data-held]{--kc-depth:1}.kc:disabled .kc__label,.kc[aria-disabled=true] .kc__label{opacity:var(--kc-disabled-opacity)}.kc--fill{width:100%}.kc-plate{background:var(--kc-socket);border-radius:calc(var(--kc-corner-radius) + var(--kc-contour-width));align-items:center;gap:0;padding:0;display:inline-flex}.kc__chrome{background:var(--kc-socket);border-radius:calc(var(--kc-corner-radius) + var(--kc-contour-width));box-shadow:0 var(--kc-shadow-y-now) var(--kc-shadow-blur) rgb(var(--kc-shadow-rgb) / var(--kc-shadow-alpha));pointer-events:none;position:absolute;inset:0;overflow:hidden}.kc__scale{inset:var(--kc-contour-width);transform:scale(var(--kc-scale));position:absolute}.kc__cap{border-radius:var(--kc-corner-radius);position:absolute;inset:0;overflow:hidden}.kc__slide{transform:translateY(var(--kc-travel-now));position:absolute;inset:0}.kc__walls{inset:calc(-1 * var(--kc-bleed));filter:blur(var(--kc-seam-blur));position:absolute}.kc__wall{position:absolute;inset:0}.kc__wall--top{background:var(--kc-wall-top);clip-path:polygon(0 0, 100% 0, var(--kc-inner-r) var(--kc-inner-t), var(--kc-inner-l) var(--kc-inner-t))}.kc__wall--bottom{background:var(--kc-wall-bottom);clip-path:polygon(0 100%, 100% 100%, var(--kc-inner-r) var(--kc-inner-b), var(--kc-inner-l) var(--kc-inner-b))}.kc__wall--left{background:var(--kc-wall-left);clip-path:polygon(0 0, 0 100%, var(--kc-inner-l) var(--kc-inner-b), var(--kc-inner-l) var(--kc-inner-t))}.kc__wall--right{background:var(--kc-wall-right);clip-path:polygon(100% 0, 100% 100%, var(--kc-inner-r) var(--kc-inner-b), var(--kc-inner-r) var(--kc-inner-t))}.kc__face{top:var(--kc-run-top);right:var(--kc-run-right);bottom:var(--kc-run-bottom);left:var(--kc-run-left);border-radius:var(--kc-face-radius);background-image:var(--kc-dish-gradient);position:absolute}.kc__socket{inset:calc(-1 * var(--kc-socket-shadow-offset));border-radius:calc(var(--kc-corner-radius) + var(--kc-socket-shadow-offset));box-shadow:0 0 0 var(--kc-spread) var(--kc-socket), inset 0 0 0 var(--kc-spread) var(--kc-socket);filter:blur(calc(var(--kc-spread) * var(--kc-socket-shadow-softness)));position:absolute}.kc__label{z-index:1;height:var(--kc-label-height);line-height:var(--kc-label-height);transform:scale(var(--kc-scale)) translateY(calc(var(--kc-label-centring) + var(--kc-label-offset-y) + var(--kc-travel-now)));justify-content:center;align-items:center;display:flex;position:relative}.kc__icon{width:var(--kc-icon-size);height:var(--kc-icon-size);stroke:currentColor;stroke-width:calc(var(--kc-icon-stroke) * 24 / var(--kc-icon-size));stroke-linecap:var(--kc-icon-line-cap);stroke-linejoin:var(--kc-icon-line-join);display:block}.kc__icon--missing{width:var(--kc-icon-size);height:var(--kc-icon-size);color:#000;text-align:center;background:orange;border-radius:3px;font-weight:700}
