header{display:flex;align-items:center;justify-content:space-between;padding:16px;gap:20px;width:100%;font-weight:500!important;height:max-content;position:fixed;font-size:15px;top:0;left:0;right:0;border-bottom:1px dotted rgba(255,255,255,.1);z-index:25;background-image:linear-gradient(to right,var(--color-primary) 0,var(--color-primary) 100%)}header a{text-decoration:none;color:inherit;width:100%;position:relative;height:100%;white-space:nowrap;z-index:10}header ul{padding:0!important;margin:0!important;gap:40px}header nav,header ul{display:flex;align-items:center;justify-content:center}header nav{padding:2px;width:max-content}header ul li{list-style:none}header ul li a:before{position:absolute;top:0;left:0;width:0;height:100%;margin-top:4px;content:"";border-bottom:2px solid var(--color-light-green);transition:all .2s ease-in-out}header .darklist li a:before{border-bottom:2px solid var(--color-primary-100)}header ul li a:hover:before{width:100%}.active-link>a:before{width:100%!important}header ul li>a{background-image:linear-gradient(to right,var(--color-light-green) 0,var(--color-light-green) 50%,var(--color-gray) 65%,var(--color-gray) 100%);-webkit-background-clip:text;background-clip:text;background-size:105%;-webkit-text-fill-color:transparent;-moz-text-fill-color:transparent}header .darklist li>a{background-image:linear-gradient(to right,var(--color-primary) 0,var(--color-primary) 50%,var(--color-primary-100) 65%,var(--color-primary-100) 100%)}.profile-container{background-color:transparent;padding:4px 8px;border-radius:20px;border:1px solid var(--color-light-green);color:var(--color-light-green);display:flex;align-items:center;gap:8px;letter-spacing:2px;cursor:pointer;transition:box-shadow .2s ease-in-out}.profile-container i:last-child,.profile-container span{color:var(--color-gray)}.profile-container-dark:hover,.scan-button-dark:hover{box-shadow:0 0 5px 1px var(--color-gray)!important}.profile-container:hover{box-shadow:0 0 8px 1px var(--color-secondary-400)}.profile-container i:first-child{font-weight:bolder!important;display:flex;align-items:center;justify-content:center;padding:0;width:24px;height:24px;font-size:24px}.header-right{display:flex;align-items:center;gap:36px}.header-right .notifications-icon-box{position:relative;font-size:18px;text-decoration:none;display:flex;align-items:center;justify-content:center;height:30px;width:30px;cursor:pointer;color:var(--color-gray);font-style:normal}.notifications-wrapper-block{position:relative}.close-nav,.menu-dropdown{display:none}.theme-button{background-color:transparent;border:1px solid var(--color-light-green);color:var(--color-light-green);display:flex;width:max-content;padding:1px 6px;align-items:center;cursor:pointer;border-radius:20px;transition:transform .15s ease-in-out;height:22px}.theme-responsive-button{display:none!important}.theme-button:hover{transform:scale(1.025)}.scan-button:hover{box-shadow:0 0 5px 1px var(--color-secondary-500)}.theme-button>small:first-child{background-color:var(--color-light-green);border-radius:50%;height:18px;width:18px;margin-left:-4px}.notifications-icon-box:hover small{box-shadow:0 0 10px 2px var(--color-secondary-400)}.notifications-icon-box-dark:hover small{box-shadow:0 0 8px 2px var(--color-secondary-100)}.notifications-icon-box>i{width:20px;height:20px;padding:1px;display:flex;align-items:center;transition:font-size .2s ease-in-out;justify-content:center}.notifications-icon-box:hover>i{font-size:22px!important}.notifications-wrapper-block small{position:absolute;right:-2px;top:-2px;height:16px;width:16px;font-size:10px;font-weight:bolder;display:flex;justify-content:center;align-items:center;color:var(--color-light-green);background-color:var(--color-primary);border-radius:50%;border:2px solid var(--color-light-green);transition:box-shadow .2s ease-in-out}.header-get-started{display:flex;align-items:center;gap:18px}.header-get-started-set-display{display:none}.header-get-started a{background-color:transparent;border:1px solid var(--color-light-green);padding:4px 12px;border-radius:6px;color:var(--color-light-green);transition:box-shadow .2s ease-in-out;font-size:12px;text-align:center}.header-get-started a:hover{box-shadow:0 0 5px 1px var(--color-secondary-400)}.header-get-started-dark a:hover{box-shadow:0 0 5px 1px var(--color-gray)}.profile-details-container{position:absolute;background-color:var(--color-primary-100);z-index:20;right:16px;font-size:16px;min-width:280px;box-shadow:0 0 5px 1px var(--color-secondary-400);height:max-content;color:var(--color-secondary-100);padding:20px;display:flex;flex-direction:column;align-items:flex-start;gap:16px;top:61px;border-radius:20px}.profile-details-container-dark{background-color:var(--color-white);box-shadow:0 0 5px 1px var(--color-gray)!important;color:var(--color-primary)!important}.profile-details,.profile-details figure{display:flex;flex-direction:column;gap:20px;width:100%;align-items:center}.profile-details figure img{height:200px;border-radius:10px;width:auto}.profile-details-container-dark figure img{border-radius:none!important}.profile-details-container-dark figure figcaption{border-bottom:2px solid var(--color-secondary-400)!important}.profile-details figure figcaption{padding:5px;border-bottom:2px solid var(--color-secondary-100);cursor:pointer}.profile-details span{white-space:nowrap}.profile-details-container button{padding:5px 10px;border:none;border-radius:10px;cursor:pointer;color:var(--color-gray);background-color:var(--color-secondary-400);transition:all .2s ease-in-out;float:left;font-size:12px}.profile-details-container-dark button{color:var(--color-white);background-color:var(--color-primary-100)}.profile-details-container button:hover{box-shadow:0 0 6px 1px var(--color-secondary-100)}.notifications-container{background-color:var(--color-primary-100);width:410px;max-height:400px;box-shadow:inset 0 0 5px 1px var(--color-secondary);position:absolute;display:flex;flex-direction:column;align-items:flex-start;gap:5px;top:31px;color:var(--color-secondary-100);padding:20px;right:12px;-webkit-clip-path:polygon(98% 3%,100% 0,100% 30%,100% 100%,70% 100%,30% 100%,0 100%,0 3%);clip-path:polygon(98% 3%,100% 0,100% 30%,100% 100%,70% 100%,30% 100%,0 100%,0 3%);border-radius:12px;z-index:20;cursor:default}.notifications-container-dark{background-color:var(--color-white)!important;color:var(--color-primary-100)!important;box-shadow:inset 0 0 5px 1px var(--color-gray);border:1px solid var(--color-gray);-webkit-clip-path:none!important;clip-path:none!important;top:51px!important;right:0!important}.no-notification{height:max-content!important}.notifications-container-read{top:35px;right:10px}.notifications-container>span{display:flex;align-items:center;justify-content:space-between;width:100%;margin-bottom:4px}.notifications-container>span h5,.notifications-container>span>a{width:max-content;position:relative}.notifications-container>span>a:before{position:absolute;top:0;left:0;content:"";height:100%;width:0;border-bottom:2px solid var(--color-secondary-100);transition:all .2s ease-in-out!important}.notifications-container>span>a:hover:before{width:100%}.unread-notifications{display:flex;flex-direction:column;align-items:flex-start;gap:20px;font-size:14px;font-weight:420;flex:1 1;width:100%;overflow-x:hidden;overflow-y:scroll;scrollbar-width:none}.notifications-container-dark .unread-notifications article{border-bottom:1px solid var(--color-gray)!important;color:var(--color-secondary-500)!important}.unread-notifications article{border-bottom:1px solid var(--color-secondary-400);color:var(--color-secondary-100);width:100%;display:flex;flex-direction:column;padding:3px 3px 3px 6px;align-items:flex-start;cursor:pointer;transition:transform .2s ease-in-out}.unread-notifications article:hover{transform:scale(1.035)}@media screen and (max-width:1150px){header{padding:16px 8px}}@media screen and (max-width:820px){header nav{position:fixed;top:0;width:260px;padding:50px 20px 30px;right:-300px;transition:right .65s ease-in-out;align-items:flex-start;bottom:0;background-color:var(--color-primary);border-left:1px solid var(--color-secondary-500);z-index:26}header ul{flex-direction:column;gap:30px}.menu-dropdown{display:flex;cursor:pointer;height:32px;width:32px;align-items:center;justify-content:center;transition:transform .15s ease-in-out;font-size:30px;font-weight:700}.menu-dropdown:hover{transform:scale(1.065)}.close-nav{display:inline-block;padding:4px;position:absolute;top:12px;font-size:20px;right:14px;cursor:pointer}.notifications-container{width:360px!important}}@media screen and (max-width:580px){.notifications-container{width:330px!important;top:36px;padding:20px;right:-118px;-webkit-clip-path:polygon(60% 0,62% 2%,100% 2%,100% 100%,0 100%,0 2%,57% 2%);clip-path:polygon(60% 0,62% 2%,100% 2%,100% 100%,0 100%,0 2%,57% 2%)}.notifications-container-dark{right:-118px!important}}@media screen and (max-width:416px){.header-get-started,.theme-button{display:none}.header-get-started-set-display,.theme-responsive-button{display:flex!important}header nav{flex-direction:column;align-items:center;justify-content:flex-start;gap:30px}.notifications-container{width:308px!important;top:41px;padding:14px;right:-150px;-webkit-clip-path:polygon(47% 0,50% 2%,100% 2%,100% 100%,0 100%,0 2%,43% 2%);clip-path:polygon(47% 0,50% 2%,100% 2%,100% 100%,0 100%,0 2%,43% 2%)}.notifications-container-dark{right:-150px!important}}@media screen and (max-width:360px){.header-right{gap:20px}.profile-details-container{right:20px;font-size:15px}.header-get-started{gap:8px}.header-get-started a{padding:4px 8px}}@media screen and (max-width:345px){.notifications-container,.notifications-container-dark{width:300px!important}}@media screen and (max-width:330px){.profile-container>i:last-child,.profile-container>span{display:none}.profile-container{padding:0;border:none}.notifications-container{-webkit-clip-path:polygon(62% 0,64% 2%,100% 2%,100% 100%,0 100%,0 2%,58% 2%);clip-path:polygon(62% 0,64% 2%,100% 2%,100% 100%,0 100%,0 2%,58% 2%);right:-100px}.notifications-container-dark{right:-100px!important;width:300px!important}.profile-details-container{right:16px;font-size:14px}}