body.sidebar-active{overflow:hidden}.sidebar{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;overflow:hidden;pointer-events:none}.sidebar.active{z-index:1000;pointer-events:auto}body.sidebar-active #MainContent{z-index:10}.sidebar-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:100;opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--duration-medium) ease;cursor:pointer}.sidebar.active .sidebar-overlay{opacity:1;visibility:visible;pointer-events:auto}.sidebar-content{position:absolute;z-index:200;background-color:rgb(var(--color-background));width:100%;height:70vh;max-height:1000px;left:0;bottom:0;overflow:auto;font-size:1.5rem;padding:0 0 2em;transform:translateY(100%);visibility:hidden;pointer-events:none;transition:transform var(--duration-long) ease,opacity var(--duration-long) ease}.sidebar.active .sidebar-content{transform:translateY(0);visibility:visible;pointer-events:auto}@starting-style{.sidebar.active .sidebar-content{transform:translateY(100%);visibility:hidden}}@media (min-width: 768px){.sidebar-content{width:65rem;max-width:600px;height:100%;max-height:100%;transform:translate(100%);transform-origin:right;left:auto;right:0}.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;padding:1em 2em;border-bottom:1px solid rgba(var(--color-foreground),.1);position:relative}.sidebar-header h3{margin:0}.sidebar-inner{padding:1em 2em}.sidebar-header-close{background:none;border:none;cursor:pointer;color:#2e282a}.sidebar-header-close svg{width:1.2rem;height:1.2rem;transition:.3s;fill:#2e282a;color:#2e282a}.sidebar-header-close:hover svg{opacity:.5}.sidebar-section{margin-bottom:1em;padding-bottom:1em;border-bottom:1px solid rgba(var(--color-foreground),.1)}.sidebar-section:last-child{border-bottom:none}.sidebar-section_title,.sidebar-inner h4{font-family:var(--font-body-family)}
/*# sourceMappingURL=/cdn/shop/t/5/assets/sidebar.css.map */