:root{--color-primary:#e200e2;--color-text-secondary:rgb(108, 0, 108);--color-text-third:#707070;--color-primary-background:hsla(300, 100%, 44%, 0.15);--color-black:#000000;--color-white:#ffffff}.close,.dots-wrapper,.search,button{cursor:pointer}body.active-nav,body.active-search{overflow-y:hidden}.blog-header{padding:3rem 2rem 0 2rem;display:grid;grid-template-columns:1fr .2fr;align-items:center;justify-content:space-between;width:100%;margin:0 auto}.blog-header .logo{height:3.8rem;display:flex;align-items:center;gap:1rem}.blog-header .logo .separator{width:1px;height:55%;margin-left:-5px;background-color:#000}.blog-header .logo span{font-size:2rem;font-weight:340}.blog-header .main-menu{display:flex;align-items:center;justify-content:center;gap:2rem;justify-content:flex-end}.blog-header .main-menu .search{display:flex;align-items:center}.blog-header .main-menu .dots{list-style:none;width:2.4rem;height:2.4rem;display:flex;flex-direction:column;justify-content:space-around;align-items:center}.blog-header .main-menu .dots .dot{width:5px;height:5px;border-radius:50%;background-color:var(--color-white);border:1.2px solid var(--color-black)}body.active-nav .blog-header .main-menu .main-nav,body.active-search .blog-header .main-menu .main-nav{opacity:1;top:0;transform:none;pointer-events:all;z-index:1000}.blog-header .main-menu .main-nav{opacity:0;position:absolute;top:-100vh;left:0;width:clamp(380px,100vw,100vw);height:140vh;background-color:var(--color-black);z-index:1;color:var(--color-white);transition:opacity .1s ease-in,top .1s ease-in;pointer-events:none;padding:2rem 4rem}.blog-header .main-menu .main-nav .wrapper{display:flex;flex-direction:column;justify-content:space-between}body.active-search .blog-header .main-menu .main-nav{padding:4rem 4rem 0}body.active-search .blog-header .main-menu .main-nav .wrapper{height:35%;align-items:center;justify-content:space-between}.blog-header .main-menu .main-nav .wrapper .controls{display:flex;align-items:center;justify-content:space-between;height:auto;display:none}.blog-header .main-menu .main-nav .wrapper .controls .title{font-size:2.4rem;font-weight:900;display:none}.blog-header .main-menu .main-nav .wrapper .controls .close{font-weight:200;font-size:4rem;margin-top:-1rem}body.active-search .blog-header .main-menu .main-nav .wrapper .controls{display:flex}body.active-search .blog-header .main-menu .main-nav .wrapper .controls .title,body.active-search .blog-header .main-menu .main-nav .wrapper nav .nav-links{opacity:0;display:none}body.active-nav .blog-header .main-menu .main-nav .wrapper .controls,body.active-nav .blog-header .main-menu .main-nav .wrapper .controls .title,body.active-nav .blog-header .main-menu .main-nav .wrapper nav .nav-links{opacity:1;display:flex;list-style:none}body.active-search .blog-header .main-menu .main-nav .wrapper .search-form{display:flex}body.active-search .blog-header .main-menu .main-nav .wrapper .controls{align-self:flex-end}.blog-header .main-menu .main-nav .wrapper nav .nav-links{margin-top:10rem;display:flex;flex-direction:column;padding-left:4rem;gap:3.2rem;display:none}.blog-header .main-menu .main-nav .wrapper nav .nav-links li a{font-size:2.4rem;font-weight:500}.blog-header .main-menu .main-nav .wrapper .reserved{position:absolute;bottom:10rem;right:5%;font-size:1.2rem;letter-spacing:1.2px;align-self:flex-end;display:none}.blog-header .main-menu .main-nav .wrapper .search-form{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem;display:none}.blog-header .main-menu .main-nav .wrapper .search-form .title{font-size:3.6rem;font-weight:800}.blog-header .main-menu .main-nav .wrapper .search-form .search-input-wrapper{position:relative}.blog-header .main-menu .main-nav .wrapper .search-form .search-input-wrapper .search-input{width:27rem;height:4.5rem;border:1.8px solid var(--color-black);border-radius:30px;padding:2rem 5rem 2rem 1.6rem}.blog-header .main-menu .main-nav .wrapper .search-form .search-input-wrapper .search-input::placeholder{color:#9f9f9f;font-size:1.2rem;font-weight:500}.blog-header .main-menu .main-nav .wrapper .search-form .search-input-wrapper .search-icon{position:absolute;top:calc(.9rem / 2);right:calc(1rem / 2);height:3.6rem;width:3.6rem;background:0 0;border:none;border-radius:50%;background-color:var(--color-black);display:flex;align-items:center;justify-content:center}@media (min-width:740px){body.active-search{overflow-y:scroll}.blog-header{max-width:1200px;padding:6rem 2rem;margin:0 auto;grid-template-columns:.4fr 1fr}.blog-header .logo img{width:16rem;height:auto}.blog-header .main-menu{display:flex;flex-direction:row-reverse;align-items:center;justify-content:space-between;gap:0}.blog-header .main-menu .dots{display:none}.blog-header .main-menu .main-nav{opacity:1;position:static;width:100%;height:100%;background-color:var(--color-white);color:var(--color-white);grid-area:3/2;pointer-events:auto;padding:0}body.active-search .blog-header .main-menu .main-nav{opacity:1;position:absolute;width:100%;height:14rem;padding:1rem;background-color:var(--color-black);color:var(--color-white);box-shadow:0 5px 10px 6px rgba(0,0,0,.3)}.blog-header .main-menu .main-nav .wrapper{align-items:flex-start;flex-direction:row;justify-content:center;padding:0}.blog-header .main-menu .search{height:3.6rem;width:3.8rem;border-radius:50%;background-color:var(--color-black);display:flex;justify-content:center}.blog-header .main-menu .search svg{width:1.8rem;height:1.9rem}.blog-header .main-menu .search svg path{fill:var(--color-white)}body.active-search .blog-header .main-menu .main-nav .wrapper{align-items:center;flex-direction:column;height:auto;padding:0 2rem;justify-content:center}body.active-search .blog-header .main-menu .main-nav .wrapper .search-form{margin:0}.blog-header .main-menu .main-nav .wrapper nav .nav-links{display:flex;flex-direction:row;align-items:center;color:var(--color-black);z-index:10;padding:0;gap:clamp(2.6vw,2.4vw,2.2vw);margin-top:0;list-style:none}.blog-header .main-menu .main-nav .wrapper nav .nav-links li a{position:relative;font-size:1.3rem;font-weight:600}.blog-header .main-menu .main-nav .wrapper nav .nav-links li a:before{content:"";position:absolute;left:0;bottom:-3px;width:0;height:3px;background-color:#6c006c;transition:width .2s ease-in-out}.blog-header .main-menu .main-nav .wrapper nav .nav-links li a:hover:before{width:100%}.blog-header .main-menu .main-nav .wrapper nav .nav-links li a.active-link{position:relative}.blog-header .main-menu .main-nav .wrapper nav .nav-links li a.active-link span::after{content:"";position:absolute;bottom:-5px;left:0;width:103%;height:2px;background-color:#6c006c;border-radius:50px}.blog-header .main-menu .main-nav .wrapper .search-form .title{display:none}}@media (min-width:940px){.blog-header{grid-template-columns:.28fr 1fr;padding:6rem 2rem}.blog-header .main-menu .main-nav .wrapper nav .nav-links{gap:3.2rem;list-style:none}.blog-header .main-menu .main-nav .wrapper nav .nav-links li a{font-size:1.5rem;font-weight:600}}@media (min-width:1140px){.blog-header{grid-template-columns:.3fr 1fr}.blog-header .logo img{width:16rem;height:auto}.blog-header .logo span{font-size:2rem}.blog-header .main-menu .main-nav .wrapper nav .nav-links li a{font-size:1.6rem;font-weight:600}}