.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;right: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-left:10px;padding-right:10px;box-sizing:border-box}.kb-search .kb-search-icon{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px}.kb-search .kb-search-icon svg{width:100%;height:100%;stroke:#888}.kb-search .kb-search-input-wrapper>span.kb-search-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);width:20px;height:20px;pointer-events:none}.kb-search .kb-search-icon-submit{position:absolute;left:10px;top:50%;transform:translateY(-50%);border:none;background:rgba(0,0,0,0);cursor:pointer;line-height:0}.kb-search .kb-search-modal-content{position:absolute;top:50%;right: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;left:20px;font-size:24px;cursor:pointer;background:none;border:none;color:#333;box-shadow:none}.kb-search .kb-search-close-btn svg{width:1em;height:1em}
