/*********************************************
 * Search
**********************************************/
.vii-search form {position:relative;}

/* Input */
.vii-search__field {
    display:block; border:1px solid rgba(0, 0, 0, .15); border-radius:50px;
    height:50px; width:387px; padding:5px 60px 5px 20px;
    font-style:italic; transition:all .3s ease;
}
.vii-search__field:focus-visible,
.vii-search__field:hover {border-color:var(--vii-color-primary);}

/* Submit */
.vii-search__submit {
    position:absolute; top:3px; right:4px;
    width:44px; aspect-ratio:1; border-radius:50%;
}
.vii-search__submit:hover,
.vii-search__submit:focus-visible {
    border-radius:50%; background:var(--vii-color-primary); color:var(--vii-color-on-primary);
    box-shadow:0 0 0 4px var(--vii-color-primary);
}

/*********************************************
 * Search Responsive
**********************************************/
@media only screen and (max-width:1280px) {
    .vii-search__field {width:280px;}
}
@media only screen and (max-width:480px) {
    .vii-search,
    .vii-search__field {width:100%;}
}