@charset "utf-8";

.search__input.field__input { padding-right: 9.8rem; }

.search__button { right: var(--inputs-border-width); top: var(--inputs-border-width); }

.reset__button { right: calc(var(--inputs-border-width) + 4.4rem); top: var(--inputs-border-width); }

.reset__button:not(:focus-visible)::after { border-right: .1rem solid rgba(var(--color-foreground),.08); display: block; height: calc(100% - 1.6rem); content: ""; position: absolute; right: 0px; }

.reset__button:not(:focus)::after { border-right: .1rem solid rgba(var(--color-foreground),.08); display: block; height: calc(100% - 1.8rem); content: ""; position: absolute; right: 0px; }

.search__button:focus-visible, .reset__button:focus-visible { background: none; z-index: 4; }

.search__button:focus, .reset__button:focus { background: none; 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 .icon { height: 1.8rem; width: 1.8rem; }

.reset__button .icon.icon-close { height: 1.8rem; width: 1.8rem; stroke-width: 0.1rem; }

input::-webkit-search-decoration { appearance: none; }