:root{--klx-z-index-container:999998;--klx-z-index-elements:999999;--klx-spacing-sm:.25rem;--klx-spacing-md:.5rem;--klx-transition-duration:.4s;--klx-transition-timing:cubic-bezier(.4,0,.2,1);--klx-transition-duration-hover:.2s;--klx-overlay-color:rgba(0,0,0,.5);--klx-popup-bg:#fff;--klx-close-button-color:#666;--klx-close-button-hover:#333;--klx-shadow-default:0 4px 6px rgba(0,0,0,.1);--klx-popup-max-size:35vw;--klx-popup-min-width:300px;--klx-close-button-size:30px;--klx-button-padding:.5rem;--klx-button-mobile-padding:0}#klx-popup-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:var(--klx-z-index-container);pointer-events:none}#klx-popup-container .klx-popup,#klx-popup-container .klx-floating-button{pointer-events:auto}.klx-popup{position:fixed;top:0;left:0;width:100%;height:100%;z-index:var(--klx-z-index-elements);display:none;opacity:0;transition:opacity var(--klx-transition-duration) var(--klx-transition-timing);will-change:opacity}.klx-popup.active{opacity:1}.klx-popup-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--klx-overlay-color);opacity:0;transition:opacity var(--klx-transition-duration) var(--klx-transition-timing);will-change:opacity}.klx-popup.active .klx-popup-overlay{opacity:1}.klx-popup-content{position:absolute;background-color:var(--wp--preset--color--pale-cyan-blue);border-radius:8px;box-shadow:var(--klx-shadow-default);max-width:var(--klx-popup-max-size);max-height:var(--klx-popup-max-size);overflow:auto;opacity:0;transform:scale(0.95) translateY(20px);transition:all var(--klx-transition-duration) var(--klx-transition-timing);will-change:transform,opacity;@media screen and (max-width:768px){max-height:500px}}.klx-popup.active .klx-popup-content{opacity:1;transform:scale(1) translateY(0)}.klx-popup-content{&.top-left{top:var(--klx-spacing-md);left:var(--klx-spacing-md);transform-origin:top left}&.top-center{top:var(--klx-spacing-md);left:50%;transform:translateX(-50%) scale(.95) translateY(20px);transform-origin:top center}&.top-right{top:var(--klx-spacing-md);right:var(--klx-spacing-md);transform-origin:top right}&.middle-left{top:50%;left:var(--klx-spacing-md);transform:translateY(-50%) scale(.95) translateX(-20px);transform-origin:center left}&.middle-center{top:50%;left:50%;transform:translate(-50%,-50%) scale(.95) translateY(20px);transform-origin:center}&.middle-right{top:50%;right:var(--klx-spacing-md);transform:translateY(-50%) scale(.95) translateX(20px);transform-origin:center right}&.bottom-left{bottom:var(--klx-spacing-md);left:var(--klx-spacing-md);transform-origin:bottom left}&.bottom-center{bottom:var(--klx-spacing-md);left:50%;transform:translateX(-50%) scale(.95) translateY(-20px);transform-origin:bottom center}&.bottom-right{bottom:var(--klx-spacing-md);right:var(--klx-spacing-md);transform-origin:bottom right}}.klx-popup.active .klx-popup-content{&.top-center{transform:translateX(-50%) scale(1) translateY(0)}&.middle-left{transform:translateY(-50%) scale(1) translateX(0)}&.middle-center{transform:translate(-50%,-50%) scale(1) translateY(0)}&.middle-right{transform:translateY(-50%) scale(1) translateX(0)}&.bottom-center{transform:translateX(-50%) scale(1) translateY(0)}}.klx-popup-close{position:absolute;top:var(--klx-spacing-sm);right:var(--klx-spacing-sm);width:var(--klx-close-button-size);height:var(--klx-close-button-size);border:none;background:none;font-size:24px;line-height:1;color:var(--klx-close-button-color);cursor:pointer;z-index:1;transition:color var(--klx-transition-duration-hover);padding:0;display:flex;align-items:center;justify-content:center;&:hover{color:var(--klx-close-button-hover)}}.klx-popup-inner{min-width:var(--klx-popup-min-width)}.klx-popup-inner .wp-block-columns{@media screen and (max-width:768px){flex-direction:column-reverse}}.klx-popup-inner .wp-block-buttons{gap:1rem}.klx-floating-button{position:fixed;z-index:var(--klx-z-index-elements);display:inline-flex;align-items:center;justify-content:center;text-decoration:none;padding:var(--klx-button-padding);border-radius:4px;opacity:0;transform:scale(0.8);transition:all var(--klx-transition-duration) var(--klx-transition-timing);box-shadow:var(--klx-shadow-default);cursor:pointer;white-space:nowrap;max-width:var(--klx-popup-max-size);will-change:transform;&.active{opacity:1;transform:scale(1) translate(0,0)}}.klx-floating-button{&.top-left{top:var(--klx-spacing-md);left:var(--klx-spacing-md)}&.top-center{top:var(--klx-spacing-md);left:50%;transform:translateX(-50%) scale(0.8);&.active{transform:translateX(-50%) scale(1)}}&.top-right{top:var(--klx-spacing-md);right:var(--klx-spacing-md)}&.middle-left{top:50%;left:var(--klx-spacing-md);transform:translateY(-50%) scale(0.8);&.active{transform:translateY(-50%) scale(1)}}&.middle-right{top:50%;right:var(--klx-spacing-md);transform:translateY(-50%) scale(0.8);&.active{transform:translateY(-50%) scale(1)}}&.bottom-left{bottom:var(--klx-spacing-md);left:var(--klx-spacing-md)}&.bottom-center{bottom:var(--klx-spacing-md);left:50%;transform:translateX(-50%) scale(0.8);&.active{transform:translateX(-50%) scale(1)}}&.bottom-right{bottom:var(--klx-spacing-md);right:var(--klx-spacing-md)}}@media screen and (max-width:768px){.klx-popup-content{width:95%;max-width:none;margin:var(--klx-spacing-sm)}.klx-floating-button{padding:var(--klx-button-mobile-padding);font-size:14px}}