nav{width:100%;display:table;border:0;padding:0 15px;margin:0;display:flex;z-index:999;position:sticky;top:0;height:60px;align-items:center;background-color:var(--nav-back-color);justify-content:space-between;box-sizing:border-box;transition:all .5s;-webkit-backdrop-filter:blur(33px);backdrop-filter:blur(33px)}nav.stick{top:0;box-shadow:0 2px 13px var(--shadow-color-15)}nav.menu-open{background-color:var(--background-color)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;transition:background-color .3s ease}nav .nav-search{float:left;transition:.5s ease;margin:0;padding:0;width:calc(100% - 320px);display:flex;height:54px;-moz-column-gap:13px;column-gap:13px;align-items:center;justify-content:flex-start}nav .nav-search :not(.show-menu){display:inline-block}nav .nav-search form{display:block}nav .nav-search .logo{width:auto;padding:9px 0;height:54px;float:left;width:180px;margin:auto 15px auto 0}nav .nav-account{float:left;transition:.5s ease;margin:0;padding:0 0 0 12px;display:flex;max-width:320px;align-items:center;justify-content:flex-end;height:54px;gap:9px}nav .nav-account .btn{margin:0;padding:8px 11px}nav .navlink{font-size:24px;height:40px;width:40px;border:0;text-decoration:none;padding:0;border-radius:50px;color:var(--btn-color-1);background-color:transparent;border-bottom:1px solid transparent;display:flex;align-items:center;justify-content:center;align-content:center}nav .navlink>.icon{height:43px;width:43px;flex-basis:43px;transition:all 0s;padding:7px}nav .navlink>img:not(.icon){height:40px;width:40px;border-radius:50%;transition:all 0s}nav .navlink.show{cursor:pointer;color:var(--color-0);background-color:var(--btn-2-color);border-top-right-radius:7px;border-bottom-right-radius:7px}nav .navlink:hover{cursor:pointer;background-color:var(--btn-gray-color)}.create-article{padding:2px;background-color:var(--primary-color);color:var(--color-white);cursor:pointer;height:40px;width:40px;font-size:16px;border-radius:7px;border:2px solid transparent;display:flex;justify-content:center;align-items:center}.create-article .icon{margin:0;padding:0}.create-article p{padding-right:6px}.create-article:hover{text-decoration:none;background-color:var(--color-white);border:2px solid var(--primary-color)}.create-article:hover *{color:var(--primary-color)}.search-container{background-color:var(--back-color-2);position:relative;border-radius:40px;overflow:visible;height:40px;box-sizing:border-box;max-width:100%;padding:3px 40px 3px 3px}.search-container:hover{border-color:var(--text-color)}.search-container input[type=search]{background-color:transparent;outline:none;height:32px;font-size:15px;border:0;font-weight:400;margin:1px 3px;width:calc(100% - 40px);padding-left:9px;border-bottom-left-radius:28px;border-top-left-radius:28px;color:var(--text-color);transition:width .7s ease;width:300px;max-width:100%}.search-container input[type=search]::-moz-placeholder{color:var(--text-placeholder-color)}.search-container input[type=search]::placeholder{color:var(--text-placeholder-color)}.search-container input[type=search]:focus{outline:none}.search-container input[type=search]:focus-within{width:450px}.search-container input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none;height:10px;width:10px;padding:6px;cursor:pointer;top:0;display:block;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAn0lEQVR42u3UMQrDMBBEUZ9WfQqDmm22EaTyjRMHAlM5K+Y7lb0wnUZPIKHlnutOa+25Z4D++MRBX98MD1V/trSppLKHqj9TTBWKcoUqffbUcbBBEhTjBOV4ja4l4OIAZThEOV6jHO8ARXD+gPPvKMABinGOrnu6gTNUawrcQKNCAQ7QeTxORzle3+sDfjJpPCqhJh7GixZq4rHcc9l5A9qZ+WeBhgEuAAAAAElFTkSuQmCC);background-repeat:no-repeat;color:var(--search-accent-color);background-size:20px}.search-container button{position:absolute;right:-3px;top:-3px;border:0;color:var(--color-white);height:40px;width:40px;border-radius:100%;margin:3px;padding:0 7px;outline:0;cursor:pointer;background-color:var(--primary-dark-color);font-size:16px;transition:background-color .555s;display:flex!important;align-items:center;align-content:center;justify-content:center;flex-direction:row}.search-container button .icon{width:32px;height:32px;flex-basis:32px;padding:2px}.search-container button:hover{background-color:var(--primary-darker-color)}.search-container .results{display:flex;flex-direction:column;position:absolute;margin-top:9px;right:0;min-width:180px;box-shadow:0 0 11px var(--shadow-color-10);border-radius:11px;padding:11px;z-index:1000;overflow:hidden;width:100%;background-color:var(--background-color);-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px)}.search-container .results .item{color:var(--text-color);padding:10px 15px;border-radius:7px;text-decoration:none}.search-container .results .item:hover{background-color:var(--back-color-1)}@media(max-width:768px){.create-article{margin-right:3px}nav{padding:0 11px}nav .nav-account{gap:5px}.search-container{display:none!important}}.dropdown{position:relative;display:inline-block}.dropdown .dropdown-content{display:flex;flex-direction:column;position:absolute;margin-top:5px;right:0;background-color:var(--background-color);min-width:200px;box-shadow:0 0 11px var(--shadow-color-11);border:1px solid var(--border-color);border-radius:11px;-webkit-backdrop-filter:blur(13px);backdrop-filter:blur(13px);z-index:1000;overflow:hidden}.dropdown .dropdown-content .notif{flex-direction:column;padding:15px;gap:12px;min-width:300px}.dropdown .dropdown-content .notif.more{text-align:center;font-size:12px;text-transform:uppercase;border-top:1px solid var(--border-color);letter-spacing:1.1px;margin:0;border-radius:0}.dropdown .dropdown-content .notif:not(:last-child){border-bottom:.005px dashed var(--border-color)}.dropdown .dropdown-content .notif img{max-width:250px;border-radius:11px}.dropdown .dropdown-content .notif .detail{display:flex;flex-direction:column;gap:7px;font-size:14px}.dropdown .dropdown-content .notif:hover{background-color:var(--back-color-1);cursor:pointer}.dropdown .dropdown-content a{color:var(--text-color);padding:10px 15px;text-decoration:none;display:flex;gap:3px}.dropdown .dropdown-content a:hover{background-color:var(--back-color-1)}.dropdown .dropdown-content .theme-toggle{width:100%;min-height:44px;padding:9px 15px;display:flex;align-items:center;justify-content:flex-start;color:var(--text-color);background:transparent;font-size:16px;text-align:left;cursor:pointer}.dropdown .dropdown-content .theme-toggle:hover{background-color:var(--back-color-1)}.dropdown .dropdown-content .theme-toggle:focus-visible{outline:2px solid var(--primary-color);outline-offset:-2px}.dropdown .dropdown-content .theme-toggle-label{display:flex;align-items:center;gap:9px;white-space:nowrap}.dropdown .dropdown-content .theme-toggle-icon{width:20px;height:20px;-o-object-fit:contain;object-fit:contain}