.ripple-container {
display: block;
position: absolute !important;
top: 0;
left: 0;
right: 0;
bottom: 0;
padding: 0 !important;
z-index: 0 !important;
overflow: hidden;
border-radius: inherit;
pointer-events: none;
}
.ripple {
display: block;
position: absolute;
width: 20px;
height: 20px;
margin-left: -10px;
margin-top: -10px;
border-radius: 100%;
transform: scale(1);
opacity: 0;
background-color: currentColor;
pointer-events: none;
}
.ripple.ripple-on {
transition: transform 0.4s cubic-bezier(.4,0,.2,1);
opacity: 0.1;
}
.ripple.ripple-out {
transition: opacity 0.2s linear !important;
opacity: 0 !important;
} .w-search.layout_fullscreen .w-search-form {
background: none !important;
}
.w-search-background {
display: none;
position: fixed;
z-index: 99;
border-radius: 100%;
transform: scale(1);
opacity: 0;
pointer-events: none;
background: var(--color-content-bg-grad);
}
.w-search[style*="--inputs-background"] .w-search-background {
background: var(--inputs-background);
}
.w-search-background.overlay-on {
transition: opacity 0.25s, transform 0.5s cubic-bezier(.4,0,.2,1);
opacity: 1;
}
.w-search-background.overlay-out {
transition: opacity 0.5s, transform 0.5s cubic-bezier(.4,0,.2,1);
}
.w-search-background.mobilefocus {
display: none !important;
}