:root{--nav-w-collapsed:clamp(3.25rem, 5vw, 5.25rem);--nav-w-expanded:clamp(12.5rem, 15vw, 17.5rem)}html,body{background-color:var(--main-color);scroll-behavior:smooth;max-width:100vw;min-height:100vh;overflow-x:hidden}.env_advice{background-color:var(--primary-color);z-index:999;opacity:.9;border-style:solid;border-width:2px;border-color:var(--primary-hover-color);border-radius:8px;padding:8px 20px;font-size:1.2rem;animation:3s infinite blink;position:fixed;bottom:20px;right:20px}.env_advice:hover{opacity:.1!important}@keyframes blink{0%,80%,to{opacity:1;scale:1}40%{opacity:.1;scale:.9}}.main{width:calc(100vw - var(--nav-w-collapsed));margin-left:var(--nav-w-collapsed);min-height:100vh}*{box-sizing:border-box;color:var(--font-color);-webkit-user-select:none;user-select:none;scrollbar-width:8px;-ms-overflow-style:8px;outline:none;margin:0;padding:0;font-family:Inter,sans-serif;font-size:.875rem;text-decoration:none;transition:all .3s}.monospaced{font-family:Roboto Mono,monospace!important}.selectable,.selectable *{-webkit-user-select:text;user-select:text}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background-color:var(--primary-nav-color)}::-webkit-scrollbar-thumb{background-color:var(--primary-color);border-radius:2px}::-webkit-scrollbar-thumb:hover{background-color:var(--primary-hover-color)}.lato_font{font-family:Lato,sans-serif!important}.loader{background-color:var(--main-color);z-index:1001;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.dot{background-color:var(--primary-color);border-radius:50%;width:20px;height:20px;margin:0 8px;animation:1.4s ease-in-out infinite both bounce}.dot:first-child{animation-delay:-.32s}.dot:nth-child(2){animation-delay:-.16s}@keyframes bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.background_animation{background:radial-gradient(circle at 30% 20%, var(--background-animation-color-1), transparent 25%), radial-gradient(circle at 70% 80%, var(--background-animation-color-2), transparent 25%), radial-gradient(circle at 50% 50%, var(--background-animation-color-3), transparent 25%);z-index:0;pointer-events:none;width:200vw;height:200vw;animation:60s linear infinite moveGradient;position:fixed;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)rotate(0)}.opacity_0_5{opacity:.5}@keyframes moveGradient{0%{background-position:0 0;transform:translate(-50%,-50%)rotate(0)}50%{background-position:100% 100%;transform:translate(-50%,-50%)rotate(180deg)}to{background-position:0 0;transform:translate(-50%,-50%)rotate(0)}}.pop_up{background-color:var(--secondary-color);z-index:1000;border-style:solid;border-width:2px;border-color:var(--secondary-border-color);border-radius:10px;width:fit-content;max-width:40vw;padding:30px 50px;transition:all .3s;position:fixed;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 50px #ffffff0d}.pop_up_title{text-align:center;justify-content:center;align-items:center;width:100%;margin-bottom:5px;font-size:1.3rem;font-weight:700;display:flex}.pop_up_title_description{opacity:.9;text-align:center;justify-content:center;align-items:center;font-size:.9rem;font-weight:400;display:flex}.pop_up_data{border-style:solid;border-width:0 0 1px;border-color:var(--darker-main-color);justify-content:space-between;align-items:center;width:100%;padding:10px 30px;display:flex}.pop_up_data_title{font-size:1.1rem;font-weight:700}.pop_up_data_data{justify-content:flex-end;align-items:flex-start;font-size:1.2rem;display:flex}.pop_up_buttons_container{justify-content:center;align-items:center;gap:10px;width:100%;margin-top:20px;display:flex}.confirm_delete{background-color:var(--delete-color)!important;border-color:var(--delete-hover-color)!important}.confirm_delete:hover{background-color:var(--delete-hover-color)!important;border-color:var(--delete-click-color)!important}.show_pop_up{top:50%;left:50%}.hide_pop_up{top:200vh}.close_popup{color:var(--dark-font-color);background-color:var(--delete-color);border-radius:5px;justify-content:center;align-items:center;padding:3px;display:flex;position:absolute;top:10px;right:10px}.close_popup:hover{background-color:var(--delete-hover-color);cursor:pointer}.black_courtain{z-index:998;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background-color:#00000080;width:100vw;height:100vh;position:fixed;top:0;left:0}.create_button{background-color:var(--primary-color);color:var(--dark-font-color);cursor:pointer;opacity:.8;z-index:900;border-radius:8px;justify-content:center;align-items:center;gap:10px;height:30px;padding:10px;font-size:1.2rem;display:flex;position:absolute;top:10px;right:10px}.create_button:hover{background-color:var(--primary-hover-color);cursor:pointer;opacity:1}.create_button:hover *{cursor:pointer}.content{flex-direction:column;justify-content:flex-start;align-items:center;width:95vw;min-height:100vh;display:flex}@media only screen and (max-width:768px){.main{width:100vw;margin:0}.content{width:100vw;margin-block:30px}.pop_up{padding:20px;width:95vw!important;max-width:95vw!important}}.delete_icon{justify-content:center;align-items:center;width:100%;margin-inline:auto;padding-block:10px;font-size:3rem;display:flex}.form_fixed_actions{z-index:90;padding:12px 20px;box-sizing:border-box;background-color:var(--darker-main-color);border-style:solid;border-width:0 0 1px;border-color:var(--lighter-main-color);flex-direction:row;justify-content:space-between;align-items:center;gap:16px;width:100vw;min-height:52px;padding-left:6.5vw;display:flex;position:fixed;top:0;bottom:auto;left:0;box-shadow:0 4px 24px #0000001f}.form_fixed_actions_back{color:var(--font-color);opacity:.85;border-radius:8px;align-items:center;gap:8px;max-width:55%;padding:8px 12px;font-size:.9rem;text-decoration:none;display:inline-flex}.form_fixed_actions_back:hover,.form_fixed_actions_back:hover *{opacity:1;color:var(--primary-light-color)}.form_fixed_actions_primary_wrap{flex-shrink:0}.form_fixed_actions_primary_wrap.disabled_save button{pointer-events:none;opacity:.45;filter:saturate(.6)}.content_with_fixed_actions{box-sizing:border-box;padding-block:80px}@media only screen and (max-width:768px){.form_fixed_actions{padding:10px 12px;left:0}.content_with_fixed_actions{padding-top:76px}}.icon_button{cursor:pointer;opacity:.75;background:#ffffff10;border:none;border-radius:4px;justify-content:center;align-items:center;padding:6px;font-size:1.15rem;transition:opacity .2s;display:flex}.icon_button:hover:not(:disabled){opacity:1;background-color:#ffffff20}.icon_button:disabled{opacity:.2;cursor:not-allowed}
:root[data-theme=magicandlogic]{--main-color:#090b10;--lighter-main-color:#0c101a;--darker-main-color:#000;--secondary-color:#090c13;--secondary-hover-color:#06090f;--secondary-border-color:#37415150;--alert-shadow-color:#37415145;--primary-color:#dc3721;--primary-hover-color:#c52e1b;--primary-nav-color:#eb46302b;--primary-border-color:#ed66549f;--primary-text-color:#f4a59b;--primary-light-color:#ff523b;--primary-dark-color:#86190b;--delete-light-color:#db3131;--delete-color:#bf1111;--delete-hover-color:#a41111;--delete-active-color:#871010;--restore-color:#1fbf11;--restore-hover-color:#11a41b;--restore-active-color:#108726;--nav-color:#000;--nav-hover-color:#11182780;--select-color:#293546;--select-hover-color:#161f2b;--green-color:#34d399;--red-color:#f87171;--font-color:#e5e7eb;--dark-font-color:#e5e7eb;--dimmed-font-color:#9ca3af;--clicked-color:#ed66549f;--background-animation-color-1:#dc372165;--background-animation-color-2:#681c8d65;--background-animation-color-3:#dc372165}:root[data-theme=magicsuite]{--main-color:#090b10;--lighter-main-color:#151924;--darker-main-color:#000;--secondary-color:#090c13;--secondary-hover-color:#06090f;--secondary-border-color:#374151;--alert-shadow-color:#37415145;--primary-color:#2162dc;--primary-hover-color:#1b5cc5;--primary-nav-color:#306beb2b;--primary-border-color:#5494ed9f;--primary-text-color:#9bb6f4;--primary-light-color:#3b90ff;--primary-dark-color:#0b3c86;--delete-light-color:#db3131;--delete-color:#bf1111;--delete-hover-color:#a41111;--delete-active-color:#871010;--restore-color:#1fbf11;--restore-hover-color:#11a41b;--restore-active-color:#108726;--nav-color:#0d111cd8;--nav-hover-color:#11182780;--select-color:#2d3b4d;--select-hover-color:#161f2b;--green-color:#34d399;--red-color:#f87171;--font-color:#e5e7eb;--dark-font-color:#e5e7eb;--dimmed-font-color:#9ca3af;--clicked-color:#5494ed9f;--background-animation-color-1:#3f7ef488;--background-animation-color-2:#3f7ef488;--background-animation-color-3:#21dcb421}