.main-menu{display:flex;flex-direction:column;align-items:start;justify-content:space-between;height:100%;padding:0 1.6rem;z-index:10}.main-menu.collapsed .main-menu-button-caption,.main-menu.collapsed #main-menu-collapse-button,#main-menu-expand-button{display:none}.main-menu.collapsed #main-menu-expand-button{display:flex}.main-menu-logo{height:6.4rem}.main-menu-container{display:flex;flex-direction:column;align-items:start;justify-content:center}.main-menu-button{display:flex;align-items:center;background:none;border:none;color:#ffefdf;margin:.8rem 0;cursor:pointer}.main-menu-button:hover,.main-menu-button.active{color:#ff8000}.main-menu-button:focus{outline:none}.main-menu-button-image{width:4.8rem;height:4.8rem}.main-menu-button-caption{font-size:2.4rem;white-space:nowrap;margin-left:1.6rem}@media (max-width: 48em){.main-menu-button-caption,#main-menu-expand-button,#main-menu-collapse-button{display:none}}@media (max-width: 30em){.main-menu{position:fixed;height:6rem;bottom:-1px;left:0;width:100%;background:#1b1c1d;color:#fff7ef;opacity:.9}.main-menu-container{display:flex;flex-direction:row;gap:0;width:100%;align-items:center;justify-content:space-between}.main-menu-button-image{width:3.6rem;height:3.6rem}}.learning-feed-main{display:flex;flex-direction:column;align-items:center;justify-content:start;max-width:80rem;margin:0 auto;padding-bottom:7.2rem;height:100%;overflow:auto;scrollbar-width:none}.question-container{display:flex;flex-direction:column}.question-overlay{position:fixed;top:0;left:0;height:100dvh;width:100dvw;display:block;pointer-events:none;z-index:1;opacity:1}.question-overlay.red{background:red;opacity:0;transition:opacity 2s ease-out}.question-overlay.green{background:green;opacity:0;transition:opacity .1s ease-in}.question-chalkboard-background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1}.question-text-container{padding:1.6rem 0;height:fit-content;position:relative}.question-text{width:100%;justify-content:center;text-align:center;font-family:Patrick Hand,cursive;font-size:4.8rem;font-weight:300;letter-spacing:.5rem;color:#fff7ef;z-index:1}.question-answers{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);grid-auto-flow:column;margin:1.6rem 0}.question-answer{display:flex;align-items:center;font-size:3.6rem;font-weight:300;color:#fff7ef;background:none;border:none;padding:1.6rem}.question-answers.active .question-answer:hover{cursor:pointer;color:#ff8000}.question-answer.correct{color:#0f0}.question-answer.incorrect{color:red}@media (max-width: 48em){.question-text{font-size:3.6rem}.question-answer{font-size:2.4rem}}@media (max-width: 30em){.question-text{font-size:2.4rem}.question-answers{grid-template-columns:1fr;grid-template-rows:repeat(4,1fr)}}.learning-post-container{display:flex;flex-direction:row;gap:2rem;width:100%;padding:1.6rem;border-bottom:1px solid #ccbfb2}.learning-post-container:last-child{border-bottom:none}.learning-post-avatar{width:6.4rem;height:6.4rem;border-radius:50%}.learning-post-main{display:flex;flex-direction:column;width:100%}.learning-post-header{display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:100%}.learning-post-details{display:flex;align-items:center;gap:1.2rem}.learning-post-name{font-size:1.8rem;font-weight:600}.learning-post-account,.learning-post-age{font-size:1.6rem;font-weight:400;color:#ccbfb2}.learning-post-menu{width:3.2rem;height:3.2rem;color:#ccbfb2}.learning-post-content{display:flex;flex-direction:column;width:100%}.learning-post-title{font-size:1.8rem;font-weight:600;text-align:left;margin:1.6rem 0 0}.learning-post-text{text-align:left;font-size:1.6rem;font-weight:400;letter-spacing:.1rem;line-height:2.4rem;margin-bottom:1.6rem;color:#ccbfb2}.learning-post-image{max-width:100%;border-radius:.8rem;margin-bottom:1.6rem}.learning-post-footer{display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:100%}.learning-post-footer-button{display:flex;align-items:center;gap:.8rem;font-size:1.2rem;font-weight:400;background:none;color:#ccbfb2;border:none;stroke:#ccbfb2;cursor:pointer}.learning-post-footer-button:hover{color:#fff7ef}.learning-post-footer-button:focus{outline:none}.learning-post-footer-button svg{width:2rem;height:2rem}.challenges-list{display:grid;grid-template-columns:1fr 20rem;flex-direction:column;align-items:start;justify-content:start;margin:0 auto;padding-bottom:7.2rem;overflow:auto;scrollbar-width:none}.challenges-list-details{display:flex;flex-direction:column;align-items:start;justify-content:start;margin:0 0 1.6rem;padding:1.6rem}.challenge-list-stats{display:flex;flex-direction:row;justify-content:start;gap:1.6rem;margin:0 0 1.6rem}.challenges-list-cta{display:flex;flex-direction:column;align-items:center;justify-content:start;padding:.8rem 3.2rem;margin:1.6rem auto}.challenge-main{display:flex;flex-direction:column;align-items:center;justify-content:start;margin:0 auto;padding-bottom:7.2rem;height:100%;overflow:auto;scrollbar-width:none}.challenge-title{font-size:3.6rem;font-weight:400;text-align:left;width:100%;margin:1.6rem 0 .8rem;text-transform:uppercase;color:#fff7ef}.challenge-header{display:flex;justify-content:start;gap:1.6rem;width:100%;margin:0 0 1.6rem;color:#ffefdf}.challenge-stat.correct{color:#0f0}.challenge-stat.incorrect{color:red}.challenge-results-score{font-size:2.4rem;font-weight:400;color:#ffefdf;margin-bottom:2.4rem}.challenge-results-table{font-size:1.2rem;text-align:left;color:#ffefdf}.challenge-results-table th{font-size:1.2rem;font-weight:400;text-align:left;padding:.8rem 2.4rem 0 0}.challenge-results-table td{font-size:1.2rem;font-weight:300;vertical-align:top;padding:.8rem 2.4rem 0 0}.challenge-results-buttons{display:flex;flex-direction:row;justify-content:center;gap:1.6rem;margin:1.6rem 0}.challenge-start-button{display:flex;align-items:center;justify-content:center;padding:.8rem 3.2rem;margin:1.6rem auto;background:#ff8000;color:#ffefdf;border:none;border-radius:.8rem;font-size:2.4rem;font-weight:500;text-transform:uppercase;cursor:pointer}.challenge-return-button{display:flex;align-items:center;justify-content:center;padding:.8rem 3.2rem;margin:1.6rem auto;background:#1b1c1d;color:#ff8000;border:1px solid #ff8000;border-radius:.8rem;font-size:2.4rem;font-weight:500;text-transform:uppercase;cursor:pointer}@media (max-width: 30em){.challenges-list{grid-template-columns:1fr}.challenges-list-details,.challenges-list-cta{margin:0}.challenge-title{font-size:2.4rem}.challenge-header{display:grid;grid-template-columns:repeat(2,1fr);justify-content:center}.challenge-results-buttons{display:flex;flex-direction:column;gap:0;margin:.8rem 0 0}.challenge-results-buttons button{margin:.8rem}}.flyout-screen{display:grid;grid-template-columns:45rem 1fr;height:100%;width:100%;overflow:auto;scrollbar-width:none;position:relative;margin-bottom:9.6rem}.flyout-top-panel{display:flex;flex-direction:row;width:100%;align-items:center;justify-content:space-between;gap:2.4rem;margin-top:1.6rem}.flyout-top-panel-buttons{display:flex;flex-direction:row;align-items:center;justify-content:start;gap:2.4rem;margin:.8rem 0}.flyout-top-panel-controls{display:flex;flex-direction:row;gap:2.4rem;align-items:center;justify-content:start}.flyout-sim-clock-label{font-size:1.6rem;font-weight:500;color:#ffefdf}.flyout-sim-slider-container{display:flex;flex-direction:row;align-items:center;justify-content:start;gap:1.6rem;width:18rem}.flyout-sim-slider-label{font-size:1.6rem;color:#ccbfb2}.flyout-list-cards{display:flex;flex-direction:column;align-items:start;justify-content:start;gap:.8rem}.flyout-plan-container{display:flex;flex-direction:column;align-items:start;justify-content:start;padding:0 1.6rem 0 0}@media (max-width: 30em){.flyout-screen{grid-template-columns:1fr;overflow:hidden}.flyout-plan-container{padding:0 1.6rem}}.flyout-plan{display:flex;flex-direction:column;width:100%;margin:0 1.6rem 0 0;background:#1b1c1d}.flyout-plan-header{display:flex;flex-direction:row;align-items:center;justify-content:space-between;background:#1b1c1d;margin-top:1.6rem;border-bottom:1px solid #ffefdf;z-index:2}.flyout-plan-day-tabs{display:flex;flex-direction:row;background:#1b1c1d;left:0;gap:0;margin:0;width:100%}.flyout-plan-day-tab{padding:.8rem 1.2rem;background:none;color:#ccbfb2;border:none;cursor:pointer;font-size:1.4rem;border-top-left-radius:.4rem;border-top-right-radius:.4rem}.flyout-plan-day-tab:focus{outline:none}.flyout-plan-day-tab.active{background:#ffefdf;color:#1b1c1d}.flyout-plan-main{display:flex;flex-direction:column;margin:0;width:100%;border-bottom:1px solid #ffefdf;background:#1b1c1d}.flyout-plan-point{display:flex;flex-direction:row;gap:1.6rem;align-items:center;justify-content:start;margin-top:1.6rem}.flyout-plan-point:last-child{margin-bottom:1.6rem}.flyout-plan-point h3{font-size:2.4rem;font-weight:500;color:#ffefdf}.flyout-plan-point p{font-size:2.4rem;font-weight:300;color:#ccbfb2}.flyout-plan-buttons{display:flex;flex-direction:row;gap:1.6rem;align-items:center;justify-content:start}.flyout-plan-button{display:flex;align-items:center;justify-content:center;background:none;color:#ff8000;border:none;font-size:1.6rem;font-weight:500;text-transform:uppercase;cursor:pointer}.flyout-plan-button:focus{outline:none}.flyout-plan-leg{display:flex;flex-direction:column;width:100%;margin:1.6rem 0;padding:.8rem 1.6rem;border:1px solid #ccbfb2;border-radius:.8rem;position:relative;z-index:1;background:#1b1c1d}.flyout-plan-leg-header{display:flex;flex-direction:row;align-items:center;justify-content:space-between;margin-bottom:.8rem}.flyout-plan-leg-buttons{display:flex;flex-direction:row;gap:.4rem}.flyout-plan-leg-header-button{width:2.4rem;height:2.4rem;background:none;border:none;color:#ccbfb2;cursor:pointer}.flyout-plan-leg-header-button:hover{color:#ffefdf}.flyout-plan-leg-header-button:focus{outline:none}.flyout-plan-dep-time{display:flex;flex-direction:row;align-items:center;gap:.8rem}.flyout-plan-segments{width:100%;margin:.8rem 0}.flyout-plan-segments th:nth-child(1),.flyout-plan-segments td:nth-child(1){width:42%}.flyout-plan-segments th:nth-child(2),.flyout-plan-segments td:nth-child(2){width:42%}.flyout-plan-segments th:nth-child(3),.flyout-plan-segments td:nth-child(3){width:16%}.flyout-plan-segments th{font-size:1.6rem;text-align:left;font-weight:500;padding-bottom:.4rem}.flyout-plan-segments td{font-size:1.6rem;text-align:left;font-weight:200}.flyout-plan-textbox-container{display:flex;flex-direction:row;gap:.8rem;align-items:center;justify-content:start;margin-top:0;padding:0;position:relative}.flyout-plan-leg-textbox{width:100%;background:#1b1c1d;color:#ffefdf;border:1px inset #ffefdf;border-radius:.8rem;padding:.8rem;font-size:1.6rem;font-weight:300;position:relative;text-transform:uppercase;z-index:1}.flyout-plan-leg-textbox:focus{background:none}.flyout-plan-leg-textbox.error{border:2px solid #ff3333}.flyout-plan-prediction{position:absolute;left:1px;top:1px;border:none;padding:.8rem;font-size:1.6rem;font-weight:300;color:#ccbfb2;background:none;pointer-events:none;z-index:0}.flyout-plan-leg-textbox.small{width:5rem}.flyout-plan-leg-footer{display:flex;flex-direction:row-reverse;align-items:center;justify-content:space-between;margin-top:.8rem}.flyout-plan-leg-footer-button{font-size:1.4rem;text-transform:uppercase;background:none;color:#ff8000;border:none;cursor:pointer;padding:0 .4rem;margin-right:.8rem}.flyout-plan-refuel-details{display:flex;flex-direction:row;gap:.8rem}.flyout-plan-leg-errors{display:flex;flex-direction:column;gap:.8rem;margin:1.6rem 1.6rem .8rem;font-size:1.6rem;line-height:1.6rem;font-weight:300;color:#f33}.prediction-field-container{position:relative}.prediction-field{background:none;position:relative;z-index:1}.prediction-overlay{position:absolute;left:1px;top:1px;border:none;background:none;color:#ccbfb2;pointer-events:none;z-index:0}:root,:host{--ol-background-color: white;--ol-accent-background-color: #F5F5F5;--ol-subtle-background-color: rgba(128, 128, 128, .25);--ol-partial-background-color: rgba(255, 255, 255, .75);--ol-foreground-color: #333333;--ol-subtle-foreground-color: #666666;--ol-brand-color: #00AAFF}.ol-box{box-sizing:border-box;border-radius:2px;border:1.5px solid var(--ol-background-color);background-color:var(--ol-partial-background-color)}.ol-mouse-position{top:8px;right:8px;position:absolute}.ol-scale-line{background:var(--ol-partial-background-color);border-radius:4px;bottom:8px;left:8px;padding:2px;position:absolute}.ol-scale-line-inner{border:1px solid var(--ol-subtle-foreground-color);border-top:none;color:var(--ol-foreground-color);font-size:10px;text-align:center;margin:1px;will-change:contents,width;transition:all .25s}.ol-scale-bar{position:absolute;bottom:8px;left:8px}.ol-scale-bar-inner{display:flex}.ol-scale-step-marker{width:1px;height:15px;background-color:var(--ol-foreground-color);float:right;z-index:10}.ol-scale-step-text{position:absolute;bottom:-5px;font-size:10px;z-index:11;color:var(--ol-foreground-color);text-shadow:-1.5px 0 var(--ol-partial-background-color),0 1.5px var(--ol-partial-background-color),1.5px 0 var(--ol-partial-background-color),0 -1.5px var(--ol-partial-background-color)}.ol-scale-text{position:absolute;font-size:12px;text-align:center;bottom:25px;color:var(--ol-foreground-color);text-shadow:-1.5px 0 var(--ol-partial-background-color),0 1.5px var(--ol-partial-background-color),1.5px 0 var(--ol-partial-background-color),0 -1.5px var(--ol-partial-background-color)}.ol-scale-singlebar{position:relative;height:10px;z-index:9;box-sizing:border-box;border:1px solid var(--ol-foreground-color)}.ol-scale-singlebar-even{background-color:var(--ol-subtle-foreground-color)}.ol-scale-singlebar-odd{background-color:var(--ol-background-color)}.ol-unsupported{display:none}.ol-viewport,.ol-unselectable{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.ol-viewport canvas{all:unset;overflow:hidden}.ol-viewport{touch-action:pan-x pan-y}.ol-selectable{-webkit-touch-callout:default;-webkit-user-select:text;-moz-user-select:text;user-select:text}.ol-grabbing{cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:grabbing}.ol-grab{cursor:move;cursor:-webkit-grab;cursor:-moz-grab;cursor:grab}.ol-control{position:absolute;background-color:var(--ol-subtle-background-color);border-radius:4px}.ol-zoom{top:.5em;left:.5em}.ol-rotate{top:.5em;right:.5em;transition:opacity .25s linear,visibility 0s linear}.ol-rotate.ol-hidden{opacity:0;visibility:hidden;transition:opacity .25s linear,visibility 0s linear .25s}.ol-zoom-extent{top:4.643em;left:.5em}.ol-full-screen{right:.5em;top:.5em}.ol-control button{display:block;margin:1px;padding:0;color:var(--ol-subtle-foreground-color);font-weight:700;text-decoration:none;font-size:inherit;text-align:center;height:1.375em;width:1.375em;line-height:.4em;background-color:var(--ol-background-color);border:none;border-radius:2px}.ol-control button::-moz-focus-inner{border:none;padding:0}.ol-zoom-extent button{line-height:1.4em}.ol-compass{display:block;font-weight:400;will-change:transform}.ol-touch .ol-control button{font-size:1.5em}.ol-touch .ol-zoom-extent{top:5.5em}.ol-control button:hover,.ol-control button:focus{text-decoration:none;outline:1px solid var(--ol-subtle-foreground-color);color:var(--ol-foreground-color)}.ol-zoom .ol-zoom-in{border-radius:2px 2px 0 0}.ol-zoom .ol-zoom-out{border-radius:0 0 2px 2px}.ol-attribution{text-align:right;bottom:.5em;right:.5em;max-width:calc(100% - 1.3em);display:flex;flex-flow:row-reverse;align-items:center}.ol-attribution a{color:var(--ol-subtle-foreground-color);text-decoration:none}.ol-attribution ul{margin:0;padding:1px .5em;color:var(--ol-foreground-color);text-shadow:0 0 2px var(--ol-background-color);font-size:12px}.ol-attribution li{display:inline;list-style:none}.ol-attribution li:not(:last-child):after{content:" "}.ol-attribution img{max-height:2em;max-width:inherit;vertical-align:middle}.ol-attribution button{flex-shrink:0}.ol-attribution.ol-collapsed ul{display:none}.ol-attribution:not(.ol-collapsed){background:var(--ol-partial-background-color)}.ol-attribution.ol-uncollapsible{bottom:0;right:0;border-radius:4px 0 0}.ol-attribution.ol-uncollapsible img{margin-top:-.2em;max-height:1.6em}.ol-attribution.ol-uncollapsible button{display:none}.ol-zoomslider{top:4.5em;left:.5em;height:200px}.ol-zoomslider button{position:relative;height:10px}.ol-touch .ol-zoomslider{top:5.5em}.ol-overviewmap{left:.5em;bottom:.5em}.ol-overviewmap.ol-uncollapsible{bottom:0;left:0;border-radius:0 4px 0 0}.ol-overviewmap .ol-overviewmap-map,.ol-overviewmap button{display:block}.ol-overviewmap .ol-overviewmap-map{border:1px solid var(--ol-subtle-foreground-color);height:150px;width:150px}.ol-overviewmap:not(.ol-collapsed) button{bottom:0;left:0;position:absolute}.ol-overviewmap.ol-collapsed .ol-overviewmap-map,.ol-overviewmap.ol-uncollapsible button{display:none}.ol-overviewmap:not(.ol-collapsed){background:var(--ol-subtle-background-color)}.ol-overviewmap-box{border:1.5px dotted var(--ol-subtle-foreground-color)}.ol-overviewmap .ol-overviewmap-box:hover{cursor:move}.ol-overviewmap .ol-viewport:hover{cursor:pointer}.flyout-plan-map{display:flex;position:relative;margin:0 3.2rem 0 0;width:100%}.flyout-map{display:flex;flex-direction:column;position:sticky;top:2rem;width:100%;height:90dvh;margin:1.6rem auto}.flyout-map-route-log{display:flex;font-size:1.2rem;font-weight:100;list-style-type:none}.ol-viewport{filter:brightness(.7)}@media (max-width: 30em){.flyout-map{height:62dvh}}.flyout-main{display:grid;grid-template-columns:1fr 1fr;margin-top:1.6rem}.flyout-plane-panel{display:flex;flex-direction:column;gap:.8rem;align-items:start;justify-content:start}.flyout-sim-panel{display:flex;flex-direction:column;gap:.8rem;align-items:start;justify-content:start;height:100%}.flyout-main-header-plane{display:flex;flex-direction:row;align-items:center;gap:1.4rem;justify-content:start}.flyout-main-plane-reg{font-size:3.6rem;line-height:3.6rem;font-weight:400;color:#ffefdf}.flyout-main-plane-details{display:flex;flex-direction:column;font-size:1.2rem;font-weight:300;color:#ccbfb2}.flyout-plane-parameters{display:grid;grid-template-columns:repeat(2,1fr);gap:.8rem;font-size:1.4rem;width:100%}.flyout-plane-parameter-title{font-weight:500;color:#ffefdf}.flyout-plane-parameter-value{font-weight:300;color:#ccbfb2}.flyout-main-log{display:flex;flex-direction:column;align-items:start;justify-content:start;border:1px solid #4c4843;width:100%;height:35rem;overflow-y:scroll;scrollbar-width:none}.flyout-main-log-entry{display:flex;flex-direction:row;gap:1.2rem;align-items:start;justify-content:start;padding:.8rem .8rem 0;color:#ccbfb2;font-size:1.2rem;font-weight:300}.flyout-roster{width:100%;margin:2.4rem 0}.flyout-roster-plane-status{width:1.4rem;height:1.4rem;background:#ff8000;border-radius:50%}.flyout-roster-plane-status.available{background:#ffefdf}.flyout-roster-plane-status.planning{background:#ff8000}.flyout-roster-plane-status.ready{background:#0f0}.flyout-roster-plane-status.distress{background:red}.flyout-roster-plane-details{font-size:2rem;font-weight:300;color:#ffefdf}.flyout-signup-button{background:none;border:none;color:#ff8000;font-size:1.6rem;font-weight:500;text-transform:uppercase;cursor:pointer}.flyout-roster tr{cursor:pointer;transition:all .2s ease}.flyout-roster tr.log-entry{font-size:1.4rem;color:#ccbfb2}.flyout-roster tr.log-entry td{padding-bottom:1.2rem}.chevron-cell{width:2rem;padding-right:.5rem}.chevron-icon{display:none;width:1.2rem;height:1.2rem;fill:transparent}.flyout-roster tr:hover .chevron-icon{display:block;stroke:#ccbfb2}.flyout-roster tr.selected .chevron-icon{display:block;stroke:#ff8000}.flyout-card{display:flex;flex-direction:row;gap:1.6rem;align-items:center;justify-content:start;width:100%;flex-shrink:0;cursor:pointer;overflow:clip;background:#1b1c1d;margin-top:.8rem}.flyout-card-image{height:10rem;border-radius:.8rem}.flyout-card-image.large{height:20rem}.flyout-card-details{display:flex;flex-direction:column;gap:.8rem;align-items:start;justify-content:start;width:100%}.flyout-card-title{font-size:2.8rem;line-height:2.8rem;font-weight:400;text-align:left;text-transform:uppercase;white-space:nowrap;color:#fff7ef;width:100%}.flyout-card-highlights{display:flex;flex-direction:row;row-gap:0;column-gap:.8rem;flex-wrap:wrap;font-size:1.6rem;line-height:1.8rem;font-weight:400;color:#ccbfb2;width:100%}.flyout-card-dates{font-size:1.6rem;font-weight:300;text-align:center;color:#ccbfb2}.flyout-card input{background:#1b1c1d;color:#ffefdf;border:none}.flyout-card input:focus{outline:none}@media (max-width: 30em){.flyout-card-title{font-size:2.4rem;line-height:2.4rem}.flyout-card-highlights{font-size:1.6rem}.flyout-card-dates{font-size:1.4rem}}@media (max-width: 24em){.flyout-card-image{height:8rem}.flyout-card-image.large{height:16rem}}@media (max-width: 20em){.flyout-card-title{font-size:1.6rem;line-height:1.6rem}.flyout-card-highlights,.flyout-card-dates{font-size:1.2rem}}.flyout-form-param-group-title{font-size:2rem;font-weight:500;color:#ffefdf;margin-top:2rem}.flyout-form-param-grid{display:grid;grid-template-columns:1fr 4fr;gap:.8rem;align-items:center;justify-content:start;margin:1.6rem 0 0 1.6rem}.flyout-form-param-list{display:flex;flex-direction:column;gap:.8rem;margin:1.6rem 0 0 1.6rem;align-items:end}.flyout-form-param-list-item,.flyout-form-radio-group{display:flex;flex-direction:row;align-items:center;gap:.8rem}.flyout-form-radio-group input:not(:first-child){margin-left:.8rem}.flyout-form-field{border:1px solid #ffefdf;border-radius:.8rem;background:none;padding:.8rem;font-size:1.6rem;font-weight:300;color:#ffefdf;width:7.2rem;height:3.6rem}.flyout-form-field:focus{outline:none}.flyout-form-field.caps{text-transform:uppercase}.flyout-form-field.long{width:90%}.flyout-form-field.flex-grow{width:100%;flex-grow:1}.flyout-form-add-button{background:none;border:none;color:#ff8000;font-size:1.4rem;font-weight:500;text-transform:uppercase;cursor:pointer;margin-top:1.6rem}.flyout-form-side-button{display:flex;align-items:center;justify-content:center;width:2.4rem;height:2.4rem;background:none;border:none;color:#ccbfb2;cursor:pointer}.flyout-form-side-button svg{width:2.4rem;height:2.4rem}.flyout-form-side-button:hover{color:#ffefdf}.flyout-form-side-button:focus{outline:none}.flyout-form-buttons{display:flex;flex-direction:row;gap:1.6rem;align-items:center;justify-content:start;margin-top:2.4rem;width:100%}.flyout-form-button{display:flex;align-items:center;justify-content:center;gap:.8rem;padding:.8rem 1.6rem;background:#1b1c1d;color:#ff8000;border:1px solid #ff8000;border-radius:.8rem;font-size:1.6rem;font-weight:500;text-transform:uppercase;cursor:pointer}.flyout-form-button:focus{outline:none}.flyout-form-button.secondary{border:none}.flyout-form-button.disabled{cursor:default;color:#ccbfb2;border:none}.flyout-form-error{color:#f33;font-size:1.6rem;line-height:1.6rem;font-weight:300}.flyout-form-modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.flyout-form-modal{background:#1b1c1d;border:1px solid #ffefdf;border-radius:.8rem;padding:2.4rem;max-width:60rem;width:90%}.flyout-form-modal-title{font-size:2rem;font-weight:500;color:#ffefdf;margin-bottom:1.6rem}.flyout-form-modal-content{border:none;color:#ccbfb2;font-size:1.4rem;margin-bottom:2.4rem;word-break:break-all;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.8rem;max-height:60vh;overflow-y:auto;padding:.8rem}.flyout-card-image.large{cursor:pointer;transition:transform .2s ease-in-out;width:100%;height:auto;border-radius:.4rem}.flyout-card-image.large:hover{transform:scale(1.05);border:1px solid #ffefdf}.flyout-form-modal-buttons{display:flex;flex-direction:row;gap:1.6rem;justify-content:flex-end}.flyout-form-date-field{background:none;border:none;color:#ccbfb2}.date-input-wrapper{position:relative;display:inline-block;width:fit-content}.date-input-icon{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:20px;height:20px;pointer-events:none;z-index:1}input[type=date]{padding-right:30px;-webkit-appearance:none;-moz-appearance:none;appearance:none}input[type=date]::-webkit-calendar-picker-indicator{opacity:0;width:20px;height:20px;cursor:pointer;position:absolute;right:8px}.flyout-form-date-field::-webkit-datetime-edit{color:#ffefdf}*{margin:0;padding:0;box-sizing:border-box}html{font-size:62.5%}body{font-family:Roboto,sans-serif;font-size:1.6rem;line-height:1.6;color:#fff7ef;background:#1b1c1d}.app-container{display:flex;flex-direction:row;gap:1.6rem;align-items:start;justify-content:start;margin:0 auto;height:100dvh}@media (max-width: 30em){.app-container{height:fit-content}}