.iso-btn-scene{--iso-btn-gap-rest:26px;--iso-btn-gap-hover:9px;--iso-btn-gap-press:4px;--iso-btn-thick:14px;--iso-btn-radius:18px;--iso-btn-rot-x:54deg;--iso-btn-rot-z:-42deg;--iso-btn-shift-y:8px;--iso-btn-speed:.35s;--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:1;--iso-btn-glow-brightness-hover:1.5;--iso-btn-glow-size-rest:1;--iso-btn-glow-size-hover:1.45;--iso-btn-refl-opacity-rest:.4;--iso-btn-refl-opacity-hover:.85;--iso-btn-refl-blur-rest:10px;--iso-btn-refl-blur-hover:7px;--iso-btn-refl-size-rest:1;--iso-btn-refl-size-hover:1.3;--iso-btn-refl-brightness-rest:calc(var(--iso-btn-glow-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,#fff);--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,#1c1626);--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-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, .062, .2196, .4301, .6555, .8654, 1.0387, 1.1642, 1.2388, 1.2666, 1.2559, 1.2175, 1.163, 1.1028, 1.0455, .9971, .9612, .9388, .9293, .9305, .9396, .9536, .9696, .9852, .9987, 1.0089, 1.0155, 1.0187, 1.0188, 1.0167, 1.0131, 1.0089, 1.0047, 1.001, .998, .9961, .9951, .9949, .9954, .9963, .9974, .9986, .9996, 1.0004, 1.001, 1.0013, 1.0014, 1.0013, 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-obj>*{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{background:linear-gradient(135deg, color-mix(in srgb, var(--iso-btn-top-color) 100%, #fff 4%) 0%, color-mix(in srgb, var(--iso-btn-top-color) 72%, #000 28%) 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)));border:1px solid #ffffff17;justify-content:center;align-items:center;display:flex;box-shadow:inset 0 1px #ffffff14}.iso-btn-side{background:color-mix(in srgb, var(--iso-btn-top-color) 60%, #000 40%);transform:translateZ(calc(var(--iso-btn-gap) + var(--iso-btn-thick) * var(--i) / 15));box-shadow:0 0 0 1px color-mix(in srgb, var(--iso-btn-top-color) 60%, #000 40%)}.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-ease:ease-out;--iso-btn-dur:.1s}@media (prefers-reduced-motion:reduce){.iso-btn-obj,.iso-btn-obj>*{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}
.iso-field-scene{--iso-field-rot-x:54deg;--iso-field-rot-z:-42deg;--iso-field-stand:-45deg;--iso-field-thick:10px;--iso-field-radius:15px;--iso-field-gap:2px;--iso-field-shift-y:3px;--iso-field-surface:var(--dp-field-bg,#f4f2f8);--iso-field-surface-focus:var(--dp-field-bg-focus,#fff);--iso-field-edge:var(--dp-field-edge,#b9b2c6);--iso-field-accent:var(--dp-accent,#a05cff);--iso-field-text-color:var(--dp-field-text,#000);--iso-field-placeholder-color:var(--dp-field-placeholder,#00000080);--iso-field-font-size:1.25rem;--iso-field-padding-x:20px;display:block;position:relative}.iso-field-obj{transform:translateY(var(--iso-field-shift-y)) rotateX(var(--iso-field-rot-x)) rotateZ(var(--iso-field-rot-z));transform-style:preserve-3d;position:absolute;inset:0}.iso-field-stand{transform-origin:bottom;transform:rotateX(var(--iso-field-stand));transform-style:preserve-3d;position:absolute;inset:0}.iso-field-stand>*{border-radius:var(--iso-field-radius);transition:transform .25s cubic-bezier(.22,1,.36,1),box-shadow .25s,border-color .25s;position:absolute;inset:0}.iso-field-side{background:var(--iso-field-edge);transform:translateZ(calc(var(--iso-field-gap) + var(--iso-field-thick) * var(--i) / 10));box-shadow:0 0 0 1px var(--iso-field-edge);pointer-events:none;transition:transform .25s cubic-bezier(.22,1,.36,1),background-color .25s,box-shadow .25s}.iso-field-scene:focus-within .iso-field-side{background:var(--iso-field-accent);box-shadow:0 0 0 1px var(--iso-field-accent)}.iso-field-top{width:100%;height:100%;padding:0 var(--iso-field-padding-x);background:var(--iso-field-surface);color:var(--iso-field-text-color);font-size:var(--iso-field-font-size);text-align:center;transform:translateZ(calc(var(--iso-field-gap) + var(--iso-field-thick)));border:1px solid #0000001f;outline:none;display:block;box-shadow:inset 0 1px #ffffffe6}.iso-field-top::placeholder{color:var(--iso-field-placeholder-color)}.iso-field-top:focus{background:var(--iso-field-surface-focus)}.iso-field-top:disabled{cursor:not-allowed;opacity:.6}@media (prefers-reduced-motion:reduce){.iso-field-stand>*{transition:none}}