.search[data-v-c8dc13fb]{width:100%;position:relative}.search.box input[data-v-c8dc13fb]{border-width:1px;border-color:color-mix(in srgb,var(--colors-zinc-300) var(--un-border-opacity),transparent);border-radius:var(--radius-DEFAULT);--un-border-style:solid;border-style:solid;background-color:color-mix(in srgb,var(--colors-zinc-50) var(--un-bg-opacity),transparent)}@supports (color: color-mix(in lab,red,red)){.search.box input[data-v-c8dc13fb]{border-color:color-mix(in oklab,var(--colors-zinc-300) var(--un-border-opacity),transparent);background-color:color-mix(in oklab,var(--colors-zinc-50) var(--un-bg-opacity),transparent)}}.dark .search.box input[data-v-c8dc13fb]{border-color:color-mix(in srgb,var(--colors-zinc-500) var(--un-border-opacity),transparent);background-color:color-mix(in srgb,var(--colors-zinc-850) var(--un-bg-opacity),transparent)}@supports (color: color-mix(in lab,red,red)){.dark .search.box input[data-v-c8dc13fb]{border-color:color-mix(in oklab,var(--colors-zinc-500) var(--un-border-opacity),transparent);background-color:color-mix(in oklab,var(--colors-zinc-850) var(--un-bg-opacity),transparent)}}@property --un-bg-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;syntax:"<percentage>";inherits:false;initial-value:100%;}.search.box input[data-v-c8dc13fb]:focus{outline-style:var(--un-outline-style);outline-width:2px;outline-color:color-mix(in srgb,var(--colors-blue-500) 25%,transparent);outline-offset:0px;--un-outline-style:outset;outline-style:outset;border-color:color-mix(in srgb,var(--colors-blue-500) var(--un-border-opacity),transparent)}@property --un-outline-style{syntax:"*";inherits:false;initial-value:solid;}@supports (color: color-mix(in lab,red,red)){.search.box input[data-v-c8dc13fb]:focus{outline-color:color-mix(in oklab,var(--colors-blue-500) 25%,transparent);border-color:color-mix(in oklab,var(--colors-blue-500) var(--un-border-opacity),transparent)}}.dark .search.box input[data-v-c8dc13fb]:focus{outline-color:color-mix(in srgb,var(--colors-blue-400) 25%,transparent);border-color:color-mix(in srgb,var(--colors-blue-400) var(--un-border-opacity),transparent)}@supports (color: color-mix(in lab,red,red)){.dark .search.box input[data-v-c8dc13fb]:focus{outline-color:color-mix(in oklab,var(--colors-blue-400) 25%,transparent);border-color:color-mix(in oklab,var(--colors-blue-400) var(--un-border-opacity),transparent)}}@property --un-outline-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;syntax:"<percentage>";inherits:false;initial-value:100%;}.search.line input[data-v-c8dc13fb]{border-width:0px;border-bottom-width:1px;border-color:color-mix(in srgb,var(--colors-zinc-200) var(--un-border-opacity),transparent);border-radius:var(--radius-none);background-color:transparent}@supports (color: color-mix(in lab,red,red)){.search.line input[data-v-c8dc13fb]{border-color:color-mix(in oklab,var(--colors-zinc-200) var(--un-border-opacity),transparent)}}.dark .search.line input[data-v-c8dc13fb]{border-color:color-mix(in srgb,var(--colors-zinc-700) var(--un-border-opacity),transparent)}@supports (color: color-mix(in lab,red,red)){.dark .search.line input[data-v-c8dc13fb]{border-color:color-mix(in oklab,var(--colors-zinc-700) var(--un-border-opacity),transparent)}}.search.line input[data-v-c8dc13fb]:focus{--un-outline-style:none;outline-style:none;border-color:color-mix(in srgb,var(--colors-blue-500) var(--un-border-opacity),transparent)}@supports (color: color-mix(in lab,red,red)){.search.line input[data-v-c8dc13fb]:focus{border-color:color-mix(in oklab,var(--colors-blue-500) var(--un-border-opacity),transparent)}}.dark .search.line input[data-v-c8dc13fb]:focus{border-color:color-mix(in srgb,var(--colors-blue-400) var(--un-border-opacity),transparent)}@supports (color: color-mix(in lab,red,red)){.dark .search.line input[data-v-c8dc13fb]:focus{border-color:color-mix(in oklab,var(--colors-blue-400) var(--un-border-opacity),transparent)}}@property --un-border-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;syntax:"<percentage>";inherits:false;initial-value:100%;}.search.ghost input[data-v-c8dc13fb]{border-width:0px;border-radius:var(--radius-none);background-color:transparent}.search.md .icon-container[data-v-c8dc13fb]{width:calc(var(--spacing) * 6)}.search.md input[data-v-c8dc13fb]{font-size:var(--text-sm-fontSize);line-height:var(--un-leading, var(--text-sm-lineHeight));padding-inline:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6)}.search.md .clear[data-v-c8dc13fb],.search.lg .icon-container[data-v-c8dc13fb]{width:calc(var(--spacing) * 6)}.search.lg input[data-v-c8dc13fb]{font-size:var(--text-sm-fontSize);line-height:var(--un-leading, var(--text-sm-lineHeight));padding-inline:calc(var(--spacing) * 6);height:calc(var(--spacing) * 7)}.search.lg .clear[data-v-c8dc13fb],.search.xl .icon-container[data-v-c8dc13fb]{width:calc(var(--spacing) * 6)}.search.xl input[data-v-c8dc13fb]{font-size:var(--text-sm-fontSize);line-height:var(--un-leading, var(--text-sm-lineHeight));padding-inline:calc(var(--spacing) * 6);height:calc(var(--spacing) * 8)}.search.xl .clear[data-v-c8dc13fb]{width:calc(var(--spacing) * 6)}.search .icon-container[data-v-c8dc13fb]{display:flex;align-items:center;justify-content:center;height:100%;left:calc(var(--spacing) * 0);top:calc(var(--spacing) * 0);bottom:calc(var(--spacing) * 0);position:absolute}.search .icon-container .icon[data-v-c8dc13fb]{color:color-mix(in srgb,var(--colors-zinc-500) var(--un-text-opacity),transparent)}@supports (color: color-mix(in lab,red,red)){.search .icon-container .icon[data-v-c8dc13fb]{color:color-mix(in oklab,var(--colors-zinc-500) var(--un-text-opacity),transparent)}}.dark .search .icon-container .icon[data-v-c8dc13fb]{color:color-mix(in srgb,var(--colors-zinc-400) var(--un-text-opacity),transparent)}@supports (color: color-mix(in lab,red,red)){.dark .search .icon-container .icon[data-v-c8dc13fb]{color:color-mix(in oklab,var(--colors-zinc-400) var(--un-text-opacity),transparent)}}.search .clear[data-v-c8dc13fb]{font-size:var(--text-sm-fontSize);line-height:var(--un-leading, var(--text-sm-lineHeight));color:color-mix(in srgb,var(--colors-zinc-500) var(--un-text-opacity),transparent);display:flex;align-items:center;justify-content:center;right:calc(var(--spacing) * 0);top:calc(var(--spacing) * 0);bottom:calc(var(--spacing) * 0);position:absolute}@supports (color: color-mix(in lab,red,red)){.search .clear[data-v-c8dc13fb]{color:color-mix(in oklab,var(--colors-zinc-500) var(--un-text-opacity),transparent)}}.dark .search .clear[data-v-c8dc13fb]{color:color-mix(in srgb,var(--colors-zinc-400) var(--un-text-opacity),transparent)}@supports (color: color-mix(in lab,red,red)){.dark .search .clear[data-v-c8dc13fb]{color:color-mix(in oklab,var(--colors-zinc-400) var(--un-text-opacity),transparent)}}.search .clear[data-v-c8dc13fb]:hover{color:color-mix(in srgb,var(--colors-zinc-900) var(--un-text-opacity),transparent);cursor:pointer}@supports (color: color-mix(in lab,red,red)){.search .clear[data-v-c8dc13fb]:hover{color:color-mix(in oklab,var(--colors-zinc-900) var(--un-text-opacity),transparent)}}.dark .search .clear[data-v-c8dc13fb]:hover{color:color-mix(in srgb,var(--colors-zinc-200) var(--un-text-opacity),transparent)}@supports (color: color-mix(in lab,red,red)){.dark .search .clear[data-v-c8dc13fb]:hover{color:color-mix(in oklab,var(--colors-zinc-200) var(--un-text-opacity),transparent)}}@property --un-text-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;syntax:"<percentage>";inherits:false;initial-value:100%;}.search .clear .icon[data-v-c8dc13fb]{width:.75rem;height:.75rem}.search input[data-v-c8dc13fb]{--un-outline-style:none;outline-style:none;height:100%}