#aside{display:none}@media(min-width:1200px){body{--aside-width: 320px;margin-left:var(--aside-width)}body:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(var(--color-text),.5);opacity:0;transition:all .2s ease-out;cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E") 24 24,pointer;visibility:hidden;z-index:3}body[data-aside-dropdown-open]:after{opacity:1;visibility:visible}#aside{display:flex;flex-direction:column;position:fixed;width:var(--aside-width);left:0;top:0;height:100vh;background-color:rgba(var(--color-background),1);background-image:var(--color-background-gradient, none);color:rgba(var(--color-text),1);z-index:4;box-sizing:border-box}#aside[data-border=true]{border-right:1px dotted rgba(var(--color-text),var(--border-opacity))}#aside-inner{flex-grow:1;overflow:auto;padding:var(--container-gap)}#aside-footer{background-color:rgba(var(--color-text),.05);padding:.4rem;margin:0 var(--container-gap) var(--container-gap);border-radius:var(--border-radius);display:flex;justify-content:center}#aside-footer ul.social-icons a{padding:.6rem}#aside-nav{font-size:var(--font-size);text-transform:var(--text-transform);letter-spacing:var(--letter-spacing)}#aside-nav ul{list-style:none;padding:0;margin:0;transition:all .2s ease-out}#aside-nav ul li{display:block}#aside-nav ul li a{display:flex;align-items:center;justify-content:space-between;padding:.9rem 0;transition:all .2s ease-out;border-radius:0;border-bottom:1px dotted rgba(var(--color-text),var(--border-opacity));white-space:normal}#aside-nav ul li a:focus-visible{padding-left:1rem;padding-right:1rem;outline-offset:0}#aside-nav dropdown-component{position:static}#aside-nav .dropdown-content{top:0;left:100%;border-radius:0;height:100%;width:calc(var(--aside-width) * .75);padding:var(--container-gap);border:none}#aside-nav [aria-expanded=true]+.dropdown-content{animation:aside-nav-dropdown-open .2s ease-out}@keyframes aside-nav-dropdown-open{0%{transform:translate(.25rem)}to{transform:translate(0)}}}@media(min-width:1600px){body{--aside-width: 420px}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/aside.css.map */