.jkl-search{--icon-size:var(--jkl-text-input-height);--border-radius:var(--jkl-border-radius-s);--border-width:1px;--border:var(--border-width) solid var(--jkl-color-border-default);width:100%;font:var(--jkl-text-style-text-medium)}.jkl-search .jkl-input-group{display:contents}.jkl-search input[type=search]{-webkit-appearance:none;appearance:none;padding:0;background-color:initial;color:var(--jkl-color-text-default);grid-column:2/3;outline:0;border-style:none;outline-style:none}.jkl-search input[type=search]:active,.jkl-search input[type=search]:focus,.jkl-search input[type=search]:hover{outline:0;outline-style:none}@media screen and (forced-colors:active){.jkl-search input[type=search]{border-style:revert}.jkl-search input[type=search],.jkl-search input[type=search]:active,.jkl-search input[type=search]:focus,.jkl-search input[type=search]:hover{outline:revert;outline-style:revert}}.jkl-search input[type=search]{font:var(--jkl-text-style-text-medium)}.jkl-search input[type=search]::-webkit-calendar-picker-indicator,.jkl-search input[type=search]::-webkit-search-cancel-button,.jkl-search input[type=search]::-webkit-search-results-button{-webkit-appearance:none;appearance:none;display:none!important}.jkl-search .input-wrapper{box-sizing:border-box;display:grid;grid-template-columns:1.3em 1fr;gap:.25em;border:var(--border);border-radius:var(--border-radius);-webkit-padding-end:0;padding-inline-end:0;padding:calc(var(--jkl-unit-15) - var(--border-width))}.jkl-search .input-wrapper:before{content:attr(data-icon)/"";display:inline-flex;align-items:center;justify-content:center;height:100%;grid-column:1;font-family:var(--jkl-font-family-icons)}.jkl-search .input-wrapper:has(.clear-button){grid-template-columns:1.3em 1fr 1.3em}.jkl-search .input-wrapper:has(input:focus-visible){outline:3px solid var(--jkl-color-border-strong);outline-offset:3px;background-color:var(--jkl-color-background-container)}.jkl-search:has(input:not(:valid),input:placeholder-shown) .clear-button{display:none}.jkl-search .clear-button{position:relative;display:grid;-webkit-appearance:none;appearance:none;background-color:initial;border:0;height:100%;padding:0;color:var(--jkl-color-text-default);border-radius:100%}.jkl-search .clear-button:before{content:"close"/"";display:inline-grid;align-items:center;justify-content:center;place-self:center;align-self:center;grid-row:1;grid-column:1;z-index:1;font-family:var(--jkl-font-family-icons);font-variation-settings:"FILL" var(--jkl-icon-fill,0);font-feature-settings:"liga";-webkit-font-feature-settings:"liga";font-size:1.3em;font-weight:400;line-height:1;display:inline-block;flex-shrink:0;-webkit-font-smoothing:antialiased;transition-timing-function:var(--jkl-motion-easing-standard);transition-duration:var(--jkl-motion-timing-energetic);transition-property:font-variation-settings,transform}.jkl-search .clear-button:after{--tap-size:1.25lh;content:"";position:absolute;inset:calc((var(--tap-size) - 100%)/2*-1);background-color:var(--jkl-color-text-default);opacity:0;border-radius:inherit;transition-timing-function:var(--jkl-motion-easing-standard);transition-duration:var(--jkl-motion-timing-productive);transition-property:opacity}.jkl-search .clear-button:hover:after{opacity:.15}.jkl-search .clear-button:focus-visible{outline:3px solid var(--jkl-color-border-strong);outline-offset:3px}