.search-modal{opacity:0;border-bottom:1px solid var(--border-color);min-height:calc(100% + var(--inputs-margin-offset) + (2 * var(--inputs-border-width)));height:100%}.search-modal .search__button{padding-right:var(--spacing-normal);padding-left:var(--spacing-x-small);aspect-ratio:unset;justify-content:flex-start;display:flex;right:0}.search-modal .search__button .icon-search{width:var(--spacing-normal);height:var(--spacing-normal)}.search-modal .search-modal__form>field{gap:0}@keyframes animateMenuOpen{0%{opacity:0;transform:translateY(-1.5rem)}to{opacity:1;transform:translateY(0)}}details[open]>.search-modal{opacity:1;animation:animateMenuOpen var(--duration-default) ease}.modal__content{background:var(--bg-color-white);z-index:4;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}details[open] .modal-overlay{display:block}details[open] .modal-overlay:after{content:"";background-color:rgb(from var(--bg-color) r g b / .5);height:100vh;position:absolute;top:100%;left:0;right:0}.search-modal__content{-moz-column-gap:var(--spacing-small);justify-content:center;align-items:center;column-gap:var(--spacing-small);width:100%;height:100%;line-height:var(--line-height-normal);bottom:calc((var(--inputs-margin-offset) / 2));display:flex;position:relative}.modal__close-button{justify-content:center;align-items:center;width:2rem;height:100%;padding:0;line-height:1;display:flex}.modal__close-button.button.link .icon{width:var(--spacing-x-large);height:var(--spacing-x-large)}.search-modal__content .reset__button{right:calc(var(--spacing-normal) + var(--spacing-normal) + var(--spacing-x-small));top:var(--inputs-border-width)}.search-modal__content .reset__button:not(:focus):after{border-right:1px solid var(--border-color);content:"";height:calc(100% - 1.8rem);display:block;position:absolute;right:0}.search-modal__form{width:100%}@media screen and (width>=769px){.search-modal__form{max-width:45rem}}.search-modal__content .search__input{font-size:var(--font-size-small)}.search-modal__content .search__input:focus{padding-right:3rem}.search-modal__content .search__input:has(~.reset__button:not(.hidden)){padding-right:6.5rem}.reset__button{top:var(--inputs-border-width);padding-right:var(--spacing-x-small);justify-content:flex-end;display:flex}.reset__button:not(:focus-visible):after{border-right:.1rem solid rgba(var(--color-foreground), .08);content:"";height:calc(100% - 1.6rem);display:block;position:absolute;right:0}.reset__button:not(:focus):after{border-right:.1rem solid rgba(var(--color-foreground), .08);content:"";height:calc(100% - 1.8rem);display:block;position:absolute;right:0}.search__button:focus-visible,.reset__button:focus-visible,.search__button:focus,.reset__button:focus{background-color:rgb(var(--color-background));z-index:4}.search__button:not(:focus-visible):not(.focused),.reset__button:not(:focus-visible):not(.focused){box-shadow:inherit;background-color:inherit}.search__button:hover .icon,.reset__button:hover .icon{transform:scale(1.07)}.search__button--disabled,.search__button:disabled,.search__button[disabled]{opacity:.5;cursor:not-allowed;pointer-events:none}.reset__button .icon.icon-reset{stroke-width:1px;stroke:currentColor;width:1.125rem;height:1.125rem}.reset__button .icon.icon-reset path{stroke-width:1.5px}