.iso-btn-scene{--iso-btn-gap-rest:15px;--iso-btn-gap-hover:7px;--iso-btn-gap-press:2px;--iso-btn-thick:15px;--iso-btn-radius:15px;--iso-btn-rot-x:49deg;--iso-btn-rot-z:-37deg;--iso-btn-stand-rest:-10deg;--iso-btn-stand-press:0deg;--iso-btn-shift-y:3px;--iso-btn-speed:.25s;--iso-btn-ease-rest:cubic-bezier(.22, 1, .36, 1);--iso-btn-ease-hover-default:cubic-bezier(.3, 1.8, .4, .9);--iso-btn-ease-hover:var(--iso-btn-ease-hover-default);--iso-btn-speed-hover:.7s;--iso-btn-scale-rest:1;--iso-btn-scale-hover:1;--iso-btn-glow-brightness-rest:.35;--iso-btn-glow-brightness-hover:1.4;--iso-btn-glow-size-rest:1.1;--iso-btn-glow-size-hover:.15;--iso-btn-refl-opacity-rest:.6;--iso-btn-refl-opacity-hover:1;--iso-btn-refl-blur-rest:8px;--iso-btn-refl-blur-hover:1px;--iso-btn-refl-size-rest:0;--iso-btn-refl-size-hover:3;--iso-btn-refl-brightness-rest:.95;--iso-btn-refl-brightness-hover:calc(var(--iso-btn-glow-brightness-hover) * .95);--iso-btn-font-size-rest:1rem;--iso-btn-font-size-hover:1rem;--iso-btn-text-color-rest:var(--dp-btn-text,#a05cff);--iso-btn-text-color-hover:var(--dp-btn-text-hover,#fff);--iso-btn-text-glow-size-rest:0px;--iso-btn-text-glow-size-hover:10px;--iso-btn-text-glow-color:var(--dp-accent,#a05cff);--iso-btn-top-color:var(--dp-btn-bg,#16121d);--iso-btn-highlight:var(--dp-btn-highlight,#fff);--iso-btn-edge:color-mix(in srgb, var(--iso-btn-top-color) 60%, var(--dp-bg,#120f17) 40%);--iso-btn-border:var(--dp-border,#ffffff1a);--iso-btn-glow-color:var(--dp-btn-glow-color,var(--dp-accent,#a05cff));--iso-btn-glow-color-a:oklch(from var(--iso-btn-glow-color) calc(l + .02) c calc(h - 40));--iso-btn-glow-color-b:var(--iso-btn-glow-color);--iso-btn-glow-color-c:oklch(from var(--iso-btn-glow-color) calc(l + .04) c calc(h + 40));--iso-btn-focus-color:#7df9ff;--iso-btn-gap:var(--iso-btn-gap-rest);--iso-btn-stand:var(--iso-btn-stand-rest);--iso-btn-scale:var(--iso-btn-scale-rest);--iso-btn-glow-brightness:var(--iso-btn-glow-brightness-rest);--iso-btn-glow-size:var(--iso-btn-glow-size-rest);--iso-btn-refl-opacity:var(--iso-btn-refl-opacity-rest);--iso-btn-refl-blur:var(--iso-btn-refl-blur-rest);--iso-btn-refl-size:var(--iso-btn-refl-size-rest);--iso-btn-refl-brightness:var(--iso-btn-refl-brightness-rest);--iso-btn-font-size:var(--iso-btn-font-size-rest);--iso-btn-text-color:var(--iso-btn-text-color-rest);--iso-btn-text-glow-size:var(--iso-btn-text-glow-size-rest);--iso-btn-ease:var(--iso-btn-ease-rest);--iso-btn-dur:var(--iso-btn-speed);display:block;position:relative}@supports (transition-timing-function:linear(0, 1)){.iso-btn-scene{--iso-btn-ease-hover-default:linear(0, .1091, .3765, .7069, 1.0158, 1.2442, 1.3647, 1.3791, 1.311, 1.1951, 1.0676, .9578, .8843, .8532, .8605, .895, .9427, .9905, 1.0283, 1.0507, 1.057, 1.0499, 1.0341, 1.0152, .9978, .9853, .9789, .9785, .9827, .9895, .9967, 1.0028, 1.0068, 1.0084, 1.0079, 1.0058, 1.003, 1.0003, .9982, .997, .9968, .9972, .9981, .9992, 1.0002, 1.0009, 1.0012, 1.0012, 1)}}.iso-btn-obj{transform:translateY(var(--iso-btn-shift-y)) rotateX(var(--iso-btn-rot-x)) rotateZ(var(--iso-btn-rot-z)) scale(var(--iso-btn-scale));transform-style:preserve-3d;transition:transform var(--iso-btn-dur) var(--iso-btn-ease);pointer-events:none;position:absolute;inset:0}.iso-btn-stand{transform-origin:bottom;transform:rotateX(var(--iso-btn-stand));transform-style:preserve-3d;transition:transform var(--iso-btn-dur) var(--iso-btn-ease);position:absolute;inset:0}.iso-btn-stand>*,.iso-btn-obj>.iso-btn-reflection{border-radius:var(--iso-btn-radius);transition:transform var(--iso-btn-dur) var(--iso-btn-ease), opacity var(--iso-btn-dur) ease, filter var(--iso-btn-dur) ease, box-shadow var(--iso-btn-dur) ease, font-size var(--iso-btn-dur) ease, color var(--iso-btn-dur) ease, text-shadow var(--iso-btn-dur) ease;position:absolute;inset:0}.iso-btn-top{border:1px solid var(--iso-btn-border);background:linear-gradient(135deg, color-mix(in srgb, var(--iso-btn-top-color) 92%, var(--iso-btn-highlight) 8%) 0%, color-mix(in srgb, var(--iso-btn-top-color) 88%, var(--iso-btn-edge) 12%) 75%);color:var(--iso-btn-text-color);font-weight:600;font-size:var(--iso-btn-font-size);letter-spacing:.02em;text-shadow:0 0 var(--iso-btn-text-glow-size) var(--iso-btn-text-glow-color), 0 0 calc(var(--iso-btn-text-glow-size) * 2) var(--iso-btn-text-glow-color);transform:translateZ(calc(var(--iso-btn-gap) + var(--iso-btn-thick)));box-shadow:inset 0 1px 0 color-mix(in srgb, var(--dp-text,#fff) 8%, transparent);justify-content:center;align-items:center;display:flex}.iso-btn-side{background:var(--iso-btn-edge);transform:translateZ(calc(var(--iso-btn-gap) + var(--iso-btn-thick) * var(--i) / 15));box-shadow:0 0 0 1px var(--iso-btn-edge)}.iso-btn-glow{background:linear-gradient(120deg, var(--iso-btn-glow-color-a) 0%, var(--iso-btn-glow-color-b) 50%, var(--iso-btn-glow-color-c) 110%);transform:translateZ(var(--iso-btn-gap));box-shadow:0 0 calc(16px * var(--iso-btn-glow-size)) calc(2px * var(--iso-btn-glow-size)) color-mix(in srgb, var(--iso-btn-glow-color-b) 80%, transparent), 0 0 calc(44px * var(--iso-btn-glow-size)) calc(6px * var(--iso-btn-glow-size)) color-mix(in srgb, var(--iso-btn-glow-color-b) 40%, transparent);filter:brightness(var(--iso-btn-glow-brightness)) saturate(calc(.85 + .15 * var(--iso-btn-glow-brightness)))}.iso-btn-reflection{background:linear-gradient(120deg, var(--iso-btn-glow-color-a) 0%, var(--iso-btn-glow-color-b) 50%, var(--iso-btn-glow-color-c) 110%);transform:translateZ(calc(-1 * var(--iso-btn-gap))) scaleZ(-1);box-shadow:0 0 calc(20px * var(--iso-btn-refl-size)) calc(4px * var(--iso-btn-refl-size)) color-mix(in srgb, var(--iso-btn-glow-color-b) 85%, transparent), 0 0 calc(56px * var(--iso-btn-refl-size)) calc(10px * var(--iso-btn-refl-size)) color-mix(in srgb, var(--iso-btn-glow-color-b) 45%, transparent);filter:blur(var(--iso-btn-refl-blur)) brightness(var(--iso-btn-refl-brightness));opacity:var(--iso-btn-refl-opacity)}.iso-btn-hit{color:#0000;cursor:pointer;border-radius:var(--iso-btn-radius);transform:translateZ(calc(var(--iso-btn-gap-rest) + var(--iso-btn-thick)));background:0 0;border:0;position:absolute;inset:-6px}.iso-btn-hit:focus-visible{outline:2px solid var(--iso-btn-focus-color);outline-offset:2px}.iso-btn-hit:disabled{cursor:not-allowed}.iso-btn-scene:has(.iso-btn-hit:disabled) .iso-btn-obj{opacity:.7}:is(.iso-btn-scene:has(.iso-btn-hit:not(:disabled):hover),.iso-btn-scene:has(.iso-btn-hit:not(:disabled):focus-visible)){--iso-btn-gap:var(--iso-btn-gap-hover);--iso-btn-scale:var(--iso-btn-scale-hover);--iso-btn-glow-brightness:var(--iso-btn-glow-brightness-hover);--iso-btn-glow-size:var(--iso-btn-glow-size-hover);--iso-btn-refl-opacity:var(--iso-btn-refl-opacity-hover);--iso-btn-refl-blur:var(--iso-btn-refl-blur-hover);--iso-btn-refl-size:var(--iso-btn-refl-size-hover);--iso-btn-refl-brightness:var(--iso-btn-refl-brightness-hover);--iso-btn-font-size:var(--iso-btn-font-size-hover);--iso-btn-text-color:var(--iso-btn-text-color-hover);--iso-btn-text-glow-size:var(--iso-btn-text-glow-size-hover);--iso-btn-ease:var(--iso-btn-ease-hover);--iso-btn-dur:var(--iso-btn-speed-hover)}.iso-btn-scene:has(.iso-btn-hit:not(:disabled):active){--iso-btn-gap:var(--iso-btn-gap-press);--iso-btn-stand:var(--iso-btn-stand-press);--iso-btn-ease:ease-out;--iso-btn-dur:.1s}@media (prefers-reduced-motion:reduce){.iso-btn-obj,.iso-btn-stand,.iso-btn-stand>*,.iso-btn-obj>.iso-btn-reflection{transition:none}}.iso-btn-sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}
