@layer clickui {.svg-wrapper__fkBYp {
  display: flex;
  padding: 0;
  align-items: center;
  border-radius: var(--border-radii-full);
  background: var(--click-icon-color-background-default);
  color: var(--svg-icon-color, currentcolor);
}

.svg-wrapper__fkBYp svg {
  width: var(--svg-width, var(--click-image-md-size-width));
  height: var(--svg-height, var(--click-image-md-size-height));
}

.svg-wrapper__fkBYp :is(path[stroke], svg[stroke]:not([stroke='none']), rect[stroke], circle[fill]) {
  stroke: var(--svg-icon-color, currentcolor);
}

.svg-wrapper__fkBYp :is(path[fill], svg[fill]:not([fill='none']), rect[fill], circle[fill]) {
  fill: var(--svg-icon-color, currentcolor);
}

.svg-wrapper_size_xs__iu6Dh {
  --svg-state-padding: var(--click-icon-space-xs-all);
}

.svg-wrapper_size_xs__iu6Dh svg {
  width: var(--svg-width, var(--click-image-xs-size-width));
  height: var(--svg-height, var(--click-image-xs-size-height));
}

.svg-wrapper_size_sm__vPYwD {
  --svg-state-padding: var(--click-icon-space-sm-all);
}

.svg-wrapper_size_sm__vPYwD svg {
  width: var(--svg-width, var(--click-image-sm-size-width));
  height: var(--svg-height, var(--click-image-sm-size-height));
}

.svg-wrapper_size_md__XKE27 {
  --svg-state-padding: var(--click-icon-space-md-all);
}

.svg-wrapper_size_md__XKE27 svg {
  width: var(--svg-width, var(--click-image-md-size-width));
  height: var(--svg-height, var(--click-image-md-size-height));
}

.svg-wrapper_size_lg__71xI0 {
  --svg-state-padding: var(--click-icon-space-lg-all);
}

.svg-wrapper_size_lg__71xI0 svg {
  width: var(--svg-width, var(--click-image-lg-size-width));
  height: var(--svg-height, var(--click-image-lg-size-height));
}

.svg-wrapper_size_xl__tOVHR {
  --svg-state-padding: var(--click-icon-space-xl-all);
}

.svg-wrapper_size_xl__tOVHR svg {
  width: var(--svg-width, var(--click-image-xl-size-width));
  height: var(--svg-height, var(--click-image-xl-size-height));
}

.svg-wrapper_size_xxl__pKrjr {
  --svg-state-padding: var(--click-icon-space-xxl-all);
}

.svg-wrapper_size_xxl__pKrjr svg {
  width: var(--svg-width, var(--click-image-xxl-size-width));
  height: var(--svg-height, var(--click-image-xxl-size-height));
}

.svg-wrapper_state_success__SG0rW {
  padding: var(--svg-state-padding, var(--click-icon-space-md-all));
  background: var(--click-icon-color-background-success);
  color: var(--click-icon-color-text-success);
}

.svg-wrapper_state_warning__hzZtU {
  padding: var(--svg-state-padding, var(--click-icon-space-md-all));
  background: var(--click-icon-color-background-warning);
  color: var(--click-icon-color-text-warning);
}

.svg-wrapper_state_danger__eGGpB {
  padding: var(--svg-state-padding, var(--click-icon-space-md-all));
  background: var(--click-icon-color-background-danger);
  color: var(--click-icon-color-text-danger);
}

.svg-wrapper_state_info__VNIFj {
  padding: var(--svg-state-padding, var(--click-icon-space-md-all));
  background: var(--click-icon-color-background-info);
  color: var(--click-icon-color-text-info);
}

.svg-image__X4D5L {
  display: flex;
  align-items: center;
}

.svg-image_size_xs__3cjNj {
  width: var(--click-image-xs-size-width);
  height: var(--click-image-xs-size-height);
}

.svg-image_size_sm__2nj5- {
  width: var(--click-image-sm-size-width);
  height: var(--click-image-sm-size-height);
}

.svg-image_size_md__VlGV0 {
  width: var(--click-image-md-size-width);
  height: var(--click-image-md-size-height);
}

.svg-image_size_lg__AwS66 {
  width: var(--click-image-lg-size-width);
  height: var(--click-image-lg-size-height);
}

.svg-image_size_xl__cAmRV {
  width: var(--click-image-xl-size-width);
  height: var(--click-image-xl-size-height);
}

.svg-image_size_xxl__oaQUY {
  width: var(--click-image-xxl-size-width);
  height: var(--click-image-xxl-size-height);
}
}