header{width:100%}header>.content-container{position:fixed;z-index:99999;left:50%;top:20px;transform:translate(-50%)}header nav.navbar{background:var(--OpacityNavbar);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);border-radius:var(--rounded-M);border:1px solid;border-image-source:linear-gradient(1turn,rgba(255,255,255,.4) 0,var(--White) 100%);z-index:9999;padding:4px 0}header nav.navbar .nav-in{z-index:99}.nav-bg-img{position:absolute;top:0;z-index:9;background-image:url(/img/header-bg.webp)}.nav-bg-img,.navbar-bg-img{object-fit:cover;width:100%;border-radius:var(--rounded-M)}.navbar-bg-img{position:fixed;top:20px;z-index:999;min-width:320px;max-width:inherit;height:66px;mix-blend-mode:lighten;left:50%;transform:translate(-50%);border-radius:25px;padding-right:calc(var(--bs-gutter-x) * .5);padding-left:calc(var(--bs-gutter-x) * .5)}.btn-secondary,.export-btn,.import-btn,.log-in-btn,.log-out-btn{background-color:var(--Opacity56);padding:8px 16px;border-radius:var(--rounded-XS);border:1px solid var(--White);backdrop-filter:var(--Blur20);-webkit-backdrop-filter:var(--Blur20);font-size:14px;font-weight:500;color:var(--Neutral900);display:flex;align-items:center;justify-content:center;gap:8px;transition:.3s}.log-out-btn svg{transform:rotate(180deg)}.btn-secondary:active,.btn-secondary:hover,.delete-btn:active,.delete-btn:hover,.export-btn:active,.export-btn:hover,.import-btn:active,.import-btn:hover,.log-in-btn:active,.log-in-btn:hover,.log-out-btn:active,.log-out-btn:hover{background-color:var(--White)}.btn-primary,.create-redirect-btn,.get-start-btn{background:var(--Brand500);padding:9px 18px 9px 16px;border-radius:var(--rounded-XS);border:1px solid var(--Brand500);font-size:14px;line-height:18px;font-weight:500;color:var(--White);display:flex;align-items:center;gap:8px;transition:.3s}.btn-primary:active,.btn-primary:hover,.create-redirect-btn:active,.create-redirect-btn:hover,.get-start-btn:active,.get-start-btn:hover{background:var(--Brand600)!important;color:#fff!important}.delete-btn{border:1px solid var(--Accent400)!important;border-radius:10px;padding:8px 16px;color:var(--Accent600)!important;font-weight:500;font-size:14px;background-color:transparent;transition:.3s}header nav li.nav-item a{color:var(--Neutral800);font-size:16px;font-weight:400;line-height:22px;padding:8px 12px!important;transition:.3s}header nav li.nav-item a:hover{transform:translateY(-3px)}.logo-img{width:100%;max-width:136px}.navbar-toggler{border:none;font-size:1.25rem}.navbar-toggler-icon{display:none}.custom-toggler-icon{transition:all .3s ease}button.navbar-toggler{background-color:#ffffff00;border:1px solid #ffffff00;padding:8px 16px;border-radius:var(--rounded-XS);backdrop-filter:none;-webkit-backdrop-filter:none}button.navbar-toggler.collapsed{background-color:var(--White);border:1px solid var(--White);padding:8px 16px;border-radius:var(--rounded-XS);backdrop-filter:var(--Blur20);-webkit-backdrop-filter:var(--Blur20)}button.navbar-toggler:focus,button.navbar-toggler:focus-visible{outline:none;box-shadow:none}.navbar-toggler .close-toggler-icon{display:none}.navbar-toggler .open-toggler-icon,.navbar-toggler.collapsed .close-toggler-icon{display:block}.navbar-toggler.collapsed .open-toggler-icon{display:none}.navbar-collapse{transition:all .4s ease-in-out}.collapsing{transition:height .4s ease-in-out}