#modular-playground .btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:4px;cursor:pointer;background-color:transparent;border:none;padding:2px}#modular-playground .btn:hover{background-color:var(--playground-hover-500)}#modular-playground .btn:disabled{cursor:default}#modular-playground .btn.btn-info{color:var(--playground-color-500)}#modular-playground .btn.btn-danger{color:var(--playground-danger-500)}#modular-playground .toast{padding:8px;border-radius:4px;margin-top:10px}#modular-playground .toast.toast-error{background:var(--playground-danger-500);box-shadow:0 0 8px var(--playground-danger-700);color:light-dark(#ffffff,#000000)}#modular-playground .file-item{position:relative;display:flex;align-self:stretch;align-items:center;cursor:pointer}#modular-playground .file-item.selected{background-color:var(--playground-background-700)}#modular-playground .file-item.selected:hover .btn-remove{visibility:visible;pointer-events:all}#modular-playground .file-item .btn-remove{margin-left:4px;margin-right:4px;visibility:hidden;pointer-events:none}#modular-playground .file-item .hidden{visibility:hidden!important}#modular-playground .file-item:hover:not(.selected){background-color:var(--playground-hover-500)}#modular-playground .file-item .add-form{display:flex;align-items:center;gap:6px;padding:2px 8px;border-radius:4px;background-color:var(--playground-background-400)}#modular-playground .file-item .add-form.errored{border:1px solid var(--playground-danger-500)}#modular-playground .file-item .add-form input{width:100px;border:none;align-self:stretch;background-color:transparent;outline:0;color:var(--playground-color-400);caret-color:var(--playground-color-500)}#modular-playground .file-item .add-form input::placeholder{font-style:italic;color:var(--playground-color-500)}#modular-playground .menu{text-decoration:none;list-style-type:none;background-color:var(--playground-background-500);border:1px solid var(--playground-color-900);border-radius:4px;box-shadow:0 0 8px var(--playground-color-700);margin-right:13px;margin-top:10px}#modular-playground .menu>div{cursor:pointer;color:var(--playground-color-500)}#modular-playground .menu>div:hover>div>div{background-color:var(--playground-hover-500)}#modular-playground .menu>div:not(#modular-playground .menu>div:last-child){border-bottom:1px solid var(--playground-color-900)}#modular-playground .menu>div>div{padding:0 4px}#modular-playground .menu>div>div>div{display:inline-block;width:100%;padding:2px 2px 2px 4px;border-radius:4px;margin:4px 4px 4px 0}.custom-scrollbar-container::-webkit-scrollbar{display:none}.custom-scrollbar{position:absolute;bottom:0;left:0;width:100%;height:5px;opacity:0;transition:opacity .3s ease;pointer-events:none;z-index:10}.custom-scrollbar.parent-hovered.has-overflow{opacity:.8;pointer-events:auto}.custom-scrollbar.dragging{opacity:1;pointer-events:auto}.custom-scrollbar.dragging .scrollbar-thumb{background:var(--playground-color-100)}.custom-scrollbar .scrollbar-track{position:relative;height:100%;background:var(--playground-color-950);box-shadow:0 0 2px var(--playground-color-100);cursor:pointer}.custom-scrollbar .scrollbar-thumb{position:absolute;border-radius:4px;height:100%;background:var(--playground-color-100);cursor:pointer;transition:background .2s ease}.custom-scrollbar .scrollbar-thumb:hover{background:var(--playground-color-300)}#modular-playground .files-bar{display:flex;height:36px;width:100%;align-items:center;justify-content:space-between;color:var(--playground-color-500);background:var(--playground-background-500)}#modular-playground .files-bar .file-list-wrapper{width:100%;position:relative;display:flex;align-items:stretch;justify-content:space-between;align-self:stretch;overflow:hidden}#modular-playground .files-bar .file-list-wrapper>*{flex:1 1 auto}#modular-playground .files-bar .file-list-wrapper .file-list{width:100%;display:flex;position:relative;overflow:auto}#modular-playground .files-bar .button-container{display:flex;gap:4px;margin-left:8px;margin-right:8px}#modular-playground .cm-editor{height:100%;outline:0}.loader{width:4px;color:#000;aspect-ratio:1;border-radius:50%;box-shadow:19px -19px,38px -19px,57px -19px,19px 0 0 5px,38px 0 0 5px,57px 0 0 5px,19px 19px,38px 19px,57px 19px;transform:translate(-38px);animation:l26 2s infinite linear}@keyframes l26{12.5%{box-shadow:19px -19px,38px -19px,57px -19px 0 5px,19px 0 0 5px,38px 0,57px 0 0 5px,19px 19px,38px 19px,57px 19px}25%{box-shadow:19px -19px 0 5px,38px -19px,57px -19px 0 5px,19px 0,38px 0,57px 0,19px 19px,38px 19px 0 5px,57px 19px}50%{box-shadow:19px -19px 0 5px,38px -19px 0 5px,57px -19px,19px 0,38px 0,57px 0,19px 19px,38px 19px,57px 19px 0 5px}62.5%{box-shadow:19px -19px,38px -19px,57px -19px,19px 0 0 5px,38px 0,57px 0,19px 19px,38px 19px 0 5px,57px 19px 0 5px}75%{box-shadow:19px -19px,38px -19px 0 5px,57px -19px,19px 0,38px 0,57px 0 0 5px,19px 19px,38px 19px,57px 19px 0 5px}87.5%{box-shadow:19px -19px,38px -19px 0 5px,57px -19px,19px 0,38px 0 0 5px,57px 0,19px 19px 0 5px,38px 19px,57px 19px}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;font-family:system-ui,sans-serif;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}a{text-decoration:none;color:inherit}ul[role=list],ol[role=list]{list-style:none}