.main-nav{background-color:var(--color-yellow);height:100%;position:fixed;top:0;left:0;text-align:right;padding:0 0 var(--container-2) var(--container-2);width:100%;transition:transform var(--fast) ease-in-out;transform:translate(calc(-100% + var(--menu-width--closed)));z-index:100}.main-nav__content{display:none;text-align:left;height:-webkit-fill-available;margin-left:var(--menu-width--closed);padding:0 var(--container) var(--container) clamp(1svw,.5rem,var(--container))}.menu-active .main-nav{transform:translate(calc(var(--menu-width--closed) / -1));max-width:var(--menu-width--open)}figure.main-nav__donation{bottom:0;right:0;max-width:50%;padding:var(--container) var(--container) 0;transition:transform var(--fast) ease-in-out}.menu-active .main-nav__content{display:block}.main-nav__list--children a.main-nav__link:before{content:"\2022  ";color:var(--color-black)}.main-nav__list--children{margin-bottom:1rem}a.main-nav__link{font-size:var(--font-body--size-xxl)}a.main-nav__link{line-height:1;padding:.125rem 0 var(--container-3)}button.main-nav__toggle{width:var(--burger-width);padding:var(--container-2) var(--container-2);height:var(--header-height);position:absolute;top:0;right:0;z-index:100}button.main-nav__toggle .icon-burger--close.main-nav__toggle--icon,.menu-active button.main-nav__toggle .icon-burger.main-nav__toggle--icon{display:none}.menu-active button.main-nav__toggle .icon-burger--close.main-nav__toggle--icon{display:block}ul#main-nav-list{max-width:100%;padding:calc(var(--container-2) - .125rem) 0 0}@media (hover: hover) and (pointer: fine){a.main-nav__link:hover{color:var(--color-white)}}@media screen and (min-width: 800px){button.main-nav__toggle{position:absolute;top:0;right:0;z-index:100}svg.icon-burger,svg.icon-burger--close{width:100%}button.main-nav__toggle{width:var(--burger-width);padding:1rem var(--container);min-height:var(--header-height);height:auto}ul#main-nav-list{max-width:80%;padding:1rem var(--container) 0 0}a.main-nav__link{font-size:var(--font-body--size-xxl)}figure.main-nav__donation{max-width:20svw;bottom:0;right:var(--container)}}@media (pointer: fine) and (hover: hover){figure.main-nav__donation:hover{transform:rotate(6deg)}button.main-nav__toggle:hover svg.main-nav__toggle--icon{transform:rotate(-3deg)}button.main-nav__toggle:hover svg.main-nav__toggle--icon--close{transform:rotate(3deg)}}
/*# sourceMappingURL=/cdn/shop/t/19/assets/section-main-nav.css.map */