.mobile-menu-button{background-color:transparent;border:0;cursor:pointer;display:flex;align-items:center;height:36px;padding:8px;position:absolute;right:10px;top:16px;width:36px;&:focus{outline:none}&:after,&:before{background-color:var(--sc-color-primary-contrast);border-radius:var(--sc-border-radius);content:"";display:block;height:3px;position:absolute;transition:.3s;width:20px}&:before{top:calc(22%)}&:after{top:calc(22% + 8px)}&.mobile-menu-button--open:before{transform:translateY(4px) rotate(-45deg)}&.mobile-menu-button--open:after{transform:translateY(-4px) rotate(45deg)}@media (min-width:1024px){display:none}}.sub-list-item{align-items:center;display:grid;grid-gap:1rem;gap:1rem;grid-template-columns:1fr 1fr 1fr;list-style:none;margin-bottom:1rem;&:after{display:none}img{border-radius:5px;border:5px solid var(--sc-color-white);box-shadow:1px 1px 5px var(--sc-color-gray);grid-column:1;height:auto;max-width:100%;transition:all .5s;&:hover{box-shadow:5px 5px 0 var(--sc-color-primary-contrast)}.high-contrast &{box-shadow:1px 1px 5px var(--sc-color-black);&:hover{box-shadow:5px 5px 0 var(--sc-color-black)}}}@media (min-width:500px) and (max-width:1024px){align-items:flex-start;display:flex;flex-direction:column;gap:0;justify-content:flex-start;img{max-width:50%}}}.sub-list-item__content{grid-column:2/span 2}.sub-list-item__title{border-bottom:2px solid var(--sc-color-primary-border-tint);display:block;font-size:.9rem;margin-bottom:.25rem;padding-bottom:.25rem;transition:all .5s;&:hover{border-bottom:2px solid var(--sc-color-primary-contrast)}.high-contrast &{border-bottom:2px solid var(--sc-color-tertiary);&:hover{border-bottom:2px solid var(--sc-color-black)}}}.sub-list-item__text{font-size:.8rem;margin:0;text-transform:none;@media (min-width:512px){font-size:1rem}@media (min-width:1024px){font-size:.85em}}.desktop-menu{display:none;@media (min-width:1024px){display:block}}.desktop-menu__list{color:var(--sc-color-primary-contrast);display:flex;gap:1rem;justify-content:space-between;list-style:none;margin:0;padding:0;.high-contrast &{color:var(--sc-color-white)}}.desktop-menu__list-item{display:flex;font-size:.9rem;gap:.75rem;position:relative;@media (min-width:1200px){font-size:1rem}&:hover{.desktop-menu__sub-list-container{animation:fade-in .5s forwards;display:block}}&:after{content:"·"}&:last-child:after{content:""}a{color:var(--sc-color-primary-contrast);font-weight:400;text-transform:uppercase;.high-contrast &{color:var(--sc-color-white)}}>a{&:after{background-color:var(--sc-color-primary);content:"";display:block;height:2px;left:50%;position:relative;transition:all .5s;width:0}&:hover:after{width:100%;left:0}}}.desktop-menu__sub-list-container{display:none;left:-2rem;min-width:320px;padding-top:2.5rem;position:absolute;top:100%}.desktop-menu__sub-list{background-color:var(--sc-color-primary-tint);border-radius:10px;border:1px solid var(--sc-color-primary-contrast);box-shadow:5px 5px 0 var(--sc-color-primary-contrast);margin-left:0;padding:1rem;position:relative;z-index:10;&:before{background-color:var(--sc-color-primary-tint);border-bottom:1px solid var(--sc-color-primary-contrast);border-right:1px solid var(--sc-color-primary-contrast);content:"";display:block;height:20px;left:15%;position:absolute;top:-11px;transform:rotate(-135deg);width:20px;z-index:0}.high-contrast &{background-color:var(--sc-color-tertiary-contrast);border-color:var(--sc-color-white);box-shadow:5px 5px 0 var(--sc-color-black);&:before{background-color:var(--sc-color-tertiary-contrast);border-bottom:1px solid var(--sc-color-white);border-right:1px solid var(--sc-color-white)}}}.device-menu{background-color:var(--sc-color-primary-tint);border-top:2px solid var(--sc-color-primary-contrast);bottom:0;box-shadow:var(--sc-shadow);display:block;height:auto;left:0;min-height:10vh;opacity:1;overflow:auto;padding:1.5rem;position:fixed;right:0;transition:all .9s ease;width:100%;z-index:100;@media (min-width:1024px){display:none}.high-contrast &{background-color:var(--sc-color-tertiary-contrast);border-top:2px solid var(--sc-color-black)}}.device-menu__close{align-items:center;background-color:transparent;border:0;cursor:pointer;display:flex;height:36px;justify-content:center;position:absolute;right:.5rem;top:.75rem;width:36px;&:after,&:before{background-color:var(--sc-color-primary-contrast);border-radius:var(--sc-border-radius);content:"";display:block;height:3px;position:absolute;transition:.3s;width:20px}&:before{top:calc(22%);transform:translateY(4px) rotate(-45deg)}&:after{top:calc(22% + 8px);transform:translateY(-4px) rotate(45deg)}}.device-menu__list{margin:0;position:relative;overflow-x:hidden;overflow-y:auto;.two-items &{height:45vh;@media (min-width:500px){height:35vh}}.four-items &{height:72vh;@media (min-width:500px){height:65vh}}.six-items &{height:100vh;@media (min-width:500px){height:90vh}}}.device-menu__list-item{font-size:1.5rem;list-style:none;min-height:36px;overflow:visible;padding:.25rem 0;transition:all .25s ease-in-out;a{color:var(--sc-color-primary-contrast);font-weight:300;gap:.5rem;text-transform:uppercase;.high-contrast &{color:var(--sc-color-white)}}}.device-menu__list-item-container{display:grid;grid-template-columns:1fr 1fr;left:0;overflow:visible;transition:all .25s ease-in-out;width:150%;&.device-menu__list-item-container--active{height:0;overflow:visible;transform:translateX(-50%);width:200%}}.device-menu__list-item-link{>a{align-items:center;display:flex}.shift &{transform:translateX(-200%)}}.device-menu__sub-list{margin:2rem 0 0;width:50%;&.device-menu__sub-list--index-0{top:0}&.device-menu__sub-list--index-1{top:-36px}&.device-menu__sub-list--index-2{top:-72px}&.device-menu__sub-list--index-3{top:-108px}&.device-menu__sub-list--index-4{top:-144px}&.device-menu__sub-list--index-5{top:-180px}@media (min-width:768px){display:grid;grid-gap:1rem;gap:1rem;grid-template-columns:repeat(2,1fr)}@media (min-width:500px) and (max-width:768px){display:grid;grid-gap:1rem;gap:1rem;grid-template-columns:1fr 1fr}}.device-menu__sub-list-container{overflow:visible;width:200%;&.device-menu__sub-list-container--index-0{transform:translateY(0)}&.device-menu__sub-list-container--index-1{transform:translateY(-36px)}&.device-menu__sub-list-container--index-2{transform:translateY(-72px)}&.device-menu__sub-list-container--index-3{transform:translateY(-108px)}&.device-menu__sub-list-container--index-4{transform:translateY(-144px)}&.device-menu__sub-list-container--index-5{transform:translateY(-180px)}&.device-menu__sub-list-container--active{display:flex}&.device-menu__sub-list-container--inactive{display:none}}.device-menu__back{animation:fade-in 1s ease-in-out forwards;border:0;cursor:pointer;font-family:var(--sc-sans-font);font-size:1rem;left:.5rem;position:absolute;text-transform:uppercase;top:.5rem;padding:.5rem;width:85%}.device-menu__back,.nav-bar{align-items:center;background-color:var(--sc-color-primary-tint);color:var(--sc-color-primary-contrast);display:flex}.nav-bar{border-bottom:2px solid var(--sc-color-primary-contrast);box-shadow:var(--sc-shadow);height:60px;left:0;padding:0 1rem;position:-webkit-sticky;position:sticky;top:0;transition:background-color .5s;width:100%;z-index:100;.high-contrast &{background-color:var(--sc-color-tertiary-contrast);border-bottom-color:var(--sc-color-black)}@media (min-width:1024px){padding-left:2rem;padding-bottom:0;padding-right:2rem;padding-top:0;position:-webkit-sticky;position:sticky}}.nav-bar__logo{flex:1 1;margin:0;width:220px;@media (min-width:1024px){margin-left:30px}img{vertical-align:middle;max-width:220px}}.nav-bar__desktop-nav-options{display:none;flex:1 1;gap:2rem;margin:0 2rem;@media (min-width:1024px){display:flex}&:focus{outline:1px dotted #000}}.nav-bar__mobile-nav-options{background-color:var(--sc-color-primary);display:flex;flex-direction:column;justify-content:center;left:0;margin:0;overflow:auto;position:fixed;top:60px;transition:max-height .5s,min-height .5s,padding .5s;width:100%;z-index:10;max-height:0;min-height:0;padding:0;.high-contrast &{background-color:#000}&.nav-bar__mobile-nav-options--open{max-height:calc(100vh - 60px);min-height:calc(100vh - 60px);padding:100px 0}@media (min-width:1024px){display:none}}