@import "https://fonts.googleapis.com/css2?family=Geologica:wght@100..900&display=swap";
.menu-bar span{color:#e7e7e7;cursor:pointer;white-space:nowrap;padding:8px 18px;font-family:Geologica,sans-serif;font-size:1rem;font-weight:500;transition:color .3s ease-in-out;position:relative}.menu-bar span:before{content:" ";z-index:-1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;background-color:#09090b40;border-radius:35px;width:100%;height:100%;transition:transform .3s ease-out,opacity .3s;position:absolute;top:0;left:0;transform:translate(-20%)scaleX(.8)}.menu-bar span:hover:before{opacity:1;transform:translate(0)scaleX(1)}.menu-bar span:hover{color:#fafafa}.cartBtn{cursor:pointer;color:#dadada;background:linear-gradient(#686767 0%,#383838 66%,#353434 100%);border:none;font-weight:600;transition:all .3s ease-in-out;position:relative;overflow:visible}.cartBtn span{text-shadow:0 0 20px #4b4b4b;width:100%;color:inherit;background-color:#1d1d20;background-image:radial-gradient(at 95% 89%,#1f1f1f 0,#0000 50%),radial-gradient(at 0 100%,#111 0,#0000 50%),radial-gradient(at 0 0,#1d1d1d 0,#0000 50%);justify-content:center;align-items:center;transition:all .3s;display:flex}.cartBtn:hover span{background-color:#1a1919}.button-overlay{pointer-events:none;-webkit-filter:opacity(10%)contrast(105%);background:repeating-conic-gradient(#302f2f 10e-8%,#333 .000104%) 60% 60%/600% 600%;position:absolute;inset:0}.cart{z-index:2}.cartBtn:active{transform:scale(.96)}.product{content:"";opacity:0;z-index:1;fill:#d3d3d3;border-radius:3px;width:12px;position:absolute;bottom:20px;left:16px}.cartBtn:hover .product{animation:1.2s cubic-bezier(.25,.46,.45,.94) both slide-in-top}@keyframes slide-in-top{0%{opacity:1;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)rotate(-90deg)}}.cartBtn:hover .cart{animation:1s cubic-bezier(.25,.46,.45,.94) both slide-in-left}@keyframes slide-in-left{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.small-navbar{z-index:1000;width:100%;display:none;position:relative}.small-navbar img{z-index:1000}.nav-menu{opacity:0;will-change:opacity,height;flex-direction:column;justify-content:center;align-items:center;height:0;transition:opacity .3s,height 0s linear .3s;overflow:hidden}.nav-menu.open{opacity:1;height:auto;transition:opacity .3s;display:flex}.nav-menu.closed{opacity:0;height:0;transition:opacity .3s,height 0s linear .3s}.small-navbar nav{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(90deg,#131316,#222226f6,#131316);justify-content:center;width:100%;padding-top:4.5rem;padding-bottom:1.5rem;position:fixed;top:0;left:0}.small-navbar nav .navlink{text-align:center;color:#fdfdfd;opacity:0;will-change:transform,opacity;width:fit-content;margin:10px 0;font-family:Geologica,sans-serif;font-size:1.2rem;font-weight:500;text-decoration:none;list-style:none;position:relative;transform:translateY(-20px)}.navlink.animate{animation:.6s ease-out forwards fadeDown}.navlink:after{content:"";background-color:#e7e7e7;width:0;height:3px;transition:width .3s;position:absolute;bottom:-2px;left:0}.navlink.active:after{width:100%}.navlink.animate:first-child{animation-delay:0s}.navlink.animate:nth-child(2){animation-delay:.1s}.navlink.animate:nth-child(3){animation-delay:.2s}.navlink.animate:nth-child(4){animation-delay:.3s}@keyframes fadeDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.hamburger{cursor:pointer;z-index:1000;font-size:.8rem}.hamburger input{display:none}.hamburger svg{height:3em;transition:transform .6s cubic-bezier(.4,0,.2,1)}.line{fill:none;stroke:#fff;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.5px;transition:stroke-dasharray .6s cubic-bezier(.4,0,.2,1),stroke-dashoffset .6s cubic-bezier(.4,0,.2,1)}.line-top-bottom{stroke-dasharray:12 63}.hamburger input:checked+svg{transform:rotate(-45deg)}.hamburger input:checked+svg .line-top-bottom{stroke-dasharray:20 300;stroke-dashoffset:-32.42px}@media (max-width:960px){.navbar{display:none}.small-navbar{display:flex}}