.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-scale-rest:1;--iso-field-scale-press:.96;--iso-field-scale:var(--iso-field-scale-rest);--iso-field-ease-rest:cubic-bezier(.34, 1.45, .64, 1);--iso-field-ease-press:ease-out;--iso-field-dur-rest:.45s;--iso-field-dur-press:80ms;--iso-field-ease:var(--iso-field-ease-rest);--iso-field-dur:var(--iso-field-dur-rest);--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}@supports (transition-timing-function:linear(0, 1)){.iso-field-scene{--iso-field-ease-rest: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-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-press{transform-origin:50%;transform:scale(var(--iso-field-scale));transform-style:preserve-3d;transition:transform var(--iso-field-dur) var(--iso-field-ease);position:absolute;inset:0}.iso-field-press>*{border-radius:var(--iso-field-radius);transition:transform .25s cubic-bezier(.22,1,.36,1),box-shadow .25s,border-color .25s,background-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-scene:has(.iso-field-top:not(:disabled):hover) .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;transition:transform .25s cubic-bezier(.22,1,.36,1),background-color .25s,box-shadow .25s,border-color .25s;display:block;box-shadow:inset 0 1px #ffffffe6}.iso-field-top::placeholder{color:var(--iso-field-placeholder-color)}:is(.iso-field-scene:has(.iso-field-top:not(:disabled):hover) .iso-field-top,.iso-field-top:focus){background:var(--iso-field-surface-focus)}.iso-field-top:disabled{cursor:not-allowed;opacity:.6}.iso-field-scene:has(.iso-field-top:not(:disabled):active){--iso-field-scale:var(--iso-field-scale-press);--iso-field-ease:var(--iso-field-ease-press);--iso-field-dur:var(--iso-field-dur-press)}@media (prefers-reduced-motion:reduce){.iso-field-press,.iso-field-press>*,.iso-field-top{transition:none}}