.app-search-field[data-v-324f920b]{box-sizing:border-box;align-items:center;gap:var(--space-8);width:min(100%,25rem);height:2.5rem;padding-inline:var(--space-12);border:1px solid var(--color-line-02);border-radius:var(--radius-10);background:var(--color-background-01);color:var(--color-text-03);cursor:text;transition:border-color .12s,background-color .12s,box-shadow .12s;display:flex}.app-search-field[data-v-324f920b]:hover:not(.is-disabled):not(.is-loading):not(.is-invalid){border-color:var(--color-fill-01)}.app-search-field[data-v-324f920b]:focus-within:not(.is-disabled):not(.is-loading):not(.is-invalid){border-color:var(--color-fill-01);box-shadow:0 0 0 3px var(--color-line-02)}.app-search-field__search-icon[data-v-324f920b]{flex:none;place-items:center;width:1.375rem;height:1.375rem;display:grid;overflow:clip}.app-search-field__search-icon svg[data-v-324f920b]{width:100%;height:100%}.app-search-field__input[data-v-324f920b]{width:100%;min-width:0;color:var(--color-text-01);font-family:var(--typography-body2-regular-font-family);font-size:var(--typography-body2-regular-font-size);font-weight:var(--typography-body2-regular-font-weight);font-variation-settings:"wdth" 100;line-height:var(--typography-body2-regular-line-height);letter-spacing:var(--typography-letter-spacing-default);background:0 0;border:0;outline:0;padding:0}.app-search-field__input[data-v-324f920b]::-webkit-search-cancel-button{display:none}.app-search-field__input[data-v-324f920b]::placeholder{color:var(--color-text-04);opacity:1}.app-search-field__shortcut[data-v-324f920b]{font-family:var(--typography-body4-medium-font-family);font-size:var(--typography-body4-medium-font-size);font-weight:var(--typography-body4-medium-font-weight);font-variation-settings:"wdth" 100;line-height:var(--typography-body4-medium-line-height);letter-spacing:var(--typography-letter-spacing-default);white-space:nowrap}.app-search-field__clear[data-v-324f920b],.app-search-field__shortcut[data-v-324f920b]{color:var(--color-text-03);background:0 0;border:0;flex:none;padding:0}.app-search-field__clear[data-v-324f920b]{width:var(--space-20);height:var(--space-20);cursor:pointer;border-radius:50%;place-items:center;display:inline-grid}.app-search-field__clear svg[data-v-324f920b]{width:100%;height:100%}.app-search-field__clear[data-v-324f920b]:focus-visible{outline:var(--oa-focus-ring)}.app-search-field.is-filled[data-v-324f920b],.app-search-field.is-invalid[data-v-324f920b],.app-search-field[data-v-324f920b]:focus-within{color:var(--color-text-01)}.app-search-field.is-invalid[data-v-324f920b]{border-color:var(--color-state-error)}.app-search-field.is-disabled[data-v-324f920b]{border-color:var(--color-line-03);background:var(--color-background-03);color:var(--color-text-05);cursor:not-allowed}.app-search-field.is-disabled .app-search-field__input[data-v-324f920b]::-moz-placeholder{color:var(--color-text-05)}.app-search-field.is-disabled .app-search-field__input[data-v-324f920b],.app-search-field.is-disabled .app-search-field__input[data-v-324f920b]::placeholder,.app-search-field.is-disabled .app-search-field__shortcut[data-v-324f920b]{color:var(--color-text-05)}.app-search-field.is-loading[data-v-324f920b]{border-color:var(--color-line-02);background:var(--color-background-03);cursor:wait}.app-search-field__loading[data-v-324f920b]{width:var(--space-20);height:var(--space-20);color:var(--color-line-01);flex:none;place-items:center;display:grid}.app-search-field__loading svg[data-v-324f920b]{width:var(--space-20);height:var(--space-20);animation:.8s linear infinite app-search-field-spin-324f920b}@keyframes app-search-field-spin-324f920b{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.app-search-field[data-v-324f920b]{transition:none}.app-search-field__loading svg[data-v-324f920b]{animation-duration:1.6s}}