.dev-tools{border-radius:var(--border-radius-sm);position:absolute;right:16px;top:calc(var(--topbar-height) + 48px);z-index:1}.dev-tools--embedded{top:16px}.dev-tools__button-wrapper{text-align:right;margin-bottom:4px}.dev-tools__content{display:flex;flex-direction:column;gap:var(--spacing-unit-1);padding:var(--spacing-unit-1);min-width:300px;background:var(--black);border-radius:var(--border-radius-sm);box-shadow:0 2px 4px #0003;overflow:hidden}.dev-tools__content>div{display:flex;align-items:center;gap:var(--spacing-unit-1)}.dev-tools__form{text-align:left}.dev-tools__form-input{display:flex;gap:var(--spacing-unit-1)}.devtools__switch{display:flex;justify-content:space-between}.devtools__id-wrapper{align-items:start}label{-webkit-user-select:none;user-select:none}.layout-wrapper{display:flex}.resize-handler{position:absolute;display:none;top:0;bottom:0;width:12px;cursor:ew-resize;background-color:var(--surface-gray-2)}.sp-wrapper{overflow-y:auto!important}.sp-layout{--sp-layout-height: 100%;--sp-border-radius: 0;height:100%!important;flex-direction:row;flex:1;border:1px solid var(--surface-gray-2)!important;border-bottom:0!important}.sp-navigator{--sp-colors-surface1: var(--surface-gray-1);color:#fff;border:1px solid white!important;border-bottom:1px solid white!important}.sp-preview{gap:0!important}.sp-icon{color:#fff!important}.sp-input{background:var(--surface-gray-2)!important;border-radius:4px!important}@media (min-width: 768px){.resize-handler{display:block}.sp-layout{flex-direction:row}}.sandpack-preview-actions{display:flex;flex-direction:row;gap:8px}.sandpack-preview-actions button,.sandpack-preview-actions .button{box-shadow:0 0 9px 1px #fff6}.file-tree-explorer{background:var(--file-explorer-background);border-top:1px solid var(--surface-gray-2)}.file-tree-explorer>ul{padding-inline:0;margin-block:0;border-top:1px solid var(--surface-gray-2)}.file-tree-explorer__drop-target{background-color:var(--sidebar-item-color-hover)}.file-tree-explorer-actions{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-unit-1);padding-left:var(--spacing-unit-2);min-height:40px}.file-tree-explorer-actions h2{font-size:var(--step--1)}.file-tree-explorer-actions__new-item{display:flex;justify-content:flex-end}.single-input-form__input{max-width:100%;padding:var(--spacing-unit-0-5);min-height:30px}.single-input-form__input--error:focus-visible{outline:var(--sp-colors-error) auto 1px}.single-input-form__error{display:block;max-width:100%;background:var(--sp-colors-errorSurface);color:var(--sp-colors-error);border-radius:var(--border-radius-sm);margin-block:var(--spacing-unit-1)}.folder-node{color:var(--sp-colors-clickable);display:flex;cursor:pointer;gap:var(--spacing-unit-1);align-items:center}.folder-node img{width:var(--spacing-unit-2);height:var(--spacing-unit-2)}.context-menu-content{min-width:240px;background-color:var(--topbar-background);border-radius:var(--border-radius-sm);overflow:hidden;padding:var(--spacing-unit-0-5);box-shadow:0 10px 38px -10px #16171859,0 10px 20px -15px #16171833}.context-menu-item{font-size:var(--step--1);color:var(--white);border-radius:var(--border-radius-sm);display:flex;align-items:center;padding:var(--spacing-unit-1) var(--spacing-unit-2);-webkit-user-select:none;user-select:none;outline:none}.context-menu-item[data-disabled=true]{color:var(--context-menu-item-color-disabled);pointer-events:none}.context-menu-item[data-highlighted]{background-color:var(--context-menu-item-background-hover);color:var(--white);cursor:pointer}.context-menu-item__right-slot{margin-left:auto}[data-disabled] .context-menu-item__right-slot{color:var(--context-menu-item-color-disabled)}.dialog__overlay{background-color:var(--modal-overlay-background);position:fixed;height:100%;top:0;right:0;bottom:0;left:0;animation:overlayShow .15s cubic-bezier(.16,1,.3,1)}.dialog__content{background-color:var(--modal-background);border-radius:var(--border-radius-lg);box-shadow:#0e121659 0 10px 38px -10px,#0e121633 0 10px 20px -15px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:90vw;max-width:450px;max-height:85vh;padding:var(--spacing-unit-3);animation:contentShow .15s cubic-bezier(.16,1,.3,1);z-index:calc(var(--sp-zIndices-top) + 1)}.dialog__content:focus{outline:none}.dialog__title{font-weight:var(--font-weight-md);color:var(--white);font-size:var(--step-1)}.dialog__description{padding-block:var(--spacing-unit-2);color:var(--white);font-size:var(--step-0);line-height:1.5}.dialog__actions{display:flex;justify-content:flex-end;gap:var(--spacing-unit-1)}@keyframes overlayShow{0%{opacity:0}to{opacity:1}}@keyframes contentShow{0%{opacity:0;transform:translate(-50%,-48%) scale(.96)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.open-button-base{padding-right:8px}.open-button-base:not(.open-button-base--active):hover{background-color:var(--sidebar-item-color-hover)}.open-button-base--active{background-color:var(--surface-dark)}.open-button{display:flex;width:100%;align-items:center;padding:var(--spacing-unit-1) 0;min-height:30px;justify-content:space-between;border-radius:0}.open-button[data-variant=link]:hover{background-color:transparent}.file-node{display:flex;gap:var(--spacing-unit-1);min-width:0;align-items:center}.file-node__icon-wrapper{width:var(--spacing-unit-2);height:var(--spacing-unit-2);opacity:.5}.file-node__icon-wrapper--active{opacity:1}.file-node__text{cursor:pointer;color:var(--sp-colors-clickable)}.file-node__text[data-active=true]{color:var(--sp-colors-accent)}.sandpack-file-explorer{width:260px;overflow-x:hidden}:root{--black-a1: rgba(0, 0, 0, .05);--black-a2: rgba(0, 0, 0, .1);--black-a3: rgba(0, 0, 0, .15);--black-a4: rgba(0, 0, 0, .2);--black-a5: rgba(0, 0, 0, .3);--black-a6: rgba(0, 0, 0, .4);--black-a7: rgba(0, 0, 0, .5);--black-a8: rgba(0, 0, 0, .6);--black-a9: rgba(0, 0, 0, .7);--black-a10: rgba(0, 0, 0, .8);--black-a11: rgba(0, 0, 0, .9);--black-a12: rgba(0, 0, 0, .95)}@supports (color: color(display-p3 1 1 1)){@media (color-gamut: p3){:root{--black-a1: color(display-p3 0 0 0 / .05);--black-a2: color(display-p3 0 0 0 / .1);--black-a3: color(display-p3 0 0 0 / .15);--black-a4: color(display-p3 0 0 0 / .2);--black-a5: color(display-p3 0 0 0 / .3);--black-a6: color(display-p3 0 0 0 / .4);--black-a7: color(display-p3 0 0 0 / .5);--black-a8: color(display-p3 0 0 0 / .6);--black-a9: color(display-p3 0 0 0 / .7);--black-a10: color(display-p3 0 0 0 / .8);--black-a11: color(display-p3 0 0 0 / .9);--black-a12: color(display-p3 0 0 0 / .95)}}}:root,.light,.light-theme{--green-1: #fbfefc;--green-2: #f4fbf6;--green-3: #e6f6eb;--green-4: #d6f1df;--green-5: #c4e8d1;--green-6: #adddc0;--green-7: #8eceaa;--green-8: #5bb98b;--green-9: #30a46c;--green-10: #2b9a66;--green-11: #218358;--green-12: #193b2d}@supports (color: color(display-p3 1 1 1)){@media (color-gamut: p3){:root,.light,.light-theme{--green-1: color(display-p3 .986 .996 .989);--green-2: color(display-p3 .963 .983 .967);--green-3: color(display-p3 .913 .964 .925);--green-4: color(display-p3 .859 .94 .879);--green-5: color(display-p3 .796 .907 .826);--green-6: color(display-p3 .718 .863 .761);--green-7: color(display-p3 .61 .801 .675);--green-8: color(display-p3 .451 .715 .559);--green-9: color(display-p3 .332 .634 .442);--green-10: color(display-p3 .308 .595 .417);--green-11: color(display-p3 .19 .5 .32);--green-12: color(display-p3 .132 .228 .18)}}}:root,.light,.light-theme{--mauve-1: #fdfcfd;--mauve-2: #faf9fb;--mauve-3: #f2eff3;--mauve-4: #eae7ec;--mauve-5: #e3dfe6;--mauve-6: #dbd8e0;--mauve-7: #d0cdd7;--mauve-8: #bcbac7;--mauve-9: #8e8c99;--mauve-10: #84828e;--mauve-11: #65636d;--mauve-12: #211f26}@supports (color: color(display-p3 1 1 1)){@media (color-gamut: p3){:root,.light,.light-theme{--mauve-1: color(display-p3 .991 .988 .992);--mauve-2: color(display-p3 .98 .976 .984);--mauve-3: color(display-p3 .946 .938 .952);--mauve-4: color(display-p3 .915 .906 .925);--mauve-5: color(display-p3 .886 .876 .901);--mauve-6: color(display-p3 .856 .846 .875);--mauve-7: color(display-p3 .814 .804 .84);--mauve-8: color(display-p3 .735 .728 .777);--mauve-9: color(display-p3 .555 .549 .596);--mauve-10: color(display-p3 .514 .508 .552);--mauve-11: color(display-p3 .395 .388 .424);--mauve-12: color(display-p3 .128 .122 .147)}}}:root,.light,.light-theme{--slate-1: #fcfcfd;--slate-2: #f9f9fb;--slate-3: #f0f0f3;--slate-4: #e8e8ec;--slate-5: #e0e1e6;--slate-6: #d9d9e0;--slate-7: #cdced6;--slate-8: #b9bbc6;--slate-9: #8b8d98;--slate-10: #80838d;--slate-11: #60646c;--slate-12: #1c2024}@supports (color: color(display-p3 1 1 1)){@media (color-gamut: p3){:root,.light,.light-theme{--slate-1: color(display-p3 .988 .988 .992);--slate-2: color(display-p3 .976 .976 .984);--slate-3: color(display-p3 .94 .941 .953);--slate-4: color(display-p3 .908 .909 .925);--slate-5: color(display-p3 .88 .881 .901);--slate-6: color(display-p3 .85 .852 .876);--slate-7: color(display-p3 .805 .808 .838);--slate-8: color(display-p3 .727 .733 .773);--slate-9: color(display-p3 .547 .553 .592);--slate-10: color(display-p3 .503 .512 .549);--slate-11: color(display-p3 .379 .392 .421);--slate-12: color(display-p3 .113 .125 .14)}}}:root,.light,.light-theme{--violet-1: #fdfcfe;--violet-2: #faf8ff;--violet-3: #f4f0fe;--violet-4: #ebe4ff;--violet-5: #e1d9ff;--violet-6: #d4cafe;--violet-7: #c2b5f5;--violet-8: #aa99ec;--violet-9: #6e56cf;--violet-10: #654dc4;--violet-11: #6550b9;--violet-12: #2f265f}@supports (color: color(display-p3 1 1 1)){@media (color-gamut: p3){:root,.light,.light-theme{--violet-1: color(display-p3 .991 .988 .995);--violet-2: color(display-p3 .978 .974 .998);--violet-3: color(display-p3 .953 .943 .993);--violet-4: color(display-p3 .916 .897 1);--violet-5: color(display-p3 .876 .851 1);--violet-6: color(display-p3 .825 .793 .981);--violet-7: color(display-p3 .752 .712 .943);--violet-8: color(display-p3 .654 .602 .902);--violet-9: color(display-p3 .417 .341 .784);--violet-10: color(display-p3 .381 .306 .741);--violet-11: color(display-p3 .383 .317 .702);--violet-12: color(display-p3 .179 .15 .359)}}}.toast-viewport{--viewport-padding: 25px;position:fixed;bottom:0;left:50%;transform:translate(-50%);display:flex;flex-direction:column;padding:var(--viewport-padding);gap:10px;max-width:100vw;margin:0;list-style:none;z-index:2147483647;outline:none}.toast-root{background-color:var(--blue-2);border-color:var(--blue-6);border-style:solid;border-width:4px;border-radius:12px;padding:15px;display:flex;flex-direction:column;align-items:center;justify-content:center}.toast-root[data-state=open]{animation:slideIn .25s cubic-bezier(.16,1,.3,1)}.toast-root[data-state=closed]{animation:hide .15s ease-in}@keyframes hide{0%{opacity:1}to{opacity:0}}@keyframes slideIn{0%{transform:translateY(calc(100% + var(--viewport-padding)))}to{transform:translateY(0)}}.toast-title{margin-bottom:5px;font-weight:700;color:var(--slate-12);font-size:15px}.toast-description{margin:0;color:var(--slate-11);font-size:13px;line-height:1.3}.toast-action{position:absolute;right:16px;top:16px;margin:8px}.topbar{height:var(--topbar-height);display:flex;background:var(--topbar-background);align-items:center;justify-content:space-between;padding-inline:30px;gap:var(--spacing-unit-1);padding:0 var(--spacing-unit-2)}.topbar__left{display:flex;align-items:center;gap:var(--spacing-unit-1);flex:1}.saving-state{width:var(--spacing-unit-2);aspect-ratio:1/1;cursor:initial!important;margin-top:2px}.save-button__wrapper{position:relative}.save-button__state{position:absolute;left:50%;transform:translate(-50%);bottom:-8px}.feedback-button.button[data-size=small]{margin-right:8px;padding:6px var(--spacing-unit-2)}.upgrade-button.button[data-size=small]{background-color:transparent!important;color:var(--tomato-8)}.upgrade-button.button:hover{color:var(--tomato-10)}.root-layout{display:flex;flex-direction:column}.root-layout>*:last-child{flex:1}/*!
 * Toastify js 1.12.0
 * https://github.com/apvarun/toastify-js
 * @license MIT licensed
 *
 * Copyright (C) 2018 Varun A P
 */.toastify{padding:12px 20px;color:#fff;display:inline-block;box-shadow:0 3px 6px -1px #0000001f,0 10px 36px -4px #4d60e84d;background:-webkit-linear-gradient(315deg,#73a5ff,#5477f5);background:linear-gradient(135deg,#73a5ff,#5477f5);position:fixed;opacity:0;transition:all .4s cubic-bezier(.215,.61,.355,1);border-radius:2px;cursor:pointer;text-decoration:none;max-width:calc(50% - 20px);z-index:2147483647}.toastify.on{opacity:1}.toast-close{background:transparent;border:0;color:#fff;cursor:pointer;font-family:inherit;font-size:1em;opacity:.4;padding:0 5px}.toastify-right{right:15px}.toastify-left{left:15px}.toastify-top{top:-150px}.toastify-bottom{bottom:-150px}.toastify-rounded{border-radius:25px}.toastify-avatar{width:1.5em;height:1.5em;margin:-7px 5px;border-radius:2px}.toastify-center{margin-left:auto;margin-right:auto;left:0;right:0;max-width:fit-content;max-width:-moz-fit-content}@media only screen and (max-width: 360px){.toastify-right,.toastify-left{margin-left:auto;margin-right:auto;left:0;right:0;max-width:fit-content}}:root{--balloon-border-radius: 2px;--balloon-color: rgba(16,16,16,.95);--balloon-text-color: #fff;--balloon-font-size: 12px;--balloon-move: 4px}button[aria-label][data-balloon-pos]{overflow:visible}[aria-label][data-balloon-pos]{position:relative;cursor:pointer}[aria-label][data-balloon-pos]:after{opacity:0;pointer-events:none;transition:all .18s ease-out .18s;text-indent:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-weight:400;font-style:normal;text-shadow:none;font-size:var(--balloon-font-size);background:var(--balloon-color);border-radius:2px;color:var(--balloon-text-color);border-radius:var(--balloon-border-radius);content:attr(aria-label);padding:.5em 1em;position:absolute;white-space:nowrap;z-index:10}[aria-label][data-balloon-pos]:before{width:0;height:0;border:5px solid transparent;border-top-color:var(--balloon-color);opacity:0;pointer-events:none;transition:all .18s ease-out .18s;content:"";position:absolute;z-index:10}[aria-label][data-balloon-pos]:hover:before,[aria-label][data-balloon-pos]:hover:after,[aria-label][data-balloon-pos][data-balloon-visible]:before,[aria-label][data-balloon-pos][data-balloon-visible]:after,[aria-label][data-balloon-pos]:not([data-balloon-nofocus]):focus:before,[aria-label][data-balloon-pos]:not([data-balloon-nofocus]):focus:after{opacity:1;pointer-events:none}[aria-label][data-balloon-pos].font-awesome:after{font-family:FontAwesome,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}[aria-label][data-balloon-pos][data-balloon-break]:after{white-space:pre}[aria-label][data-balloon-pos][data-balloon-break][data-balloon-length]:after{white-space:pre-line;word-break:break-word}[aria-label][data-balloon-pos][data-balloon-blunt]:before,[aria-label][data-balloon-pos][data-balloon-blunt]:after{transition:none}[aria-label][data-balloon-pos][data-balloon-pos=up]:hover:after,[aria-label][data-balloon-pos][data-balloon-pos=up][data-balloon-visible]:after,[aria-label][data-balloon-pos][data-balloon-pos=down]:hover:after,[aria-label][data-balloon-pos][data-balloon-pos=down][data-balloon-visible]:after{transform:translate(-50%)}[aria-label][data-balloon-pos][data-balloon-pos=up]:hover:before,[aria-label][data-balloon-pos][data-balloon-pos=up][data-balloon-visible]:before,[aria-label][data-balloon-pos][data-balloon-pos=down]:hover:before,[aria-label][data-balloon-pos][data-balloon-pos=down][data-balloon-visible]:before{transform:translate(-50%)}[aria-label][data-balloon-pos][data-balloon-pos*=-left]:after{left:0}[aria-label][data-balloon-pos][data-balloon-pos*=-left]:before{left:5px}[aria-label][data-balloon-pos][data-balloon-pos*=-right]:after{right:0}[aria-label][data-balloon-pos][data-balloon-pos*=-right]:before{right:5px}[aria-label][data-balloon-pos][data-balloon-po*=-left]:hover:after,[aria-label][data-balloon-pos][data-balloon-po*=-left][data-balloon-visible]:after,[aria-label][data-balloon-pos][data-balloon-pos*=-right]:hover:after,[aria-label][data-balloon-pos][data-balloon-pos*=-right][data-balloon-visible]:after{transform:translate(0)}[aria-label][data-balloon-pos][data-balloon-po*=-left]:hover:before,[aria-label][data-balloon-pos][data-balloon-po*=-left][data-balloon-visible]:before,[aria-label][data-balloon-pos][data-balloon-pos*=-right]:hover:before,[aria-label][data-balloon-pos][data-balloon-pos*=-right][data-balloon-visible]:before{transform:translate(0)}[aria-label][data-balloon-pos][data-balloon-pos^=up]:before,[aria-label][data-balloon-pos][data-balloon-pos^=up]:after{bottom:100%;transform-origin:top;transform:translateY(var(--balloon-move))}[aria-label][data-balloon-pos][data-balloon-pos^=up]:after{margin-bottom:10px}[aria-label][data-balloon-pos][data-balloon-pos=up]:before,[aria-label][data-balloon-pos][data-balloon-pos=up]:after{left:50%;transform:translate(-50%,var(--balloon-move))}[aria-label][data-balloon-pos][data-balloon-pos^=down]:before,[aria-label][data-balloon-pos][data-balloon-pos^=down]:after{top:100%;transform:translateY(calc(var(--balloon-move) * -1))}[aria-label][data-balloon-pos][data-balloon-pos^=down]:after{margin-top:10px}[aria-label][data-balloon-pos][data-balloon-pos^=down]:before{width:0;height:0;border:5px solid transparent;border-bottom-color:var(--balloon-color)}[aria-label][data-balloon-pos][data-balloon-pos=down]:after,[aria-label][data-balloon-pos][data-balloon-pos=down]:before{left:50%;transform:translate(-50%,calc(var(--balloon-move) * -1))}[aria-label][data-balloon-pos][data-balloon-pos=left]:hover:after,[aria-label][data-balloon-pos][data-balloon-pos=left][data-balloon-visible]:after,[aria-label][data-balloon-pos][data-balloon-pos=right]:hover:after,[aria-label][data-balloon-pos][data-balloon-pos=right][data-balloon-visible]:after{transform:translateY(-50%)}[aria-label][data-balloon-pos][data-balloon-pos=left]:hover:before,[aria-label][data-balloon-pos][data-balloon-pos=left][data-balloon-visible]:before,[aria-label][data-balloon-pos][data-balloon-pos=right]:hover:before,[aria-label][data-balloon-pos][data-balloon-pos=right][data-balloon-visible]:before{transform:translateY(-50%)}[aria-label][data-balloon-pos][data-balloon-pos=left]:after,[aria-label][data-balloon-pos][data-balloon-pos=left]:before{right:100%;top:50%;transform:translate(var(--balloon-move),-50%)}[aria-label][data-balloon-pos][data-balloon-pos=left]:after{margin-right:10px}[aria-label][data-balloon-pos][data-balloon-pos=left]:before{width:0;height:0;border:5px solid transparent;border-left-color:var(--balloon-color)}[aria-label][data-balloon-pos][data-balloon-pos=right]:after,[aria-label][data-balloon-pos][data-balloon-pos=right]:before{left:100%;top:50%;transform:translate(calc(var(--balloon-move) * -1),-50%)}[aria-label][data-balloon-pos][data-balloon-pos=right]:after{margin-left:10px}[aria-label][data-balloon-pos][data-balloon-pos=right]:before{width:0;height:0;border:5px solid transparent;border-right-color:var(--balloon-color)}[aria-label][data-balloon-pos][data-balloon-length]:after{white-space:normal}[aria-label][data-balloon-pos][data-balloon-length=small]:after{width:80px}[aria-label][data-balloon-pos][data-balloon-length=medium]:after{width:150px}[aria-label][data-balloon-pos][data-balloon-length=large]:after{width:260px}[aria-label][data-balloon-pos][data-balloon-length=xlarge]:after{width:380px}@media screen and (max-width: 768px){[aria-label][data-balloon-pos][data-balloon-length=xlarge]:after{width:90vw}}[aria-label][data-balloon-pos][data-balloon-length=fit]:after{width:100%}*,*:before,*:after{box-sizing:border-box}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}body,h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin-block:0}ul[role=list],ol[role=list]{list-style:none}ul{padding-inline:0}body{min-height:100vh;line-height:1.5}h1,h2,h3,h4,button,input,label{line-height:1.1}h1,h2,h3,h4{text-wrap:balance;color:var(--white)}a:not([class]){text-decoration-skip-ink:auto;color:currentColor}img,picture{max-width:100%;display:block}input,button,textarea,select{font:inherit}textarea:not([rows]){min-height:10em}:target{scroll-margin-block:5ex}:root{--black: #242424;--white: rgba(255, 255, 255, .87);--tomato-8: #ff8c80;--tomato-9: #f55442;--tomato-10: #ff634f;--blue-8: #758ff0;--blue-9: #426bff;--blue-10: #2663df;--blue-11: #2e4bdc;--blue-6: #b0c0f7;--blue-2: #f5f7ff;--ff-body: "Mulish", system-ui, Avenir, Helvetica, Arial, sans-serif;--spacing-unit: 8px;--surface-dark: #1a1a1a;--surface-dark-2: #151515;--surface-gray-1: #242424;--surface-gray-2: #3b3b3b;--topbar-height: 60px;--topbar-background: var(--surface-gray-1);--file-explorer-background: var(--surface-gray-1);--context-menu-background: var(--surface-gray-2);--context-menu-item-background-hover: var(--blue-9);--context-menu-item-color-disabled: color-mix( in srgb, var(--white), transparent 60% );--border-radius-sm: 2px;--border-radius-lg: 8px;--spacing-unit-0-5: calc(var(--spacing-unit) * .5);--spacing-unit-1: var(--spacing-unit);--spacing-unit-1-5: calc(var(--spacing-unit) * 1.5);--spacing-unit-2: calc(var(--spacing-unit) * 2);--spacing-unit-3: calc(var(--spacing-unit) * 3);--spacing-unit-4: calc(var(--spacing-unit) * 4);--font-weight-md: 500;--sidebar-item-color-hover: var(--surface-gray-2);--modal-background: #252526;--modal-overlay-background: color-mix(in srgb, var(--black), transparent 60%);--sp-zIndices-top: 3;--step--2: clamp(.6944rem, .6855rem + .0446vw, .72rem);--step--1: clamp(.8331rem, .8099rem + .1163vw, .9rem);--step-0: clamp(1rem, .9565rem + .2174vw, 1.125rem);--step-1: clamp(1.2rem, 1.1283rem + .3587vw, 1.4063rem);--step-2: clamp(1.44rem, 1.3293rem + .5533vw, 1.7581rem);--step-3: clamp(1.7281rem, 1.5649rem + .8163vw, 2.1975rem);--step-4: clamp(2.0738rem, 1.8396rem + 1.1707vw, 2.7469rem);--step-5: clamp(2.4881rem, 2.1594rem + 1.6435vw, 3.4331rem);font-family:var(--ff-body);line-height:1.5;color-scheme:light dark;color:var(--white);background-color:var(--black);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:var(--ff-body)}html,body,#root{height:100%}#root{width:100%;margin:0;padding:0;text-align:center}a{font-weight:var(--font-weight-md);color:buttontext;text-decoration:inherit}a:not(.button){color:var(--blue-8)}a:hover:not(.button){color:var(--blue-9)}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;overflow-y:hidden}h1{font-size:var(--step-4);line-height:1.1}button,.button{border-radius:var(--border-radius-lg);border:1px solid transparent;padding:var(--spacing-unit-1-5) var(--spacing-unit-1-5);font-size:var(--step--1);font-weight:var(--font-weight-md);font-family:inherit;background-color:var(--surface-dark);color:var(--white);cursor:pointer;transition:border-color .25s}button:not([disabled]):hover,.button:not([disabled]):hover{background-color:var(--surface-gray-2)}button:focus-visible,.button:focus-visible{outline:var(--spacing-unit-0-5) auto -webkit-focus-ring-color}button[disabled],.button[disabled]{opacity:.5;cursor:initial}button[data-size=small],.button[data-size=small]{height:fit-content;padding:var(--spacing-unit-1)}button[data-variant=link]{background:none}button[data-variant=link]:hover{border-color:transparent}button[data-variant=danger]{background-color:var(--tomato-9)}button[data-variant=danger]:hover{background-color:var(--tomato-8)}button[data-variant=ghost],.button[data-variant=ghost]{background-color:transparent;color:var(--white);border:1px solid var(--white)}.column{display:flex;flex-direction:column;gap:var(--spacing-unit-0-5)}.row{display:flex;flex-direction:row}.full-height{height:100%}.full-width{width:100%}.toastify{background:var(--white);color:var(--black)}.truncate{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cm-gutter.cm-lineNumbers{font-size:var(--step--2)!important}.cm-tooltip.cm-tooltip-autocomplete>ul{background:var(--black)}