#mobile-menu{position:fixed;inset:0;background-color:var(--color-solid-deep-blue);z-index:899;align-items:center;justify-content:space-between;padding:77px 24px 24px;animation:fadeIn .5s ease;overflow-y:auto;.sieya--login{&:hover{outline:1px solid var(--color-solid-bold-green)}&:focus,&:focus-within{outline:2px solid var(--color-solid-bold-green)}}.sieya--logout{&:hover{outline:1px solid var(--color-solid-bold-green)}&:focus,&:focus-within{outline:2px solid var(--color-solid-bold-green)}}.mobile-menu-overlay-close-button{font:inherit;display:flex;overflow:visible;margin:0;padding:6px;cursor:pointer;text-transform:none;color:inherit;border:0;background-color:transparent;position:fixed;top:20px;right:20px;width:32px;height:32px;border-radius:50%;&:hover{box-shadow:0 0 0 2px var(--color-blue)}&:focus,&:focus-within{box-shadow:0 0 0 4px var(--color-blue)}}.mobile-menu-container{width:100%}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}display:none;&.is-active{display:flex;flex-direction:column}&.hiding{animation:fadeOut 1s ease;animation-delay:.5s}.header{position:-webkit-sticky;position:sticky;inset:0;background-color:var(--color-solid-deep-blue);padding:24px 0;z-index:700}.header,nav.menu{width:100%}& ul{margin:0;padding:0;display:flex;flex-direction:column;list-style-type:none;@media (min-width:700px){display:grid;grid-column-gap:64px;column-gap:64px;grid-template-columns:1fr 1fr;grid-template-areas:"open profile" "open button" "subtext subtext"}@media (min-width:1050px){max-width:var(--public-page-content-max-width);margin-left:auto;margin-bottom:0;margin-right:auto;margin-top:0}li{border-bottom:.5px solid var(--color-secondary-deep-blue-55)}li.protected{opacity:.6}.nav-item{line-height:24px;margin:8px 4px;height:48px;display:flex;align-items:center;color:#fff;&.active{color:#fff}&.protected{opacity:.6;pointer-events:none}}}.menu-title{text-align:left;border-bottom:0;margin-top:20px;margin-bottom:20px;grid-area:title}.menu-open{display:flex;flex-direction:column;grid-area:open;li{&:hover{background:var(--color-gray-navy)}}}.menu-profile{border-bottom:none;margin-bottom:20px}.menu-protected{grid-area:protected}.menu-button{grid-area:button;display:flex;flex-direction:column;width:100%;align-self:flex-end;margin-top:24px;@media (max-width:700px){margin-top:42px}}.menu-subtext{padding-top:30px;grid-area:subtext;display:flex;justify-content:center}.title{font-size:32px;color:var(--color-solid-bold-green)}a,button{width:100%}}.sieya--mini-profile{display:flex;.sieya--mini-profile--avatar--background{width:150px;height:150px;margin-right:28px;mix-blend-mode:lighten;background-position:50%;background-size:contain;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center}.sieya--mini-profile--avatar--image-card{width:83px;height:83px;background-size:cover;background-repeat:no-repeat;background-position:50%}.sieya--mini-profile--info{padding-top:20px}.sieya--mini-profile--info--name{color:#fff}.sieya--mini-profile--info--level{color:var(--color-solid-bold-green);font-weight:700;font-size:12px;margin-bottom:4px}.sieya--mini-profile--info--my-area-button{&:hover{box-shadow:0 0 0 2px var(--color-blue)}&:focus,&:focus-within{box-shadow:0 0 0 4px var(--color-blue)}}.sieya--mini-profile--info--points{display:flex;margin-bottom:8px;&:hover{outline:1px solid var(--color-highlight-feedback-yellow)}&:focus{outline:2px solid var(--color-highlight-feedback-yellow)}.sieya--mini-profile--info--points--text{color:var(--color-solid-white);font-size:14px;font-weight:700}>a{display:flex;align-items:center;gap:6px}}}.mobile-menu-button{font:inherit;display:flex;overflow:visible;margin:0;padding:6px;cursor:pointer;transition-timing-function:linear;transition-duration:.15s;transition-property:opacity,filter;text-transform:none;color:inherit;border:0;background-color:transparent;position:fixed;top:20px;right:20px;z-index:900;border-radius:50%;transition:background-color 1s ease;&:hover{box-shadow:0 0 0 2px var(--color-blue)}&:focus,&:focus-within{box-shadow:0 0 0 4px var(--color-blue)}}.mobile-menu-button.is-active{background-color:var(--color-solid-bold-green)}.mobile-menu-button-box{position:relative;display:inline-block;width:20px;height:20px}.mobile-menu-button-inner{margin-top:-2px;transition-property:transform;top:auto;bottom:0;transition-delay:.13s;transition-timing-function:cubic-bezier(.55,.055,.675,.19);transition-duration:.13s}.mobile-menu-button-inner,.mobile-menu-button-inner:after,.mobile-menu-button-inner:before{display:block;position:absolute;width:20px;height:2px;border-radius:0;background-color:#fff}.mobile-menu-button-inner:after,.mobile-menu-button-inner:before{transition-timing-function:ease;transition-duration:.15s;transition-property:transform;content:""}.mobile-menu-button-inner:before{top:-9px}.mobile-menu-button--collapse .mobile-menu-button-inner:before{transition:top .12s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19)}.mobile-menu-button--collapse .mobile-menu-button-inner:after{top:-18px;transition:top .2s cubic-bezier(.33333,.66667,.66667,1) .2s,opacity .1s linear}.mobile-menu-button.is-active .mobile-menu-button-inner,.mobile-menu-button.is-active .mobile-menu-button-inner:after,.mobile-menu-button.is-active .mobile-menu-button-inner:before{background-color:var(--color-solid-deep-blue);transition:background-color 1s ease}.mobile-menu-button--collapse.is-active .mobile-menu-button-inner{transition-delay:.22s;transition-timing-function:cubic-bezier(.215,.61,.355,1);transform:translate3d(0,-10px,0) rotate(-45deg)}.mobile-menu-button--collapse.is-active .mobile-menu-button-inner:before{top:0;transition:top .1s cubic-bezier(.33333,0,.66667,.33333) .16s,transform .13s cubic-bezier(.215,.61,.355,1) .25s;transform:rotate(-90deg)}.mobile-menu-button--collapse.is-active .mobile-menu-button-inner:after{top:0;transition:top .2s cubic-bezier(.33333,0,.66667,.33333),opacity .1s linear .22s;opacity:0}