.wp-block-ffthemes-blocks-header-search{display:inline-block;line-height:0;position:relative;transition:all .2s ease}.wp-block-ffthemes-blocks-header-search .search-controller{align-items:center;background:var(--wp--preset--color--lower-background,#f5f5f5);border:none;color:var(--wp--preset--color--foreground,#333);cursor:pointer;display:flex;fill:none;justify-content:center;margin:0;min-height:40px;min-width:40px;padding:10px;stroke:currentColor;transition:all .2s ease}.wp-block-ffthemes-blocks-header-search .search-controller:hover{opacity:.8}.wp-block-ffthemes-blocks-header-search .search-controller svg{height:20px;width:20px}.wp-block-ffthemes-blocks-header-search.is-active .search-controller .search{display:none}.wp-block-ffthemes-blocks-header-search.is-active .search-controller .cross{display:block;transition:transform .2s ease}.wp-block-ffthemes-blocks-header-search.is-active .search-controller .cross:hover{transform:rotate(90deg)}.wp-block-ffthemes-blocks-header-search.is-active .search-inner-wrapper.is-popup{opacity:1;pointer-events:auto;visibility:visible}.wp-block-ffthemes-blocks-header-search.is-active .search-inner-wrapper.is-popup .wp-block-group{transform:translateY(0)}.wp-block-ffthemes-blocks-header-search:not(.is-active) .search-controller .search{display:block}.wp-block-ffthemes-blocks-header-search:not(.is-active) .search-controller .cross{display:none}.wp-block-ffthemes-blocks-header-search .search-inner-wrapper{line-height:normal;position:absolute;right:0;top:100%;z-index:11}.wp-block-ffthemes-blocks-header-search .search-inner-wrapper.is-width-normal-width{width:400px}@media(max-width:600px){.wp-block-ffthemes-blocks-header-search .search-inner-wrapper.is-width-normal-width{max-width:350px;width:100%}}.wp-block-ffthemes-blocks-header-search .search-inner-wrapper.is-width-wide-width{left:50%;max-width:100vw;right:auto;transform:translateX(-50%);width:var(--wp--style--global--wide-size)}.wp-block-ffthemes-blocks-header-search .search-inner-wrapper.is-width-full-width{left:0;width:100%}.wp-block-ffthemes-blocks-header-search .search-inner-wrapper.is-popup{align-items:center;background:rgba(0,0,0,.85);display:flex!important;height:100vh!important;justify-content:center;left:0!important;opacity:0;padding:20px;pointer-events:none;position:fixed;top:0!important;transform:none!important;transition:opacity .3s ease,visibility .3s ease;visibility:hidden;width:100vw!important;z-index:99999}.wp-block-ffthemes-blocks-header-search .search-inner-wrapper.is-popup .wp-block-group{transform:translateY(20px);transition:transform .3s ease}.wp-block-ffthemes-blocks-header-search .search-inner-wrapper.is-popup .popup-close{background:transparent;border:none;color:#fff;cursor:pointer;padding:10px;position:absolute;right:100px;top:100px;transition:all .2s ease;z-index:100000}.wp-block-ffthemes-blocks-header-search .search-inner-wrapper.is-popup .popup-close:hover{opacity:.8;transform:scale(1.1)}.wp-block-ffthemes-blocks-header-search .search-inner-wrapper.is-popup .popup-close svg{height:32px;width:32px}@media(max-width:600px){.wp-block-ffthemes-blocks-header-search .search-inner-wrapper.is-popup .popup-close{right:15px;top:10px}.wp-block-ffthemes-blocks-header-search .search-inner-wrapper.is-popup .popup-close svg{height:24px;width:24px}}.wp-block-ffthemes-blocks-header-search .search-inner-wrapper.is-popup .search-inner-wrapper-content{display:flex;justify-content:center;text-align:center;width:100%}.wp-block-ffthemes-blocks-header-search .search-inner-wrapper.is-popup .wp-block-group{background-color:var(--wp--preset--color--background,#fff);border-radius:8px;box-shadow:none;margin-top:0;max-width:600px;padding:40px;position:relative;width:100%}@media(max-width:600px){.wp-block-ffthemes-blocks-header-search .search-inner-wrapper.is-popup .wp-block-group{max-width:90%;padding:25px}}.wp-block-ffthemes-blocks-header-search .search-inner-wrapper .wp-block-group{box-shadow:0 10px 25px rgba(0,0,0,.1);margin-top:10px}.wp-block-ffthemes-blocks-header-search .wp-block-search{margin-bottom:0}.wp-block-ffthemes-blocks-header-search .wp-block-search button.wp-block-search__button.wp-element-button{border:none!important}.wp-block-ffthemes-blocks-header-search .wp-block-search .wp-block-search__input{border:1px solid #cbcbcb}.wp-block-ffthemes-blocks-header-search .wp-block-search .wp-block-search__input:focus{border:1px solid #cbcbcb;outline:none}body.ff-search-popup-open{overflow:hidden;padding-right:15px}
