.blog-search-wide{position:absolute;inset:0 16px;z-index:-1}@media only screen and (max-width:767px){.blog-search-wide{pointer-events:none}}@media only screen and (min-width:768px)and (max-width:1140px){.blog-search-wide{pointer-events:none;inset:-12px 20px 0}}@media only screen and (min-width:1141px){.blog-search-wide{inset:0}}.blog-search-wide__input{visibility:hidden;position:absolute;padding:12px;width:100%;height:56px;max-width:0;color:#242424;background-color:rgba(208,203,220,.8);border:0;border-radius:20px;opacity:0;transition:all .3s;inset:0}@media only screen and (min-width:768px)and (max-width:1140px){.blog-search-wide__input{height:56px}}@media only screen and (max-width:767px){.blog-search-wide__input{backdrop-filter:blur(8px)}}@media only screen and (min-width:768px)and (max-width:1140px){.blog-search-wide__input{backdrop-filter:blur(8px)}}@media only screen and (min-width:1141px){.blog-search-wide__input{padding:18px;background-color:#e2e0e9;border-radius:16px}}@media only screen and (min-width:1141px)and (max-width:1280px){.blog-search-wide__input{padding:10px;height:42px;border-radius:12px}}.blog-search-wide__input::placeholder{color:inherit;opacity:.5}.blog-search-wide__button{position:absolute;right:0;padding:18px;background-color:rgba(208,203,220,.8);border-radius:20px;cursor:pointer;pointer-events:all}@media only screen and (max-width:767px){.blog-search-wide__button{transition:background-color .3s;backdrop-filter:blur(8px)}}@media only screen and (min-width:768px)and (max-width:1140px){.blog-search-wide__button{transition:background-color .3s;backdrop-filter:blur(8px);border-radius:12px}}@media only screen and (min-width:1141px){.blog-search-wide__button{right:-64px;padding:17px;background-color:#e2e0e9;border:1px solid #e2e0e9;border-radius:16px}}@media only screen and (min-width:1141px)and (max-width:1280px){.blog-search-wide__button{right:-50px;padding:10px;border-radius:12px}}@media only screen and (min-width:768px)and (max-width:1140px){.blog-search-wide__button:hover{background-color:#fff;transition:background-color .3s}}@media only screen and (min-width:1141px){.blog-search-wide__button:hover{background-color:#fff;transition:background-color .3s}}.blog-search-wide--opened{pointer-events:all;z-index:1}@media only screen and (min-width:1141px){.blog-search-wide--opened{inset:0 -8px 0 0}}.blog-search-wide--opened .blog-search-wide__input{visibility:visible;display:block;max-width:100%;outline:none;opacity:1}@media only screen and (min-width:1141px){.blog-search-wide--opened .blog-search-wide__input{border:1px solid rgba(36,36,36,.1);border-top-right-radius:0;border-bottom-right-radius:0;z-index:200}}.blog-search-wide--opened .blog-search-wide__button{border-left:1px solid transparent;border-top-left-radius:0;border-bottom-left-radius:0;pointer-events:none;z-index:201}@media only screen and (max-width:767px){.blog-search-wide--opened .blog-search-wide__button{background-color:initial}}@media only screen and (min-width:768px)and (max-width:1140px){.blog-search-wide--opened .blog-search-wide__button{background-color:initial}}@media only screen and (min-width:1141px){.blog-search-wide--opened .blog-search-wide__button{right:-54px;border:1px solid rgba(36,36,36,.1);border-left-color:transparent}}@media only screen and (min-width:1141px)and (max-width:1280px){.blog-search-wide--opened .blog-search-wide__button{right:-40px}}.blog-search-wide__icon{width:20px;height:20px}@media only screen and (min-width:768px)and (max-width:1140px){.header-blog--scrolled .blog-search-wide{position:fixed;top:12px;z-index:1}}