.search-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:120%;background-color:var(--overlay-background-color,rgba(0 0 0 / 90%));-webkit-backdrop-filter:blur(var(--overlay-blur-size), 3px);backdrop-filter:blur(var(--overlay-blur-size), 3px);justify-content:center;align-items:start}.search-form-container{position:fixed;top:10rem;opacity:0;transition:top .4s ease,opacity .4s ease;width:73vw}.search-overlay.show .search-form-container{top:12rem;opacity:1}.search-form-container form{display:flex;justify-content:space-between;align-items:center;gap:0}.search-form-container input[type=text]{flex:1;font-size:1rem;height:100%;padding:.75rem 1.25rem;border-radius:calc(var(--component-border-radius) - var(--component-padding));border:none;background:rgba(74,74,106,.2);color:var(--primary-text-color)}.search-form-container button{overflow:hidden;width:0;height:0;padding:0;margin-left:0;opacity:0;border-radius:calc(var(--component-border-radius) - var(--component-padding));border:none;background:var(--phase-icon-background-color,#4945ff);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);cursor:pointer;color:var(--primary-text-color);font-size:1rem;transition:width .25s cubic-bezier(.68,-.55,.27,1.55),height .25s ease,padding .25s ease,margin .25s ease,opacity .25s ease}.search-form-container button.visible{width:7.9375rem;height:100%;padding:.75rem 1.25rem;margin-left:.5rem;opacity:1}.search-overlay-close-area{position:absolute;width:100%;height:100%;top:0;left:0}@media (max-width:720px){.search-form-container{width:calc(100% - 2 * 1rem)}.search-form-container button{border-radius:50%;background-size:1.2rem;background-repeat:no-repeat;background-position:center center;background-image:url(/assets/img/search.svg);color:transparent}.search-form-container button.visible{width:2.6563rem;height:2.6563rem;padding:0}}