#skip-search-form input, #skip-search-form select {
background-clip: padding-box;
background-image: none;
font-weight: 500;
border: 1px solid;
line-height: 1;
margin-bottom: 0;
max-width: 100%;
padding: 12px 15px;
transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
border-radius: 0;
width: 40%;
}

#skip-search-form .book-btn {
color: var(--primary);
}

#skip-search-error-message {
    color:var(--white);  
}

#skip-search-error-message p {
    color:var(--white);
}

.skip-search-form_whitebg #skip-search-error-message {
color:var(--primary);  
}

.skip-search-form_whitebg #skip-search-error-message p {
color:var(--primary);
}

.loader-container {
display: flex;
gap: 1em;
}

.skip-loader {
width: 48px;
height: 48px;
border:10px solid #FFF;
border-radius: 50%;
position: relative;
transform:rotate(45deg);
box-sizing: border-box;
}
.skip-loader::before {
content: "";
position: absolute;
box-sizing: border-box;
inset:-10px;
border-radius: 50%;
border:10px solid var(--action);
animation: prixClipFix 2s infinite linear;
}

.loader-container p {
color: var(--white);
}

@keyframes prixClipFix {
0%   {clip-path:polygon(50% 50%,0 0,0 0,0 0,0 0,0 0)}
25%  {clip-path:polygon(50% 50%,0 0,100% 0,100% 0,100% 0,100% 0)}
50%  {clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,100% 100%,100% 100%)}
75%  {clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,0 100%,0 100%)}
100% {clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,0 100%,0 0)}
}

@media (max-width: 768px) {
    #skip-search-form input, #skip-search-form select {
    width: 100%;
    margin: .5em 0;
    height: 46px;
    }
}