.ccvaa-search{--ccvaa-search-bg:var(--ccvaa-color-surface-raised);--ccvaa-search-border-color:var(--ccvaa-color-border-secondary);--ccvaa-search-border-color-hover:var(--ccvaa-color-border-action);--ccvaa-search-border-color-focus:var(--ccvaa-color-action-primary);--ccvaa-search-border-width:var(--ccvaa-border-width-regular);--ccvaa-search-radius:var(--ccvaa-radius-md);--ccvaa-search-shadow:var(--ccvaa-shadow-sm);--ccvaa-search-min-block-size:var(--ccvaa-size-interaction);--ccvaa-search-gap:var(--ccvaa-gap-meta);--ccvaa-search-control-gap:var(--ccvaa-space-sm);--ccvaa-search-font-size:var(--ccvaa-type-body-size);--ccvaa-search-font-weight:var(--ccvaa-type-body-weight);--ccvaa-search-line-height:var(--ccvaa-line-height-body);--ccvaa-search-color:var(--ccvaa-color-text-primary);--ccvaa-search-label-font-size:var(--ccvaa-type-body-size);--ccvaa-search-label-font-weight:var(--ccvaa-font-weight-semibold);--ccvaa-search-label-color:var(--ccvaa-color-text-primary);--ccvaa-search-input-color:var(--ccvaa-color-text-primary);--ccvaa-search-input-placeholder-color:var(--ccvaa-color-text-secondary);--ccvaa-search-input-padding-block:var(--ccvaa-space-sm);--ccvaa-search-input-padding-inline:var(--ccvaa-space-md);--ccvaa-search-btn-bg:var(--ccvaa-color-action-primary);--ccvaa-search-btn-bg-hover:var(--ccvaa-color-action-primary-hover);--ccvaa-search-btn-color:var(--ccvaa-color-action-on-primary);--ccvaa-search-btn-radius:var(--ccvaa-radius-sm);--ccvaa-search-btn-font-size:var(--ccvaa-type-body-size);--ccvaa-search-btn-font-weight:var(--ccvaa-font-weight-semibold);--ccvaa-search-btn-padding-block:var(--ccvaa-space-sm);--ccvaa-search-btn-padding-inline:var(--ccvaa-space-lg);--ccvaa-search-btn-gap:var(--ccvaa-space-xs);--ccvaa-search-btn-margin:var(--ccvaa-space-xs);--ccvaa-icon-color:currentColor;--ccvaa-search-btn-icon-size:1.15em;--ccvaa-search-transition:var(--ccvaa-transition);--ccvaa-search-hint-color:var(--ccvaa-color-text-secondary)}.ccvaa-search{display:block;inline-size:100%;container:search / inline-size}.ccvaa-search__form{display:flex;flex-direction:column;gap:var(--ccvaa-search-gap);inline-size:100%}.ccvaa-search__label{color:var(--ccvaa-search-label-color);font-size:var(--ccvaa-search-label-font-size);font-weight:var(--ccvaa-search-label-font-weight);line-height:var(--ccvaa-search-line-height)}.ccvaa-search__control{position:relative;display:flex;align-items:center;inline-size:100%;min-block-size:var(--ccvaa-search-min-block-size);background:var(--ccvaa-search-bg);border:var(--ccvaa-search-border-width) solid var(--ccvaa-search-border-color);border-radius:var(--ccvaa-search-radius);box-shadow:var(--ccvaa-search-shadow);transition:border-color var(--ccvaa-search-transition)}.ccvaa-search__control:focus-within{border-color:var(--ccvaa-search-border-color-focus);box-shadow:var(--ccvaa-focus-ring)}.ccvaa-search__control:has(.ccvaa-search__submit:focus),.ccvaa-search__control:has(.ccvaa-search__submit:focus-visible){border-color:var(--ccvaa-search-border-color);box-shadow:var(--ccvaa-search-shadow)}.ccvaa-search__input{flex:1 1 auto;min-inline-size:0;min-block-size:var(--ccvaa-search-min-block-size);padding-block:var(--ccvaa-search-input-padding-block);padding-inline:var(--ccvaa-search-input-padding-inline);background:transparent;border:0;outline:0;box-shadow:none;border-radius:0;color:var(--ccvaa-search-input-color);font-family:inherit;font-size:var(--ccvaa-search-font-size);font-weight:var(--ccvaa-search-font-weight);line-height:inherit}.ccvaa-search__input:focus,.ccvaa-search__input:focus-visible{border:0;outline:0;box-shadow:none}.ccvaa-search__submit{display:inline-flex;align-items:center;justify-content:center;gap:var(--ccvaa-search-btn-gap);min-block-size:calc(var(--ccvaa-search-min-block-size) -
(var(--ccvaa-search-btn-margin) * 2));padding-block:var(--ccvaa-search-btn-padding-block);padding-inline:var(--ccvaa-search-btn-padding-inline);margin:var(--ccvaa-search-btn-margin);background:var(--ccvaa-search-btn-bg);color:var(--ccvaa-search-btn-color);border:0;border-radius:var(--ccvaa-search-btn-radius);box-shadow:none;font-family:inherit;font-size:var(--ccvaa-search-btn-font-size);font-weight:var(--ccvaa-search-btn-font-weight);cursor:pointer;white-space:nowrap;flex-shrink:0;transition:background var(--ccvaa-search-transition),background-color var(--ccvaa-search-transition)}.ccvaa-search__submit:hover{background:var(--ccvaa-search-btn-bg-hover)}.ccvaa-search__submit:focus-visible{outline:0;box-shadow:var(--ccvaa-focus-ring)}.ccvaa-search__btn-icon{inline-size:var(--ccvaa-search-btn-icon-size);block-size:var(--ccvaa-search-btn-icon-size)}@container search (max-width:18rem){.ccvaa-search__btn-text{display:none}.ccvaa-search__submit{padding-inline:var(--ccvaa-search-btn-padding-block)}}@container search (min-width:30rem){.ccvaa-search__control{background:transparent;border:0;box-shadow:none;gap:var(--ccvaa-search-control-gap)}.ccvaa-search__control:focus-within{box-shadow:none;border-color:transparent}.ccvaa-search__control:has(.ccvaa-search__submit:focus),.ccvaa-search__control:has(.ccvaa-search__submit:focus-visible){box-shadow:none;border-color:transparent}.ccvaa-search__input{background:var(--ccvaa-search-bg);border:var(--ccvaa-search-border-width) solid var(--ccvaa-search-border-color);border-radius:var(--ccvaa-search-radius);box-shadow:var(--ccvaa-search-shadow);transition:border-color var(--ccvaa-search-transition)}.ccvaa-search__input:hover{border-color:var(--ccvaa-search-border-color-hover)}.ccvaa-search__input:focus,.ccvaa-search__input:focus-visible{outline:0;border-color:var(--ccvaa-search-border-color-focus);box-shadow:var(--ccvaa-focus-ring)}.ccvaa-search__submit{min-block-size:var(--ccvaa-search-min-block-size);margin:0;border-radius:var(--ccvaa-search-radius);box-shadow:var(--ccvaa-search-shadow)}}