::view-transition-old(root){animation-delay:600ms}::view-transition-new(root){animation:circle-in 600ms}@keyframes circle-in{from{clip-path:circle(0% at 80% 0%)}to{clip-path:circle(120% at 50% 0%)}}@keyframes skeleton-pulse{0%{background-position:200% 0}100%{background-position:-200% 0}}.search-modal{--search-modal-width: 35rem;--search-input-height: 2.75rem;position:fixed;margin:auto;max-width:var(--search-modal-width);width:calc(100dvw - var(--spacing-600));background:var(--color-theme-surface);color:var(--color-theme-text);box-shadow:0 25px 50px -12px rgba(0,0,0,.25);opacity:1;scale:1;translate:0 0;transition:opacity 0.25s ease 0s,scale 0.25s ease 0s,translate 0.25s ease 0s,overlay 0.25s ease 0s,display 0.25s ease 0s;transition-behavior:allow-discrete}@starting-style{.search-modal{opacity:0;scale:.95;translate:0 .625rem}}.search-modal:not([open]){opacity:0;scale:.95;translate:0 .625rem}.search-modal::backdrop{background:var(--color-overlay-dark);backdrop-filter:blur(4px);opacity:1;transition:opacity 0.25s ease 0s,scale 0.25s ease 0s,translate 0.25s ease 0s,overlay 0.25s ease 0s,display 0.25s ease 0s;transition-behavior:allow-discrete}@starting-style{.search-modal::backdrop{opacity:0}}.search-modal:not([open])::backdrop{opacity:0}.search-modal__inner{padding:var(--spacing-400)}@media(min-width: 768px){.search-modal__inner{padding:var(--spacing-500)}}.search-modal__header{align-items:center;margin-bottom:var(--spacing-200)}.search-modal__title{font:var(--font-heading-400);color:var(--color-theme-heading)}@media(min-width: 768px){.search-modal__title{font:var(--font-heading-500)}}.search-modal__close{display:grid;place-items:center;width:2.75rem;height:2.75rem;border-radius:var(--border-radius--md);border:none;background-color:var(--color-neutral-300);color:var(--color-text-dark);cursor:pointer;transition:background-color 0.25s ease 0s,color 0.25s ease 0s}.search-modal__close svg{width:1.25rem;height:1.25rem}.search-modal__close:hover,.search-modal__close:focus-visible{background-color:var(--color-neutral-200)}.search-modal__close:focus-visible{outline:2px solid var(--color-secondary-500);outline-offset:2px}.search-modal__form{gap:var(--spacing-200)}.search-modal__input{flex:1;height:var(--search-input-height);padding-inline:var(--spacing-300);font:var(--font-body-400);color:var(--color-theme-text);background:var(--color-theme-body-bg);border:2px solid var(--color-neutral-400);border-radius:var(--border-radius--md);outline:none;transition:border-color 0.25s ease 0s,box-shadow 0.25s ease 0s}.search-modal__input::placeholder{color:var(--color-neutral-700)}.search-modal__input:focus-visible{border-color:var(--color-secondary-500)}.search-modal__input::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none;width:1.125rem;height:1.125rem;background:var(--color-primary-500);mask-image:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27white%27 stroke-width=%272%27 stroke-linecap=%27round%27%3E%3Cline x1=%276%27 y1=%276%27 x2=%2718%27 y2=%2718%27/%3E%3Cline x1=%2718%27 y1=%276%27 x2=%276%27 y2=%2718%27/%3E%3C/svg%3E");mask-size:contain;mask-repeat:no-repeat;cursor:pointer}.search-modal__submit{height:var(--search-input-height);aspect-ratio:1/1;display:grid;place-items:center;border-radius:var(--border-radius--md);border:none;background:var(--color-theme-button-primary);color:var(--color-text-light);cursor:pointer;transition:opacity .25s ease 0s}.search-modal__submit svg{width:1.25rem;height:1.25rem}.search-modal__submit:hover{opacity:.85}.search-modal__submit:focus-visible{outline:2px solid var(--color-secondary-500);outline-offset:2px}.search-modal__results{margin-top:var(--spacing-300);border-top:1px solid var(--color-neutral-300);padding-top:var(--spacing-200)}.search-modal__results-wrapper{grid-template-rows:0fr;transition:grid-template-rows 0.25s ease 0s,opacity 0.25s ease 0s}.search-modal__results-wrapper[aria-hidden=false]{grid-template-rows:1fr;opacity:1}.search-modal__results-inner{overflow:hidden}.search-modal__result{border-radius:var(--border-radius--sm);transition:background-color .25s ease 0s}.search-modal__result[aria-selected=true],.search-modal__result:hover{background-color:var(--color-neutral-100)}.search-modal__result:hover .search-modal__result-icon,.search-modal__result[aria-selected=true] .search-modal__result-icon{transform:translate(2px, -2px)}.search-modal__result-btn{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-300);width:100%;padding:var(--spacing-200) var(--spacing-300);text-align:left;color:var(--color-theme-text);cursor:pointer;border-radius:var(--border-radius--sm);font:var(--font-body-300)}.search-modal__result-btn:focus-visible{outline:2px solid var(--color-secondary-500);outline-offset:-2px}.search-modal__result-title{flex:1;overflow:clip;text-overflow:ellipsis;white-space:nowrap}.search-modal__result-icon{flex-shrink:0;width:1rem;height:1rem;color:var(--color-neutral-700);transition:transform .25s ease 0s}.search-modal__no-results{padding:var(--spacing-400) var(--spacing-300);text-align:center;font:var(--font-body-300);color:var(--color-neutral-700)}.search-modal__skeleton{display:flex;align-items:center;padding:var(--spacing-200) var(--spacing-300)}.search-modal__skeleton:nth-child(2) .search-modal__skeleton-title{animation-delay:.3s}.search-modal__skeleton:nth-child(3) .search-modal__skeleton-title{animation-delay:.6s}.search-modal__skeleton-title{height:1.5rem;padding:var(--spacing-200) var(--spacing-300);border-radius:var(--border-radius--sm);background:linear-gradient(90deg, var(--color-neutral-200) 25%, var(--color-neutral-100) 50%, var(--color-neutral-200) 75%);background-size:400% 100%;animation:skeleton-pulse 3s linear infinite;width:100%}