@itwin/itwinui-css 0.61.0 → 1.0.0-dev.0

package/css/inputs.css

@@ -1,1339 +0,0 @@
-/*---------------------------------------------------------------------------------------------
- * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
- * See LICENSE.md in the project root for license terms and full copyright notice.
- *--------------------------------------------------------------------------------------------*/
-.iui-input-container{
-  margin:0;
-  padding:0;
-  border:none;
-  vertical-align:baseline;
-  display:-ms-grid;
-  display:grid;
-  -ms-grid-rows: auto auto;
-  -ms-grid-columns: auto 1fr;
-      grid-template:"label label" "inputs inputs"/auto 1fr;
-  cursor:default;
-}
-.iui-input-container.iui-inline-icon:not(.iui-inline-label) > .iui-input-icon{
-  -ms-grid-row:2;
-  -ms-grid-column:2;
-}
-.iui-input-container.iui-inline-icon > .iui-input,
-.iui-input-container.iui-inline-icon > .iui-textarea{
-  padding-right:40px;
-}
-.iui-input-container.iui-inline-icon > .iui-input:last-child,
-.iui-input-container.iui-inline-icon > .iui-textarea:last-child{
-  padding-right:12px;
-}
-.iui-input-container.iui-with-message{
-  -ms-grid-rows: auto auto auto;
-  -ms-grid-columns: auto 1fr;
-      grid-template:"label label" "inputs inputs" "icon message"/auto 1fr;
-}
-.iui-input-container.iui-with-message:not(.iui-inline-icon) > .iui-input-icon{
-  margin-top:3px;
-}
-.iui-input-container .iui-input,
-.iui-input-container .iui-input-with-icon,
-.iui-input-container .iui-textarea,
-.iui-input-container .iui-input-group{
-  -ms-grid-row:2;
-  -ms-grid-column:1;
-  -ms-grid-column-span:2;
-  grid-area:inputs;
-  -ms-grid-row:2;
-  -ms-grid-column:1;
-  -ms-grid-column-span:2;
-}
-.iui-input-container .iui-input-group .iui-toggle-switch-wrapper{
-  padding:6px 0;
-}
-label.iui-input-container{
-  cursor:pointer;
-}
-label.iui-input-container.iui-disabled{
-  cursor:not-allowed;
-}
-
-.iui-input-container.iui-disabled label{
-  cursor:not-allowed;
-}
-.iui-input-container .iui-checkbox-wrapper,
-.iui-input-container .iui-radio-wrapper{
-  min-height:22px;
-}
-.iui-input-container.iui-inline-label{
-  -ms-grid-rows: auto;
-  -ms-grid-columns: auto 1fr auto;
-      grid-template:"label inputs icon"/auto 1fr auto;
-}
-div.iui-input-container.iui-inline-label{
-  -ms-grid-columns:auto min-content auto;
-}
-
-.iui-input-container.iui-inline-label .iui-input,
-.iui-input-container.iui-inline-label .iui-input-with-icon,
-.iui-input-container.iui-inline-label .iui-textarea,
-.iui-input-container.iui-inline-label .iui-input-group{
-  -ms-grid-row:1;
-  -ms-grid-column:2;
-}
-.iui-input-container.iui-inline-label .iui-input-icon{
-  -ms-grid-row:1;
-  -ms-grid-column:3;
-}
-.iui-input-container.iui-inline-label.iui-with-message{
-  -ms-grid-rows: auto auto;
-  -ms-grid-columns: auto auto 1fr;
-      grid-template:"label inputs inputs" ". icon message"/auto auto 1fr;
-}
-.iui-input-container.iui-inline-label.iui-with-message:not(.iui-inline-icon) > .iui-input-icon{
-  -ms-grid-row:2;
-  -ms-grid-column:2;
-}
-.iui-input-container.iui-inline-label.iui-with-message .iui-message{
-  -ms-grid-row:2;
-  -ms-grid-column:3;
-}
-.iui-input-container.iui-inline-label > .iui-input-group{
-  display:flex;
-  gap:16px;
-}
-.iui-input-container.iui-inline-label > .iui-input-group > .iui-checkbox-wrapper,
-.iui-input-container.iui-inline-label > .iui-input-group > .iui-radio-wrapper,
-.iui-input-container.iui-inline-label > .iui-input-group > .iui-toggle-switch-wrapper{
-  margin-right:16px;
-}
-@supports (gap: 16px){
-  .iui-input-container.iui-inline-label > .iui-input-group > .iui-checkbox-wrapper,
-.iui-input-container.iui-inline-label > .iui-input-group > .iui-radio-wrapper,
-.iui-input-container.iui-inline-label > .iui-input-group > .iui-toggle-switch-wrapper{
-    margin-right:0;
-  }
-}
-.iui-input-container.iui-inline-label > .iui-input-group:not(:last-child){
-  margin-right:16px;
-}
-.iui-input-container > .iui-label{
-  -ms-grid-row:1;
-  -ms-grid-column:1;
-  -ms-grid-column-span:2;
-  font-weight:600;
-  margin-bottom:3px;
-  grid-area:label;
-  -ms-grid-row-align:center;
-      align-self:center;
-}
-.iui-input-container > .iui-label.iui-required::after{
-  content:"*";
-  margin-left:4px;
-  color:#d10a0a;
-  color:var(--iui-color-foreground-negative);
-}
-.iui-input-container .iui-input-icon{
-  -ms-grid-row:3;
-  -ms-grid-column:1;
-  display:flex;
-  grid-area:icon;
-  width:16px;
-  height:16px;
-  -ms-grid-row-align:center;
-      align-self:center;
-  fill:rgba(0, 0, 0, 0.4);
-  fill:var(--iui-icons-color);
-}
-.iui-input-container .iui-input-icon:not(:last-child){
-  margin-right:4px;
-}
-.iui-input-container .iui-message{
-  -ms-grid-row:3;
-  -ms-grid-column:2;
-  font-size:12px;
-  grid-area:message;
-  margin-top:3px;
-  color:rgba(0, 0, 0, 0.4);
-  color:var(--iui-text-color-muted);
-}
-.iui-input-container .iui-message a{
-  -webkit-user-select:none;
-     -moz-user-select:none;
-      -ms-user-select:none;
-          user-select:none;
-}
-.iui-input-container.iui-inline-icon > .iui-input-icon{
-  -ms-grid-row:1;
-  -ms-grid-column:3;
-  grid-area:inputs;
-  -ms-grid-column-align:end;
-      justify-self:end;
-  margin:0 14px 0 0;
-  position:relative;
-}
-.iui-input-container.iui-inline-icon > .iui-input-icon svg{
-  width:16px;
-  height:16px;
-}
-.iui-input-container.iui-inline-icon > .iui-input-icon.iui-button{
-  height:100%;
-  width:-webkit-fit-content;
-  width:-moz-fit-content;
-  width:fit-content;
-  margin-right:0;
-  border-top-left-radius:0;
-  border-bottom-left-radius:0;
-  border-top-right-radius:inherit;
-  border-bottom-right-radius:inherit;
-}
-.iui-input-container.iui-inline-icon > .iui-input-icon.iui-actionable{
-  align-items:center;
-  height:90%;
-  margin-right:2px;
-  padding:0 12px;
-  cursor:pointer;
-  background-position:center;
-  transition:background 0.4s ease-out;
-}
-.iui-input-container.iui-inline-icon > .iui-input-icon.iui-actionable:hover{
-  background:var(--iui-color-background-1) radial-gradient(circle, transparent 1%, var(--iui-color-background-1) 1%) center/15000%;
-}
-.iui-input-container.iui-inline-icon > .iui-input-icon.iui-actionable:active{
-  background-color:var(--iui-color-background-2);
-  background-size:100%;
-  transition:background 0s;
-}
-.iui-input-container.iui-inline-icon > .iui-input-icon.iui-actionable svg{
-  fill:rgba(0, 0, 0, 0.8);
-  fill:var(--iui-icons-color-actionable);
-  transition:transform 0.2s ease-out;
-}
-.iui-input-container.iui-inline-icon > .iui-input-icon.iui-actionable.iui-open svg{
-  transform:rotate(180deg);
-}
-.iui-input-container.iui-inline-icon > .iui-input-icon.iui-disabled{
-  cursor:not-allowed;
-}
-.iui-input-container.iui-inline-icon > .iui-input-icon.iui-disabled svg{
-  fill:rgba(0, 0, 0, 0.2);
-  fill:var(--iui-icons-color-actionable-disabled);
-}
-.iui-input-container.iui-inline-label > .iui-label{
-  margin:0 16px 0 0;
-  -ms-grid-column-span:1;
-}
-.iui-input-container.iui-inline-label > .iui-label.iui-required{
-  margin-right:6px;
-}
-.iui-input-container.iui-positive::-moz-selection, .iui-input-container.iui-positive *::-moz-selection{
-  background-color:rgba(83, 162, 26, 0.2);
-  background-color:rgba(var(--iui-color-foreground-positive-rgb), var(--iui-opacity-5));
-}
-.iui-input-container.iui-positive::selection,
-.iui-input-container.iui-positive *::selection{
-  background-color:rgba(83, 162, 26, 0.2);
-  background-color:rgba(var(--iui-color-foreground-positive-rgb), var(--iui-opacity-5));
-}
-.iui-input-container.iui-positive .iui-input-icon{
-  fill:#53a21a;
-  fill:var(--iui-color-foreground-positive);
-}
-.iui-input-container.iui-positive .iui-message{
-  color:#53a21a;
-  color:var(--iui-color-foreground-positive);
-}
-.iui-input-container.iui-positive .iui-message a{
-  text-decoration:underline;
-  color:#53a21a;
-  color:var(--iui-color-foreground-positive);
-}
-.iui-input-container.iui-positive .iui-message a:hover{
-  text-decoration:none;
-  color:#3d7613;
-  color:var(--iui-color-foreground-positive-overlay);
-}
-.iui-input-container.iui-positive .iui-input,
-.iui-input-container.iui-positive .iui-textarea{
-  padding-bottom:6px;
-  border-bottom:2px solid #53a21a;
-  border-bottom:2px solid var(--iui-color-foreground-positive);
-}
-.iui-input-container.iui-positive .iui-input.iui-small,
-.iui-input-container.iui-positive .iui-textarea.iui-small{
-  padding-bottom:0.5px;
-}
-.iui-input-container.iui-positive .iui-input.iui-large,
-.iui-input-container.iui-positive .iui-textarea.iui-large{
-  padding-bottom:11.5px;
-}
-.iui-input-container.iui-positive .iui-input:focus,
-.iui-input-container.iui-positive .iui-textarea:focus{
-  border-bottom:2px solid #53a21a;
-  outline:2px solid #53a21a;
-  outline-offset:-2px;
-  border-bottom:2px solid var(--iui-color-foreground-positive);
-  outline:2px solid var(--iui-color-foreground-positive);
-  outline-offset:-2px;
-}
-.iui-input-container.iui-positive .iui-input-with-icon{
-  --_hover-color:var(--iui-color-foreground-positive);
-  --_focus-color:var(--iui-color-foreground-positive);
-}
-.iui-input-container.iui-positive .iui-select-button{
-  border-bottom:transparent;
-}
-.iui-input-container.iui-positive .iui-select-button::after{
-  content:"";
-  width:100%;
-  position:absolute;
-  bottom:0;
-  left:0;
-  height:2px;
-  background-color:#53a21a;
-  background-color:var(--iui-color-foreground-positive);
-}
-.iui-input-container.iui-negative::-moz-selection, .iui-input-container.iui-negative *::-moz-selection{
-  background-color:rgba(209, 10, 10, 0.2);
-  background-color:rgba(var(--iui-color-foreground-negative-rgb), var(--iui-opacity-5));
-}
-.iui-input-container.iui-negative::selection,
-.iui-input-container.iui-negative *::selection{
-  background-color:rgba(209, 10, 10, 0.2);
-  background-color:rgba(var(--iui-color-foreground-negative-rgb), var(--iui-opacity-5));
-}
-.iui-input-container.iui-negative .iui-input-icon{
-  fill:#d10a0a;
-  fill:var(--iui-color-foreground-negative);
-}
-.iui-input-container.iui-negative .iui-message{
-  color:#d10a0a;
-  color:var(--iui-color-foreground-negative);
-}
-.iui-input-container.iui-negative .iui-message a{
-  text-decoration:underline;
-  color:#d10a0a;
-  color:var(--iui-color-foreground-negative);
-}
-.iui-input-container.iui-negative .iui-message a:hover{
-  text-decoration:none;
-  color:#a10808;
-  color:var(--iui-color-foreground-negative-overlay);
-}
-.iui-input-container.iui-negative .iui-input,
-.iui-input-container.iui-negative .iui-textarea{
-  padding-bottom:6px;
-  border-bottom:2px solid #d10a0a;
-  border-bottom:2px solid var(--iui-color-foreground-negative);
-}
-.iui-input-container.iui-negative .iui-input.iui-small,
-.iui-input-container.iui-negative .iui-textarea.iui-small{
-  padding-bottom:0.5px;
-}
-.iui-input-container.iui-negative .iui-input.iui-large,
-.iui-input-container.iui-negative .iui-textarea.iui-large{
-  padding-bottom:11.5px;
-}
-.iui-input-container.iui-negative .iui-input:focus,
-.iui-input-container.iui-negative .iui-textarea:focus{
-  border-bottom:2px solid #d10a0a;
-  outline:2px solid #d10a0a;
-  outline-offset:-2px;
-  border-bottom:2px solid var(--iui-color-foreground-negative);
-  outline:2px solid var(--iui-color-foreground-negative);
-  outline-offset:-2px;
-}
-.iui-input-container.iui-negative .iui-input-with-icon{
-  --_hover-color:var(--iui-color-foreground-negative);
-  --_focus-color:var(--iui-color-foreground-negative);
-}
-.iui-input-container.iui-negative .iui-select-button{
-  border-bottom:transparent;
-}
-.iui-input-container.iui-negative .iui-select-button::after{
-  content:"";
-  width:100%;
-  position:absolute;
-  bottom:0;
-  left:0;
-  height:2px;
-  background-color:#d10a0a;
-  background-color:var(--iui-color-foreground-negative);
-}
-.iui-input-container.iui-warning::-moz-selection, .iui-input-container.iui-warning *::-moz-selection{
-  background-color:rgba(241, 141, 19, 0.2);
-  background-color:rgba(var(--iui-color-foreground-warning-rgb), var(--iui-opacity-5));
-}
-.iui-input-container.iui-warning::selection,
-.iui-input-container.iui-warning *::selection{
-  background-color:rgba(241, 141, 19, 0.2);
-  background-color:rgba(var(--iui-color-foreground-warning-rgb), var(--iui-opacity-5));
-}
-.iui-input-container.iui-warning .iui-input-icon{
-  fill:#f18d13;
-  fill:var(--iui-color-foreground-warning);
-}
-.iui-input-container.iui-warning .iui-message{
-  color:#f18d13;
-  color:var(--iui-color-foreground-warning);
-}
-.iui-input-container.iui-warning .iui-message a{
-  text-decoration:underline;
-  color:#f18d13;
-  color:var(--iui-color-foreground-warning);
-}
-.iui-input-container.iui-warning .iui-message a:hover{
-  text-decoration:none;
-  color:#c6720c;
-  color:var(--iui-color-foreground-warning-overlay);
-}
-.iui-input-container.iui-warning .iui-input,
-.iui-input-container.iui-warning .iui-textarea{
-  padding-bottom:6px;
-  border-bottom:2px solid #f18d13;
-  border-bottom:2px solid var(--iui-color-foreground-warning);
-}
-.iui-input-container.iui-warning .iui-input.iui-small,
-.iui-input-container.iui-warning .iui-textarea.iui-small{
-  padding-bottom:0.5px;
-}
-.iui-input-container.iui-warning .iui-input.iui-large,
-.iui-input-container.iui-warning .iui-textarea.iui-large{
-  padding-bottom:11.5px;
-}
-.iui-input-container.iui-warning .iui-input:focus,
-.iui-input-container.iui-warning .iui-textarea:focus{
-  border-bottom:2px solid #f18d13;
-  outline:2px solid #f18d13;
-  outline-offset:-2px;
-  border-bottom:2px solid var(--iui-color-foreground-warning);
-  outline:2px solid var(--iui-color-foreground-warning);
-  outline-offset:-2px;
-}
-.iui-input-container.iui-warning .iui-input-with-icon{
-  --_hover-color:var(--iui-color-foreground-warning);
-  --_focus-color:var(--iui-color-foreground-warning);
-}
-.iui-input-container.iui-warning .iui-select-button{
-  border-bottom:transparent;
-}
-.iui-input-container.iui-warning .iui-select-button::after{
-  content:"";
-  width:100%;
-  position:absolute;
-  bottom:0;
-  left:0;
-  height:2px;
-  background-color:#f18d13;
-  background-color:var(--iui-color-foreground-warning);
-}
-
-.iui-input-label{
-  font-weight:600;
-  margin-bottom:3px;
-  cursor:default;
-  display:block;
-}
-.iui-input-label.iui-required::after{
-  content:"*";
-  margin-left:4px;
-  color:#d10a0a;
-  color:var(--iui-color-foreground-negative);
-}
-label.iui-input-label{
-  cursor:pointer;
-}
-label.iui-input-label.iui-disabled{
-  cursor:not-allowed;
-}
-
-.iui-input-label.iui-inline{
-  margin:0 16px 0 0;
-  -ms-grid-column-span:1;
-  display:inline-flex;
-  align-items:center;
-}
-.iui-input-label.iui-inline.iui-required{
-  margin-right:6px;
-}
-
-.iui-input{
-  margin:0;
-  padding:0;
-  border:none;
-  vertical-align:baseline;
-  width:100%;
-  font-family:inherit;
-  font-size:14px;
-  font-weight:400;
-  line-height:22px;
-  border-radius:4px;
-  -webkit-appearance:none;
-     -moz-appearance:none;
-          appearance:none;
-  box-sizing:border-box;
-  padding:7px 12px;
-  min-height:38px;
-  color:rgba(0, 0, 0, 0.8);
-  background-color:white;
-  border:1px solid rgba(0, 0, 0, 0.4);
-  color:var(--iui-text-color);
-  background-color:var(--iui-color-background-1);
-  border:1px solid rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4));
-}
-.iui-input:focus-visible{
-  outline:2px solid var(--iui-color-foreground-primary);
-  outline-offset:-2px;
-}
-@supports not selector(*:focus-visible){
-  .iui-input:focus{
-    outline:2px solid var(--iui-color-foreground-primary);
-    outline-offset:-2px;
-  }
-}
-@media (prefers-reduced-motion: no-preference){
-  .iui-input{
-    transition:border-color 0.2s ease-out;
-  }
-}
-.iui-input.iui-small{
-  padding-top:1.5px;
-  padding-bottom:1.5px;
-  min-height:27px;
-}
-.iui-input.iui-large{
-  padding-top:12.5px;
-  padding-bottom:12.5px;
-  min-height:49px;
-  font-size:16px;
-}
-.iui-input::-moz-placeholder{
-  -moz-user-select:none;
-       user-select:none;
-  color:rgba(0, 0, 0, 0.2);
-  color:var(--iui-text-color-placeholder);
-}
-.iui-input:-ms-input-placeholder{
-  -ms-user-select:none;
-      user-select:none;
-  color:rgba(0, 0, 0, 0.2);
-  color:var(--iui-text-color-placeholder);
-}
-.iui-input::placeholder{
-  -webkit-user-select:none;
-     -moz-user-select:none;
-      -ms-user-select:none;
-          user-select:none;
-  color:rgba(0, 0, 0, 0.2);
-  color:var(--iui-text-color-placeholder);
-}
-.iui-input:-webkit-autofill{
-  border-color:#008ae0;
-  color:#008ae0;
-  background:linear-gradient(rgba(0, 138, 224, 0.1), rgba(0, 138, 224, 0.1)), linear-gradient(white, white);
-  border-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-1));
-  color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-1));
-  background:linear-gradient(rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6)), rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6))), linear-gradient(var(--iui-color-background-1), var(--iui-color-background-1));
-}
-.iui-input:autofill{
-  border-color:#008ae0;
-  color:#008ae0;
-  background:linear-gradient(rgba(0, 138, 224, 0.1), rgba(0, 138, 224, 0.1)), linear-gradient(white, white);
-  border-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-1));
-  color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-1));
-  background:linear-gradient(rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6)), rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6))), linear-gradient(var(--iui-color-background-1), var(--iui-color-background-1));
-}
-.iui-input:hover{
-  border-color:rgba(0, 0, 0, 0.8);
-  border-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2));
-}
-@media (prefers-reduced-motion: no-preference){
-  .iui-input:hover{
-    transition:border-color 0.2s ease-out;
-  }
-}
-.iui-input[disabled]{
-  background-color:#edeff2;
-  border-color:#edeff2;
-  background-color:var(--iui-color-background-disabled);
-  border-color:var(--iui-color-background-disabled);
-  cursor:not-allowed;
-  --_hover-color:var(--iui-color-background-disabled);
-}
-
-.iui-select-button{
-  width:100%;
-  margin:0;
-  border-radius:4px;
-  box-sizing:border-box;
-  padding:7px 12px;
-  min-height:38px;
-  transition:border-color 0.2s ease-out;
-  display:flex;
-  align-items:center;
-  -webkit-user-select:none;
-     -moz-user-select:none;
-      -ms-user-select:none;
-          user-select:none;
-  position:relative;
-  overflow:hidden;
-  color:rgba(0, 0, 0, 0.8);
-  background-color:white;
-  border:1px solid rgba(0, 0, 0, 0.4);
-  color:var(--iui-text-color);
-  background-color:var(--iui-color-background-1);
-  border:1px solid rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4));
-}
-.iui-select-button:focus-visible{
-  outline:2px solid var(--iui-color-foreground-primary);
-  outline-offset:-2px;
-}
-@supports not selector(*:focus-visible){
-  .iui-select-button:focus{
-    outline:2px solid var(--iui-color-foreground-primary);
-    outline-offset:-2px;
-  }
-}
-.iui-select-button.iui-small{
-  padding-top:1.5px;
-  padding-bottom:1.5px;
-  min-height:27px;
-}
-.iui-select-button.iui-large{
-  padding-top:12.5px;
-  padding-bottom:12.5px;
-  min-height:49px;
-  font-size:16px;
-}
-.iui-select-button.iui-disabled{
-  background-color:#edeff2;
-  border-color:#edeff2;
-  background-color:var(--iui-color-background-disabled);
-  border-color:var(--iui-color-background-disabled);
-  --_hover-color:var(--iui-color-background-disabled);
-  cursor:not-allowed;
-}
-.iui-select-button .iui-icon{
-  width:16px;
-  height:16px;
-  flex:0 0 auto;
-  fill:rgba(0, 0, 0, 0.8);
-  fill:var(--iui-icons-color-actionable);
-  fill:currentColor;
-}
-.iui-select-button .iui-icon + .iui-content{
-  margin-left:8px;
-}
-.iui-select-button .iui-content{
-  overflow:hidden;
-  white-space:nowrap;
-  text-overflow:ellipsis;
-}
-.iui-select-button.iui-placeholder{
-  color:rgba(0, 0, 0, 0.2);
-  color:var(--iui-text-color-placeholder);
-}
-
-.iui-select-tag-container{
-  position:absolute;
-  inset:0 40px 0 12px;
-  height:100%;
-  display:flex;
-  align-items:center;
-  gap:4px;
-  overflow:hidden;
-}
-.iui-select-tag-container > * + *{
-  margin-left:4px;
-}
-@supports (gap: 4px){
-  .iui-select-tag-container > * + *{
-    margin-left:0;
-  }
-}
-
-.iui-select-tag{
-  -webkit-user-select:all;
-     -moz-user-select:all;
-          user-select:all;
-  text-transform:lowercase;
-  display:inline-flex;
-  height:33px;
-  margin-top:3px;
-  margin-bottom:3px;
-  border-radius:9999px;
-  box-sizing:border-box;
-  padding:0 2px;
-  align-items:center;
-  transition:border-color 0.2s ease-out;
-  font-size:14px;
-  text-transform:none;
-  cursor:default;
-  -webkit-tap-highlight-color:transparent;
-  border:1px solid rgba(0, 0, 0, 0.4);
-  background-color:white;
-  color:rgba(0, 0, 0, 0.8);
-  border:1px solid rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4));
-  background-color:var(--iui-color-background-1);
-  color:var(--iui-text-color);
-  margin-top:0;
-  margin-bottom:0;
-  display:inline-flex;
-  align-items:center;
-  height:80%;
-  max-height:33px;
-}
-.iui-select-tag:hover{
-  border-color:black;
-  border-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-1));
-}
-
-.iui-select-tag-label{
-  margin:0;
-  padding:0;
-  border:none;
-  vertical-align:baseline;
-  font-size:14px;
-  font-weight:400;
-  line-height:22px;
-  white-space:nowrap;
-  text-overflow:ellipsis;
-  overflow:hidden;
-  margin:0 4px 0 8px;
-  display:inline-flex;
-  align-items:center;
-}
-.iui-select-tag-label:only-child{
-  margin:0 8px;
-}
-.iui-select-button.iui-small .iui-select-tag-label{
-  font-size:12px;
-  line-height:16px;
-}
-
-.iui-select-tag-button{
-  --_iui-button-active-stripe-inset:initial;
-  --_iui-button-text-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2));
-  margin:0;
-  padding:0;
-  border:none;
-  vertical-align:baseline;
-  font-family:inherit;
-  display:inline-flex;
-  align-items:center;
-  vertical-align:middle;
-  justify-content:center;
-  position:relative;
-  box-sizing:border-box;
-  border-radius:4px;
-  line-height:22px;
-  box-shadow:none;
-  font-size:14px;
-  font-weight:400;
-  text-decoration:none;
-  -webkit-user-select:none;
-     -moz-user-select:none;
-      -ms-user-select:none;
-          user-select:none;
-  cursor:pointer;
-  white-space:nowrap;
-  border:1px solid transparent;
-  color:rgba(0, 0, 0, 0.8);
-  color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2));
-  color:var(--_iui-button-text-color);
-  border-color:transparent;
-  background-color:transparent;
-  padding:0 8px;
-  height:38px;
-  gap:8px;
-  border-radius:50%;
-  padding:0 4px;
-  height:100%;
-  aspect-ratio:1/1;
-}
-@media (prefers-reduced-motion: no-preference){
-  .iui-select-tag-button{
-    transition:color 0.2s ease-out, background-color 0.2s ease-out, border-color 0.2s ease-out;
-  }
-}
-.iui-select-tag-button:hover{
-  --_iui-button-text-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-1));
-  text-decoration:none;
-}
-.iui-select-tag-button:focus-visible{
-  outline:1px solid var(--iui-color-foreground-primary);
-  outline-offset:-1px;
-}
-@supports not selector(*:focus-visible){
-  .iui-select-tag-button:focus{
-    outline:1px solid var(--iui-color-foreground-primary);
-    outline-offset:-1px;
-  }
-}
-.iui-select-tag-button[disabled], .iui-select-tag-button:disabled{
-  cursor:not-allowed;
-  background:#edeff2;
-  border-color:#edeff2;
-  color:rgba(0, 0, 0, 0.2);
-  background:var(--iui-color-background-disabled);
-  border-color:var(--iui-color-background-disabled);
-  color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5));
-}
-.iui-select-tag-button > .iui-button-icon:only-child{
-  margin-left:3px;
-  margin-right:3px;
-}
-.iui-select-tag-button:hover{
-  background-color:rgba(0, 0, 0, 0.1);
-  border-color:transparent;
-  background-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-6));
-  border-color:transparent;
-}
-.iui-select-tag-button.iui-active{
-  background-color:rgba(0, 138, 224, 0.1);
-  color:#008ae0;
-  background-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6));
-  color:var(--iui-color-foreground-primary);
-  border-color:transparent;
-}
-.iui-select-tag-button[disabled], .iui-select-tag-button:disabled{
-  cursor:not-allowed;
-  background:#edeff2;
-  border-color:#edeff2;
-  color:rgba(0, 0, 0, 0.2);
-  background:var(--iui-color-background-disabled);
-  border-color:var(--iui-color-background-disabled);
-  color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5));
-  background-color:transparent;
-  border-color:transparent;
-  background-color:transparent;
-  border-color:transparent;
-}
-.iui-select-tag-button[disabled].iui-active, .iui-select-tag-button:disabled.iui-active{
-  background-color:rgba(0, 0, 0, 0.05);
-  background-color:rgba(var(--iui-color-foreground-body-rgb), 0.05);
-}
-.iui-select-button.iui-small .iui-select-tag-button{
-  font-size:12px;
-  line-height:16px;
-}
-
-.iui-select-tag-button-icon{
-  width:16px;
-  height:16px;
-  transition:fill 0.2s ease-out;
-  fill:currentColor;
-  flex-shrink:0;
-}
-.iui-select-button.iui-small .iui-select-tag-button-icon{
-  width:12px;
-  height:12px;
-}
-
-.iui-textarea{
-  margin:0;
-  padding:0;
-  border:none;
-  vertical-align:baseline;
-  width:100%;
-  font-family:inherit;
-  font-size:14px;
-  font-weight:400;
-  line-height:22px;
-  border-radius:4px;
-  -webkit-appearance:none;
-     -moz-appearance:none;
-          appearance:none;
-  box-sizing:border-box;
-  padding:7px 12px;
-  min-height:38px;
-  color:rgba(0, 0, 0, 0.8);
-  background-color:white;
-  border:1px solid rgba(0, 0, 0, 0.4);
-  color:var(--iui-text-color);
-  background-color:var(--iui-color-background-1);
-  border:1px solid rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4));
-  resize:vertical;
-  min-height:38px;
-}
-.iui-textarea:focus-visible{
-  outline:2px solid var(--iui-color-foreground-primary);
-  outline-offset:-2px;
-}
-@supports not selector(*:focus-visible){
-  .iui-textarea:focus{
-    outline:2px solid var(--iui-color-foreground-primary);
-    outline-offset:-2px;
-  }
-}
-@media (prefers-reduced-motion: no-preference){
-  .iui-textarea{
-    transition:border-color 0.2s ease-out;
-  }
-}
-.iui-textarea.iui-small{
-  padding-top:1.5px;
-  padding-bottom:1.5px;
-  min-height:27px;
-}
-.iui-textarea.iui-large{
-  padding-top:12.5px;
-  padding-bottom:12.5px;
-  min-height:49px;
-  font-size:16px;
-}
-.iui-textarea::-moz-placeholder{
-  -moz-user-select:none;
-       user-select:none;
-  color:rgba(0, 0, 0, 0.2);
-  color:var(--iui-text-color-placeholder);
-}
-.iui-textarea:-ms-input-placeholder{
-  -ms-user-select:none;
-      user-select:none;
-  color:rgba(0, 0, 0, 0.2);
-  color:var(--iui-text-color-placeholder);
-}
-.iui-textarea::placeholder{
-  -webkit-user-select:none;
-     -moz-user-select:none;
-      -ms-user-select:none;
-          user-select:none;
-  color:rgba(0, 0, 0, 0.2);
-  color:var(--iui-text-color-placeholder);
-}
-.iui-textarea:-webkit-autofill{
-  border-color:#008ae0;
-  color:#008ae0;
-  background:linear-gradient(rgba(0, 138, 224, 0.1), rgba(0, 138, 224, 0.1)), linear-gradient(white, white);
-  border-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-1));
-  color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-1));
-  background:linear-gradient(rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6)), rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6))), linear-gradient(var(--iui-color-background-1), var(--iui-color-background-1));
-}
-.iui-textarea:autofill{
-  border-color:#008ae0;
-  color:#008ae0;
-  background:linear-gradient(rgba(0, 138, 224, 0.1), rgba(0, 138, 224, 0.1)), linear-gradient(white, white);
-  border-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-1));
-  color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-1));
-  background:linear-gradient(rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6)), rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6))), linear-gradient(var(--iui-color-background-1), var(--iui-color-background-1));
-}
-.iui-textarea:hover{
-  border-color:rgba(0, 0, 0, 0.8);
-  border-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2));
-}
-@media (prefers-reduced-motion: no-preference){
-  .iui-textarea:hover{
-    transition:border-color 0.2s ease-out;
-  }
-}
-.iui-textarea[disabled]{
-  background-color:#edeff2;
-  border-color:#edeff2;
-  background-color:var(--iui-color-background-disabled);
-  border-color:var(--iui-color-background-disabled);
-  cursor:not-allowed;
-  --_hover-color:var(--iui-color-background-disabled);
-}
-.iui-textarea[disabled], .iui-textarea[readonly]{
-  resize:none;
-}
-
-.iui-input-with-icon{
-  display:-ms-grid;
-  display:grid;
-  align-items:center;
-  cursor:pointer;
-}
-.iui-input-with-icon > :first-child{
-  -ms-grid-row:1;
-  grid-area:1/-1;
-  padding-right:40px;
-}
-.iui-input-with-icon:focus-within > :first-child{
-  outline:2px solid var(--_focus-color, var(--iui-color-foreground-primary));
-  outline-offset:-2px;
-}
-.iui-input-with-icon:hover > :first-child{
-  border-color:var(--_hover-color, rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2)));
-}
-
-.iui-end-icon{
-  -ms-grid-row:1;
-  -ms-grid-column:3;
-  grid-area:inputs;
-  -ms-grid-column-align:end;
-      justify-self:end;
-  margin:0 14px 0 0;
-  position:relative;
-  display:flex;
-  grid-area:1/-1;
-}
-.iui-end-icon svg{
-  width:16px;
-  height:16px;
-}
-.iui-end-icon.iui-button{
-  height:100%;
-  width:-webkit-fit-content;
-  width:-moz-fit-content;
-  width:fit-content;
-  margin-right:0;
-  border-top-left-radius:0;
-  border-bottom-left-radius:0;
-  border-top-right-radius:inherit;
-  border-bottom-right-radius:inherit;
-}
-.iui-end-icon.iui-actionable{
-  align-items:center;
-  height:90%;
-  margin-right:2px;
-  padding:0 12px;
-  cursor:pointer;
-  background-position:center;
-  transition:background 0.4s ease-out;
-}
-.iui-end-icon.iui-actionable:hover{
-  background:var(--iui-color-background-1) radial-gradient(circle, transparent 1%, var(--iui-color-background-1) 1%) center/15000%;
-}
-.iui-end-icon.iui-actionable:active{
-  background-color:var(--iui-color-background-2);
-  background-size:100%;
-  transition:background 0s;
-}
-.iui-end-icon.iui-actionable svg{
-  fill:rgba(0, 0, 0, 0.8);
-  fill:var(--iui-icons-color-actionable);
-  transition:transform 0.2s ease-out;
-}
-.iui-end-icon.iui-actionable.iui-open svg{
-  transform:rotate(180deg);
-}
-.iui-end-icon.iui-disabled{
-  cursor:not-allowed;
-}
-.iui-end-icon.iui-disabled svg{
-  fill:rgba(0, 0, 0, 0.2);
-  fill:var(--iui-icons-color-actionable-disabled);
-}
-
-.iui-checkbox{
-  --_iui-checkbox-checkmark-svg:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="m6.5 12.5-4.5-4.5 1.5-1.5 3 3 6-6 1.5 1.5z" /></svg>');
-  --_iui-checkbox-indeterminate-svg:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="m2.75 6.875h10.5v2.25h-10.5z" /></svg>');
-  --_iui-checkbox-unchecked-svg:url('data:image/svg+xml;utf8,<svg viewBox="0 0 16 16"></svg>');
-  --_iui-checkbox-svg-color:var(--iui-color-foreground-primary);
-  --_iui-checkbox-border-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4));
-  --_iui-checkbox-background-color:var(--iui-color-background-1);
-  --_iui-checkbox-mask-image:initial;
-  -webkit-appearance:none;
-     -moz-appearance:none;
-          appearance:none;
-  margin:0;
-  width:16px;
-  height:16px;
-  position:relative;
-  border-radius:4px;
-  background-color:var(--_iui-checkbox-background-color);
-  flex-shrink:0;
-  cursor:pointer;
-}
-.iui-checkbox-wrapper{
-  margin:0;
-  padding:0;
-  border:none;
-  vertical-align:baseline;
-  display:flex;
-  align-items:center;
-  font-size:14px;
-  width:-webkit-fit-content;
-  width:-moz-fit-content;
-  width:fit-content;
-  -webkit-user-select:none;
-     -moz-user-select:none;
-      -ms-user-select:none;
-          user-select:none;
-  position:relative;
-  cursor:pointer;
-  color:rgba(0, 0, 0, 0.8);
-  color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2));
-  gap:8px;
-}
-.iui-checkbox-wrapper > * + *{
-  margin-left:8px;
-}
-@supports (gap: 8px){
-  .iui-checkbox-wrapper > * + *{
-    margin-left:0;
-  }
-}
-.iui-checkbox-wrapper.iui-loading{
-  cursor:wait;
-  color:var(--iui-text-color-muted);
-}
-.iui-checkbox-wrapper > .iui-checkbox-label,
-.iui-checkbox-wrapper > .iui-radio-label{
-  display:flex;
-  align-items:center;
-}
-.iui-checkbox-wrapper > .iui-checkbox-label svg,
-.iui-checkbox-wrapper > .iui-radio-label svg{
-  width:16px;
-  height:16px;
-  vertical-align:middle;
-  fill:currentColor;
-}
-.iui-checkbox-wrapper.iui-disabled{
-  cursor:not-allowed;
-  color:var(--iui-text-color-muted);
-}
-.iui-checkbox-wrapper.iui-disabled svg{
-  fill:var(--iui-icons-color-actionable-disabled);
-}
-.iui-checkbox-wrapper.iui-positive{
-  color:#53a21a;
-  color:var(--iui-color-foreground-positive);
-}
-.iui-checkbox-wrapper.iui-warning{
-  color:#f18d13;
-  color:var(--iui-color-foreground-warning);
-}
-.iui-checkbox-wrapper.iui-negative{
-  color:#d10a0a;
-  color:var(--iui-color-foreground-negative);
-}
-.iui-checkbox::before{
-  content:"";
-  position:absolute;
-  inset:0;
-  transition:border-color 0.2s ease-out;
-  border-radius:inherit;
-  border-style:solid;
-  border-width:1px;
-  border-color:var(--_iui-checkbox-border-color);
-}
-.iui-checkbox::after{
-  content:"";
-  position:absolute;
-  inset:0;
-  background-color:var(--_iui-checkbox-svg-color);
-  -webkit-mask:var(--_iui-checkbox-mask-image) no-repeat center;
-          mask:var(--_iui-checkbox-mask-image) no-repeat center;
-}
-.iui-checkbox:not(:checked){
-  --_iui-checkbox-mask-image:var(--_iui-checkbox-unchecked-svg);
-}
-.iui-checkbox:checked{
-  --_iui-checkbox-border-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-3));
-  --_iui-checkbox-mask-image:var(--_iui-checkbox-checkmark-svg);
-}
-.iui-checkbox:indeterminate{
-  --_iui-checkbox-border-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-3));
-  --_iui-checkbox-mask-image:var(--_iui-checkbox-indeterminate-svg);
-}
-.iui-checkbox:hover{
-  --_iui-checkbox-border-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2));
-}
-.iui-checkbox:focus-visible{
-  outline:2px solid var(--iui-color-foreground-primary);
-  outline-offset:-1px;
-}
-@supports not selector(*:focus-visible){
-  .iui-checkbox:focus{
-    outline:2px solid var(--iui-color-foreground-primary);
-    outline-offset:-1px;
-  }
-}
-.iui-checkbox:disabled{
-  --_iui-checkbox-svg-color:var(--iui-icons-color-actionable-disabled);
-  --_iui-checkbox-border-color:var(--iui-color-background-border);
-  --_iui-checkbox-background-color:var(--iui-color-background-disabled);
-  cursor:not-allowed;
-}
-.iui-checkbox.iui-checkbox-visibility{
-  --_iui-checkbox-checkmark-svg:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="m8 2.99051a8.81883 8.81883 0 0 0 -8 4.95062 8.74664 8.74664 0 0 0 8 5.06836 8.63266 8.63266 0 0 0 8-5.06836 8.83631 8.83631 0 0 0 -8-4.95062zm-1.31445 1.86981a1.47663 1.47663 0 1 1 -1.47663 1.47668 1.47665 1.47665 0 0 1 1.47663-1.47668zm1.31445 6.64917a7.17486 7.17486 0 0 1 -6.30475-3.55237 7.4952 7.4952 0 0 1 2.81475-2.6336 3.83956 3.83956 0 1 0 6.98126.00244 7.522 7.522 0 0 1 2.81774 2.63916 7.09785 7.09785 0 0 1 -6.309 3.54437z" /></svg>');
-  --_iui-checkbox-indeterminate-svg:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="m8 3v7.9a4.01179 4.01179 0 0 0 4-4 6.7509 6.7509 0 0 0 -.2-1.4l.1.1a6.89429 6.89429 0 0 1 2.4 2.4 8.39088 8.39088 0 0 1 -2.3 2.3 6.89412 6.89412 0 0 1 -3.9 1.2c-.03345 0-.06653-.00677-.1-.0072v1.5072a8.90686 8.90686 0 0 0 8-5 8.90686 8.90686 0 0 0 -8-5z" opacity=".33" /><path d="m8 0a1 1 0 0 0 -1 1v2.07135a8.91637 8.91637 0 0 0 -7 4.92865 8.91637 8.91637 0 0 0 7 4.92865v2.07135a1 1 0 0 0 2 0v-14a1 1 0 0 0 -1-1zm-1.5 4.9a1.55426 1.55426 0 0 1 .5.087v2.81451a1.40746 1.40746 0 0 1 -.5.09849 1.538 1.538 0 0 1 -1.5-1.5 1.53794 1.53794 0 0 1 1.5-1.5zm-2.3 5.4a6.97279 6.97279 0 0 1 -2.5-2.3 6.89429 6.89429 0 0 1 2.4-2.4c.1 0 .1-.1.2-.1a3.194 3.194 0 0 0 -.3 1.4 4.0047 4.0047 0 0 0 3 3.857v.65289a6.37491 6.37491 0 0 1 -2.8-1.10989z" /></svg>');
-  --_iui-checkbox-unchecked-svg:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="m1.70671 12.879 11.17218-11.17219 1.4142 1.4142-11.17218 11.17218zm.99329-1.679 1.1-1.1a5.06317 5.06317 0 0 1 -2-2.1 7.48268 7.48268 0 0 1 6.2-3.5 4.86877 4.86877 0 0 1 1.2.1l1.3-1.3a10.07431 10.07431 0 0 0 -2.5-.3 8.84129 8.84129 0 0 0 -8 5 8.42455 8.42455 0 0 0 2.7 3.2zm10.7-6.4-1.1 1.1a7.08625 7.08625 0 0 1 2 2.1 7.50323 7.50323 0 0 1 -6.2 3.5 8.31665 8.31665 0 0 1 -1.3-.2l-1.3 1.3a8.909 8.909 0 0 0 6.4-.5 9.04344 9.04344 0 0 0 4.1-4.1 9.168 9.168 0 0 0 -2.6-3.2z" /></svg>');
-  --_iui-checkbox-border-color:transparent;
-  --_iui-checkbox-background-color:transparent;
-}
-.iui-checkbox.iui-checkbox-visibility:where(:not(:checked):not(:indeterminate)){
-  --_iui-checkbox-svg-color:var(--iui-icons-color-actionable);
-}
-.iui-checkbox.iui-checkbox-visibility:where(:hover){
-  --_iui-checkbox-border-color:transparent;
-  --_iui-checkbox-background-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-6));
-}
-.iui-checkbox.iui-checkbox-visibility:where(:disabled){
-  --_iui-checkbox-svg-color:var(--iui-icons-color-actionable-disabled);
-  --_iui-checkbox-background-color:var(--iui-color-background-disabled);
-}
-.iui-checkbox.iui-loading{
-  --_iui-checkbox-border-color:transparent;
-  --_iui-checkbox-background-color:transparent;
-  opacity:0;
-  position:absolute;
-  cursor:wait;
-}
-
-.iui-radio{
-  --_iui-checkbox-checkmark-svg:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="m6.5 12.5-4.5-4.5 1.5-1.5 3 3 6-6 1.5 1.5z" /></svg>');
-  --_iui-checkbox-indeterminate-svg:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="m2.75 6.875h10.5v2.25h-10.5z" /></svg>');
-  --_iui-checkbox-unchecked-svg:url('data:image/svg+xml;utf8,<svg viewBox="0 0 16 16"></svg>');
-  --_iui-checkbox-svg-color:var(--iui-color-foreground-primary);
-  --_iui-checkbox-border-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4));
-  --_iui-checkbox-background-color:var(--iui-color-background-1);
-  --_iui-checkbox-mask-image:initial;
-  -webkit-appearance:none;
-     -moz-appearance:none;
-          appearance:none;
-  margin:0;
-  width:16px;
-  height:16px;
-  position:relative;
-  border-radius:4px;
-  background-color:var(--_iui-checkbox-background-color);
-  flex-shrink:0;
-  cursor:pointer;
-  border-radius:50%;
-}
-.iui-radio-wrapper{
-  margin:0;
-  padding:0;
-  border:none;
-  vertical-align:baseline;
-  display:flex;
-  align-items:center;
-  font-size:14px;
-  width:-webkit-fit-content;
-  width:-moz-fit-content;
-  width:fit-content;
-  -webkit-user-select:none;
-     -moz-user-select:none;
-      -ms-user-select:none;
-          user-select:none;
-  position:relative;
-  cursor:pointer;
-  color:rgba(0, 0, 0, 0.8);
-  color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2));
-  gap:8px;
-}
-.iui-radio-wrapper > * + *{
-  margin-left:8px;
-}
-@supports (gap: 8px){
-  .iui-radio-wrapper > * + *{
-    margin-left:0;
-  }
-}
-.iui-radio-wrapper.iui-loading{
-  cursor:wait;
-  color:var(--iui-text-color-muted);
-}
-.iui-radio-wrapper > .iui-checkbox-label,
-.iui-radio-wrapper > .iui-radio-label{
-  display:flex;
-  align-items:center;
-}
-.iui-radio-wrapper > .iui-checkbox-label svg,
-.iui-radio-wrapper > .iui-radio-label svg{
-  width:16px;
-  height:16px;
-  vertical-align:middle;
-  fill:currentColor;
-}
-.iui-radio-wrapper.iui-disabled{
-  cursor:not-allowed;
-  color:var(--iui-text-color-muted);
-}
-.iui-radio-wrapper.iui-disabled svg{
-  fill:var(--iui-icons-color-actionable-disabled);
-}
-.iui-radio-wrapper.iui-positive{
-  color:#53a21a;
-  color:var(--iui-color-foreground-positive);
-}
-.iui-radio-wrapper.iui-warning{
-  color:#f18d13;
-  color:var(--iui-color-foreground-warning);
-}
-.iui-radio-wrapper.iui-negative{
-  color:#d10a0a;
-  color:var(--iui-color-foreground-negative);
-}
-.iui-radio::before{
-  content:"";
-  position:absolute;
-  inset:0;
-  transition:border-color 0.2s ease-out;
-  border-radius:inherit;
-  border-style:solid;
-  border-width:1px;
-  border-color:var(--_iui-checkbox-border-color);
-}
-.iui-radio::after{
-  content:"";
-  position:absolute;
-  inset:0;
-  background-color:var(--_iui-checkbox-svg-color);
-  -webkit-mask:var(--_iui-checkbox-mask-image) no-repeat center;
-          mask:var(--_iui-checkbox-mask-image) no-repeat center;
-}
-.iui-radio:not(:checked){
-  --_iui-checkbox-mask-image:var(--_iui-checkbox-unchecked-svg);
-}
-.iui-radio:checked{
-  --_iui-checkbox-border-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-3));
-  --_iui-checkbox-mask-image:var(--_iui-checkbox-checkmark-svg);
-}
-.iui-radio:indeterminate{
-  --_iui-checkbox-border-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-3));
-  --_iui-checkbox-mask-image:var(--_iui-checkbox-indeterminate-svg);
-}
-.iui-radio:hover{
-  --_iui-checkbox-border-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2));
-}
-.iui-radio:focus-visible{
-  outline:2px solid var(--iui-color-foreground-primary);
-  outline-offset:-1px;
-}
-@supports not selector(*:focus-visible){
-  .iui-radio:focus{
-    outline:2px solid var(--iui-color-foreground-primary);
-    outline-offset:-1px;
-  }
-}
-.iui-radio:disabled{
-  --_iui-checkbox-svg-color:var(--iui-icons-color-actionable-disabled);
-  --_iui-checkbox-border-color:var(--iui-color-background-border);
-  --_iui-checkbox-background-color:var(--iui-color-background-disabled);
-  cursor:not-allowed;
-}
-.iui-radio.iui-checkbox-visibility{
-  --_iui-checkbox-checkmark-svg:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="m8 2.99051a8.81883 8.81883 0 0 0 -8 4.95062 8.74664 8.74664 0 0 0 8 5.06836 8.63266 8.63266 0 0 0 8-5.06836 8.83631 8.83631 0 0 0 -8-4.95062zm-1.31445 1.86981a1.47663 1.47663 0 1 1 -1.47663 1.47668 1.47665 1.47665 0 0 1 1.47663-1.47668zm1.31445 6.64917a7.17486 7.17486 0 0 1 -6.30475-3.55237 7.4952 7.4952 0 0 1 2.81475-2.6336 3.83956 3.83956 0 1 0 6.98126.00244 7.522 7.522 0 0 1 2.81774 2.63916 7.09785 7.09785 0 0 1 -6.309 3.54437z" /></svg>');
-  --_iui-checkbox-indeterminate-svg:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="m8 3v7.9a4.01179 4.01179 0 0 0 4-4 6.7509 6.7509 0 0 0 -.2-1.4l.1.1a6.89429 6.89429 0 0 1 2.4 2.4 8.39088 8.39088 0 0 1 -2.3 2.3 6.89412 6.89412 0 0 1 -3.9 1.2c-.03345 0-.06653-.00677-.1-.0072v1.5072a8.90686 8.90686 0 0 0 8-5 8.90686 8.90686 0 0 0 -8-5z" opacity=".33" /><path d="m8 0a1 1 0 0 0 -1 1v2.07135a8.91637 8.91637 0 0 0 -7 4.92865 8.91637 8.91637 0 0 0 7 4.92865v2.07135a1 1 0 0 0 2 0v-14a1 1 0 0 0 -1-1zm-1.5 4.9a1.55426 1.55426 0 0 1 .5.087v2.81451a1.40746 1.40746 0 0 1 -.5.09849 1.538 1.538 0 0 1 -1.5-1.5 1.53794 1.53794 0 0 1 1.5-1.5zm-2.3 5.4a6.97279 6.97279 0 0 1 -2.5-2.3 6.89429 6.89429 0 0 1 2.4-2.4c.1 0 .1-.1.2-.1a3.194 3.194 0 0 0 -.3 1.4 4.0047 4.0047 0 0 0 3 3.857v.65289a6.37491 6.37491 0 0 1 -2.8-1.10989z" /></svg>');
-  --_iui-checkbox-unchecked-svg:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="m1.70671 12.879 11.17218-11.17219 1.4142 1.4142-11.17218 11.17218zm.99329-1.679 1.1-1.1a5.06317 5.06317 0 0 1 -2-2.1 7.48268 7.48268 0 0 1 6.2-3.5 4.86877 4.86877 0 0 1 1.2.1l1.3-1.3a10.07431 10.07431 0 0 0 -2.5-.3 8.84129 8.84129 0 0 0 -8 5 8.42455 8.42455 0 0 0 2.7 3.2zm10.7-6.4-1.1 1.1a7.08625 7.08625 0 0 1 2 2.1 7.50323 7.50323 0 0 1 -6.2 3.5 8.31665 8.31665 0 0 1 -1.3-.2l-1.3 1.3a8.909 8.909 0 0 0 6.4-.5 9.04344 9.04344 0 0 0 4.1-4.1 9.168 9.168 0 0 0 -2.6-3.2z" /></svg>');
-  --_iui-checkbox-border-color:transparent;
-  --_iui-checkbox-background-color:transparent;
-}
-.iui-radio.iui-checkbox-visibility:where(:not(:checked):not(:indeterminate)){
-  --_iui-checkbox-svg-color:var(--iui-icons-color-actionable);
-}
-.iui-radio.iui-checkbox-visibility:where(:hover){
-  --_iui-checkbox-border-color:transparent;
-  --_iui-checkbox-background-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-6));
-}
-.iui-radio.iui-checkbox-visibility:where(:disabled){
-  --_iui-checkbox-svg-color:var(--iui-icons-color-actionable-disabled);
-  --_iui-checkbox-background-color:var(--iui-color-background-disabled);
-}
-.iui-radio.iui-loading{
-  --_iui-checkbox-border-color:transparent;
-  --_iui-checkbox-background-color:transparent;
-  opacity:0;
-  position:absolute;
-  cursor:wait;
-}
-.iui-radio:checked{
-  --_iui-checkbox-mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" ><circle cx="8" cy="8" r="4" /></svg>');
-}
-.iui-radio:not(:checked), .iui-radio:indeterminate{
-  --_iui-checkbox-mask-image:var(--_iui-checkbox-unchecked-svg);
-}