@import"https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@48,400,1,0";@import"https://fonts.googleapis.com/css2?family=Roboto+Slab&family=Roboto:wght@400;900&display=swap";:root{--body-background: #e5e5e5;--header-background: #f2a007;--nav-background: #808080;--message-text: #fff;--error-background: #b81f24;--error-hover: #a51b20;--success-background: green;--delete-background: #fc6a03;--info-background: #006270;--main-background: #ffffff;--main-headings: #b81f24;--main-color: #000000;--main-link: #302ae6;--dark-mode-icon: #ffffff;--project-divider: #000;--links-background: #b81f24}*{margin:0;padding:0}body{background-color:var(--body-background);font-family:Roboto Slab;overscroll-behavior:none;z-index:1}#loading{z-index:99;position:absolute;inset:0;display:flex;justify-content:center;align-items:center}h1,h2,h3,h4{font-family:Roboto;font-weight:600}.hide{display:none!important}header{display:flex;align-items:center;padding:10px 15px;background-color:var(--header-background);position:fixed;top:0;left:0;right:0;z-index:2}header h1 a{text-decoration:none;color:#000;cursor:pointer}#back-button{cursor:pointer;color:#000;text-decoration:none}.material-symbols-outlined{vertical-align:middle;font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24}#title-container{flex-grow:1;text-align:center}header h1{font-family:Arial,Helvetica,sans-serif}#account-container{display:flex;align-items:center;font-size:20px}hr{border-bottom:2px solid #bebebe;margin:0 20px}.account-button{padding:10px;background-color:transparent;border:0;font-size:20px;cursor:pointer}.account-button:hover{text-decoration:underline}.message-wrapper{height:50px}.message-wrapper{display:flex;justify-content:center;align-items:center}.message{margin:10px;padding:10px;display:flex;align-items:center;gap:5px;font-family:Arial,Helvetica,sans-serif;font-weight:700;animation-duration:.2s;animation-name:fade-in;animation-timing-function:ease-in;box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d}.message button{background-color:inherit;color:inherit;border:1px solid var(--message-text);border-radius:5px;margin:0 5px;cursor:pointer}.success{background-color:var(--success-background);color:var(--message-text)}.error{background-color:var(--error-background);color:var(--message-text)}.warn{background-color:var(--delete-background);color:var(--message-text)}.info{background-color:var(--info-background);color:var(--message-text)}main{background-color:var(--main-background);border-radius:10px;padding:20px;box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d}#notes-display p{margin:10px 0}.center{text-align:center}hr{margin:10px 0;height:5px;background-color:var(--mainColor)}.clickable{cursor:pointer}.button-group-column{display:flex;flex-direction:column;justify-content:center;gap:5px}.button-group-row{display:flex;flex-direction:row;justify-content:space-around;gap:5px;margin:5px 0}.button{border:1px solid black;border-radius:10px;padding:10px;font-size:20px;box-sizing:border-box;text-align:center;text-decoration:none;color:#000;box-shadow:inset 0 -.6em 0 -.35em #0000002b;cursor:pointer}.button:active{box-shadow:0 0 #fff;transform:translateY(4px)}.full{width:100%}.large{font-size:40px;padding:50px}.red{background-color:#df2c14;color:#fff}.orange{background-color:#f58216;color:#000}.yellow{background-color:#ff0;color:#000}.green{background-color:#00a300;color:#fff}.blue{background-color:#00f;color:#fff}.purple{background-color:#51087e;color:#fff}.white{background-color:#fff;color:#000}.black{background-color:#000;color:#fff}.grey{background-color:gray;color:#fff;border:0}.border{border:1px solid black}.half{opacity:.5}.disabled{background-color:gray;cursor:not-allowed!important}.disabled:active{box-shadow:inset 0 -.6em 0 -.35em #0000002b;transform:translateY(0)}input:checked+label{color:#fff;opacity:1}.button-group-row input{display:none}input[type=checkbox]{opacity:0}td,th{text-align:center}.textbox{display:block;width:100%;height:300px;padding:10px;margin:10px 0;font-family:Roboto Slab,serif;font-size:15px;resize:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.header-row{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center}.edit-button{padding:3px;border:1px solid black;border-radius:5px}.popupBackground{display:flex;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:2;justify-content:center;align-items:center}.popup{background-color:#fff;width:800px;min-height:200px;border-radius:8px;padding:16px;text-align:center;z-index:3;box-shadow:0 4px 8px #0003}#visual-legend{display:flex;justify-content:space-around;align-items:center;padding-bottom:5px;border-radius:10px}#visual-legend legend{margin:0 15px}#visual-legend label{display:flex;align-items:center}#visual-legend span{display:block;width:15px;height:15px;margin:0 5px;border-radius:15px;border:1px solid black}.box-container{display:flex;justify-content:flex-start;width:calc(100% - 15px);max-width:1200px;border:2px solid #333;padding:5px;box-shadow:0 4px 8px #0000001a;overflow-x:auto;white-space:nowrap}.frame-container{height:350px;max-width:60px;min-width:30px;box-sizing:border-box;display:flex;justify-content:center;align-items:center;font-size:1.2em;font-weight:700;margin:2px}.frame-text{transform:rotate(-90deg);white-space:nowrap;transform-origin:center center;padding:5px}.none{background-color:#000;color:#fff}.honey,.nectar{background-color:#ff0;color:#000}.draw-comb{background-color:#fff;color:#000}.brood{background-color:brown;color:#fff}@media(min-width:900px){main{width:100%;max-width:900px;margin:20px 0}}@media(max-width:899px){main{margin:20px}}#page-wrapper{display:grid;grid-template-columns:1fr;grid-template-rows:70px 40px auto;grid-template-areas:"spacer" "message-area" "main";height:100vh}#spacer{display:block}#main-message{grid-area:message-area}main{grid-area:main}@media(min-width:1045px){#page-wrapper{justify-items:center}}