.popup-content{position:relative;--popup-content-container-background:var(--color-white);--popup-content-container-color:var(--color-dark-1);--popup-content-container-width:400px;--popup-content-container-spacing-min:30;--popup-content-container-spacing-max:60;--popup-content-container-border-radius:0px;--popup-content-container-spacing:calc(1 * var(--popup-content-container-spacing-min) * 1px);z-index:400;transition:transform .3s ease;overflow:hidden}@media screen and (min-width:360px){.popup-content{--popup-content-container-spacing:calc(1 * (var(--popup-content-container-spacing-min) * 1px + (var(--popup-content-container-spacing-max) - var(--popup-content-container-spacing-min)) * (100vw - 360px) / 1560))}}@media screen and (min-width:1920px){.popup-content{--popup-content-container-spacing:calc(1 * var(--popup-content-container-spacing-max) * 1px)}}.popup-content:not(.popup-content_animating):not(.popup-content_opened){contain:layout paint style}.popup-content_animating{overflow:initial;z-index:600}.popup-content_opened{transform:translate(var(--popup-content-transform-x,0),var(--popup-content-transform-y,0));overflow:initial;z-index:600}.popup-content_direction-right{--popup-content-transform-x:calc(var(--popup-overlay-offset-from-left, 0px) + var(--popup-overlay-offset-from-right, 0px));--popup-content-transform-origin-x:calc(var(--popup-content-container-spacing) + var(--popup-toggle-width) / 2);--popup-content-popup-left:calc(var(--popup-content-container-spacing) * -1);--popup-content-popup-right:auto;--popup-content-controls-left:auto;--popup-content-controls-right:var(--popup-content-container-spacing)}.popup-content_direction-left{--popup-content-transform-x:calc(var(--popup-overlay-offset-from-left, 0px) + var(--popup-overlay-offset-from-right, 0px));--popup-content-transform-origin-x:calc(100% - var(--popup-content-container-spacing) - var(--popup-toggle-width) / 2);--popup-content-popup-left:auto;--popup-content-popup-right:calc(var(--popup-content-container-spacing) * -1);--popup-content-controls-left:auto;--popup-content-controls-right:var(--popup-content-container-spacing)}.popup-content_direction-top{--popup-content-transform-y:calc(var(--popup-overlay-offset-from-top, 0px));--popup-content-transform-origin-y:calc(100% - var(--popup-content-container-spacing) - var(--popup-toggle-height) / 2);--popup-content-popup-top:calc(var(--popup-content-container-spacing) * -1);--popup-content-popup-bottom:auto;--popup-content-controls-top:var(--popup-content-container-spacing);--popup-content-controls-bottom:auto}.popup-content_direction-bottom{--popup-content-transform-y:calc(var(--popup-overlay-offset-from-top, 0px) + var(--popup-overlay-offset-from-bottom, 0px));--popup-content-transform-origin-y:calc(var(--popup-content-container-spacing) + var(--popup-toggle-height) / 2);--popup-content-popup-top:calc(var(--popup-content-container-spacing) * -1);--popup-content-popup-bottom:auto;--popup-content-controls-top:var(--popup-content-container-spacing);--popup-content-controls-bottom:auto}.popup-content__container{position:absolute;top:var(--popup-content-popup-top,auto);right:var(--popup-content-popup-right,auto);bottom:var(--popup-content-popup-bottom,auto);left:var(--popup-content-popup-left,auto);width:var(--popup-content-container-width);padding:var(--popup-content-container-spacing);max-width:calc(100vw - var(--gutter-horizontal) * 2);max-height:var(--popup-max-height,none);overflow-x:hidden;overflow-y:overlay;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;opacity:0;visibility:hidden;pointer-events:all;z-index:10;border-radius:var(--popup-content-container-border-radius)}.popup-content__container_no-scroll{overflow-y:hidden}.popup-content__background{position:absolute;top:0;left:0;width:100%;height:100%;transform-origin:var(--popup-content-transform-origin-x,50%) var(--popup-content-transform-origin-y,50%);background:var(--popup-content-container-background);color:var(--popup-content-container-color);z-index:-2;overflow:hidden;border-radius:var(--popup-content-container-border-radius)}.popup-content__background::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%}.popup-content>.popup-content__background{top:var(--popup-content-popup-top,auto);right:var(--popup-content-popup-right,auto);bottom:var(--popup-content-popup-bottom,auto);left:var(--popup-content-popup-left,auto);width:var(--popup-actual-width,var(--popup-content-container-width));height:var(--popup-actual-height,auto)}.popup-content__controls{position:absolute;top:var(--popup-content-controls-top,auto);right:var(--popup-content-controls-right,auto);bottom:var(--popup-content-controls-bottom,auto);left:var(--popup-content-controls-left,auto)}