.button-selected{position:relative}.button-selected:after{content:"";position:absolute;left:6px;right:6px;bottom:4px;height:3px;background:#7ce802;border-radius:3px}.button{background-color:var(--color-primary);color:#000;padding:2px 8px 8px;border-radius:12px;outline:none;border:0px}.button-icon{border-radius:16px;padding:4px}.button:hover:not(:disabled){color:#000;background-color:var(--color-dark);border:0px}.select{background-color:#b0f3c1;padding:4px 8px;border-radius:12px;outline:none;border:0px;display:flex;align-items:center}.edit-members{display:inline-flex;flex-direction:row;gap:8px}.form-div{border-radius:16px;background-color:#67eb8740;box-shadow:0 4px 12px #0003;width:256px;padding:4px;display:flex;flex-direction:column;gap:8px}.search-div{width:100%;gap:4px;position:relative;display:inline-flex;box-sizing:border-box}.search{flex:1;border:none;border-radius:16px}.search-icon{background-color:#fff;padding:4px;border-radius:16px}.user-select{width:100%;border-radius:16px;background-color:#fff;height:100px;overflow-y:auto}.user-select-item{padding:2px 4px}.user-select-item:first-child{border-radius:16px 16px 0 0}.user-select-item:last-child{border-radius:0 0 16px 16px}.user-select-item-selected{background-color:#85b77e}.action-button{border-radius:16px;border:0px;padding:4px}.action-button:hover:not(:disabled){background-color:#85b77e}.edit-form>*{margin:4px 0}.div-grid{display:grid;grid-template-columns:1fr 2fr;align-items:center;gap:4px}.cell-header{grid-column:span 2;font-weight:700}.cell-full-row{grid-column:span 2}.cell>*{margin:0;padding:0}.cell>input,textarea{width:90%}.cell>input[type=time]{width:auto}textarea{height:128px;resize:none}.text{gap:4px;display:flex;flex-direction:row;align-items:center;padding:4px;margin:4px}.text>*{margin:0}.text-right{display:flex;justify-content:flex-end;gap:4px;align-items:center;padding:4px;margin:4px}.div-button{display:flex;justify-content:flex-end;gap:4px}.popup-menu-bar{display:flex;padding:0 12px;gap:4px}.popup-menu-button{border-radius:8px 8px 0 0;padding:2px 4px 8px 8px}.attendance-selector{grid-column:span 2;display:flex;gap:4px}.group-component{display:flex;align-items:center;justify-content:space-between}.group-info-container{display:flex;flex-direction:column;gap:16px;padding:8px}.group-info{background-color:var(--color-off-white);display:flex;flex-direction:column;border-radius:12px;padding:8px}.group-info-title{display:flex;flex-direction:row;align-items:center}.group-info-title>*{margin:4px}.group-info>*{gap:0px;padding:0;margin:0}.icon-center{display:flex}.logbook-body{background-color:#85b77e;min-height:100vh}.popup-background{position:fixed;inset:0;background-color:#00000080;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;z-index:100}.popup-outer{max-width:70%}.popup{width:100%;background-color:var(--color-off-white);border-radius:16px;border:2px solid #67EB8740;box-shadow:8px 8px 4px #00000080;padding:4px;display:inline-flex;flex-direction:column}.popup>*{margin:4px}.popup-menu-button.button{border-radius:8px 8px 0 0}.test{background-color:red}.popup-header>*{margin:0}.popup-header-info{font-size:14px}.tooltip{position:relative;display:inline-block;cursor:pointer}.tooltip-text{font-size:14px;visibility:hidden;width:max-content;max-width:256px;background-color:#fff;color:#000;text-align:left;padding:4px;border:2px solid var(--color-dark);border-radius:6px;position:absolute;top:100%;z-index:1}.tooltip-text-above{font-size:14px;visibility:hidden;width:max-content;max-width:256px;background-color:#fff;color:#000;text-align:left;padding:4px;border:2px solid var(--color-dark);border-radius:6px;position:absolute;top:-100%;z-index:1}.tooltip-text,.tooltip-text-above>*{margin:0}.tooltip:hover .tooltip-text,.tooltip:hover .tooltip-text-above{visibility:visible}.tooltip-icon{width:12px;height:12px}.div-full{width:100%;box-sizing:border-box;display:flex}.div-left{flex:3;padding:20px;border:1px solid black;text-align:left}.div-right{display:inline-flex;align-items:right;flex:1;padding:20px;border:1px solid black;text-align:center}.divider{border-top:1px solid #ccc;border-bottom:1px solid #ccc}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--color-primary: #B0F3C1;--color-background: #85B77E;--color-off-white: #E6F1EC;--color-dark: #557C5F;--color-light: #99D5A8}main{margin-top:200px;padding:200px}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}html,body{min-height:100vh;margin:0;padding:0;background-color:#5f9ea0;overscroll-behavior:none}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}h1{margin:0;padding:0}ul{list-style-type:none;margin:0;padding:0;overflow:hidden}.nav-bar{background-color:#333}ul li{float:left}ul li a{display:block;color:#fff;text-align:center;padding:14px 16px;text-decoration:none}ul li a:hover{background-color:#111}.toast-container{position:fixed;bottom:20px;right:20px;display:flex;flex-direction:column;gap:10px;z-index:1000}.toast{padding:5px 20px;border-radius:15px;border:2px solid;color:#000;background-color:#fff;box-shadow:0 4px 8px #00000080;opacity:0;transform:translateY(20px);animation:flyIn 1s forwards}.toast-success{border-color:green}.toast-info{border-color:#00f}.toast-warn{border-color:#ff0}.toast-error{border-color:red}.toast-fade-out{opacity:1;transform:translateY(0);animation:flyOut 1s forwards}@keyframes flyIn{to{transform:translateY(0);opacity:1}}@keyframes flyOut{to{transform:translateY(-20px);opacity:0}}.menu-background{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;z-index:100}.header{display:flex;justify-content:space-between;align-items:center;padding:12px 24px}.left h1{margin:0}.right{display:flex;align-items:center}.account-menu{position:relative;display:inline-flex;flex-direction:column;align-items:right;min-width:100px;max-width:250px;background-color:red;border-radius:8px;text-align:right;background:none;color:#fff;font-size:16px;cursor:pointer;margin:0;gap:0px}.username{display:flex;align-items:center;text-align:right;justify-content:flex-end;gap:4px;padding:0 8px;margin:0}.account-menu:hover{background:#00000026}.signin{padding:0;background:none;border:none;color:#fff}.dropdown{position:absolute;top:120%;width:100%;z-index:1000;background:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026}.dropdown-item{display:flex;align-items:center;justify-content:flex-end;gap:4px;width:100%;padding:4px;margin:0;text-align:right;cursor:pointer;border:none}.dropdown-item:hover,.dropdown-item:focus{background-color:#67eb8740}.macro-list{display:flex;flex-direction:column;gap:16px;padding:8px}.macro-container{background-color:var(--color-off-white);display:flex;flex-direction:column;border-radius:12px;padding:8px;gap:8px}.macro-section>*{gap:0px;padding:0;margin:0}.macro-parameters{display:flex;flex-direction:column;gap:8px;background-color:var(--color-light);border-radius:12px}.macro-parameters>ul{display:flex;flex-direction:column;gap:12px;margin:4px}.parameter-button{display:flex;align-items:center;justify-content:center;gap:4px}.about{gap:4px;padding:4px;margin:4px}.about>h3,h4{padding:0;margin:0}.div-video{height:330px}.video{border:2px solid black}.status-locked{color:red}.status-unlocked{color:green}