side-panel{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;visibility:hidden;transition:visibility 0s linear var(--motion-duration-medium)}side-panel[open]{visibility:visible;transition-delay:0s}.side-panel__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(var(--color-foreground),.45);opacity:0;transition:opacity var(--motion-duration-medium) var(--motion-ease-standard)}side-panel[open] .side-panel__overlay{opacity:1;transition-duration:var(--motion-duration-slow)}.side-panel__dialog{position:absolute;top:0;bottom:0;left:0;width:min(100%,48rem);display:flex;flex-direction:column;background:rgb(var(--color-background));color:rgb(var(--color-foreground));box-shadow:0 0 4rem rgba(var(--color-shadow),.15);transform:translate(-100%);transition:transform var(--motion-duration-medium) var(--motion-ease-exit);overscroll-behavior:contain}side-panel[open] .side-panel__dialog{transform:translate(0);transition:transform var(--motion-duration-slow) var(--motion-ease-drawer)}side-panel.side-panel--right .side-panel__dialog{left:auto;right:0;transform:translate(100%)}side-panel.side-panel--right[open] .side-panel__dialog{transform:translate(0)}.side-panel__header{display:flex;align-items:center;gap:1rem;min-height:6.4rem;padding:1rem 1.5rem 1rem 2.5rem;border-bottom:.1rem solid rgba(var(--color-foreground),.08)}.side-panel__title{flex:1;margin:0;font-size:calc(var(--font-heading-scale) * 1.6rem);letter-spacing:.1em;text-transform:uppercase}.side-panel__close{display:inline-flex;align-items:center;justify-content:center;width:4.4rem;height:4.4rem;margin:0;padding:0;border:0;border-radius:50%;background:transparent;color:rgb(var(--color-foreground));cursor:pointer;transition:background-color var(--motion-duration-fast) var(--motion-ease-standard),transform var(--motion-duration-fast) var(--motion-ease-standard)}.side-panel__close:hover{background:rgba(var(--color-foreground),.06)}.side-panel__close:active{transform:scale(.94)}.side-panel__close:focus-visible{outline:.2rem solid rgba(var(--color-foreground),.5);outline-offset:.2rem}.side-panel__close .icon{width:1.7rem;height:1.7rem}.side-panel__body{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:2.5rem 2.5rem 4rem}.side-panel__body .page-width{max-width:none;padding:0!important}.side-panel__body .main-page-title{display:none}.side-panel__body page-content{display:block;min-height:6rem;position:relative}.side-panel__spinner{position:absolute;top:2rem;left:50%;transform:translate(-50%)}.side-panel__spinner .spinner{width:2.4rem;height:2.4rem}@media screen and (min-width:750px){.side-panel__header{padding:1.5rem 2rem 1.5rem 3.5rem}.side-panel__body{padding:3rem 3.5rem 5rem}}
/*# sourceMappingURL=/cdn/shop/t/31/assets/component-side-panel.css.map */