.hamburger-btn{transition:transform .3s cubic-bezier(.34,1.56,.64,1);position:relative}.hamburger-btn:active{transform:scale(.85)}.hamburger-btn .hamburger-icon{transition:transform .4s cubic-bezier(.34,1.56,.64,1),opacity .2s}.hamburger-btn.is-open .hamburger-icon{transform:rotate(180deg)scale(.9)}.hamburger-btn:not(.is-open) .hamburger-icon{transform:rotate(0)scale(1)}.hamburger-btn:after{content:"";border-radius:inherit;opacity:0;pointer-events:none;border:2px solid;transition:opacity .3s;position:absolute;inset:-4px}.hamburger-btn.is-open:after{animation:.5s ease-out hamburger-ring}@keyframes hamburger-ring{0%{opacity:.6;transform:scale(.8)}to{opacity:0;transform:scale(1.4)}}.menu-backdrop{animation:.3s ease-out forwards backdrop-fade-in}@keyframes backdrop-fade-in{0%{opacity:0;-webkit-backdrop-filter:blur();backdrop-filter:blur()}to{opacity:1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}}@keyframes drawer-slide-down{0%{opacity:0;transform:translateY(-100%)scale(.95)}50%{opacity:1;transform:translateY(4px)scale(1.01)}70%{transform:translateY(-2px)scale(1)}to{opacity:1;transform:translateY(0)scale(1)}}.menu-drawer{transform-origin:top;animation:.45s cubic-bezier(.34,1.56,.64,1) forwards drawer-slide-down}@keyframes menu-item-slide{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.menu-item-animated{opacity:0;animation:.35s cubic-bezier(.34,1.56,.64,1) forwards menu-item-slide}.menu-item-animated:first-child{animation-delay:50ms}.menu-item-animated:nth-child(2){animation-delay:.1s}.menu-item-animated:nth-child(3){animation-delay:.15s}.menu-item-animated:nth-child(4){animation-delay:.2s}.menu-item-animated:nth-child(5){animation-delay:.25s}.menu-item-animated:nth-child(6){animation-delay:.3s}.menu-item-animated:nth-child(7){animation-delay:.35s}.menu-item-animated:nth-child(8){animation-delay:.4s}.menu-item-animated:nth-child(9){animation-delay:.45s}.menu-item-animated:nth-child(10){animation-delay:.5s}.menu-item-animated:nth-child(n+11){animation-delay:.55s}@keyframes close-spin-in{0%{opacity:0;transform:rotate(-90deg)scale(.5)}to{opacity:1;transform:rotate(0)scale(1)}}.close-btn-animated{animation:.4s cubic-bezier(.34,1.56,.64,1) forwards close-spin-in}.close-btn-animated:hover{transition:transform .3s;transform:rotate(90deg)scale(1.1)}@keyframes subcategory-expand{0%{opacity:0;max-height:0;transform:scaleY(.8)}to{opacity:1;max-height:500px;transform:scaleY(1)}}.subcategory-animated{transform-origin:top;animation:.35s cubic-bezier(.34,1.56,.64,1) forwards subcategory-expand;overflow:hidden}
