body.sidebar-active{overflow:hidden}.sidebar{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;overflow:hidden}.sidebar.active{z-index:1000}.sidebar-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:100;display:none;cursor:pointer}.sidebar.active .sidebar-overlay{display:block}.sidebar-content{position:absolute;z-index:200;background-color:#fff;padding:4rem;transition:transform .4s ease;width:100%;height:70vh;max-height:1000px;transform:translateY(100%);left:0;bottom:0;overflow:auto;opacity:0;font-size:1.5rem}.sidebar.active .sidebar-content{transform:translateY(0);opacity:1}@media (min-width: 768px){.sidebar-content{width:73rem;max-width:800px;height:100%;max-height:100%;transform:translate(100%);transform-origin:right;left:auto;right:0;padding:10rem}.sidebar.active .sidebar-content{transform:translate(0)}}.sidebar-button{display:flex;justify-content:space-between;line-height:1;padding:1.5rem 0;border:none;border-bottom:1px solid rgba(var(--color-foreground),.1);background:none;width:100%;margin:0;transition:.3s;font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-size:calc(var(--font-heading-scale) * 1.5rem);font-weight:var(--font-heading-weight);cursor:pointer;color:#2e282a}.sidebar-button:hover{opacity:.7}.sidebar-button svg{width:1rem;height:1rem;transition:.3s}@media (min-width: 768px){.sidebar-button svg{transform:rotate(-90deg)}}.sidebar-header{display:flex;justify-content:space-between;align-items:center;margin:0 0 1rem;position:relative}.sidebar-header-close{background:none;border:none;cursor:pointer;position:absolute;right:-20px;top:0;color:#2e282a}@media (min-width: 768px){.sidebar-header-close{top:-20px}}.sidebar-header-close svg{width:1.5rem;height:1.5rem;transition:.3s;fill:#2e282a;color:#2e282a}@media (min-width: 768px){.sidebar-header-close svg{width:2rem;height:2rem}}.sidebar-header-close:hover svg{transform:rotate(180deg)}
/*# sourceMappingURL=/cdn/shop/t/73/assets/component-sidebar.css.map */