.template__search{background:var(--color-background-color);display:-webkit-box;display:-ms-flexbox;display:flex;left:0;position:fixed;top:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;border:0;-ms-flex-direction:column;flex-direction:column;height:100dvh;margin:0;max-height:100dvh;max-width:100vw;opacity:0;overflow-y:scroll;padding:0;-webkit-transition:opacity var(--animation-speed),visibility var(--animation-speed) ease var(--animation-speed);transition:opacity var(--animation-speed),visibility var(--animation-speed) ease var(--animation-speed);visibility:hidden;width:100vw;z-index:100}.template__search.fadeIn{opacity:1;-webkit-transition:opacity var(--animation-speed);transition:opacity var(--animation-speed);visibility:visible}.template__search .header{height:var(--header-height);-ms-flex-negative:0;flex-shrink:0}.template__search .header .logo{display:-webkit-box;display:-ms-flexbox;display:flex;max-width:100%;outline-offset:1rem;width:182px}.template__search .btn-close{background-color:transparent;border:none;cursor:pointer;font-size:3rem;z-index:3}.template__search form{margin:200px auto 0;position:relative}.template__search form input{padding:1rem;width:100%}.template__search form button{background-color:transparent;border:none;padding:.5rem;position:absolute;right:0;top:0}.template__search .result{margin-bottom:var(--margin-xlg);margin-top:var(--margin-xlg)}@media only screen and (max-width:767px){.template__search .header{height:80px!important}.template__search .btn-close{bottom:var(--margin-lg);cursor:pointer;font-size:3rem;left:50%;position:fixed;right:auto;top:auto;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:30px}.template__search form{margin:var(--margin-lg) auto 0 auto;width:90%}}