:root{--nano-base-font-size:16px;--nano-padding:1rem;--nano-color-white:#fff;--nano-color-white-rgb:255 255 255;--nano-color-lightblue:#90c6e7;--nano-color-lightblue-rgb:144 198 231;--nano-color-blue:#007495;--nano-color-blue-rgb:0 116 149;--nano-color-darkblue:#0c5a71;--nano-color-darkblue-rgb:12 90 113;--nano-color-darkgrey:#455556;--nano-color-darkgrey-rgb:69 85 86;--nano-color-palegrey:#b5aea7;--nano-color-palegrey-rgb:181 174 167;--nano-color-dimgrey:#918b86;--nano-color-dimgrey-rgb:145 139 134;--nano-color-lightgrey:#e4e6e8;--nano-color-lightgrey-rgb:228 230 232;--nano-color-mediumgrey:#687576;--nano-color-mediumgrey-rgb:104 117 118;--nano-color-green:#17bb75;--nano-color-green-rgb:23 187 117;--nano-color-orange:#f57e20;--nano-color-orange-rgb:245 126 32;--nano-color-paleyellow:#ede797;--nano-color-paleyellow-rgb:237 231 151;--nano-color-purple:#a53f97;--nano-color-purple-rgb:165 63 151;--nano-color-red:#ef4135;--nano-color-red-rgb:239 65 53;--nano-color-yellow:#f5cc49;--nano-color-yellow-rgb:245 204 73;--nano-color-background:#f0efed;--nano-color-background-rgb:240 239 237;--nano-color-black:#4a4a4a;--nano-color-black-rgb:74 74 74;--nano-color-celsius:#f0efed;--nano-color-celsius-rgb:240 239 237;--nano-color-offwhite:#f9f9fb;--nano-color-offwhite-rgb:249 249 251;--nano-color-darkblue--faded:#005c75;--nano-color-darkblue--faded-rgb:0 92 117;--nano-color-red--faded:#fee8de;--nano-color-red--faded-rgb:254 232 222;--nano-color-orange--faded:#feeddb;--nano-color-orange--faded-rgb:254 237 219;--nano-color-yellow--faded:#fefcf2;--nano-color-yellow--faded-rgb:254 252 242;--nano-color-green--faded:#edf5f2;--nano-color-green--faded-rgb:237 245 242;--nano-color-blue--faded:#f2f7f9;--nano-color-blue--faded-rgb:242 247 249;--nano-color-blue--darker:#245a6f;--nano-color-blue--darker-rgb:36 90 111;--nano-color-green--darker:#0b814f;--nano-color-green--darker-rgb:11 129 79;--nano-color-red--darker:#be2a20;--nano-color-red--darker-rgb:190 42 32;--nano-color-purple--darker:#772c6d;--nano-color-purple--darker-rgb:119 44 109;--nano-color-orange--darker:#b95e17;--nano-color-orange--darker-rgb:185 94 23;--nano-color-palegrey--darker:#8c8379;--nano-color-palegrey--darker-rgb:140 131 121;--nano-color-lightblue--darker:#548caf;--nano-color-lightblue--darker-rgb:84 140 175}.nav-item{block-size:40px;color:#fff;display:flex;list-style:none;position:absolute;text-decoration:none!important;transition:all .3s linear}.nav-item .nav-item__icon{animation:scale-fade-in .5s ease-out forwards;block-size:40px;inline-size:40px;opacity:0;position:relative;transition:all .2s ease-in-out}.nav-item .nav-item__icon img{position:relative;z-index:2}.nav-item .nav-item__icon:before{background-color:#fff;block-size:100%;border-radius:45px;content:"";display:block;inline-size:100%;inset-block-start:50%;inset-inline-start:50%;position:absolute;transform:translate(-50%,-50%);transform-origin:center;transition:all .2s ease-in-out;z-index:0}.nav-item .title{color:#fff;font-size:1rem;line-height:1.1;text-decoration:none;transition:all .2s ease-in-out}.nav-item .title svg{inset-block-start:-1px;inset-inline-end:auto;opacity:1;position:relative;transition:all .2s ease-in-out}.nav-item .content{animation:fade-in .5s ease-out forwards;display:inline-block;inset-block-start:0;margin-inline-start:15px;opacity:0;position:relative;transition:all .2s linear}.nav-item .content .sub-text{font-size:var(--nano-font-size-xs);inline-size:281px}.nav-item__active .nav-item__icon{transform:scale(1.2)}.nav-item__active .nav-item__icon:before{animation:pulse-ring 2s cubic-bezier(.215,.61,.355,1)}.nav-item__active .content{inset-block-start:12px}.nav-item__active .content .title{font-size:1.2rem;font-weight:600;transform:scale(1.2)}.nav-item__active .content .title svg{inset-inline-end:-200%;opacity:0;transition:all .2s ease-in-out}.nav-item__hover .nav-item__icon{transform:scale(1.2)}.nav-item__hover .nav-item__icon:before{animation:pulse-ring 2s cubic-bezier(.215,.61,.355,1);z-index:1}.nav-item__hover .content .title{font-size:1.2rem;font-weight:600;transform:scale(1.2)}@keyframes scale-fade-in{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes pulse-ring{0%{transform:translate(-50%,-50%) scale(.33)}50%{transform:translate(-50%,-50%) scale(1.4)}70%,to{opacity:0}}