{"version":3,"file":"header-search/style-index.css","mappings":";;;AAAA;;;;;EAAA;AAOA;;CAAA;AAGA;EACI;EACA;EACA;AAAJ;;AAEA;EACC;AACD;;AACA;EACI;EACA;EACA;EACA;EACA;EACA;EACH;EACA;AAED;;AAAA;EACI;EACA;EACA;AAGJ;;AADA;EACI;EACA;EACA;EACA;EACA;AAIJ;;AAFA;EACI;EACA;EACA;EACA;EACA;AAKJ;;AAHA;EACI;EACA;EACA;EACA;EACA;EACA;EAKA;AAMJ;;AAJA;EACI;AAOJ;;AALA;EACI;AAQJ;;AANA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAKA;AASJ;;AAPA;EACI;EACA;EACA;AAUJ,C","sources":["webpack://wpopus/./src/header-search/style.scss"],"sourcesContent":["/**\n * The following styles get applied both on the front of your site\n * and in the editor.\n *\n * Replace them with your own styles or remove the file completely.\n */\n\n/* \n* search icon and form  \n*/\n.wp-block-wpopus-header-search {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n}\n.wp-block-wpopus-header-search svg {\n\tcursor: pointer;\n}\n.wpopus-search-form {\n    position: fixed;\n    background: rgba(0, 0, 0, 0.9);\n    width: 0;\n    height: 0;\n    z-index: 999;\n    opacity: 0;\n\ttop: 0;\n\tleft: 0;\n}\n.wpopus-search-form.search-open {\n    width: 100%;\n    height: 100%;\n    opacity: 1;\n}\n.wpopus-search-form-wrapper {\n    width: 100%;\n    height: 100%;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n}\n.wpopus-search-form-wrapper form {\n    width: 90%;\n    max-width: 600px;\n    position: relative;\n    display: flex;\n    flex-direction: row;\n}\n.wpopus-search-form-wrapper form input {\n    height: 60px;\n    width: 60px;\n    padding: 20px;\n    font-size: 20px;\n    border-radius: 60px;\n    border: 1px solid #eee;\n    -webkit-transition: all 0.5s ease-in-out;\n    -moz-transition: all 0.5s ease-in-out;\n    -ms-transition: all 0.5s ease-in-out;\n    -o-transition: all 0.5s ease-in-out;\n    transition: all 0.5s ease-in-out;\n}\n.wpopus-search-form.search-open .wpopus-search-form-wrapper form input {\n    width: 100%;\n}\n.wpopus-search-form-wrapper form input:focus {\n    outline: none;\n}\n.wpopus-search-form-wrapper form button {\n    margin-top: 3px;\n    margin-left: -58px;\n    height: 54px;\n    width: 54px;\n    background: #fff;\n    border: none;\n    border-radius: 54px;\n    cursor: pointer;\n    -webkit-transition: all 0.5s ease-in-out;\n    -moz-transition: all 0.5s ease-in-out;\n    -ms-transition: all 0.5s ease-in-out;\n    -o-transition: all 0.5s ease-in-out;\n    transition: all 0.5s ease-in-out;\n}\n.wpopus-search-form-wrapper form button svg {\n    height: 18px;\n    width: 18px;\n    fill: #000;\n}\n"],"names":[],"sourceRoot":""}