body.slide-opening{overflow:hidden}body.slide-opening:not(.no-scrollbar){width:calc(100vw - var(--scrollbar-width))}body.slide-open{overflow-x:hidden}.pop-panel .poppanel-content{--max-size: 88%;--side: 1.3rem;position:absolute;right:0;top:0;transform:translate(99.99%);z-index:4;height:100%;max-width:var(--max-size);background-color:var(--color-background);color:var(--color-foreground);z-index:2;transition:transform var(--transition);overflow:auto;perspective:1000px}.pop-panel.position-center .poppanel-content{height:auto;top:initial;left:initial;right:initial;bottom:initial;align-self:center;justify-content:center;transform:translateY(1rem);max-height:var(--max-size);max-width:var(--max-size);overflow:auto;opacity:0;border:var(--border-light);border-radius:var(--border-radius-general)}.pop-panel.position-left .poppanel-content{right:initial;transform:translate(-99%);left:0}.pop-panel{position:fixed;top:0;left:0;width:100%;max-width:100vw;height:100%;max-height:100%;z-index:15;display:flex;align-items:center;justify-content:center;--transition-duration: var( --pop-panel-transition-duration);--transition-ease: var( --pop-panel-transition-ease);--transition: var( --transition-duration) var(--transition-ease);border-radius:var(--border-radius-general)}.pop-panel:not([open]){width:1px;height:1px;opacity:0;pointer-events:none;overflow:hidden;top:initial;bottom:0}.no-js .pop-panel:target{display:flex}@keyframes pop_panel_animate{0%{transform:translate(-100%)}to{transform:none}}@keyframes pop_panel_animate_right{0%{transform:translate(100%)}to{transform:none}}.no-js .pop-panel:target .poppanel-content{animation:pop_panel_animate .3s}.no-js .pop-panel[data-position=right]:target .poppanel-content{animation:pop_panel_animate_right .3s}.no-js .pop-panel:target>.poppanel-content,.no-js .pop-panel:target .overlay{transform:none;opacity:1}.no-js .pop-panel:target .overlay{display:flex}.pop-panel.no_block:not(.position-center){width:500px;max-width:90%}.pop-panel.no_block.position-right{right:0;left:initial}.pop-panel.position-center{--transition-duration: .3s}.pop-panel .overlay{opacity:0;transition:opacity var(--pop-panel-transition-duration) var(--pop-panel-transition-ease)}.pop-panel.opening .overlay{opacity:1}.pop-panel.opening .poppanel-content{transform:translate(.01%);opacity:1}.pop-panel.no_block:not(.position-center) .poppanel-content{width:100%;max-width:initial}.overlay{background:rgba(var(--color-foreground-rgb),var(--overlay-opacity, .1));position:absolute;width:100%;height:100%;top:0;left:0;z-index:1}body.slide-open .top-level-element{--side-move: 4vw;--transition-ease: var(--pop-panel-transition-ease);transition:transform var(--pop-panel-transition-duration) var(--transition-ease)}body:not(.no-move).slide-open_right .top-level-element{transform:translate(calc(var(--side-move) * -1))}body:not(.no-move).slide-open_left .top-level-element{transform:translate(var(--side-move))}.poppanel-heading{font-size:calc(var(--type-large) * var(--font-heading-scale));margin-top:0;margin-bottom:var(--gap-large);font-weight:700}
/*# sourceMappingURL=/cdn/shop/t/2/assets/pop-panel.css.map */