:root{--header-corner-gap:0.2em;font-size:min(3vw,16px)}body,html{height:auto}body{background:#000;background:linear-gradient(330deg,#000,#001d8f);background-attachment:fixed;background-repeat:no-repeat;color:#fff;font-family:Roboto,sans-serif;font-style:normal;font-weight:400;margin:0;padding:0;-webkit-text-size-adjust:100%;-webkit-user-select:none;-ms-user-select:none;user-select:none}#main{margin:.5em;opacity:1;transition:opacity .5s,transform .5s}#prepage:has(~#override.active){display:none}#main:has(~#override.activating){opacity:0;transform:translateY(2em)}#main:has(~#override.active){display:none}#override{position:relative}.error{background-color:#c90000;border:4px solid #fff;border-radius:.5em;color:#fff;font-size:1.5em;margin:.3em;padding:.3em}.hidden{display:none}.invisible{visibility:hidden}span.nowrap{white-space:nowrap}.header{color:#fff;margin-top:.4em;position:relative;text-align:center}.header .corner{display:inline-block;display:flex;flex-direction:column;position:absolute}.header .corner>div{display:flex;flex-direction:row;gap:.5em}.header .corner.topright{right:var(--header-corner-gap);top:var(--header-corner-gap)}.header .corner.topleft{left:var(--header-corner-gap);top:var(--header-corner-gap)}.header img.menuicon{height:2em;width:2em}.header .username{display:flex;flex-direction:row;font-weight:700;gap:.4em;padding-top:.2rem}.header .username .accesslevel-icon{position:relative;top:-.5em;width:2em}.staticpage{align-items:center;display:flex;flex-direction:column;gap:1.5em;margin-top:2em}.staticpage>div{width:fit-content}.staticpage img{max-width:95vw}.staticpage div:has(p){position:relative;top:1em}.staticpage p{font-size:.85em;margin:.2em;max-width:1000px;text-align:center}img.teamlogo{cursor:pointer;margin:auto;max-width:70vh;mix-blend-mode:screen;width:50%}.background-layer{height:100%;left:0;position:absolute;top:0;width:100%;z-index:-1}.news{display:flex;flex-direction:column;gap:.5em;margin-top:.5em}.news:empty{display:none}.news .news-item{background-color:#019679;color:#fff;padding:.5em;transition:opacity .5s ease}.news .news-item.alarm{background-color:#960101}.news .news-item.dismissed{opacity:0}.news .news-item-content{font-family:Quicksand;font-weight:700;text-align:center}#header:has(+div>.container.showing-full){visibility:hidden}#footer{font-size:.7rem;margin-top:1rem;text-align:center;width:100%}.frontpage{font-size:min(1.5rem,4.5vh)}.frontpage-description{color:#fff;font-style:italic;margin:auto;padding:1em;text-align:center;width:80vw}.carousel{align-items:center;display:flex;height:10em;justify-content:center;margin:auto;overflow:clip;position:relative;width:100%}.frontpage>.carousel>img{border-radius:1em;max-height:80%;max-width:80%;opacity:0;position:absolute;transform:translateX(-80vw);transition:opacity 1.2s ease,transform 1.4s ease;will-change:opacity,transform}.carousel>img.before{opacity:0;transform:translateX(80vw)}.carousel>img.active{opacity:1;transform:none}.frontpage>.icons{align-content:center;display:flex;gap:2em;justify-content:center;margin:2em auto auto}.frontpage .icon{height:2em}.menu-tip-overlay:not(.hidden){align-items:center;animation:tip-pop 1.7s cubic-bezier(.5,1.8,.5,1) infinite;background:rgba(255,255,210,.98);border-radius:.9em 0 .9em .9em;box-shadow:0 4px 24px rgba(0,0,0,.18);color:#222;display:flex;font-size:1.1em;font-weight:500;gap:.7em;padding:.6em 1.1em .6em .8em;position:fixed;right:1em;top:3.5em;z-index:1000}.menu-tip-overlay:after{border-color:transparent transparent transparent rgba(255,255,210,.98);border-style:solid;border-width:0 0 1.5em 1.2em;content:"";position:absolute;right:0;top:-1em;transform:rotate(180deg)}@keyframes tip-pop{0%{opacity:.7;transform:translateY(1em) scale(1)}20%{opacity:1;transform:translateY(0) scale(1)}90%{opacity:1;transform:none}to{opacity:.7;transform:translateY(1em) scale(1)}}.aboutus{font-size:min(1.2rem,4vh)}.aboutus-text{align-items:center;display:flex;flex-direction:column}.aboutus-text>*{color:#fff;text-align:left}.aboutus-text h1{font-size:1em;margin-top:2em;width:80vw}.aboutus-text img{max-height:16em;max-width:80vw}.aboutus-text .picturegroup{border:1px dashed #fff;display:flex;flex-direction:row;flex-wrap:nowrap;gap:1.5em;justify-content:center;width:80vw}.aboutus-text .picturegroup img{flex-shrink:1;max-height:10em}.aboutus-text p{width:80vw}.aboutus-text p b{text-wrap:nowrap}.aboutus-text p.text-emphasized{font-style:italic;font-weight:700}.blog{margin-top:3em;-webkit-user-select:text;-ms-user-select:text;user-select:text}.blog-article{border-bottom:1px solid #fff;font-size:1.2em;margin-bottom:2em;max-width:1200px;padding-bottom:2em;position:relative}.blog-article.draft{border:.3em solid #ff0;border-top-width:1.4em;padding:.6em}.blog-article.draft>.frame-label{color:#000;font-weight:700;left:1em;position:absolute;top:-1.2em}.blog-title{font-size:2.4em;font-weight:700;margin-bottom:.5rem;margin-top:.5rem}.blog-author img{border-radius:.6em;height:4em}.blog-main-image{max-height:24em;max-width:24em}.blog-author{column-gap:1em;display:grid;margin-bottom:1em;padding:.5em;width:fit-content}.blog-author>img{grid-column:1;grid-row-end:span 2;grid-row-start:1}.blog-author>.blog-author-name{font-weight:700;grid-column:2;grid-row:1;text-decoration:underline}.blog-author>.blog-date{font-size:.9em;grid-column:2;grid-row:2}.blog-synopsis{font-size:1.1em;font-weight:700;margin-top:1em;padding-bottom:1em}.blog-synopsis:empty{display:none}.blog-article h2{font-size:1.25em}.blog-image{align-items:center;display:flex;flex-direction:column}.blog-image img{max-width:min(80%,600px);padding-top:1em}.blog-image-caption{font-style:italic}.blog-expand-link{margin-top:1em;opacity:.7}.blog-content p{margin:0;padding-top:1em}.blog-content p.bold{font-weight:700;padding-top:.5em}.container{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;margin-top:2em;opacity:1}.container.showing-full{position:fixed;visibility:hidden}.card{align-items:center;aspect-ratio:.8;background-color:#fff;border-radius:1.6em;color:#000;display:flex;filter:drop-shadow(5px 5px 10px rgba(255,255,255,.5));flex-direction:column;height:auto;margin:1em;padding:.8em;position:relative;text-align:center;transition:transform .2s ease-in-out;width:16em}.card>*{height:fit-content}.card.nodb{background-color:#aaa}.card .label{background-color:#e9e917;border:.3em solid #ffff51;border-radius:.7em;color:#000;left:.3em;padding:.4em;position:absolute;top:.3em}.card div.image{height:70%}.card img.profilepic{border-radius:1.6em;max-height:100%;max-width:100%;object-fit:contain}.card:hover:not(.full){transform:scale(105%)}.card .name{font-size:3em}.card .igaccount{font-size:1.7em;font-style:italic;height:1.7em}@keyframes slideInOut{0%{opacity:0;transform:translateY(-100px);visibility:hidden}50%{opacity:.5;transform:translateY(0);visibility:visible}to{opacity:1;transform:translateY(0);visibility:visible}}.overlay{display:flex;flex-direction:row;position:absolute;top:0;width:100%;z-index:99}.card.full{display:none;font-size:2vw;height:fit-content;margin:1em auto auto;width:80vw}.card.full.active{transition:all .2s ease-in}.card.full .frame{position:relative;-webkit-overflow-scrolling:touch}.card.full .name{font-size:5em;font-weight:700}.card.full .igaccount{cursor:pointer;font-size:2.5em}.card .text{animation:slideInOut 1s ease-in-out;display:none;font-size:2.5em;opacity:0;overflow-y:scroll;text-align:left;-webkit-user-select:text;-ms-user-select:text;user-select:text;visibility:hidden;-ms-overflow-style:none;scrollbar-width:none}.card .text::-webkit-scrollbar{display:none}.card.full .text{display:block;opacity:1;visibility:visible}.card.full img.profilepic{max-height:min(36em,40vh);max-width:80%}.btn-close-card{display:inline-block;height:.25in;left:0;mix-blend-mode:multiply;position:absolute;top:0}@media (orientation:portrait){.card{font-size:.5rem}.card.full.active{display:flex;font-size:2vw;gap:1em}}@media (orientation:landscape){.card{font-size:min(1vw,15px)}.card.full.active{display:block;font-size:1rem}.card.full.active .frame{align-content:start;display:grid;grid-template-columns:1fr 1fr}.card.full>.frame>*{align-self:start}.card.full .picture{grid-column:1;grid-row:1;height:fit-content}.card.full .name{font-size:min(2.5em,80vw);grid-column:1;grid-row:2;height:fit-content}.card.full .igaccount{font-size:min(1.5em,50vw);grid-column:1;grid-row:3}.card.full .text{font-size:1em;grid-column:2;grid-row-end:span 4;grid-row-start:1;max-height:inherit}}.attrib-container:not(.hidden){display:flex;flex-direction:row;flex-wrap:wrap;gap:1em;justify-content:center}.attrib-item{align-items:center;background:linear-gradient(135deg,#f8ffe8,#e6f2d6);border:1.5px solid #e6f2d6;border-radius:.7em;box-shadow:0 2px 8px rgba(125,189,43,.08);color:#2d4a1b;cursor:pointer;display:flex;font-size:1.1em;font-weight:500;gap:.5em;letter-spacing:.03em;padding:.7em 1.2em;transition:background .2s,color .2s,box-shadow .2s;user-select:none}.attrib-item2{background-color:#000;border:1px solid #fff;border-radius:.5em;padding:.6em;transition:all .2s ease-in-out}.attrib-item.selected{background:linear-gradient(135deg,#7dbd2b,#c6e67a);border:1.5px solid #b6d94a;box-shadow:0 2px 12px rgba(125,189,43,.18);color:#222;font-weight:600;letter-spacing:.04em;transform:scale(1.05);transition:background .2s,color .2s,box-shadow .2s,transform .2s}.attrib-item.assigned{background-color:gray;border:0;color:#474747;display:none}.card-attribs{display:flex;flex-direction:column}.card-attribs>*{font-size:.75em;font-style:normal;white-space:nowrap}.attrib-votes .card{aspect-ratio:unset;min-height:24em}.attrib-votes .card .image{height:20em}.attrib-votes .card .igaccount{height:fit-content}.attrib-votes .card:hover{transform:scale(100%)}.card-attribs>*{transition:all .5s ease}.card-attribs .revealing{opacity:0;transform:translateY(-1em)}.debug{color:#fff;font-size:1em;text-align:left}.event-header{display:flex;flex-direction:row;justify-content:center;left:0;margin-bottom:1em;margin-top:1em;width:100%}.event-header .calendar-links{display:flex;flex-direction:column;gap:.75em}.event-header button{background-color:transparent;border:1px solid #fff;border-radius:.5em;color:#fff;font-size:.8em;padding:.3em 1.8em}.ext-event-banner{background:#fff;color:#000;margin:2em auto auto;padding:.8em;text-align:center;width:fit-content}.ext-event-banner span{text-wrap:nowrap}.ext-event-banner button{margin-top:1em}.events{align-items:center;display:flex;flex-direction:column;font-family:Scada;width:100%}.event-typeselectors{display:flex;gap:1em;justify-content:center;padding:1em}.event-typeselector{align-items:center;background-color:#fff;border-radius:.4em;color:#000;display:flex;font-size:1.5em;font-weight:700;gap:1em;justify-content:space-between;min-width:5em;padding:.2em .2em .2em .6em;--switch-width:2em;--switch-height:1.2em;--pin-gap:0.15em;--pin-diameter:calc(var(--switch-height) - var(--pin-gap)*2);--border-width:0.3em;--switch-color:#3a3a3a;--switch-color-inactive:gray}.event-typeselector.type-run{border:var(--border-width) solid #fff}.event-typeselector.type-trail{border:var(--border-width) solid #90ee90}.event-typeselector.type-other{border:var(--border-width) solid gray}.event-typeselector>span{opacity:.3}.event-typeselector.active>span{opacity:1}.event-typeselector img.label{filter:invert(1);mix-blend-mode:screen;opacity:.3;width:1.7em}.event-typeselector.active img.label{opacity:1}.event-typeselector .switch{border:1px solid var(--switch-color-inactive);border-radius:calc(var(--switch-height)/2);height:var(--switch-height);position:relative;width:var(--switch-width)}.event-typeselector .pin{background-color:var(--switch-color-inactive);border-radius:calc(var(--pin-diameter)/2);height:var(--pin-diameter);left:var(--pin-gap);position:absolute;top:var(--pin-gap);transition:left .25s,background-color .25s;width:var(--pin-diameter)}.event-typeselector .switch.active{border:1px solid var(--switch-color)}.event-typeselector.active .pin{background-color:var(--switch-color);left:calc(var(--switch-width) - var(--pin-diameter) - var(--pin-gap))}.event-navi{background:linear-gradient(180deg,#000e46,#001d8f);border:.5em #000;border-radius:0 0 .8em .8em;margin-bottom:1em;padding:1em;position:sticky;top:0;z-index:3}.event-navi .month-navi{display:flex;flex-wrap:wrap;gap:.8em;justify-content:space-evenly}.event-navi .month-navi .month-navi-btn{border:1px solid #fff;border-radius:.3em;cursor:pointer;font-size:1.3em;min-width:5em;padding:.25em;text-align:center;transition:background-color .5s;white-space:nowrap}.event-navi .month-navi .month-navi-btn:hover{background-color:hsla(0,0%,100%,.3)}.events .group-header{font-size:1.8em;margin-left:1em}.event-frame{--event-vertical-margin:1rem;--event-tab-height:2rem;color:#000;font-weight:700;margin-top:1rem;max-width:min(1000px,95vw);min-width:80vw;position:relative}.event{background:#fff;border:var(--border-width) solid #fff;border-radius:1em;display:grid;grid-template-columns:1fr 4fr;min-height:4em;overflow:visible;padding:.5em;position:relative;z-index:2;--border-width:0.75em;--top-border-width:2.75em;--label-top-offset:-1.6em;--label-side-offset:0.5em}.event-frame:has(.event-tabs){padding-top:var(--event-tab-height)}.event-frame .event-tabs{display:flex;left:0;position:absolute;top:0;width:100%}.event-frame .event-tab.discount{--tab-color:#ffc400}.event-frame .event-tab.internal{--tab-color:#ff0}.event-frame .event-tab.draft{--tab-color:#f53939}.event-frame .event-tab{align-items:top;background-color:#fff;background-color:var(--tab-color);border:var(--border-width) solid var(--tab-color);border-radius:1em;display:flex;flex-grow:1;flex:1;font-size:1.6em;gap:2em;height:calc(var(--event-tab-height)*2);justify-content:space-between;padding-left:1em;padding-right:1em;padding-top:calc(var(--event-tab-height)*.2);z-index:1}.event-frame .event-tab button{font-size:.6em;height:2em}.event-frame.hidden{display:none}.event.external{--border-color-run:#fff;border:var(--border-width) solid var(--border-color-run);min-height:0}.event.external.type-trail{--border-color-trail:#90ee90;border:var(--border-width) solid var(--border-color-trail)}.event.external.type-other{--border-color-other:gray;border:var(--border-width) solid var(--border-color-other)}.event .date{font-size:3em;grid-column:1;grid-row:1}.event .attribs{grid-column:1;grid-row-end:span 2;grid-row-start:2;position:relative}.event .time{font-size:2.5em}.event .time span{white-space:nowrap}.event .leader{font-size:1.3em;margin-top:.5em}.event.external .attribs{height:1em;visibility:hidden}.event .icons{align-items:end;bottom:0;display:flex;flex-direction:row-reverse;justify-content:end;position:absolute;right:0;z-index:3}.event .icons img{border:.2em solid #000;border-radius:50%;padding:.2em;width:1.8em}.event .event-images{display:flex;gap:1em;position:absolute;right:0;top:0}.event .event-logo{cursor:pointer;max-height:2rem;max-width:5rem}.event img.event-type{--type-img-size:1.3em;height:var(--type-img-size);width:var(--type-img-size)}.event .location{font-size:2em;font-weight:400;grid-column:2;grid-row:2}.event .location .address{font-size:.8em;font-style:italic}.event .title{font-size:2.4em;grid-column:2;grid-row:1;padding-right:1.2em}.event .title a{color:#000}.event .title .ext-event-description{color:#000;font-size:.8em;font-weight:400;padding-bottom:.6em;padding-top:.6em;white-space:pre-line}.event .description{font-size:1.8em;font-weight:400;grid-column:2;grid-row:3;padding-top:1em;white-space:pre-line}.event .description a{color:#000;font-size:.9em;line-break:anywhere;text-decoration:italic}.event .participants{font-size:1.3em;padding-top:.3em}.event.external .subevents{display:flex;flex-direction:row;flex-wrap:wrap;gap:.5em;grid-column:2;grid-row-end:span 2;grid-row-start:2}.event.external .subevents .subevent-group{border:1px solid #000;border-radius:.3em;display:inline-block;height:fit-content;padding:.3em 1em}.event.external .subevents.expanded{display:block}.event.external .subevents:not(.expanded) .subevent-date{display:none}.event.external .subevents.expanded .subevent-group{display:block;margin-bottom:1em;padding:.3em}.event.external .subevents .subevent-label{display:block;display:inline-block;font-size:1.8em;font-weight:700;height:fit-content;text-wrap:nowrap}.event.external .subevents .participants-group{display:none}.event.external .subevents.expanded .participants-group{display:grid;grid-template-columns:1fr 4fr}.event .participants{text-wrap:nowrap}.event .participants.count{grid-column:1;grid-row:4;padding-right:.5em}.event .participants.data{grid-column:2;grid-row:4}.event.external .total-participants{grid-column:1;grid-row:2}.event.external>.title{font-size:2em;grid-row:1}.event>*{padding:.2em;position:relative;text-align:left;vertical-align:baseline}.event .menu-btn{position:absolute;right:0;top:0;width:1em}.event .thumbnails:not(.expanded){display:flex;flex-direction:row;flex-wrap:wrap;padding-right:1em;row-gap:.5em}.event .participant-container.exceed-max-count{font-style:italic;opacity:.6}.event .thumbnails:not(.expanded) .participant-container{margin-right:-.5em}.event .thumbnails.expanded .participant-container{box-sizing:border-box;display:grid;grid-template-columns:auto 1fr;max-width:100%}.event .thumbnails .expanded-only{display:none;font-size:1.5em;font-weight:400;margin:.2em;vertical-align:middle}.event .thumbnails .expanded-only .event-plan-container{display:flex;gap:.5em}.event .thumbnails .expanded-only .btn-event-note{margin-left:1em}.event .thumbnails .expanded-only .event-plan-editor{box-sizing:border-box;width:100%}.event .thumbnails .expanded-only .event-plan{box-sizing:border-box;font-size:.6em;font-style:italic;white-space:normal;width:100%;word-wrap:break-word;overflow-wrap:break-word}.event .thumbnails .expanded-only button{font-size:.6em}.event .thumbnails img{border-radius:50%;height:3em;overflow:hidden;vertical-align:middle;width:3em}.event .thumbnails.expanded>div{display:block;margin:.2em}.event .thumbnails.expanded .expanded-only{display:inline-block}.voting{--voting-button-width:10em;--voting-button-height:2em;--voting-button-pin-gap:0.2em;align-items:center;background-color:#d3d3d3;border:1px solid #000;border-radius:calc(var(--voting-button-height)/2);display:flex;flex-direction:row;height:var(--voting-button-height);justify-content:center;margin-bottom:.6em;position:relative;width:var(--voting-button-width)}.voting.visibility{font-size:.75em;margin-top:.5em}.voting .label{color:#000;text-align:center;vertical-align:middle;width:calc(100% - var(--voting-button-height)*2)}.voting .pin{--pin-size:calc(var(--voting-button-height) - var(--voting-button-pin-gap)*2);background-color:#6b6b6b;border-radius:50%;height:var(--pin-size);left:var(--voting-button-pin-gap);position:absolute;top:var(--voting-button-pin-gap);width:var(--pin-size)}.voting.animating,.voting.animating .pin{transition:all .3s ease-in-out}.voting.participating .pin{left:calc(var(--voting-button-width) - var(--pin-size) - var(--voting-button-pin-gap))}.event .voting.participating{background-color:#90ee90}.event .voting.participating .pin{background-color:green}.voting.visibility{background-color:#fff}.voting.visibility .pin{background-color:#a7a7a7}.voting.visibility.participating{background-color:#ffff3d}.voting.visibility.participating .pin{background-color:#b9b900}.subevents:not(.expanded) .subevent-group.participating{background-color:#90ee90}.event-add-form .instructions{border:1px dashed #fff;border-radius:1em;max-width:min(90vw,40rem);padding:0 1.2em 1.2em}.event-guideline{background-color:#fff;color:#000}.event .event-guideline{background-color:#fff1dd;border:1px dashed #000;border-radius:1em;font-size:.85em;margin-bottom:1em;padding:0 1em}.event .event-guideline .title{font-size:1em;font-weight:700}.event .event-guideline .content{font-size:.9em;font-weight:400}.event-add-form .event-guideline{border:1px dashed #fff;border-radius:1em;max-width:min(90vw,40rem);padding:0 1.2em}.event-add-form:has(.voting.visibility.participating) .event-guideline{display:none}.event-add-form .instructions .title{font-size:1.2em}.event-add-form .instructions button{cursor:pointer}.event-add-form .instructions span.info{font-size:1.3em;margin-right:.6em}.event-add-form .errormsg{background-color:#fff;border:3px solid red;color:red;font-size:1.4em;font-weight:700;margin-bottom:.6em;margin-top:.6em;padding:.2em}.event-add-form .event-add-input-group{font-size:1.2em;margin-top:.6em}.event-add-form .map-container{aspect-ratio:16/9;width:min(90vw,40rem)}.event-add-form .map{cursor:pointer;height:100%;width:100%}.event-add-form-buttons{display:flex;gap:1em;margin-top:1em}.contactinfo{color:#fff;font-size:min(3.5vw,32px);margin-top:3em}.contactinfo :visited,.contactinfo a{color:#fff}:visited,a{text-decoration:none}.contactinfo>.info{align-items:center;display:grid;gap:1.5em;grid-template-columns:5em 3em 10em;justify-content:center;margin-bottom:1.5em}.contactinfo>.info>.icon{text-align:center}.contactinfo>.info>.icon img{width:1.6em}.contactinfo>.info>div{display:inline-block}.contactinfo .content-picture{display:flex;justify-content:center;margin:10vh auto auto;max-height:30vh;max-width:75vw;position:relative}.contactinfo .content-picture img{max-height:100%;max-width:100%;object-fit:contain}@media (max-height:500px){.contactinfo .content-picture{display:none}}.loginform{border:.2em solid #fff;border-radius:2em;color:#fff;font-size:1.5em;font-size:.85rem;margin:3em auto auto;padding:.75em;width:fit-content}.loginform .section{display:grid;gap:1.5em;grid-template-columns:10em 15em;margin:1em;width:fit-content}.loginform .section>*{display:inline-block}.loginform .label{position:relative}.loginform .label span{font-size:1.5em;position:absolute;top:50%;transform:translateY(-50%)}.loginform .input{border-radius:1em;font-size:1.4em;padding:.8rem;text-align:center}.loginform button{background-color:#d3d3d3;border:3px groove #fff;border-radius:.6em;font-size:1.5em;padding:.5em;width:fit-content}.loginform button:hover{background-color:#fff}.loginform button:active{border-style:ridge;transform:scale(.98)}.loginform .errormsg{background-color:#ff3f3f;border:.1em solid #fff;border-radius:1em;padding:.5em;text-align:center}.menudiv{position:absolute;right:.2em;top:0;width:fit-content}.menudiv>*{position:relative;right:0;top:0}.menu-div{display:none;position:absolute;right:6em;z-index:10}.menu-div.active{display:block}.menu{border-collapse:collapse;color:#000;display:grid;grid-template-columns:auto}.menu .submenu-label{align-items:center;display:grid;grid-template-columns:1fr auto}.menu .submenu-label>span{padding-right:1em}.menu .submenu-label>.menuitem{display:none}.menu .submenu-label img{mix-blend-mode:multiply;position:relative;right:-.7em;transform:rotate(90deg);transition:transform .3s;width:1em}.menu .submenu-label.expanded img{transform:rotate(0deg);width:1em}.menuitem{background-color:#fff;border-radius:.5em;box-shadow:inset 3px 5px 18px 0 #3b3b3b80;cursor:pointer;font-size:1rem;font-weight:700;opacity:0;padding:1em;position:relative;transform:translateY(-1em);transition:all .1s ease-in;transition:opacity .2s ease,transform .2s ease,background-color .4s ease;vertical-align:middle;white-space:nowrap;will-change:opacity,transform,background-color}.menuitem.visible{opacity:1;transform:none}.menuitem.submenu-item:not(.visible){display:none}.menuitem.submenu-item{padding-left:2em}