.search-on-page{--margin:1rem;overflow:hidden;position:absolute;right:var(--margin);top:calc(var(--header-height) + env(safe-area-inset-top));width:17.5rem;z-index:var(--layer-2)}.search-on-page input{background-color:var(--bg-1)}:is(.search-on-page input):focus-visible{outline:none}@media (max-width:29.999rem){.search-on-page{width:calc(100% - var(--margin) * 2)}}.search-on-page__close{align-items:center;display:flex;height:var(--button-xl-height);justify-content:center;position:absolute;right:0;top:0;width:var(--button-xl-height)}.search-on-page-enter-active{transition:all var(--duration-1) var(--ease-out)}.search-on-page-leave-active{transition:all var(--duration-1) var(--ease-in)}.search-on-page-enter-from,.search-on-page-leave-to{opacity:0;transform:translateY(-60%)}