:root{--klx-z-index-container: 999998;--klx-z-index-elements: 999999;--klx-spacing-sm: 0.25rem;--klx-spacing-md: 0.5rem;--klx-transition-duration: 0.4s;--klx-transition-timing: cubic-bezier(0.4, 0, 0.2, 1);--klx-transition-duration-hover: 0.2s;--klx-overlay-color: rgba(0, 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, 0.1);--klx-popup-max-size: 35vw;--klx-popup-min-width: 300px;--klx-close-button-size: 30px;--klx-button-padding: 0.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(--klx-popup-bg);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}.klx-popup.active .klx-popup-content{opacity:1;transform:scale(1) translateY(0)}.klx-popup-content{min-height:fit-content}@media screen and (min-width: 768px){.klx-popup-content{min-width:fit-content}}.klx-popup-content.top-left{top:var(--klx-spacing-md);left:var(--klx-spacing-md);transform-origin:top left}.klx-popup-content.top-center{top:var(--klx-spacing-md);left:50%;transform:translateX(-50%) scale(0.95) translateY(20px);transform-origin:top center}.klx-popup-content.top-right{top:var(--klx-spacing-md);right:var(--klx-spacing-md);transform-origin:top right}.klx-popup-content.middle-left{top:50%;left:var(--klx-spacing-md);transform:translateY(-50%) scale(0.95) translateX(-20px);transform-origin:center left}.klx-popup-content.middle-center{top:50%;left:50%;transform:translate(-50%, -50%) scale(0.95) translateY(20px);transform-origin:center}.klx-popup-content.middle-right{top:50%;right:var(--klx-spacing-md);transform:translateY(-50%) scale(0.95) translateX(20px);transform-origin:center right}.klx-popup-content.bottom-left{bottom:var(--klx-spacing-md);left:var(--klx-spacing-md);transform-origin:bottom left}.klx-popup-content.bottom-center{bottom:var(--klx-spacing-md);left:50%;transform:translateX(-50%) scale(0.95) translateY(-20px);transform-origin:bottom center}.klx-popup-content.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)}.klx-popup.active .klx-popup-content.middle-left{transform:translateY(-50%) scale(1) translateX(0)}.klx-popup.active .klx-popup-content.middle-center{transform:translate(-50%, -50%) scale(1) translateY(0)}.klx-popup.active .klx-popup-content.middle-right{transform:translateY(-50%) scale(1) translateX(0)}.klx-popup.active .klx-popup-content.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}.klx-popup-close:hover{color:var(--klx-close-button-hover)}.klx-popup-inner{min-width:var(--klx-popup-min-width)}.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;max-width:100vw}.klx-floating-button.active{opacity:1;transform:scale(1) translate(0, 0)}.klx-floating-button.top-left{top:var(--klx-spacing-md);left:var(--klx-spacing-md)}.klx-floating-button.top-center{top:var(--klx-spacing-md);left:50%;transform:translateX(-50%) scale(0.8)}.klx-floating-button.top-center.active{transform:translateX(-50%) scale(1)}.klx-floating-button.top-right{top:var(--klx-spacing-md);right:var(--klx-spacing-md)}.klx-floating-button.middle-left{top:50%;left:var(--klx-spacing-md);transform:translateY(-50%) scale(0.8)}.klx-floating-button.middle-left.active{transform:translateY(-50%) scale(1)}.klx-floating-button.middle-right{top:50%;right:var(--klx-spacing-md);transform:translateY(-50%) scale(0.8)}.klx-floating-button.middle-right.active{transform:translateY(-50%) scale(1)}.klx-floating-button.bottom-left{bottom:var(--klx-spacing-md);left:var(--klx-spacing-md)}.klx-floating-button.bottom-center{bottom:var(--klx-spacing-md);left:50%;transform:translateX(-50%) scale(0.8)}.klx-floating-button.bottom-center.active{transform:translateX(-50%) scale(1)}.klx-floating-button.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}}