.kb-search{display:flex}.kb-search form{display:flex;width:100%}.kb-search .kb-search-input[type=text]{width:100%}.kb-search .kb-buttons-wrap{flex-shrink:0}.kb-search .kb-search-input-wrapper{position:relative;display:inline-block;width:100%}.kb-search .kb-search-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--kb-search-modal-background, #090c10);z-index:1000;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.kb-search .kb-search-modal.active{opacity:1;visibility:visible}.kb-search .kb-search-input{width:100%;flex-grow:1;padding-right:30px;padding-left:10px;box-sizing:border-box}.kb-search .kb-search-icon{position:absolute;right:10px;top:50%;transform:translateY(-50%);width:20px;height:20px;pointer-events:none}.kb-search .kb-search-icon svg{width:100%;height:100%;stroke:#888}.kb-search .kb-search-modal-content{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);text-align:center;width:100%}.kb-search .kb-search-modal-content form{margin:0 auto;max-width:60%}.kb-search .kb-search-modal-input{padding:10px;font-size:18px;width:300px}.kb-search .kb-search-close-btn{position:absolute;top:20px;right:20px;font-size:24px;cursor:pointer;background:none;border:none;color:#333}.kb-search .kb-search-close-btn svg{width:1em;height:1em}
