.page-search{position:fixed;inset:0;z-index:1200;visibility:hidden;pointer-events:none}.page-search--visible{visibility:visible;pointer-events:auto}.page-search__backdrop{position:absolute;inset:0;background:rgba(15,23,42,.4);opacity:0;transition:opacity .3s ease}.page-search--visible .page-search__backdrop{opacity:1;pointer-events:auto}.page-search__dialog{position:absolute;inset-inline:0;bottom: calc(env(safe-area-inset-bottom) + 5.75rem);padding-inline:1rem;display:flex;justify-content:center;opacity:0;transform:translateY(1.5rem);transition:opacity .3s ease , transform .3s ease;pointer-events:none}.page-search--visible .page-search__dialog{opacity:1;transform:translateY(0);pointer-events:auto}.page-search__panel{background-color:#fff;border-radius:1.25rem;box-shadow:0 20px 40px rgba(15,23,42,.25);width:min(640px,100%);max-height:calc(100vh - 7rem);overflow-y:auto;padding:1.5rem 1.25rem}.page-search__header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.25rem}.page-search__title{font-size:1rem;font-weight:700;color:#1f2937;margin:0}.page-search__close{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:50%;border:none;background-color:#edf2f7;color:#1f2937;font-size:1rem;transition:background-color .2s ease}.page-search__close:hover,.page-search__close:focus-visible{background-color:#e2e8f0;outline:none}.page-search__body{display:flex;flex-direction:column;gap:1rem}.page-search__form{display:flex;flex-direction:column;gap:1rem}.page-search__label{display:block;font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#6c757d}.page-search__control{position:relative}.search-wrapper{display:flex;align-items:center;background-color:#fff;border:1px solid rgba(15,23,42,.08);border-radius:999px;box-shadow:0 10px 20px rgba(15,23,42,.12);overflow:hidden}.search-input{flex:1 1 auto;font-size:1rem;padding-block:.65rem;padding-inline:1rem}.search-input::placeholder{color:#adb5bd}.search-input:focus{box-shadow:none}.search-button{display:inline-flex;align-items:center;justify-content:center;padding-inline:1.25rem}.suggest-box{border:1px solid rgba(15,23,42,.08);background-color:var(--color-surface);border-radius:.75rem;padding:.5rem;position:absolute;top: calc(100% + 0.5rem);left:0;width:100%;z-index:1100;display:none;box-shadow:0 16px 32px rgba(15,23,42,.18)}.suggest-box.visible{display:block}.suggest-box div{padding:.5rem .75rem;border-radius:.5rem;font-size:.875rem;cursor:pointer}.suggest-box div:hover{background-color:#f1f3f5}body.mobile-search-open{overflow:hidden}@media (max-width:600px){.search-input{font-size:.95rem}}@media (min-width:768px){.page-search{display:none}}.page-header-search{display:none;width:min(32rem,100%)}.page-header-search__form{display:flex;flex-direction:row;align-items:stretch;gap:.75rem;margin:0}.page-header-search__control{flex:1 1 auto;position:relative}.page-header-search__wrapper{display:flex;align-items:center;background-color:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.25);box-shadow:none;transition:background-color .2s ease , border-color .2s ease}.page-header-search__wrapper:focus-within{background-color:rgba(255,255,255,.2);border-color:rgba(255,255,255,.4)}.page-header-search__input{background-color:transparent;color:#fff;font-size:.95rem;padding-block:.5rem;padding-inline:1rem}.page-header-search__input::placeholder{color:rgba(255,255,255,.6)}.page-header-search__input:focus{box-shadow:none}.page-header-search__button{display:inline-flex;align-items:center;justify-content:center;padding-inline:1rem;background-color:rgba(255,255,255,.15);border:none;color:#fff;transition:background-color .2s ease}.page-header-search__button:hover,.page-header-search__button:focus-visible{background-color:rgba(255,255,255,.25);color:#fff;outline:none}.page-header-search .suggest-box{top: calc(100% + 0.5rem);background-color:#fff;color:#212529;box-shadow:0 16px 32px rgba(15,23,42,.18)}@media (min-width:768px){.page-header-search{display:block;justify-self:center}}