@import url(https://fonts.googleapis.com/css?family=Open+Sans);.popup-alert p{color:var(--text-light);font-size:1.75rem;margin:0;padding:1em;text-shadow:var(--text-light-shadow)}.popup-alert{align-items:center;box-shadow:none;display:inline-block;left:0;position:fixed;text-align:center;top:0;transition:transform .25s ease-in-out;width:100%;z-index:9}.popup-alert.translatein{box-shadow:5px 5px 10px var(--dark-color);transform:translateY(var(--navbar-height))}.popup-alert .alert-error{background:var(--error-color)}.popup-alert .alert-success{background:var(--success-color)}.popup-alert .div-close{color:var(--light-color);cursor:pointer;display:flex;font-size:2.5rem;font-weight:900;justify-items:flex-start;line-height:1em;padding-right:5px;position:absolute;right:0;text-shadow:var(--text-light-shadow);top:0}.popup-alert .div-close:hover{color:#000;text-shadow:none}.card-overlay{background-color:#00000080;box-sizing:border-box;display:flex;height:calc(100% - var(--navbar-height) + var(--category-height));justify-content:center;left:0;opacity:0;position:fixed;top:var(--navbar-height);transition:opacity .3s ease-in-out;width:100%;z-index:-3}.card-overlay.show{opacity:1;pointer-events:all;z-index:998}.card-container{flex-wrap:wrap;gap:20px;justify-content:space-around;padding-top:calc(var(--category-height) + 20px);width:100%;z-index:2}.card,.card-container{box-sizing:border-box;display:flex}.card{background-color:var(--light-color);border:10px solid var(--light-color);border-radius:10px;box-shadow:var(--card-shadow);flex-direction:column;height:285px;overflow:hidden;position:relative;transition:transform .3s ease,box-shadow .3s ease;width:300px;z-index:3}@media screen and (max-width:760px){.card{margin:0 20px 90px;width:100%}.card:last-child{margin-bottom:20px}}.card:hover{box-shadow:var(--card-shadow-hover);cursor:pointer}.card-background{background-position:50%;background-repeat:no-repeat;background-size:cover;height:150px;width:100%;z-index:0}.card-content{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.card-content h2{line-clamp:1;-webkit-line-clamp:1;color:#000;font-size:1.6rem;margin:0 0 5px;padding:5px;text-shadow:var(--text-dark-shadow)}.card-container .card-content p,.card-content h2{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;text-overflow:ellipsis}.card-container .card-content p{line-clamp:3;-webkit-line-clamp:3;color:var(--text-dark);font-size:.9rem;font-weight:600;margin:0}.recipe-detail{align-items:center;background-color:var(--light-color);box-shadow:0 4px 8px #0000001a;display:flex;flex-direction:column;height:calc(100% - 35px);overflow:auto;padding:10px;scrollbar-width:none;width:100%;z-index:3}.recipe-detail-banner{height:250px;width:100%}.recipe-detail-banner img{height:100%;object-fit:cover;width:100%}.recipe-detail-content{box-sizing:border-box;padding:10px 0 0;text-align:left;width:100%}.recipe-detail-content h1{color:var(--text-dark);font-size:2rem;margin:0 0 10px;padding:0;text-shadow:var(--text-dark-shadow)}.section-display .recipe-detail-content p,.section-edit .recipe-detail-content p{color:var(--text-dark);font-size:1.1rem;font-weight:600;margin-bottom:10px;padding:0}.recipe-detail-instructions{margin-bottom:20px}.recipe-detail-instructions h3{color:var(--text-dark);font-size:1.4rem;margin-bottom:5px}.recipe-detail-instructions ul{list-style-type:decimal;padding-left:20px}.recipe-detail-instructions li{color:var(--text-dark);font-size:1rem;font-weight:600;margin-bottom:10px}.recipe-detail-ingredients h3{color:var(--text-dark);font-size:1.4rem;margin-bottom:5px}.ingredients-list{column-count:2;column-gap:20px}.ingredients-list li{color:var(--text-dark);font-size:.9rem;font-weight:400}.div-display-close{color:var(--hilight-color);cursor:pointer;font-size:2rem;font-weight:900;position:fixed;right:10px;text-shadow:var(--text-dark-shadow);top:var(--navbar-height);z-index:4}.div-display-close:hover{color:#000;text-shadow:none}.category-container{display:flex;height:var(--category-height);justify-content:center;left:0;position:absolute;top:var(--navbar-height);width:100%;z-index:10}.category-container-floating{box-shadow:0 5px 10px #000}.category-container-hide{z-index:5}.category-container button{background-color:var(--dark-color);border-bottom:1px solid var(--navigation-border-color);border-radius:0;border-top:1px solid var(--navigation-border-color);color:var(--text-light);cursor:pointer;flex-basis:0;flex-grow:1;font-size:clamp(.75rem,.375rem + .75vw,1rem);text-shadow:var(--text-light-shadow);white-space:nowrap}.category-container button:not(:last-child){border-right:1px solid var(--navigation-border-color)}.category-container button:hover{background-color:var(--dark-color);color:var(--text-light)}.category-container button.selected{background-color:#000;color:var(--text-light);text-shadow:none}.category-container .category-button-placeholder{background-color:var(--dark-color);border:1px solid var(--dark-color);border-radius:0;color:var(--text-dark);cursor:pointer;flex-basis:0;flex-grow:1;font-size:clamp(.75rem,.375rem + .75vw,1rem);text-shadow:var(--text-dark-shadow);white-space:nowrap}.category-container .category-button-placeholder:hover{background-color:var(--dark-color);border:1px solid var(--dark-color);color:var(--text-light);text-shadow:none}ul{list-style-type:none;margin:0;padding:0}:root{--menu-toggle-color:var(--light-color)}.div-navbar{background:var(--dark-color);display:flex;flex-direction:row;font-size:2rem;height:var(--navbar-height);left:0;position:absolute;top:0;width:100%;z-index:10}.div-navbar>div{display:flex;height:100%}.div-navbar-floating{box-shadow:0 5px 10px #000}.div-navbar-left{align-items:center;flex-direction:row;padding-left:20px;width:100%}.div-navbar-right{align-items:center;flex-direction:row-reverse;padding-right:20px;width:100%}.div-navbar-center{align-items:center;flex-direction:row;justify-content:center;white-space:nowrap;width:-webkit-fit-content;width:fit-content}.div-navbar-center>a{color:var(--text-light);font-size:2rem;text-decoration:none;text-shadow:var(--text-light-shadow)}.div-navbar-center>a:hover{color:#000;text-shadow:none}input[type=checkbox]:checked~#sidebarMenu{transform:translateX(0)}.div-navbar-left>input[type=checkbox]{box-sizing:border-box;display:none;transition:all .3s}.menu-toggle{cursor:pointer;height:-webkit-fit-content;height:fit-content;width:50px;z-index:3}.menu-toggle,.spinner{box-sizing:border-box;transition:all .3s}.spinner{background-color:var(--light-color);background-color:var(--menu-toggle-color);height:7px;position:absolute;width:100%}.horizontal{margin-top:3px}.diagonal.part-1,.diagonal.part-2,.horizontal{box-sizing:border-box;float:left;position:relative;transition:all .3s}.diagonal.part-2{margin-top:3px}input[type=checkbox]:checked~.menu-toggle>.horizontal{box-sizing:border-box;opacity:0;transition:all .3s}input[type=checkbox]:checked~.menu-toggle>.diagonal.part-1{box-sizing:border-box;margin-top:17px;transform:rotate(135deg);transition:all .3s}input[type=checkbox]:checked~.menu-toggle>.diagonal.part-2{box-sizing:border-box;margin-top:-18px;transform:rotate(-135deg);transition:all .3s}:root{--menu-border:3px solid var(--navigation-border-color);--a-border:1px solid var(--navigation-border-color);--sidebar-menu-shadow:0px 5px 10px var(--navigation-border-color)}.div-sidebar-menu{background:var(--dark-color);border-top:var(--menu-border);left:0;position:absolute;top:var(--navbar-height);transform:translateX(-103vw);transition:transform .25s ease-in-out;width:100%;z-index:20}.div-sidebar-menu.translatein{box-shadow:0 5px 10px var(--navigation-border-color);box-shadow:var(--sidebar-menu-shadow);transform:translateX(0)}.div-sidebar-menu a{border-bottom:var(--a-border);color:var(--light-color);cursor:pointer;display:block;font-size:1.5rem;line-height:3rem;padding:0 10px;text-decoration:none;text-shadow:var(--text-light-shadow)}.div-sidebar-menu a:focus,.div-sidebar-menu a:hover{background-color:var(--light-accent-color);box-shadow:0 5px 10px var(--navigation-border-color);box-shadow:var(--sidebar-menu-shadow);color:var(--text-dark);text-shadow:none}.div-sidebar-menu button{background:none;border:none;border-bottom:var(--a-border);border-radius:0;color:var(--light-color);cursor:pointer;display:block;font-size:1.5rem;line-height:3rem;padding:0 10px;text-align:left;text-decoration:none;text-shadow:var(--text-light-shadow);transition:none;width:100%}.div-sidebar-menu button:focus,.div-sidebar-menu button:hover{background-color:var(--light-accent-color);box-shadow:0 5px 10px var(--navigation-border-color);box-shadow:var(--sidebar-menu-shadow);color:var(--text-dark);outline:none;text-shadow:none}.div-main{box-sizing:border-box;display:block;overflow-y:auto}.div-main,.div-main-body:before{height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.div-main-body:before{background:#646464cc;content:""}.div-main-body{background-image:url(/static/media/banner.d4189f6f0225c23f9265.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;box-sizing:border-box;color:var(--text-light);display:block;margin:0 auto;margin-top:calc(var(--navbar-height));position:relative;text-align:center;z-index:0}.div-main-body,section{height:calc(100% - var(--navbar-height))}section{overflow-y:auto;position:absolute;scroll-margin-top:var(--navbar-height);scrollbar-width:none;top:var(--navbar-height);width:100%;z-index:5}.section-edit{text-align:left}.section-display,.section-edit{background-color:initial;border-radius:0;box-shadow:none;padding:0}.section-display{text-align:center}.section-display.loading{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#d0d0d033 25%,#b0b0b033 50%,#d0d0d033 75%);background-size:200% 100%}.section-display p{color:var(--text-light);font-size:1.4rem;font-weight:400;margin-top:10px;padding:0 20px}.section-unauthorized{background-color:#00000080;border-radius:0;box-shadow:none;padding:0;text-align:center}.section-unauthorized h1{color:var(--text-light)}.welcome-container{background-color:#00000080;box-sizing:border-box;height:-webkit-fit-content;height:fit-content;min-height:100%;padding-top:var(--category-height)}.welcome-container p{font-size:1.5rem;margin-top:0;padding:20px 40px}.no-recipes-container{background-color:#00000080;box-sizing:border-box;height:-webkit-fit-content;height:fit-content;min-height:100%;padding-top:var(--category-height);position:absolute;top:0;width:100%}.install-prompt{background-color:var(--dark-color);bottom:0;box-sizing:border-box;color:var(--text-light);left:0;padding:10px;position:fixed;text-align:center;width:100%;z-index:10}.install-prompt p{font-size:1rem;font-weight:400}.install-prompt .button-group{justify-content:center;margin-top:10px}.install-prompt .button-group button{font-size:.7rem}.fresh-form-container{background-color:var(--main-color);border-radius:10px;box-shadow:0 0 15px #000000e6;left:50%;max-width:90%;padding:20px;position:absolute;text-align:center;top:20px;transform:translatex(-50%);width:400px;z-index:2}.fresh-form-container p{color:var(--text-dark)}.fresh-form-container .form-login button{width:-webkit-fit-content;width:fit-content}.fresh-container{height:calc(100% - var(--navbar-height));position:absolute;top:var(--navbar-height);width:100%}.div-confirm{background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0003;height:-webkit-fit-content;height:fit-content;left:50%;max-width:80%;padding:20px;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);width:400px}.div-confirm p{color:var(--text-dark)}.div-confirm .button-group{display:flex;gap:30px;justify-content:center;margin-top:20px}.edit-container{background-color:var(--main-color);border-radius:10px;box-shadow:0 0 15px #000000e6;height:calc(100% - 40px);margin:20px auto;padding:20px;width:95%}.edit-container,.edit-header{display:flex;flex-direction:column}.edit-header{height:-webkit-fit-content;height:fit-content;width:100%}.edit-list{flex-grow:1;overflow-y:auto;scrollbar-width:none}.create-form-container{background-color:var(--light-color);height:calc(100% - 35px);padding:10px;text-align:center;width:100%}.create-form-container .error-message{font-size:1.2em}.item-container{background-color:var(--light-color);box-shadow:0 0 15px #000000e6;font-size:1em;height:calc(100% - 35px);overflow:auto;padding:10px;scrollbar-width:none;text-align:center;width:100%}.item-container h1{margin-bottom:10px}.item-container img{height:auto;margin-bottom:10px;width:100%}.item-container img.editing{margin-bottom:0}.edit-form{border-radius:0;margin-bottom:10px}.edit-form button{font-size:.8rem}.edit-form.editing{padding:5px;width:100%}.edit-form.editing,.ingredients-form{background-color:var(--light-accent-color)}.ingredients-form{display:flex;flex-direction:column;gap:0;margin-bottom:5px;padding:0 5px 5px}.ingredients-form p{font-size:1.25rem}.ingredients-form input.quantity:focus,.ingredients-form input[type=text]:focus{border-color:var(--hilight-color);outline:none}.ingredients-form input:read-only{background-color:var(--light-color);cursor:not-allowed}.ingredients-form input:read-only:focus{border-color:var(--dark-accent-color);cursor:not-allowed;outline:none}.ingredients-form select{background-color:#fff;border:1px solid var(--dark-accent-color);border-radius:5px;color:var(--text-dark);font-size:1rem;margin:5px 0 0;padding:5px 8px;width:25%}.ingredients-form select:focus{border-color:var(--hilight-color);outline:none}.ingredients-form select:disabled{background-color:var(--light-color);border:1px solid var(--dark-accent-color);color:var(--text-dark);cursor:not-allowed}.ingredients-form button{font-size:.7rem;margin-top:5px}.ingredients-form .trash-button{background-color:var(--delete-color);font-size:1.1rem;margin:5px 0 0 5px;padding:5px}.ingredients-form .trash-button:hover{background-color:#000}.ingredient-form-inputs{display:flex;flex-direction:row;width:100%}.ingredient-form-inputs>div{display:flex;gap:10px}.ingredient-form-inputs>div:first-child{flex:0 0 50%}.ingredient-form-inputs>div input[type=text]{border:1px solid var(--dark-accent-color);border-radius:5px;flex:1 1;font-size:1rem;margin:5px 5px 0 0;padding:5px 8px}.ingredient-form-inputs .quantity-row{display:flex;gap:0}.ingredient-form-inputs .quantity-row input[type=text]{flex:1 1;gap:0;max-width:35%}.ingredient-form-inputs .quantity-row select{flex:1 1}.ingredient-form-inputs .quantity-row button{flex:0 1}@media (max-width:760px){.ingredients-form{flex-direction:column}.ingredient-form-inputs>div:first-child input[type=text]{margin-right:0}.ingredient-form-inputs{flex-direction:column}}.item-list li:hover{background-color:var(--main-color);border-color:#000}.list-item{background-color:var(--light-color);border:1px solid var(--dark-color);border-radius:5px;color:var(--text-dark);margin-bottom:10px;position:relative;transition:background-color .3s ease-in-out}.list-item-container{align-items:flex-start;display:flex;width:100%}.item-name{word-wrap:break-word;flex:1 1;margin:10px 15px}.item-name p{color:var(--text-dark);cursor:pointer;font-size:1.2rem}.item-name.published p{color:var(--hilight-color)}.item-icons-container{margin:10px 15px}.item-icons-container div{align-items:center;display:flex;font-size:1rem;gap:10px;justify-content:flex-end}.item-icons-container p{color:var(--text-dark)}.list-item-icons{display:flex;gap:15px;height:100%;justify-content:flex-end;padding-right:15px;position:relative;width:100%;z-index:1}.item-icon{cursor:pointer;font-size:1.5em}.item-icon.disabled{color:grey}.item-icon:hover{color:#000}.item-icon.disabled:hover{color:grey;cursor:not-allowed}.custom-file-upload{background-color:var(--button-color);border:1px solid var(--button-border-color);border-radius:5px;color:var(--button-text-color);cursor:pointer;display:inline-block;font-size:1rem;padding:10px 20px;transition:background-color .3s ease}.custom-file-upload:hover{background-color:var(--button-hover-color)}input[type=file]:disabled+.custom-file-upload{background-color:var(--disabled-color);border-color:var(--disabled-border-color);color:var(--disabled-text-color);cursor:not-allowed}#formBannerImage{margin-bottom:15px}#formBannerImage label{background-color:var(--hilight-color);border-radius:5px;color:var(--text-light);cursor:pointer;display:inline-block;font-size:.9rem;padding:4px 8px;transition:background-color .3s ease;width:-webkit-fit-content;width:fit-content}#formBannerImage label:hover{background-color:#000}.edit-form label{display:block;font-size:1.1rem;font-weight:700;margin-bottom:0;width:-webkit-fit-content;width:fit-content}.item-container .ingredients-form .button-group{justify-content:flex-start}.section-header{align-items:center;background-color:var(--light-accent-color);display:flex;justify-content:space-between;margin-bottom:5px;width:100%}.section-header label{margin:0 0 0 5px;text-align:left}.section-header button{align-items:flex-end;margin:5px 5px 5px 0;width:25%}.section-body{margin-bottom:15px}.info-value{border-radius:5px;font-size:1.3rem}.item-container .info-field label{font-size:1.1rem}.item-container .ingredients-button-group{display:flex;gap:10px;justify-content:flex-start}.item-container .div-confirm .button-group{display:flex;gap:30px;justify-content:center;margin-top:20px}.item-container-info{border-radius:5px;color:var(--text-dark);display:flex;flex-direction:column;font-size:1.5rem;text-align:left;width:100%}.item-container-info .info-field{display:flex;flex-direction:column;margin-bottom:5px}.item-container-info .info-field label{font-weight:700;margin-bottom:5px}.item-container-info .info-value{border:1px solid var(--dark-accent-color);border-radius:5px;cursor:not-allowed;font-size:1rem;padding:5px 8px}.item-container-info .info-value:focus{outline:none}.item-container .add-button-group{display:flex;gap:10px;justify-content:flex-start}.item-container .add-button-group button{font-size:.8rem}.instructions-form{background-color:var(--light-accent-color);display:flex;flex-direction:column;gap:0;margin-bottom:5px;padding:0 5px 5px}.instructions-form textarea{border:1px solid var(--dark-accent-color);border-radius:5px;height:50px;margin:5px 0 0;resize:none;scrollbar-width:none;width:100%}.instructions-form textarea:read-only{background-color:var(--light-color);cursor:not-allowed}.instructions-form textarea:focus{border-color:var(--hilight-color);outline:none}.instructions-form textarea:read-only:focus{background-color:var(--light-color);border-color:var(--dark-accent-color);cursor:not-allowed}.instructions-form-inputs{display:flex;flex-direction:row;width:100%}.instructions-form button{font-size:.7rem;margin-top:5px}.instructions-form-inputs .trash-button{background-color:var(--delete-color);font-size:1.1rem;height:-webkit-fit-content;height:fit-content;margin:5px 0 0 5px;padding:5px}.item-container .instructions-form .button-group{gap:5px;justify-content:flex-start;margin-top:0}.edit-form .checkbox-row{align-items:left;display:flex}.edit-form .checkbox-row input[type=checkbox]{width:-webkit-fit-content;width:fit-content}.generate-form{justify-content:center;width:100%}.generate-form textarea{border-radius:0;height:75px;margin:15px auto 10px;scrollbar-width:none;width:50%}.generate-form button{box-shadow:0 0 5px #000000e6}@media screen and (max-width:760px){.generate-form button,.generate-form textarea{width:90%}}.login-container{background-color:var(--main-color);border-radius:10px;box-shadow:0 0 15px #000000e6;display:flex;flex-direction:column;margin:20px auto 0;max-width:80%;padding:20px;width:400px}.login-container p{color:var(--text-dark);font-size:1rem;margin-top:15px;text-align:center}.form-login label{background-color:initial;color:var(--hilight-color);font-size:20px;padding:0 7px;position:relative;top:12px}.form-login input{font-size:1.7rem;padding:10px 15px}.persist-check{align-items:center;color:var(--text-dark);display:flex;font-size:1rem;justify-content:center;margin:20px auto;width:75%}.persist-check label{padding:0;text-align:left;top:0;width:-webkit-fit-content;width:fit-content}.persist-check input[type=checkbox]{width:10%}.persist-check input[type=checkbox]:checked{accent-color:var(--edit-color);background-color:var(--edit-color);border-color:var(--edit-color)}.login-btn{padding:10px 15px;width:100%}:root{--main-color:#e0e0e0;--dark-color:#7f321e;--dark-accent-color:#5a2a1a;--light-color:#f5f5f5;--light-accent-color:#d4d4d4;--success-color:#27ae60;--error-color:#e74c3c;--hilight-color:teal;--warning-color:#f39c12;--info-color:#3498db;--text-dark:#444;--text-light:#fff;--text-light-shadow:3px 3px 2px #333;--text-dark-shadow:3px 2px 3px #b0b0b0;--edit-color:var(--hilight-color);--delete-color:var(--error-color);--info-color:var(--hilight-color);--save-color:var(--hilight-color);--cancel-color:var(--dark-color);--navbar-height:95px;--category-height:35px;--card-shadow:0px 4px 8px #000;--card-shadow-hover:0px 8px 16px #000;--navigation-border-color:#424242}*{box-sizing:border-box}html{background:#575859;background-repeat:repeat;font-family:Open Sans,sans-serif;height:100%;overflow:hidden}#root,body{box-sizing:border-box}body{margin:0;min-height:100%;overflow:hidden;padding:0}h1{color:#444;color:var(--text-dark);font-size:2rem;font-weight:900;margin:0 0 20px;padding:0 10px;text-align:center;text-shadow:3px 2px 3px #b0b0b0;text-shadow:var(--text-dark-shadow)}h2{font-size:6rem;font-weight:700;margin:0 0 15px;padding:0 7px;text-align:center;text-shadow:3px 3px 2px #333;text-shadow:var(--text-light-shadow)}h2,p{color:#fff;color:var(--text-light)}p{font-size:1.5rem;font-weight:600;margin:0}a{color:var(--highlight-color);color:teal;color:var(--hilight-color);text-decoration:none}a:hover{color:var(--highlight-hover-color);color:#000}button{background-color:teal;background-color:var(--hilight-color);border:none;border-radius:5px;color:#fff;color:var(--text-light);cursor:pointer;font-size:1.1rem;padding:8px 12px;transition:background-color .3s ease-in-out}button:hover{background-color:#000}button:disabled{background-color:grey}button:disabled:hover{background-color:grey;cursor:not-allowed}.cancel-button{background-color:#7f321e;background-color:var(--cancel-color)}.create-button{margin:0 auto 20px;width:50%}.save-button{background-color:teal;background-color:var(--save-color)}.recipe-action{margin-bottom:15px;width:50%}.info-icon{color:teal;color:var(--info-color)}.edit-icon{color:teal;color:var(--edit-color)}.delete-icon{color:#e74c3c;color:var(--delete-color)}.add-button,.toggle-button{font-size:.9rem;padding:4px 8px;width:-webkit-fit-content;width:fit-content}.button-group{display:flex;gap:5px;justify-content:flex-end}.disable-select{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.enable-select{-webkit-tap-highlight-color:auto;-webkit-touch-callout:auto;-webkit-user-select:text;user-select:text}.error-message{color:#e74c3c;margin-bottom:15px}.loading{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#d0d0d0 25%,#b0b0b0 50%,#d0d0d0 75%);background-size:200% 100%}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.overlay{background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;opacity:0;position:fixed;top:0;transition:opacity .3s ease-in-out;width:100%;z-index:-2}.overlay.show{opacity:1;pointer-events:all;z-index:998}.sub-overlay{background-color:#00000080;box-sizing:border-box;display:flex;height:100%;justify-content:center;left:0;opacity:0;overflow:hidden;position:fixed;top:0;transition:opacity .3s ease-in-out;width:100%;z-index:-3}.sub-overlay.show{opacity:1;overflow:auto;pointer-events:all;scrollbar-width:none;z-index:998}form{border-radius:5px;color:#444;color:var(--text-dark);display:flex;flex-direction:column;font-size:1.5em;position:relative;text-align:left;width:100%}label{display:block;font-size:1.5rem;font-weight:600;margin-bottom:0;width:100%}input{background-color:#f5f5f5;background-color:var(--light-color);border:1px solid #5a2a1a;border:1px solid var(--dark-accent-color);border-radius:5px;font-size:1rem;margin-bottom:5px;padding:5px 8px;transition:border-color .3s ease-in-out;width:100%}input:focus{border-color:teal;border-color:var(--hilight-color);outline:none}input:read-only{background-color:#f5f5f5;background-color:var(--light-color);cursor:not-allowed}input:read-only:focus{border-color:#5a2a1a;border-color:var(--dark-accent-color);cursor:not-allowed;outline:none}input[type=checkbox]{cursor:pointer;margin-left:10px;transform:scale(1.5);transform-origin:center}input[type=checkbox]:checked{accent-color:teal;accent-color:var(--edit-color);background-color:teal;background-color:var(--edit-color);border-color:teal;border-color:var(--edit-color)}input[type=checkbox]:disabled{cursor:not-allowed}input[type=file]{display:none}textarea{border:1px solid #5a2a1a;border:1px solid var(--dark-accent-color);border-radius:5px;height:150px;margin-bottom:5px;resize:none;transition:border-color .3s ease-in-out;width:100%}textarea:focus{border-color:teal;border-color:var(--hilight-color);outline:none}textarea:read-only{background-color:#f5f5f5;background-color:var(--light-color);cursor:not-allowed}textarea:read-only:focus{border-color:#5a2a1a;border-color:var(--dark-accent-color);cursor:not-allowed;outline:none}select{background-color:#fff;border:1px solid #5a2a1a;border:1px solid var(--dark-accent-color);border-radius:5px;color:#444;color:var(--text-dark);font-size:1rem;margin:5px 0 10px;padding:5px 8px;transition:border-color .3s ease-in-out;width:100%}select:focus{border-color:teal;border-color:var(--hilight-color);outline:none}select:disabled{background-color:#f5f5f5;background-color:var(--light-color);border:1px solid #5a2a1a;border:1px solid var(--dark-accent-color);color:#444;color:var(--text-dark);cursor:not-allowed}
/*# sourceMappingURL=main.3ba22e74.css.map*/