components.css

@import"https://fonts.googleapis.com/icon?family=Material+Icons";@import"https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap";[design-system=ux] input[type=submit][variant],[design-system=ux] input[type=reset][variant],[design-system=ux] input[type=button][variant],[design-system=ux] button[variant]{width:100%;position:relative;display:flex;gap:var(--ux-ref-scale-2);box-sizing:border-box;cursor:pointer;border-start-start-radius:var(--ux-ref-scale-full);border-start-end-radius:var(--ux-ref-scale-full);border-end-start-radius:var(--ux-ref-scale-full);border-end-end-radius:var(--ux-ref-scale-full);outline:none;border:none}[design-system=ux] input[type=submit][variant][usize=small],[design-system=ux] input[type=reset][variant][usize=small],[design-system=ux] input[type=button][variant][usize=small],[design-system=ux] button[variant][usize=small]{font-family:var(--ux-ref-typescale-label-small-font);font-size:var(--ux-ref-typescale-label-small-size);font-weight:var(--ux-ref-typescale-label-small-weight);font-style:var(--ux-ref-typescale-label-small-style);letter-spacing:var(--ux-ref-typescale-label-small-tracking);line-height:var(--ux-ref-typescale-label-small-line-height);padding:var(--ux-ref-scale-1) calc(var(--ux-ref-scale-1) + var(--ux-ref-scale-2))}[design-system=ux] input[type=submit][variant][usize=small]:has(>[content]>[default-icon]),[design-system=ux] input[type=reset][variant][usize=small]:has(>[content]>[default-icon]),[design-system=ux] input[type=button][variant][usize=small]:has(>[content]>[default-icon]),[design-system=ux] button[variant][usize=small]:has(>[content]>[default-icon]){padding:var(--ux-ref-scale-1);height:1.4rem;width:1.4rem}[design-system=ux] input[type=submit][variant][usize=small]:has(>[content]>[default-icon])>[content],[design-system=ux] input[type=reset][variant][usize=small]:has(>[content]>[default-icon])>[content],[design-system=ux] input[type=button][variant][usize=small]:has(>[content]>[default-icon])>[content],[design-system=ux] button[variant][usize=small]:has(>[content]>[default-icon])>[content]{height:100%;width:100%}[design-system=ux] input[type=submit][variant][usize=small]:has(>[content]>[default-icon])>[content]>[default-icon],[design-system=ux] input[type=reset][variant][usize=small]:has(>[content]>[default-icon])>[content]>[default-icon],[design-system=ux] input[type=button][variant][usize=small]:has(>[content]>[default-icon])>[content]>[default-icon],[design-system=ux] button[variant][usize=small]:has(>[content]>[default-icon])>[content]>[default-icon]{font-size:.8rem}[design-system=ux] input[type=submit][variant][usize=medium],[design-system=ux] input[type=reset][variant][usize=medium],[design-system=ux] input[type=button][variant][usize=medium],[design-system=ux] button[variant][usize=medium]{font-family:var(--ux-ref-typescale-label-medium-font);font-size:var(--ux-ref-typescale-label-medium-size);font-weight:var(--ux-ref-typescale-label-medium-weight);font-style:var(--ux-ref-typescale-label-medium-style);letter-spacing:var(--ux-ref-typescale-label-medium-tracking);line-height:var(--ux-ref-typescale-label-medium-line-height);padding:var(--ux-ref-scale-2) calc(var(--ux-ref-scale-2) + var(--ux-ref-scale-2))}[design-system=ux] input[type=submit][variant][usize=medium]:has(>[content]>[default-icon]),[design-system=ux] input[type=reset][variant][usize=medium]:has(>[content]>[default-icon]),[design-system=ux] input[type=button][variant][usize=medium]:has(>[content]>[default-icon]),[design-system=ux] button[variant][usize=medium]:has(>[content]>[default-icon]){padding:var(--ux-ref-scale-1);height:2.2rem;width:2.2rem}[design-system=ux] input[type=submit][variant][usize=medium]:has(>[content]>[default-icon])>[content],[design-system=ux] input[type=reset][variant][usize=medium]:has(>[content]>[default-icon])>[content],[design-system=ux] input[type=button][variant][usize=medium]:has(>[content]>[default-icon])>[content],[design-system=ux] button[variant][usize=medium]:has(>[content]>[default-icon])>[content]{height:100%;width:100%}[design-system=ux] input[type=submit][variant][usize=medium]:has(>[content]>[default-icon])>[content]>[default-icon],[design-system=ux] input[type=reset][variant][usize=medium]:has(>[content]>[default-icon])>[content]>[default-icon],[design-system=ux] input[type=button][variant][usize=medium]:has(>[content]>[default-icon])>[content]>[default-icon],[design-system=ux] button[variant][usize=medium]:has(>[content]>[default-icon])>[content]>[default-icon]{font-size:1rem}[design-system=ux] input[type=submit][variant][usize=large],[design-system=ux] input[type=reset][variant][usize=large],[design-system=ux] input[type=button][variant][usize=large],[design-system=ux] button[variant][usize=large]{font-family:var(--ux-ref-typescale-label-large-font);font-size:var(--ux-ref-typescale-label-large-size);font-weight:var(--ux-ref-typescale-label-large-weight);font-style:var(--ux-ref-typescale-label-large-style);letter-spacing:var(--ux-ref-typescale-label-large-tracking);line-height:var(--ux-ref-typescale-label-large-line-height);padding:var(--ux-ref-scale-3) calc(var(--ux-ref-scale-3) + var(--ux-ref-scale-2))}[design-system=ux] input[type=submit][variant][usize=large]:has(>[content]>[default-icon]),[design-system=ux] input[type=reset][variant][usize=large]:has(>[content]>[default-icon]),[design-system=ux] input[type=button][variant][usize=large]:has(>[content]>[default-icon]),[design-system=ux] button[variant][usize=large]:has(>[content]>[default-icon]){padding:var(--ux-ref-scale-1);height:2.8rem;width:2.8rem}[design-system=ux] input[type=submit][variant][usize=large]:has(>[content]>[default-icon])>[content],[design-system=ux] input[type=reset][variant][usize=large]:has(>[content]>[default-icon])>[content],[design-system=ux] input[type=button][variant][usize=large]:has(>[content]>[default-icon])>[content],[design-system=ux] button[variant][usize=large]:has(>[content]>[default-icon])>[content]{height:100%;width:100%}[design-system=ux] input[type=submit][variant][usize=large]:has(>[content]>[default-icon])>[content]>[default-icon],[design-system=ux] input[type=reset][variant][usize=large]:has(>[content]>[default-icon])>[content]>[default-icon],[design-system=ux] input[type=button][variant][usize=large]:has(>[content]>[default-icon])>[content]>[default-icon],[design-system=ux] button[variant][usize=large]:has(>[content]>[default-icon])>[content]>[default-icon]{font-size:1.6rem}[design-system=ux] input[type=submit][variant][direction=rtl],[design-system=ux] input[type=reset][variant][direction=rtl],[design-system=ux] input[type=button][variant][direction=rtl],[design-system=ux] button[variant][direction=rtl]{flex-direction:row-reverse}[design-system=ux] input[type=submit][variant] [content],[design-system=ux] input[type=reset][variant] [content],[design-system=ux] input[type=button][variant] [content],[design-system=ux] button[variant] [content]{flex:1;display:inline-block;white-space:nowrap}[design-system=ux] input[type=submit][variant] mat-icon,[design-system=ux] input[type=reset][variant] mat-icon,[design-system=ux] input[type=button][variant] mat-icon,[design-system=ux] button[variant] mat-icon{width:fit-content}[design-system=ux] input[type=submit][variant][color=primary]:not([disabled]):focus-visible,[design-system=ux] input[type=reset][variant][color=primary]:not([disabled]):focus-visible,[design-system=ux] input[type=button][variant][color=primary]:not([disabled]):focus-visible,[design-system=ux] button[variant][color=primary]:not([disabled]):focus-visible{outline:1px solid var(--ux-sys-color-primary-com);outline-offset:.7px}[design-system=ux] input[type=submit][variant][color=secondary]:not([disabled]):focus-visible,[design-system=ux] input[type=reset][variant][color=secondary]:not([disabled]):focus-visible,[design-system=ux] input[type=button][variant][color=secondary]:not([disabled]):focus-visible,[design-system=ux] button[variant][color=secondary]:not([disabled]):focus-visible{outline:1px solid var(--ux-sys-color-secondary-com);outline-offset:.7px}[design-system=ux] input[type=submit][variant]>[content]:has([default-icon]),[design-system=ux] input[type=reset][variant]>[content]:has([default-icon]),[design-system=ux] input[type=button][variant]>[content]:has([default-icon]),[design-system=ux] button[variant]>[content]:has([default-icon]){display:flex;justify-content:center;align-items:center;font-size:inherit}[design-system=ux] input[type=submit][variant]>[content]:has([default-icon])>[default-icon],[design-system=ux] input[type=reset][variant]>[content]:has([default-icon])>[default-icon],[design-system=ux] input[type=button][variant]>[content]:has([default-icon])>[default-icon],[design-system=ux] button[variant]>[content]:has([default-icon])>[default-icon]{height:fit-content}[design-system=ux] input[type=submit][variant=elevated],[design-system=ux] input[type=reset][variant=elevated],[design-system=ux] input[type=button][variant=elevated],[design-system=ux] button[variant=elevated]{background-color:var(--ux-sys-color-surface-container-low);box-shadow:var(--ux-ref-elevation-1-layer-1-x) var(--ux-ref-elevation-1-layer-1-y) var(--ux-ref-elevation-1-layer-1-blur) var(--ux-ref-elevation-1-layer-1-spread) var(--ux-ref-elevation-1-layer-1-color),var(--ux-ref-elevation-1-layer-2-x) var(--ux-ref-elevation-1-layer-2-y) var(--ux-ref-elevation-1-layer-2-blur) var(--ux-ref-elevation-1-layer-2-spread) var(--ux-ref-elevation-1-layer-2-color)}[design-system=ux] input[type=submit][variant=elevated][color=primary],[design-system=ux] input[type=reset][variant=elevated][color=primary],[design-system=ux] input[type=button][variant=elevated][color=primary],[design-system=ux] button[variant=elevated][color=primary]{color:var(--ux-sys-color-primary)}[design-system=ux] input[type=submit][variant=elevated][color=primary]:not([disabled]):hover,[design-system=ux] input[type=reset][variant=elevated][color=primary]:not([disabled]):hover,[design-system=ux] input[type=button][variant=elevated][color=primary]:not([disabled]):hover,[design-system=ux] button[variant=elevated][color=primary]:not([disabled]):hover{background-image:linear-gradient(0deg,var(--ux-sys-color-primary-hover) 0%,var(--ux-sys-color-primary-hover) 100%)}[design-system=ux] input[type=submit][variant=elevated][color=primary]:not([disabled]):active,[design-system=ux] input[type=reset][variant=elevated][color=primary]:not([disabled]):active,[design-system=ux] input[type=button][variant=elevated][color=primary]:not([disabled]):active,[design-system=ux] button[variant=elevated][color=primary]:not([disabled]):active{background-image:linear-gradient(0deg,var(--ux-sys-color-primary-active) 0%,var(--ux-sys-color-primary-active) 100%)}[design-system=ux] input[type=submit][variant=elevated][color=primary]:not([disabled]):focus-visible,[design-system=ux] input[type=reset][variant=elevated][color=primary]:not([disabled]):focus-visible,[design-system=ux] input[type=button][variant=elevated][color=primary]:not([disabled]):focus-visible,[design-system=ux] button[variant=elevated][color=primary]:not([disabled]):focus-visible{background-image:linear-gradient(0deg,var(--ux-sys-color-primary-focus) 0%,var(--ux-sys-color-primary-focus) 100%)}[design-system=ux] input[type=submit][variant=elevated][color=primary]:hover,[design-system=ux] input[type=reset][variant=elevated][color=primary]:hover,[design-system=ux] input[type=button][variant=elevated][color=primary]:hover,[design-system=ux] button[variant=elevated][color=primary]:hover{box-shadow:var(--ux-ref-elevation-2-layer-1-x) var(--ux-ref-elevation-2-layer-1-y) var(--ux-ref-elevation-2-layer-1-blur) var(--ux-ref-elevation-2-layer-1-spread) var(--ux-ref-elevation-2-layer-1-color),var(--ux-ref-elevation-2-layer-2-x) var(--ux-ref-elevation-2-layer-2-y) var(--ux-ref-elevation-2-layer-2-blur) var(--ux-ref-elevation-2-layer-2-spread) var(--ux-ref-elevation-2-layer-2-color)}[design-system=ux] input[type=submit][variant=elevated][color=primary]:active,[design-system=ux] input[type=reset][variant=elevated][color=primary]:active,[design-system=ux] input[type=button][variant=elevated][color=primary]:active,[design-system=ux] button[variant=elevated][color=primary]:active{box-shadow:var(--ux-ref-elevation-1-layer-1-x) var(--ux-ref-elevation-1-layer-1-y) var(--ux-ref-elevation-1-layer-1-blur) var(--ux-ref-elevation-1-layer-1-spread) var(--ux-ref-elevation-1-layer-1-color),var(--ux-ref-elevation-1-layer-2-x) var(--ux-ref-elevation-1-layer-2-y) var(--ux-ref-elevation-1-layer-2-blur) var(--ux-ref-elevation-1-layer-2-spread) var(--ux-ref-elevation-1-layer-2-color)}[design-system=ux] input[type=submit][variant=elevated][color=primary]:focus-visible,[design-system=ux] input[type=reset][variant=elevated][color=primary]:focus-visible,[design-system=ux] input[type=button][variant=elevated][color=primary]:focus-visible,[design-system=ux] button[variant=elevated][color=primary]:focus-visible{box-shadow:var(--ux-ref-elevation-1-layer-1-x) var(--ux-ref-elevation-1-layer-1-y) var(--ux-ref-elevation-1-layer-1-blur) var(--ux-ref-elevation-1-layer-1-spread) var(--ux-ref-elevation-1-layer-1-color),var(--ux-ref-elevation-1-layer-2-x) var(--ux-ref-elevation-1-layer-2-y) var(--ux-ref-elevation-1-layer-2-blur) var(--ux-ref-elevation-1-layer-2-spread) var(--ux-ref-elevation-1-layer-2-color)}[design-system=ux] input[type=submit][variant=elevated][color=secondary],[design-system=ux] input[type=reset][variant=elevated][color=secondary],[design-system=ux] input[type=button][variant=elevated][color=secondary],[design-system=ux] button[variant=elevated][color=secondary]{color:var(--ux-sys-color-secondary)}[design-system=ux] input[type=submit][variant=elevated][color=secondary]:not([disabled]):hover,[design-system=ux] input[type=reset][variant=elevated][color=secondary]:not([disabled]):hover,[design-system=ux] input[type=button][variant=elevated][color=secondary]:not([disabled]):hover,[design-system=ux] button[variant=elevated][color=secondary]:not([disabled]):hover{background-image:linear-gradient(0deg,var(--ux-sys-color-secondary-hover) 0%,var(--ux-sys-color-secondary-hover) 100%)}[design-system=ux] input[type=submit][variant=elevated][color=secondary]:not([disabled]):active,[design-system=ux] input[type=reset][variant=elevated][color=secondary]:not([disabled]):active,[design-system=ux] input[type=button][variant=elevated][color=secondary]:not([disabled]):active,[design-system=ux] button[variant=elevated][color=secondary]:not([disabled]):active{background-image:linear-gradient(0deg,var(--ux-sys-color-secondary-active) 0%,var(--ux-sys-color-secondary-active) 100%)}[design-system=ux] input[type=submit][variant=elevated][color=secondary]:not([disabled]):focus-visible,[design-system=ux] input[type=reset][variant=elevated][color=secondary]:not([disabled]):focus-visible,[design-system=ux] input[type=button][variant=elevated][color=secondary]:not([disabled]):focus-visible,[design-system=ux] button[variant=elevated][color=secondary]:not([disabled]):focus-visible{background-image:linear-gradient(0deg,var(--ux-sys-color-secondary-focus) 0%,var(--ux-sys-color-secondary-focus) 100%)}[design-system=ux] input[type=submit][variant=elevated][color=secondary]:hover,[design-system=ux] input[type=reset][variant=elevated][color=secondary]:hover,[design-system=ux] input[type=button][variant=elevated][color=secondary]:hover,[design-system=ux] button[variant=elevated][color=secondary]:hover{box-shadow:var(--ux-ref-elevation-2-layer-1-x) var(--ux-ref-elevation-2-layer-1-y) var(--ux-ref-elevation-2-layer-1-blur) var(--ux-ref-elevation-2-layer-1-spread) var(--ux-ref-elevation-2-layer-1-color),var(--ux-ref-elevation-2-layer-2-x) var(--ux-ref-elevation-2-layer-2-y) var(--ux-ref-elevation-2-layer-2-blur) var(--ux-ref-elevation-2-layer-2-spread) var(--ux-ref-elevation-2-layer-2-color)}[design-system=ux] input[type=submit][variant=elevated][color=secondary]:active,[design-system=ux] input[type=reset][variant=elevated][color=secondary]:active,[design-system=ux] input[type=button][variant=elevated][color=secondary]:active,[design-system=ux] button[variant=elevated][color=secondary]:active{box-shadow:var(--ux-ref-elevation-1-layer-1-x) var(--ux-ref-elevation-1-layer-1-y) var(--ux-ref-elevation-1-layer-1-blur) var(--ux-ref-elevation-1-layer-1-spread) var(--ux-ref-elevation-1-layer-1-color),var(--ux-ref-elevation-1-layer-2-x) var(--ux-ref-elevation-1-layer-2-y) var(--ux-ref-elevation-1-layer-2-blur) var(--ux-ref-elevation-1-layer-2-spread) var(--ux-ref-elevation-1-layer-2-color)}[design-system=ux] input[type=submit][variant=elevated][color=secondary]:focus-visible,[design-system=ux] input[type=reset][variant=elevated][color=secondary]:focus-visible,[design-system=ux] input[type=button][variant=elevated][color=secondary]:focus-visible,[design-system=ux] button[variant=elevated][color=secondary]:focus-visible{box-shadow:var(--ux-ref-elevation-1-layer-1-x) var(--ux-ref-elevation-1-layer-1-y) var(--ux-ref-elevation-1-layer-1-blur) var(--ux-ref-elevation-1-layer-1-spread) var(--ux-ref-elevation-1-layer-1-color),var(--ux-ref-elevation-1-layer-2-x) var(--ux-ref-elevation-1-layer-2-y) var(--ux-ref-elevation-1-layer-2-blur) var(--ux-ref-elevation-1-layer-2-spread) var(--ux-ref-elevation-1-layer-2-color)}[design-system=ux] input[type=submit][variant=filled][color=primary],[design-system=ux] input[type=reset][variant=filled][color=primary],[design-system=ux] input[type=button][variant=filled][color=primary],[design-system=ux] button[variant=filled][color=primary]{background-color:var(--ux-sys-color-primary);color:var(--ux-sys-color-on-primary)}[design-system=ux] input[type=submit][variant=filled][color=primary]:not([disabled]):hover,[design-system=ux] input[type=reset][variant=filled][color=primary]:not([disabled]):hover,[design-system=ux] input[type=button][variant=filled][color=primary]:not([disabled]):hover,[design-system=ux] button[variant=filled][color=primary]:not([disabled]):hover{background-image:linear-gradient(0deg,var(--ux-sys-color-on-primary-hover) 0%,var(--ux-sys-color-on-primary-hover) 100%)}[design-system=ux] input[type=submit][variant=filled][color=primary]:not([disabled]):active,[design-system=ux] input[type=reset][variant=filled][color=primary]:not([disabled]):active,[design-system=ux] input[type=button][variant=filled][color=primary]:not([disabled]):active,[design-system=ux] button[variant=filled][color=primary]:not([disabled]):active{background-image:linear-gradient(0deg,var(--ux-sys-color-on-primary-active) 0%,var(--ux-sys-color-on-primary-active) 100%)}[design-system=ux] input[type=submit][variant=filled][color=primary]:not([disabled]):focus-visible,[design-system=ux] input[type=reset][variant=filled][color=primary]:not([disabled]):focus-visible,[design-system=ux] input[type=button][variant=filled][color=primary]:not([disabled]):focus-visible,[design-system=ux] button[variant=filled][color=primary]:not([disabled]):focus-visible{background-image:linear-gradient(0deg,var(--ux-sys-color-on-primary-focus) 0%,var(--ux-sys-color-on-primary-focus) 100%)}[design-system=ux] input[type=submit][variant=filled][color=primary]:hover,[design-system=ux] input[type=reset][variant=filled][color=primary]:hover,[design-system=ux] input[type=button][variant=filled][color=primary]:hover,[design-system=ux] button[variant=filled][color=primary]:hover{box-shadow:var(--ux-ref-elevation-1-layer-1-x) var(--ux-ref-elevation-1-layer-1-y) var(--ux-ref-elevation-1-layer-1-blur) var(--ux-ref-elevation-1-layer-1-spread) var(--ux-ref-elevation-1-layer-1-color),var(--ux-ref-elevation-1-layer-2-x) var(--ux-ref-elevation-1-layer-2-y) var(--ux-ref-elevation-1-layer-2-blur) var(--ux-ref-elevation-1-layer-2-spread) var(--ux-ref-elevation-1-layer-2-color)}[design-system=ux] input[type=submit][variant=filled][color=primary]:active,[design-system=ux] input[type=reset][variant=filled][color=primary]:active,[design-system=ux] input[type=button][variant=filled][color=primary]:active,[design-system=ux] button[variant=filled][color=primary]:active{box-shadow:var(--ux-ref-elevation-0-layer-1-x) var(--ux-ref-elevation-0-layer-1-y) var(--ux-ref-elevation-0-layer-1-blur) var(--ux-ref-elevation-0-layer-1-spread) var(--ux-ref-elevation-0-layer-1-color),var(--ux-ref-elevation-0-layer-2-x) var(--ux-ref-elevation-0-layer-2-y) var(--ux-ref-elevation-0-layer-2-blur) var(--ux-ref-elevation-0-layer-2-spread) var(--ux-ref-elevation-0-layer-2-color)}[design-system=ux] input[type=submit][variant=filled][color=primary]:focus-visible,[design-system=ux] input[type=reset][variant=filled][color=primary]:focus-visible,[design-system=ux] input[type=button][variant=filled][color=primary]:focus-visible,[design-system=ux] button[variant=filled][color=primary]:focus-visible{box-shadow:var(--ux-ref-elevation-0-layer-1-x) var(--ux-ref-elevation-0-layer-1-y) var(--ux-ref-elevation-0-layer-1-blur) var(--ux-ref-elevation-0-layer-1-spread) var(--ux-ref-elevation-0-layer-1-color),var(--ux-ref-elevation-0-layer-2-x) var(--ux-ref-elevation-0-layer-2-y) var(--ux-ref-elevation-0-layer-2-blur) var(--ux-ref-elevation-0-layer-2-spread) var(--ux-ref-elevation-0-layer-2-color)}[design-system=ux] input[type=submit][variant=filled][color=secondary],[design-system=ux] input[type=reset][variant=filled][color=secondary],[design-system=ux] input[type=button][variant=filled][color=secondary],[design-system=ux] button[variant=filled][color=secondary]{background-color:var(--ux-sys-color-secondary);color:var(--ux-sys-color-on-secondary)}[design-system=ux] input[type=submit][variant=filled][color=secondary]:not([disabled]):hover,[design-system=ux] input[type=reset][variant=filled][color=secondary]:not([disabled]):hover,[design-system=ux] input[type=button][variant=filled][color=secondary]:not([disabled]):hover,[design-system=ux] button[variant=filled][color=secondary]:not([disabled]):hover{background-image:linear-gradient(0deg,var(--ux-sys-color-on-secondary-hover) 0%,var(--ux-sys-color-on-secondary-hover) 100%)}[design-system=ux] input[type=submit][variant=filled][color=secondary]:not([disabled]):active,[design-system=ux] input[type=reset][variant=filled][color=secondary]:not([disabled]):active,[design-system=ux] input[type=button][variant=filled][color=secondary]:not([disabled]):active,[design-system=ux] button[variant=filled][color=secondary]:not([disabled]):active{background-image:linear-gradient(0deg,var(--ux-sys-color-on-secondary-active) 0%,var(--ux-sys-color-on-secondary-active) 100%)}[design-system=ux] input[type=submit][variant=filled][color=secondary]:not([disabled]):focus-visible,[design-system=ux] input[type=reset][variant=filled][color=secondary]:not([disabled]):focus-visible,[design-system=ux] input[type=button][variant=filled][color=secondary]:not([disabled]):focus-visible,[design-system=ux] button[variant=filled][color=secondary]:not([disabled]):focus-visible{background-image:linear-gradient(0deg,var(--ux-sys-color-on-secondary-focus) 0%,var(--ux-sys-color-on-secondary-focus) 100%)}[design-system=ux] input[type=submit][variant=filled][color=secondary]:hover,[design-system=ux] input[type=reset][variant=filled][color=secondary]:hover,[design-system=ux] input[type=button][variant=filled][color=secondary]:hover,[design-system=ux] button[variant=filled][color=secondary]:hover{box-shadow:var(--ux-ref-elevation-1-layer-1-x) var(--ux-ref-elevation-1-layer-1-y) var(--ux-ref-elevation-1-layer-1-blur) var(--ux-ref-elevation-1-layer-1-spread) var(--ux-ref-elevation-1-layer-1-color),var(--ux-ref-elevation-1-layer-2-x) var(--ux-ref-elevation-1-layer-2-y) var(--ux-ref-elevation-1-layer-2-blur) var(--ux-ref-elevation-1-layer-2-spread) var(--ux-ref-elevation-1-layer-2-color)}[design-system=ux] input[type=submit][variant=filled][color=secondary]:active,[design-system=ux] input[type=reset][variant=filled][color=secondary]:active,[design-system=ux] input[type=button][variant=filled][color=secondary]:active,[design-system=ux] button[variant=filled][color=secondary]:active{box-shadow:var(--ux-ref-elevation-0-layer-1-x) var(--ux-ref-elevation-0-layer-1-y) var(--ux-ref-elevation-0-layer-1-blur) var(--ux-ref-elevation-0-layer-1-spread) var(--ux-ref-elevation-0-layer-1-color),var(--ux-ref-elevation-0-layer-2-x) var(--ux-ref-elevation-0-layer-2-y) var(--ux-ref-elevation-0-layer-2-blur) var(--ux-ref-elevation-0-layer-2-spread) var(--ux-ref-elevation-0-layer-2-color)}[design-system=ux] input[type=submit][variant=filled][color=secondary]:focus-visible,[design-system=ux] input[type=reset][variant=filled][color=secondary]:focus-visible,[design-system=ux] input[type=button][variant=filled][color=secondary]:focus-visible,[design-system=ux] button[variant=filled][color=secondary]:focus-visible{box-shadow:var(--ux-ref-elevation-0-layer-1-x) var(--ux-ref-elevation-0-layer-1-y) var(--ux-ref-elevation-0-layer-1-blur) var(--ux-ref-elevation-0-layer-1-spread) var(--ux-ref-elevation-0-layer-1-color),var(--ux-ref-elevation-0-layer-2-x) var(--ux-ref-elevation-0-layer-2-y) var(--ux-ref-elevation-0-layer-2-blur) var(--ux-ref-elevation-0-layer-2-spread) var(--ux-ref-elevation-0-layer-2-color)}[design-system=ux] input[type=submit][variant=filled-tonal][color=primary],[design-system=ux] input[type=reset][variant=filled-tonal][color=primary],[design-system=ux] input[type=button][variant=filled-tonal][color=primary],[design-system=ux] button[variant=filled-tonal][color=primary]{background-color:var(--ux-sys-color-primary-com-container);color:var(--ux-sys-color-on-primary-com-container)}[design-system=ux] input[type=submit][variant=filled-tonal][color=primary]:not([disabled]):hover,[design-system=ux] input[type=reset][variant=filled-tonal][color=primary]:not([disabled]):hover,[design-system=ux] input[type=button][variant=filled-tonal][color=primary]:not([disabled]):hover,[design-system=ux] button[variant=filled-tonal][color=primary]:not([disabled]):hover{background-image:linear-gradient(0deg,var(--ux-sys-color-on-primary-com-container-hover) 0%,var(--ux-sys-color-on-primary-com-container-hover) 100%)}[design-system=ux] input[type=submit][variant=filled-tonal][color=primary]:not([disabled]):active,[design-system=ux] input[type=reset][variant=filled-tonal][color=primary]:not([disabled]):active,[design-system=ux] input[type=button][variant=filled-tonal][color=primary]:not([disabled]):active,[design-system=ux] button[variant=filled-tonal][color=primary]:not([disabled]):active{background-image:linear-gradient(0deg,var(--ux-sys-color-on-primary-com-container-active) 0%,var(--ux-sys-color-on-primary-com-container-active) 100%)}[design-system=ux] input[type=submit][variant=filled-tonal][color=primary]:not([disabled]):focus-visible,[design-system=ux] input[type=reset][variant=filled-tonal][color=primary]:not([disabled]):focus-visible,[design-system=ux] input[type=button][variant=filled-tonal][color=primary]:not([disabled]):focus-visible,[design-system=ux] button[variant=filled-tonal][color=primary]:not([disabled]):focus-visible{background-image:linear-gradient(0deg,var(--ux-sys-color-on-primary-com-container-focus) 0%,var(--ux-sys-color-on-primary-com-container-focus) 100%)}[design-system=ux] input[type=submit][variant=filled-tonal][color=primary]:hover,[design-system=ux] input[type=reset][variant=filled-tonal][color=primary]:hover,[design-system=ux] input[type=button][variant=filled-tonal][color=primary]:hover,[design-system=ux] button[variant=filled-tonal][color=primary]:hover{box-shadow:var(--ux-ref-elevation-1-layer-1-x) var(--ux-ref-elevation-1-layer-1-y) var(--ux-ref-elevation-1-layer-1-blur) var(--ux-ref-elevation-1-layer-1-spread) var(--ux-ref-elevation-1-layer-1-color),var(--ux-ref-elevation-1-layer-2-x) var(--ux-ref-elevation-1-layer-2-y) var(--ux-ref-elevation-1-layer-2-blur) var(--ux-ref-elevation-1-layer-2-spread) var(--ux-ref-elevation-1-layer-2-color)}[design-system=ux] input[type=submit][variant=filled-tonal][color=primary]:active,[design-system=ux] input[type=reset][variant=filled-tonal][color=primary]:active,[design-system=ux] input[type=button][variant=filled-tonal][color=primary]:active,[design-system=ux] button[variant=filled-tonal][color=primary]:active{box-shadow:var(--ux-ref-elevation-0-layer-1-x) var(--ux-ref-elevation-0-layer-1-y) var(--ux-ref-elevation-0-layer-1-blur) var(--ux-ref-elevation-0-layer-1-spread) var(--ux-ref-elevation-0-layer-1-color),var(--ux-ref-elevation-0-layer-2-x) var(--ux-ref-elevation-0-layer-2-y) var(--ux-ref-elevation-0-layer-2-blur) var(--ux-ref-elevation-0-layer-2-spread) var(--ux-ref-elevation-0-layer-2-color)}[design-system=ux] input[type=submit][variant=filled-tonal][color=primary]:focus-visible,[design-system=ux] input[type=reset][variant=filled-tonal][color=primary]:focus-visible,[design-system=ux] input[type=button][variant=filled-tonal][color=primary]:focus-visible,[design-system=ux] button[variant=filled-tonal][color=primary]:focus-visible{box-shadow:var(--ux-ref-elevation-0-layer-1-x) var(--ux-ref-elevation-0-layer-1-y) var(--ux-ref-elevation-0-layer-1-blur) var(--ux-ref-elevation-0-layer-1-spread) var(--ux-ref-elevation-0-layer-1-color),var(--ux-ref-elevation-0-layer-2-x) var(--ux-ref-elevation-0-layer-2-y) var(--ux-ref-elevation-0-layer-2-blur) var(--ux-ref-elevation-0-layer-2-spread) var(--ux-ref-elevation-0-layer-2-color)}[design-system=ux] input[type=submit][variant=filled-tonal][color=secondary],[design-system=ux] input[type=reset][variant=filled-tonal][color=secondary],[design-system=ux] input[type=button][variant=filled-tonal][color=secondary],[design-system=ux] button[variant=filled-tonal][color=secondary]{background-color:var(--ux-sys-color-secondary-com-container);color:var(--ux-sys-color-on-secondary-com-container)}[design-system=ux] input[type=submit][variant=filled-tonal][color=secondary]:not([disabled]):hover,[design-system=ux] input[type=reset][variant=filled-tonal][color=secondary]:not([disabled]):hover,[design-system=ux] input[type=button][variant=filled-tonal][color=secondary]:not([disabled]):hover,[design-system=ux] button[variant=filled-tonal][color=secondary]:not([disabled]):hover{background-image:linear-gradient(0deg,var(--ux-sys-color-on-secondary-com-container-hover) 0%,var(--ux-sys-color-on-secondary-com-container-hover) 100%)}[design-system=ux] input[type=submit][variant=filled-tonal][color=secondary]:not([disabled]):active,[design-system=ux] input[type=reset][variant=filled-tonal][color=secondary]:not([disabled]):active,[design-system=ux] input[type=button][variant=filled-tonal][color=secondary]:not([disabled]):active,[design-system=ux] button[variant=filled-tonal][color=secondary]:not([disabled]):active{background-image:linear-gradient(0deg,var(--ux-sys-color-on-secondary-com-container-active) 0%,var(--ux-sys-color-on-secondary-com-container-active) 100%)}[design-system=ux] input[type=submit][variant=filled-tonal][color=secondary]:not([disabled]):focus-visible,[design-system=ux] input[type=reset][variant=filled-tonal][color=secondary]:not([disabled]):focus-visible,[design-system=ux] input[type=button][variant=filled-tonal][color=secondary]:not([disabled]):focus-visible,[design-system=ux] button[variant=filled-tonal][color=secondary]:not([disabled]):focus-visible{background-image:linear-gradient(0deg,var(--ux-sys-color-on-secondary-com-container-focus) 0%,var(--ux-sys-color-on-secondary-com-container-focus) 100%)}[design-system=ux] input[type=submit][variant=filled-tonal][color=secondary]:hover,[design-system=ux] input[type=reset][variant=filled-tonal][color=secondary]:hover,[design-system=ux] input[type=button][variant=filled-tonal][color=secondary]:hover,[design-system=ux] button[variant=filled-tonal][color=secondary]:hover{box-shadow:var(--ux-ref-elevation-1-layer-1-x) var(--ux-ref-elevation-1-layer-1-y) var(--ux-ref-elevation-1-layer-1-blur) var(--ux-ref-elevation-1-layer-1-spread) var(--ux-ref-elevation-1-layer-1-color),var(--ux-ref-elevation-1-layer-2-x) var(--ux-ref-elevation-1-layer-2-y) var(--ux-ref-elevation-1-layer-2-blur) var(--ux-ref-elevation-1-layer-2-spread) var(--ux-ref-elevation-1-layer-2-color)}[design-system=ux] input[type=submit][variant=filled-tonal][color=secondary]:active,[design-system=ux] input[type=reset][variant=filled-tonal][color=secondary]:active,[design-system=ux] input[type=button][variant=filled-tonal][color=secondary]:active,[design-system=ux] button[variant=filled-tonal][color=secondary]:active{box-shadow:var(--ux-ref-elevation-0-layer-1-x) var(--ux-ref-elevation-0-layer-1-y) var(--ux-ref-elevation-0-layer-1-blur) var(--ux-ref-elevation-0-layer-1-spread) var(--ux-ref-elevation-0-layer-1-color),var(--ux-ref-elevation-0-layer-2-x) var(--ux-ref-elevation-0-layer-2-y) var(--ux-ref-elevation-0-layer-2-blur) var(--ux-ref-elevation-0-layer-2-spread) var(--ux-ref-elevation-0-layer-2-color)}[design-system=ux] input[type=submit][variant=filled-tonal][color=secondary]:focus-visible,[design-system=ux] input[type=reset][variant=filled-tonal][color=secondary]:focus-visible,[design-system=ux] input[type=button][variant=filled-tonal][color=secondary]:focus-visible,[design-system=ux] button[variant=filled-tonal][color=secondary]:focus-visible{box-shadow:var(--ux-ref-elevation-0-layer-1-x) var(--ux-ref-elevation-0-layer-1-y) var(--ux-ref-elevation-0-layer-1-blur) var(--ux-ref-elevation-0-layer-1-spread) var(--ux-ref-elevation-0-layer-1-color),var(--ux-ref-elevation-0-layer-2-x) var(--ux-ref-elevation-0-layer-2-y) var(--ux-ref-elevation-0-layer-2-blur) var(--ux-ref-elevation-0-layer-2-spread) var(--ux-ref-elevation-0-layer-2-color)}[design-system=ux] input[type=submit][variant=outlined],[design-system=ux] input[type=reset][variant=outlined],[design-system=ux] input[type=button][variant=outlined],[design-system=ux] button[variant=outlined]{margin-right:-2px;margin-bottom:-2px;background-color:var(--ux-sys-color-surface-container);border:1px solid var(--ux-sys-color-outline)}[design-system=ux] input[type=submit][variant=outlined][color=primary],[design-system=ux] input[type=reset][variant=outlined][color=primary],[design-system=ux] input[type=button][variant=outlined][color=primary],[design-system=ux] button[variant=outlined][color=primary]{color:var(--ux-sys-color-primary)}[design-system=ux] input[type=submit][variant=outlined][color=primary]:not([disabled]):hover,[design-system=ux] input[type=reset][variant=outlined][color=primary]:not([disabled]):hover,[design-system=ux] input[type=button][variant=outlined][color=primary]:not([disabled]):hover,[design-system=ux] button[variant=outlined][color=primary]:not([disabled]):hover{background-image:linear-gradient(0deg,var(--ux-sys-color-primary-hover) 0%,var(--ux-sys-color-primary-hover) 100%)}[design-system=ux] input[type=submit][variant=outlined][color=primary]:not([disabled]):active,[design-system=ux] input[type=reset][variant=outlined][color=primary]:not([disabled]):active,[design-system=ux] input[type=button][variant=outlined][color=primary]:not([disabled]):active,[design-system=ux] button[variant=outlined][color=primary]:not([disabled]):active{background-image:linear-gradient(0deg,var(--ux-sys-color-primary-active) 0%,var(--ux-sys-color-primary-active) 100%)}[design-system=ux] input[type=submit][variant=outlined][color=primary]:not([disabled]):focus-visible,[design-system=ux] input[type=reset][variant=outlined][color=primary]:not([disabled]):focus-visible,[design-system=ux] input[type=button][variant=outlined][color=primary]:not([disabled]):focus-visible,[design-system=ux] button[variant=outlined][color=primary]:not([disabled]):focus-visible{background-image:linear-gradient(0deg,var(--ux-sys-color-primary-focus) 0%,var(--ux-sys-color-primary-focus) 100%)}[design-system=ux] input[type=submit][variant=outlined][color=primary]:hover,[design-system=ux] input[type=reset][variant=outlined][color=primary]:hover,[design-system=ux] input[type=button][variant=outlined][color=primary]:hover,[design-system=ux] button[variant=outlined][color=primary]:hover,[design-system=ux] input[type=submit][variant=outlined][color=primary]:active,[design-system=ux] input[type=reset][variant=outlined][color=primary]:active,[design-system=ux] input[type=button][variant=outlined][color=primary]:active,[design-system=ux] button[variant=outlined][color=primary]:active{border-color:var(--ux-sys-color-outline)}[design-system=ux] input[type=submit][variant=outlined][color=secondary],[design-system=ux] input[type=reset][variant=outlined][color=secondary],[design-system=ux] input[type=button][variant=outlined][color=secondary],[design-system=ux] button[variant=outlined][color=secondary]{color:var(--ux-sys-color-secondary)}[design-system=ux] input[type=submit][variant=outlined][color=secondary]:not([disabled]):hover,[design-system=ux] input[type=reset][variant=outlined][color=secondary]:not([disabled]):hover,[design-system=ux] input[type=button][variant=outlined][color=secondary]:not([disabled]):hover,[design-system=ux] button[variant=outlined][color=secondary]:not([disabled]):hover{background-image:linear-gradient(0deg,var(--ux-sys-color-secondary-hover) 0%,var(--ux-sys-color-secondary-hover) 100%)}[design-system=ux] input[type=submit][variant=outlined][color=secondary]:not([disabled]):active,[design-system=ux] input[type=reset][variant=outlined][color=secondary]:not([disabled]):active,[design-system=ux] input[type=button][variant=outlined][color=secondary]:not([disabled]):active,[design-system=ux] button[variant=outlined][color=secondary]:not([disabled]):active{background-image:linear-gradient(0deg,var(--ux-sys-color-secondary-active) 0%,var(--ux-sys-color-secondary-active) 100%)}[design-system=ux] input[type=submit][variant=outlined][color=secondary]:not([disabled]):focus-visible,[design-system=ux] input[type=reset][variant=outlined][color=secondary]:not([disabled]):focus-visible,[design-system=ux] input[type=button][variant=outlined][color=secondary]:not([disabled]):focus-visible,[design-system=ux] button[variant=outlined][color=secondary]:not([disabled]):focus-visible{background-image:linear-gradient(0deg,var(--ux-sys-color-secondary-focus) 0%,var(--ux-sys-color-secondary-focus) 100%)}[design-system=ux] input[type=submit][variant=outlined][color=secondary]:hover,[design-system=ux] input[type=reset][variant=outlined][color=secondary]:hover,[design-system=ux] input[type=button][variant=outlined][color=secondary]:hover,[design-system=ux] button[variant=outlined][color=secondary]:hover,[design-system=ux] input[type=submit][variant=outlined][color=secondary]:active,[design-system=ux] input[type=reset][variant=outlined][color=secondary]:active,[design-system=ux] input[type=button][variant=outlined][color=secondary]:active,[design-system=ux] button[variant=outlined][color=secondary]:active{border-color:var(--ux-sys-color-outline)}[design-system=ux] input[type=submit][variant=text],[design-system=ux] input[type=reset][variant=text],[design-system=ux] input[type=button][variant=text],[design-system=ux] button[variant=text]{background-color:transparent}[design-system=ux] input[type=submit][variant=text][color=primary],[design-system=ux] input[type=reset][variant=text][color=primary],[design-system=ux] input[type=button][variant=text][color=primary],[design-system=ux] button[variant=text][color=primary]{color:var(--ux-sys-color-primary)}[design-system=ux] input[type=submit][variant=text][color=primary]:not([disabled]):hover,[design-system=ux] input[type=reset][variant=text][color=primary]:not([disabled]):hover,[design-system=ux] input[type=button][variant=text][color=primary]:not([disabled]):hover,[design-system=ux] button[variant=text][color=primary]:not([disabled]):hover{background-image:linear-gradient(0deg,var(--ux-sys-color-primary-hover) 0%,var(--ux-sys-color-primary-hover) 100%)}[design-system=ux] input[type=submit][variant=text][color=primary]:not([disabled]):active,[design-system=ux] input[type=reset][variant=text][color=primary]:not([disabled]):active,[design-system=ux] input[type=button][variant=text][color=primary]:not([disabled]):active,[design-system=ux] button[variant=text][color=primary]:not([disabled]):active{background-image:linear-gradient(0deg,var(--ux-sys-color-primary-active) 0%,var(--ux-sys-color-primary-active) 100%)}[design-system=ux] input[type=submit][variant=text][color=primary]:not([disabled]):focus-visible,[design-system=ux] input[type=reset][variant=text][color=primary]:not([disabled]):focus-visible,[design-system=ux] input[type=button][variant=text][color=primary]:not([disabled]):focus-visible,[design-system=ux] button[variant=text][color=primary]:not([disabled]):focus-visible{background-image:linear-gradient(0deg,var(--ux-sys-color-primary-focus) 0%,var(--ux-sys-color-primary-focus) 100%)}[design-system=ux] input[type=submit][variant=text][color=secondary],[design-system=ux] input[type=reset][variant=text][color=secondary],[design-system=ux] input[type=button][variant=text][color=secondary],[design-system=ux] button[variant=text][color=secondary]{color:var(--ux-sys-color-secondary)}[design-system=ux] input[type=submit][variant=text][color=secondary]:not([disabled]):hover,[design-system=ux] input[type=reset][variant=text][color=secondary]:not([disabled]):hover,[design-system=ux] input[type=button][variant=text][color=secondary]:not([disabled]):hover,[design-system=ux] button[variant=text][color=secondary]:not([disabled]):hover{background-image:linear-gradient(0deg,var(--ux-sys-color-secondary-hover) 0%,var(--ux-sys-color-secondary-hover) 100%)}[design-system=ux] input[type=submit][variant=text][color=secondary]:not([disabled]):active,[design-system=ux] input[type=reset][variant=text][color=secondary]:not([disabled]):active,[design-system=ux] input[type=button][variant=text][color=secondary]:not([disabled]):active,[design-system=ux] button[variant=text][color=secondary]:not([disabled]):active{background-image:linear-gradient(0deg,var(--ux-sys-color-secondary-active) 0%,var(--ux-sys-color-secondary-active) 100%)}[design-system=ux] input[type=submit][variant=text][color=secondary]:not([disabled]):focus-visible,[design-system=ux] input[type=reset][variant=text][color=secondary]:not([disabled]):focus-visible,[design-system=ux] input[type=button][variant=text][color=secondary]:not([disabled]):focus-visible,[design-system=ux] button[variant=text][color=secondary]:not([disabled]):focus-visible{background-image:linear-gradient(0deg,var(--ux-sys-color-secondary-focus) 0%,var(--ux-sys-color-secondary-focus) 100%)}[design-system=ux] input[type=submit][variant][color][disabled],[design-system=ux] input[type=reset][variant][color][disabled],[design-system=ux] input[type=button][variant][color][disabled],[design-system=ux] button[variant][color][disabled]{color:var(--ux-sys-color-text-disabled-variant);pointer-events:none;box-shadow:var(--ux-ref-elevation-0-layer-1-x) var(--ux-ref-elevation-0-layer-1-y) var(--ux-ref-elevation-0-layer-1-blur) var(--ux-ref-elevation-0-layer-1-spread) var(--ux-ref-elevation-0-layer-1-color),var(--ux-ref-elevation-0-layer-2-x) var(--ux-ref-elevation-0-layer-2-y) var(--ux-ref-elevation-0-layer-2-blur) var(--ux-ref-elevation-0-layer-2-spread) var(--ux-ref-elevation-0-layer-2-color)}[design-system=ux] input[type=submit][variant][color][disabled]:not([variant=outlined],[variant=text]),[design-system=ux] input[type=reset][variant][color][disabled]:not([variant=outlined],[variant=text]),[design-system=ux] input[type=button][variant][color][disabled]:not([variant=outlined],[variant=text]),[design-system=ux] button[variant][color][disabled]:not([variant=outlined],[variant=text]){background-color:var(--ux-sys-color-on-surface-disabled)}[design-system=ux] div[variant]{position:relative;padding:var(--ux-ref-scale-0) var(--ux-ref-scale-3);color:var(--ux-sys-color-on-surface);font-family:var(--ux-ref-typeface-plain);overflow:visible;border-start-start-radius:var(--ux-ref-scale-3);border-start-end-radius:var(--ux-ref-scale-3);border-end-start-radius:var(--ux-ref-scale-3);border-end-end-radius:var(--ux-ref-scale-3);display:flex;flex-direction:column}[design-system=ux] div[variant=elevated]:not([disabled]):hover,[design-system=ux] div[variant=filled]:not([disabled]):hover,[design-system=ux] div[variant=outlined]:not([disabled]):hover{background-image:linear-gradient(0deg,var(--ux-sys-color-on-surface-hover) 0%,var(--ux-sys-color-on-surface-hover) 100%)}[design-system=ux] div[variant=elevated]:not([disabled]):active,[design-system=ux] div[variant=filled]:not([disabled]):active,[design-system=ux] div[variant=outlined]:not([disabled]):active{background-image:linear-gradient(0deg,var(--ux-sys-color-on-surface-active) 0%,var(--ux-sys-color-on-surface-active) 100%)}[design-system=ux] div[variant=elevated]:not([disabled]):focus-visible,[design-system=ux] div[variant=filled]:not([disabled]):focus-visible,[design-system=ux] div[variant=outlined]:not([disabled]):focus-visible{background-image:linear-gradient(0deg,var(--ux-sys-color-on-surface-focus) 0%,var(--ux-sys-color-on-surface-focus) 100%)}[design-system=ux] div[variant=elevated][color=primary]:not([disabled]):focus-visible,[design-system=ux] div[variant=filled][color=primary]:not([disabled]):focus-visible,[design-system=ux] div[variant=outlined][color=primary]:not([disabled]):focus-visible{outline:1px solid var(--ux-sys-color-primary-com);outline-offset:.7px}[design-system=ux] div[variant=elevated][color=secondary]:not([disabled]):focus-visible,[design-system=ux] div[variant=filled][color=secondary]:not([disabled]):focus-visible,[design-system=ux] div[variant=outlined][color=secondary]:not([disabled]):focus-visible{outline:1px solid var(--ux-sys-color-secondary-com);outline-offset:.7px}[design-system=ux] div[variant=elevated][disabled],[design-system=ux] div[variant=filled][disabled],[design-system=ux] div[variant=outlined][disabled]{pointer-events:none}[design-system=ux] div[variant=elevated]{background-color:var(--ux-sys-color-surface-container);box-shadow:var(--ux-ref-elevation-1-layer-1-x) var(--ux-ref-elevation-1-layer-1-y) var(--ux-ref-elevation-1-layer-1-blur) var(--ux-ref-elevation-1-layer-1-spread) var(--ux-ref-elevation-1-layer-1-color),var(--ux-ref-elevation-1-layer-2-x) var(--ux-ref-elevation-1-layer-2-y) var(--ux-ref-elevation-1-layer-2-blur) var(--ux-ref-elevation-1-layer-2-spread) var(--ux-ref-elevation-1-layer-2-color)}[design-system=ux] div[variant=elevated]:hover{box-shadow:var(--ux-ref-elevation-2-layer-1-x) var(--ux-ref-elevation-2-layer-1-y) var(--ux-ref-elevation-2-layer-1-blur) var(--ux-ref-elevation-2-layer-1-spread) var(--ux-ref-elevation-2-layer-1-color),var(--ux-ref-elevation-2-layer-2-x) var(--ux-ref-elevation-2-layer-2-y) var(--ux-ref-elevation-2-layer-2-blur) var(--ux-ref-elevation-2-layer-2-spread) var(--ux-ref-elevation-2-layer-2-color)}[design-system=ux] div[variant=elevated]:focus-visible{box-shadow:var(--ux-ref-elevation-1-layer-1-x) var(--ux-ref-elevation-1-layer-1-y) var(--ux-ref-elevation-1-layer-1-blur) var(--ux-ref-elevation-1-layer-1-spread) var(--ux-ref-elevation-1-layer-1-color),var(--ux-ref-elevation-1-layer-2-x) var(--ux-ref-elevation-1-layer-2-y) var(--ux-ref-elevation-1-layer-2-blur) var(--ux-ref-elevation-1-layer-2-spread) var(--ux-ref-elevation-1-layer-2-color);outline:1px solid}[design-system=ux] div[variant=elevated]:active{box-shadow:var(--ux-ref-elevation-1-layer-1-x) var(--ux-ref-elevation-1-layer-1-y) var(--ux-ref-elevation-1-layer-1-blur) var(--ux-ref-elevation-1-layer-1-spread) var(--ux-ref-elevation-1-layer-1-color),var(--ux-ref-elevation-1-layer-2-x) var(--ux-ref-elevation-1-layer-2-y) var(--ux-ref-elevation-1-layer-2-blur) var(--ux-ref-elevation-1-layer-2-spread) var(--ux-ref-elevation-1-layer-2-color)}[design-system=ux] div[variant=elevated][disabled]{background-color:var(--ux-sys-color-surface-container-low);box-shadow:var(--ux-ref-elevation-1-layer-1-x) var(--ux-ref-elevation-1-layer-1-y) var(--ux-ref-elevation-1-layer-1-blur) var(--ux-ref-elevation-1-layer-1-spread) var(--ux-ref-elevation-1-layer-1-color),var(--ux-ref-elevation-1-layer-2-x) var(--ux-ref-elevation-1-layer-2-y) var(--ux-ref-elevation-1-layer-2-blur) var(--ux-ref-elevation-1-layer-2-spread) var(--ux-ref-elevation-1-layer-2-color);background-image:linear-gradient(0deg,var(--ux-sys-color-surface-disabled-variant) 0%,var(--ux-sys-color-surface-disabled-variant) 100%)}[design-system=ux] div[variant=filled]{background-color:var(--ux-sys-color-surface-container-highest)}[design-system=ux] div[variant=filled][disabled]{background-color:var(--ux-sys-color-surface-container-highest);box-shadow:var(--ux-ref-elevation-0-layer-1-x) var(--ux-ref-elevation-0-layer-1-y) var(--ux-ref-elevation-0-layer-1-blur) var(--ux-ref-elevation-0-layer-1-spread) var(--ux-ref-elevation-0-layer-1-color),var(--ux-ref-elevation-0-layer-2-x) var(--ux-ref-elevation-0-layer-2-y) var(--ux-ref-elevation-0-layer-2-blur) var(--ux-ref-elevation-0-layer-2-spread) var(--ux-ref-elevation-0-layer-2-color);background-image:linear-gradient(0deg,var(--ux-sys-color-surface-variant-disabled-variant) 0%,var(--ux-sys-color-surface-variant-disabled-variant) 100%)}[design-system=ux] div[variant=outlined]{border:1px solid var(--ux-sys-color-outline-variant);background-color:var(--ux-sys-color-surface)}[design-system=ux] div[variant=outlined][disabled]{border-color:var(--ux-sys-color-outline-disabled)}[design-system=ux] label[color]{cursor:inherit;color:var(--ux-sys-color-text);position:relative;display:inline-flex;justify-content:center;gap:var(--ux-ref-scale-2);align-items:center}[design-system=ux] label[color]:has(input[type=checkbox]),[design-system=ux] label[color]:has(input[type=radio]){cursor:pointer}[design-system=ux] label[color][direction=rtl]{flex-direction:row-reverse}[design-system=ux] label[color][usize=label-small]{font-family:var(--ux-ref-typescale-label-small-font);font-size:var(--ux-ref-typescale-label-small-size);font-weight:var(--ux-ref-typescale-label-small-weight);font-style:var(--ux-ref-typescale-label-small-style);letter-spacing:var(--ux-ref-typescale-label-small-tracking);line-height:var(--ux-ref-typescale-label-small-line-height)}[design-system=ux] label[color]:not([usize]),[design-system=ux] label[color][usize=""],[design-system=ux] label[color][usize=label-medium]{font-family:var(--ux-ref-typescale-label-medium-font);font-size:var(--ux-ref-typescale-label-medium-size);font-weight:var(--ux-ref-typescale-label-medium-weight);font-style:var(--ux-ref-typescale-label-medium-style);letter-spacing:var(--ux-ref-typescale-label-medium-tracking);line-height:var(--ux-ref-typescale-label-medium-line-height)}[design-system=ux] label[color][usize=label-large]{font-family:var(--ux-ref-typescale-label-large-font);font-size:var(--ux-ref-typescale-label-large-size);font-weight:var(--ux-ref-typescale-label-large-weight);font-style:var(--ux-ref-typescale-label-large-style);letter-spacing:var(--ux-ref-typescale-label-large-tracking);line-height:var(--ux-ref-typescale-label-large-line-height)}[design-system=ux] label[color][usize=display-small]{font-family:var(--ux-ref-typescale-display-small-font);font-size:var(--ux-ref-typescale-display-small-size);font-weight:var(--ux-ref-typescale-display-small-weight);font-style:var(--ux-ref-typescale-display-small-style);letter-spacing:var(--ux-ref-typescale-display-small-tracking);line-height:var(--ux-ref-typescale-display-small-line-height)}[design-system=ux] label[color][usize=display-medium]{font-family:var(--ux-ref-typescale-display-medium-font);font-size:var(--ux-ref-typescale-display-medium-size);font-weight:var(--ux-ref-typescale-display-medium-weight);font-style:var(--ux-ref-typescale-display-medium-style);letter-spacing:var(--ux-ref-typescale-display-medium-tracking);line-height:var(--ux-ref-typescale-display-medium-line-height)}[design-system=ux] label[color][usize=display-large]{font-family:var(--ux-ref-typescale-display-large-font);font-size:var(--ux-ref-typescale-display-large-size);font-weight:var(--ux-ref-typescale-display-large-weight);font-style:var(--ux-ref-typescale-display-large-style);letter-spacing:var(--ux-ref-typescale-display-large-tracking);line-height:var(--ux-ref-typescale-display-large-line-height)}[design-system=ux] label[color][usize=headline-small]{font-family:var(--ux-ref-typescale-headline-small-font);font-size:var(--ux-ref-typescale-headline-small-size);font-weight:var(--ux-ref-typescale-headline-small-weight);font-style:var(--ux-ref-typescale-headline-small-style);letter-spacing:var(--ux-ref-typescale-headline-small-tracking);line-height:var(--ux-ref-typescale-headline-small-line-height)}[design-system=ux] label[color][usize=headline-medium]{font-family:var(--ux-ref-typescale-headline-medium-font);font-size:var(--ux-ref-typescale-headline-medium-size);font-weight:var(--ux-ref-typescale-headline-medium-weight);font-style:var(--ux-ref-typescale-headline-medium-style);letter-spacing:var(--ux-ref-typescale-headline-medium-tracking);line-height:var(--ux-ref-typescale-headline-medium-line-height)}[design-system=ux] label[color][usize=headline-large]{font-family:var(--ux-ref-typescale-headline-large-font);font-size:var(--ux-ref-typescale-headline-large-size);font-weight:var(--ux-ref-typescale-headline-large-weight);font-style:var(--ux-ref-typescale-headline-large-style);letter-spacing:var(--ux-ref-typescale-headline-large-tracking);line-height:var(--ux-ref-typescale-headline-large-line-height)}[design-system=ux] label[color][usize=title-small]{font-family:var(--ux-ref-typescale-title-small-font);font-size:var(--ux-ref-typescale-title-small-size);font-weight:var(--ux-ref-typescale-title-small-weight);font-style:var(--ux-ref-typescale-title-small-style);letter-spacing:var(--ux-ref-typescale-title-small-tracking);line-height:var(--ux-ref-typescale-title-small-line-height)}[design-system=ux] label[color][usize=title-medium]{font-family:var(--ux-ref-typescale-title-medium-font);font-size:var(--ux-ref-typescale-title-medium-size);font-weight:var(--ux-ref-typescale-title-medium-weight);font-style:var(--ux-ref-typescale-title-medium-style);letter-spacing:var(--ux-ref-typescale-title-medium-tracking);line-height:var(--ux-ref-typescale-title-medium-line-height)}[design-system=ux] label[color][usize=title-large]{font-family:var(--ux-ref-typescale-title-large-font);font-size:var(--ux-ref-typescale-title-large-size);font-weight:var(--ux-ref-typescale-title-large-weight);font-style:var(--ux-ref-typescale-title-large-style);letter-spacing:var(--ux-ref-typescale-title-large-tracking);line-height:var(--ux-ref-typescale-title-large-line-height)}[design-system=ux] label[color][usize=body-small]{font-family:var(--ux-ref-typescale-title-small-font);font-size:var(--ux-ref-typescale-title-small-size);font-weight:var(--ux-ref-typescale-title-small-weight);font-style:var(--ux-ref-typescale-title-small-style);letter-spacing:var(--ux-ref-typescale-title-small-tracking);line-height:var(--ux-ref-typescale-title-small-line-height)}[design-system=ux] label[color][usize=body-medium]{font-family:var(--ux-ref-typescale-body-medium-font);font-size:var(--ux-ref-typescale-body-medium-size);font-weight:var(--ux-ref-typescale-body-medium-weight);font-style:var(--ux-ref-typescale-body-medium-style);letter-spacing:var(--ux-ref-typescale-body-medium-tracking);line-height:var(--ux-ref-typescale-body-medium-line-height)}[design-system=ux] label[color][usize=title-large]{font-family:var(--ux-ref-typescale-body-large-font);font-size:var(--ux-ref-typescale-body-large-size);font-weight:var(--ux-ref-typescale-body-large-weight);font-style:var(--ux-ref-typescale-body-large-style);letter-spacing:var(--ux-ref-typescale-body-large-tracking);line-height:var(--ux-ref-typescale-body-large-line-height)}[design-system=ux] label[color=primary]{color:var(--ux-sys-color-primary)}[design-system=ux] label[color=info]{color:var(--ux-sys-color-info)}[design-system=ux] label[color=warning]{color:var(--ux-sys-color-warning)}[design-system=ux] label[color=success]{color:var(--ux-sys-color-success)}[design-system=ux] label[color=error]{color:var(--ux-sys-color-error)}[design-system=ux] label[color=inherit]{color:inherit}[design-system=ux] input[color]{position:relative}[design-system=ux] input[color][type=checkbox],[design-system=ux] input[color][type=radio]{border:2px solid var(--ux-sys-color-surface-variant)}[design-system=ux] input[color][type=checkbox][usize=small],[design-system=ux] input[color][type=radio][usize=small]{width:18px;height:18px}[design-system=ux] input[color][type=checkbox][usize=small]:after,[design-system=ux] input[color][type=radio][usize=small]:after{width:20px;height:20px}[design-system=ux] input[color][type=checkbox][usize=medium],[design-system=ux] input[color][type=radio][usize=medium]{width:26px;height:26px}[design-system=ux] input[color][type=checkbox][usize=medium]:after,[design-system=ux] input[color][type=radio][usize=medium]:after{width:28px;height:28px}[design-system=ux] input[color][type=checkbox][usize=large],[design-system=ux] input[color][type=radio][usize=large]{width:34px;height:34px}[design-system=ux] input[color][type=checkbox][usize=large]:after,[design-system=ux] input[color][type=radio][usize=large]:after{width:36px;height:36px}[design-system=ux] input[color][type=checkbox]:checked,[design-system=ux] input[color][type=radio]:checked{background-clip:content-box,padding-box}[design-system=ux] input[color][type=checkbox]:checked:before,[design-system=ux] input[color][type=radio]:checked:before{content:"";position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}[design-system=ux] input[color][type=checkbox][color=primary]:not([disabled]):focus-visible,[design-system=ux] input[color][type=radio][color=primary]:not([disabled]):focus-visible{outline:1px solid var(--ux-sys-color-primary-com);outline-offset:.7px}[design-system=ux] input[color][type=checkbox][color=primary]:not([disabled]):hover:after,[design-system=ux] input[color][type=radio][color=primary]:not([disabled]):hover:after{background-image:linear-gradient(0deg,var(--ux-sys-color-primary-hover) 0%,var(--ux-sys-color-primary-hover) 100%)}[design-system=ux] input[color][type=checkbox][color=primary]:not([disabled]):focus-visible:after,[design-system=ux] input[color][type=radio][color=primary]:not([disabled]):focus-visible:after{background-image:linear-gradient(0deg,var(--ux-sys-color-primary-focus) 0%,var(--ux-sys-color-primary-focus) 100%)}[design-system=ux] input[color][type=checkbox][color=primary]:not([disabled]):active:after,[design-system=ux] input[color][type=radio][color=primary]:not([disabled]):active:after{background-image:linear-gradient(0deg,var(--ux-sys-color-primary-active) 0%,var(--ux-sys-color-primary-active) 100%)}[design-system=ux] input[color][type=checkbox][color=primary]:checked,[design-system=ux] input[color][type=radio][color=primary]:checked{border-color:var(--ux-sys-color-primary)}[design-system=ux] input[color][type=checkbox][color=secondary]:not([disabled]):focus-visible,[design-system=ux] input[color][type=radio][color=secondary]:not([disabled]):focus-visible{outline:1px solid var(--ux-sys-color-secondary-com);outline-offset:.7px}[design-system=ux] input[color][type=checkbox][color=secondary]:not([disabled]):hover:after,[design-system=ux] input[color][type=radio][color=secondary]:not([disabled]):hover:after{background-image:linear-gradient(0deg,var(--ux-sys-color-secondary-hover) 0%,var(--ux-sys-color-secondary-hover) 100%)}[design-system=ux] input[color][type=checkbox][color=secondary]:not([disabled]):focus-visible:after,[design-system=ux] input[color][type=radio][color=secondary]:not([disabled]):focus-visible:after{background-image:linear-gradient(0deg,var(--ux-sys-color-secondary-focus) 0%,var(--ux-sys-color-secondary-focus) 100%)}[design-system=ux] input[color][type=checkbox][color=secondary]:not([disabled]):active:after,[design-system=ux] input[color][type=radio][color=secondary]:not([disabled]):active:after{background-image:linear-gradient(0deg,var(--ux-sys-color-secondary-active) 0%,var(--ux-sys-color-secondary-active) 100%)}[design-system=ux] input[color][type=checkbox][color=secondary]:checked,[design-system=ux] input[color][type=radio][color=secondary]:checked{border-color:var(--ux-sys-color-secondary)}[design-system=ux] input[color][type=range],[design-system=ux] input[color][type=checkbox],[design-system=ux] input[color][type=radio],[design-system=ux] input[color][type=color]{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}[design-system=ux] input[color][type=range]:after,[design-system=ux] input[color][type=checkbox]:after,[design-system=ux] input[color][type=radio]:after,[design-system=ux] input[color][type=color]:after{content:"";position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);border-start-start-radius:var(--ux-ref-scale-full);border-start-end-radius:var(--ux-ref-scale-full);border-end-start-radius:var(--ux-ref-scale-full);border-end-end-radius:var(--ux-ref-scale-full)}[design-system=ux] input[color]:not([type]),[design-system=ux] input[type=text][color],[design-system=ux] input[type=number][color],[design-system=ux] input[type=tel][color],[design-system=ux] input[type=time][color],[design-system=ux] input[type=url][color],[design-system=ux] input[type=week][color],[design-system=ux] input[type=search][color],[design-system=ux] input[type=password][color],[design-system=ux] input[type=month][color],[design-system=ux] input[type=file][color],[design-system=ux] input[type=email][color],[design-system=ux] input[type=datetime-local][color],[design-system=ux] input[type=date][color]{height:fit-content;box-sizing:border-box;width:100%}[design-system=ux] input[color]:not([type])[usize=small],[design-system=ux] input[type=text][color][usize=small],[design-system=ux] input[type=number][color][usize=small],[design-system=ux] input[type=tel][color][usize=small],[design-system=ux] input[type=time][color][usize=small],[design-system=ux] input[type=url][color][usize=small],[design-system=ux] input[type=week][color][usize=small],[design-system=ux] input[type=search][color][usize=small],[design-system=ux] input[type=password][color][usize=small],[design-system=ux] input[type=month][color][usize=small],[design-system=ux] input[type=file][color][usize=small],[design-system=ux] input[type=email][color][usize=small],[design-system=ux] input[type=datetime-local][color][usize=small],[design-system=ux] input[type=date][color][usize=small]{font-family:var(--ux-ref-typescale-body-small-font);font-size:var(--ux-ref-typescale-body-small-size);font-weight:var(--ux-ref-typescale-body-small-weight);font-style:var(--ux-ref-typescale-body-small-style);letter-spacing:var(--ux-ref-typescale-body-small-tracking);line-height:var(--ux-ref-typescale-body-small-line-height);padding:var(--ux-ref-scale-1) var(--ux-ref-scale-2)}[design-system=ux] input[color]:not([type])[usize=medium],[design-system=ux] input[type=text][color][usize=medium],[design-system=ux] input[type=number][color][usize=medium],[design-system=ux] input[type=tel][color][usize=medium],[design-system=ux] input[type=time][color][usize=medium],[design-system=ux] input[type=url][color][usize=medium],[design-system=ux] input[type=week][color][usize=medium],[design-system=ux] input[type=search][color][usize=medium],[design-system=ux] input[type=password][color][usize=medium],[design-system=ux] input[type=month][color][usize=medium],[design-system=ux] input[type=file][color][usize=medium],[design-system=ux] input[type=email][color][usize=medium],[design-system=ux] input[type=datetime-local][color][usize=medium],[design-system=ux] input[type=date][color][usize=medium]{font-family:var(--ux-ref-typescale-body-medium-font);font-size:var(--ux-ref-typescale-body-medium-size);font-weight:var(--ux-ref-typescale-body-medium-weight);font-style:var(--ux-ref-typescale-body-medium-style);letter-spacing:var(--ux-ref-typescale-body-medium-tracking);line-height:var(--ux-ref-typescale-body-medium-line-height);padding:var(--ux-ref-scale-2) var(--ux-ref-scale-3)}[design-system=ux] input[color]:not([type])[usize=large],[design-system=ux] input[type=text][color][usize=large],[design-system=ux] input[type=number][color][usize=large],[design-system=ux] input[type=tel][color][usize=large],[design-system=ux] input[type=time][color][usize=large],[design-system=ux] input[type=url][color][usize=large],[design-system=ux] input[type=week][color][usize=large],[design-system=ux] input[type=search][color][usize=large],[design-system=ux] input[type=password][color][usize=large],[design-system=ux] input[type=month][color][usize=large],[design-system=ux] input[type=file][color][usize=large],[design-system=ux] input[type=email][color][usize=large],[design-system=ux] input[type=datetime-local][color][usize=large],[design-system=ux] input[type=date][color][usize=large]{font-family:var(--ux-ref-typescale-body-large-font);font-size:var(--ux-ref-typescale-body-large-size);font-weight:var(--ux-ref-typescale-body-large-weight);font-style:var(--ux-ref-typescale-body-large-style);letter-spacing:var(--ux-ref-typescale-body-large-tracking);line-height:var(--ux-ref-typescale-body-large-line-height);padding:var(--ux-ref-scale-3) var(--ux-ref-scale-4)}[design-system=ux] input[color]:not([type])::-webkit-inner-spin-button,[design-system=ux] input[color]:not([type])::-webkit-datetime-edit,[design-system=ux] input[color]:not([type])::-webkit-calendar-picker-indicator,[design-system=ux] input[type=text][color]::-webkit-inner-spin-button,[design-system=ux] input[type=text][color]::-webkit-datetime-edit,[design-system=ux] input[type=text][color]::-webkit-calendar-picker-indicator,[design-system=ux] input[type=number][color]::-webkit-inner-spin-button,[design-system=ux] input[type=number][color]::-webkit-datetime-edit,[design-system=ux] input[type=number][color]::-webkit-calendar-picker-indicator,[design-system=ux] input[type=tel][color]::-webkit-inner-spin-button,[design-system=ux] input[type=tel][color]::-webkit-datetime-edit,[design-system=ux] input[type=tel][color]::-webkit-calendar-picker-indicator,[design-system=ux] input[type=time][color]::-webkit-inner-spin-button,[design-system=ux] input[type=time][color]::-webkit-datetime-edit,[design-system=ux] input[type=time][color]::-webkit-calendar-picker-indicator,[design-system=ux] input[type=url][color]::-webkit-inner-spin-button,[design-system=ux] input[type=url][color]::-webkit-datetime-edit,[design-system=ux] input[type=url][color]::-webkit-calendar-picker-indicator,[design-system=ux] input[type=week][color]::-webkit-inner-spin-button,[design-system=ux] input[type=week][color]::-webkit-datetime-edit,[design-system=ux] input[type=week][color]::-webkit-calendar-picker-indicator,[design-system=ux] input[type=search][color]::-webkit-inner-spin-button,[design-system=ux] input[type=search][color]::-webkit-datetime-edit,[design-system=ux] input[type=search][color]::-webkit-calendar-picker-indicator,[design-system=ux] input[type=password][color]::-webkit-inner-spin-button,[design-system=ux] input[type=password][color]::-webkit-datetime-edit,[design-system=ux] input[type=password][color]::-webkit-calendar-picker-indicator,[design-system=ux] input[type=month][color]::-webkit-inner-spin-button,[design-system=ux] input[type=month][color]::-webkit-datetime-edit,[design-system=ux] input[type=month][color]::-webkit-calendar-picker-indicator,[design-system=ux] input[type=file][color]::-webkit-inner-spin-button,[design-system=ux] input[type=file][color]::-webkit-datetime-edit,[design-system=ux] input[type=file][color]::-webkit-calendar-picker-indicator,[design-system=ux] input[type=email][color]::-webkit-inner-spin-button,[design-system=ux] input[type=email][color]::-webkit-datetime-edit,[design-system=ux] input[type=email][color]::-webkit-calendar-picker-indicator,[design-system=ux] input[type=datetime-local][color]::-webkit-inner-spin-button,[design-system=ux] input[type=datetime-local][color]::-webkit-datetime-edit,[design-system=ux] input[type=datetime-local][color]::-webkit-calendar-picker-indicator,[design-system=ux] input[type=date][color]::-webkit-inner-spin-button,[design-system=ux] input[type=date][color]::-webkit-datetime-edit,[design-system=ux] input[type=date][color]::-webkit-calendar-picker-indicator{cursor:pointer}[design-system=ux] input[color]:not([type])[color=primary],[design-system=ux] input[type=text][color][color=primary],[design-system=ux] input[type=number][color][color=primary],[design-system=ux] input[type=tel][color][color=primary],[design-system=ux] input[type=time][color][color=primary],[design-system=ux] input[type=url][color][color=primary],[design-system=ux] input[type=week][color][color=primary],[design-system=ux] input[type=search][color][color=primary],[design-system=ux] input[type=password][color][color=primary],[design-system=ux] input[type=month][color][color=primary],[design-system=ux] input[type=file][color][color=primary],[design-system=ux] input[type=email][color][color=primary],[design-system=ux] input[type=datetime-local][color][color=primary],[design-system=ux] input[type=date][color][color=primary]{color:var(--ux-sys-color-on-surface)}[design-system=ux] input[color]:not([type])[color=primary][variant=outline]:not([disabled]):focus-visible,[design-system=ux] input[type=text][color][color=primary][variant=outline]:not([disabled]):focus-visible,[design-system=ux] input[type=number][color][color=primary][variant=outline]:not([disabled]):focus-visible,[design-system=ux] input[type=tel][color][color=primary][variant=outline]:not([disabled]):focus-visible,[design-system=ux] input[type=time][color][color=primary][variant=outline]:not([disabled]):focus-visible,[design-system=ux] input[type=url][color][color=primary][variant=outline]:not([disabled]):focus-visible,[design-system=ux] input[type=week][color][color=primary][variant=outline]:not([disabled]):focus-visible,[design-system=ux] input[type=search][color][color=primary][variant=outline]:not([disabled]):focus-visible,[design-system=ux] input[type=password][color][color=primary][variant=outline]:not([disabled]):focus-visible,[design-system=ux] input[type=month][color][color=primary][variant=outline]:not([disabled]):focus-visible,[design-system=ux] input[type=file][color][color=primary][variant=outline]:not([disabled]):focus-visible,[design-system=ux] input[type=email][color][color=primary][variant=outline]:not([disabled]):focus-visible,[design-system=ux] input[type=datetime-local][color][color=primary][variant=outline]:not([disabled]):focus-visible,[design-system=ux] input[type=date][color][color=primary][variant=outline]:not([disabled]):focus-visible{outline:1px solid var(--ux-sys-color-primary);outline-offset:.7px}[design-system=ux] input[color]:not([type])[color=primary]:not([disabled]):hover,[design-system=ux] input[type=text][color][color=primary]:not([disabled]):hover,[design-system=ux] input[type=number][color][color=primary]:not([disabled]):hover,[design-system=ux] input[type=tel][color][color=primary]:not([disabled]):hover,[design-system=ux] input[type=time][color][color=primary]:not([disabled]):hover,[design-system=ux] input[type=url][color][color=primary]:not([disabled]):hover,[design-system=ux] input[type=week][color][color=primary]:not([disabled]):hover,[design-system=ux] input[type=search][color][color=primary]:not([disabled]):hover,[design-system=ux] input[type=password][color][color=primary]:not([disabled]):hover,[design-system=ux] input[type=month][color][color=primary]:not([disabled]):hover,[design-system=ux] input[type=file][color][color=primary]:not([disabled]):hover,[design-system=ux] input[type=email][color][color=primary]:not([disabled]):hover,[design-system=ux] input[type=datetime-local][color][color=primary]:not([disabled]):hover,[design-system=ux] input[type=date][color][color=primary]:not([disabled]):hover{background-image:linear-gradient(0deg,var(--ux-sys-color-primary-hover) 0%,var(--ux-sys-color-primary-hover) 100%)}[design-system=ux] input[color]:not([type])[color=primary]:not([disabled]):active,[design-system=ux] input[type=text][color][color=primary]:not([disabled]):active,[design-system=ux] input[type=number][color][color=primary]:not([disabled]):active,[design-system=ux] input[type=tel][color][color=primary]:not([disabled]):active,[design-system=ux] input[type=time][color][color=primary]:not([disabled]):active,[design-system=ux] input[type=url][color][color=primary]:not([disabled]):active,[design-system=ux] input[type=week][color][color=primary]:not([disabled]):active,[design-system=ux] input[type=search][color][color=primary]:not([disabled]):active,[design-system=ux] input[type=password][color][color=primary]:not([disabled]):active,[design-system=ux] input[type=month][color][color=primary]:not([disabled]):active,[design-system=ux] input[type=file][color][color=primary]:not([disabled]):active,[design-system=ux] input[type=email][color][color=primary]:not([disabled]):active,[design-system=ux] input[type=datetime-local][color][color=primary]:not([disabled]):active,[design-system=ux] input[type=date][color][color=primary]:not([disabled]):active{background-image:linear-gradient(0deg,var(--ux-sys-color-primary-active) 0%,var(--ux-sys-color-primary-active) 100%)}[design-system=ux] input[color]:not([type])[color=primary]:not([disabled]):focus-visible,[design-system=ux] input[type=text][color][color=primary]:not([disabled]):focus-visible,[design-system=ux] input[type=number][color][color=primary]:not([disabled]):focus-visible,[design-system=ux] input[type=tel][color][color=primary]:not([disabled]):focus-visible,[design-system=ux] input[type=time][color][color=primary]:not([disabled]):focus-visible,[design-system=ux] input[type=url][color][color=primary]:not([disabled]):focus-visible,[design-system=ux] input[type=week][color][color=primary]:not([disabled]):focus-visible,[design-system=ux] input[type=search][color][color=primary]:not([disabled]):focus-visible,[design-system=ux] input[type=password][color][color=primary]:not([disabled]):focus-visible,[design-system=ux] input[type=month][color][color=primary]:not([disabled]):focus-visible,[design-system=ux] input[type=file][color][color=primary]:not([disabled]):focus-visible,[design-system=ux] input[type=email][color][color=primary]:not([disabled]):focus-visible,[design-system=ux] input[type=datetime-local][color][color=primary]:not([disabled]):focus-visible,[design-system=ux] input[type=date][color][color=primary]:not([disabled]):focus-visible{background-image:linear-gradient(0deg,var(--ux-sys-color-primary-focus) 0%,var(--ux-sys-color-primary-focus) 100%)}[design-system=ux] input[color]:not([type])[color=primary]:focus-within,[design-system=ux] input[type=text][color][color=primary]:focus-within,[design-system=ux] input[type=number][color][color=primary]:focus-within,[design-system=ux] input[type=tel][color][color=primary]:focus-within,[design-system=ux] input[type=time][color][color=primary]:focus-within,[design-system=ux] input[type=url][color][color=primary]:focus-within,[design-system=ux] input[type=week][color][color=primary]:focus-within,[design-system=ux] input[type=search][color][color=primary]:focus-within,[design-system=ux] input[type=password][color][color=primary]:focus-within,[design-system=ux] input[type=month][color][color=primary]:focus-within,[design-system=ux] input[type=file][color][color=primary]:focus-within,[design-system=ux] input[type=email][color][color=primary]:focus-within,[design-system=ux] input[type=datetime-local][color][color=primary]:focus-within,[design-system=ux] input[type=date][color][color=primary]:focus-within{border-width:4px;border-color:var(--ux-sys-color-primary)}[design-system=ux] input[color]:not([type])[color=primary][variant=outlined]:focus-within,[design-system=ux] input[type=text][color][color=primary][variant=outlined]:focus-within,[design-system=ux] input[type=number][color][color=primary][variant=outlined]:focus-within,[design-system=ux] input[type=tel][color][color=primary][variant=outlined]:focus-within,[design-system=ux] input[type=time][color][color=primary][variant=outlined]:focus-within,[design-system=ux] input[type=url][color][color=primary][variant=outlined]:focus-within,[design-system=ux] input[type=week][color][color=primary][variant=outlined]:focus-within,[design-system=ux] input[type=search][color][color=primary][variant=outlined]:focus-within,[design-system=ux] input[type=password][color][color=primary][variant=outlined]:focus-within,[design-system=ux] input[type=month][color][color=primary][variant=outlined]:focus-within,[design-system=ux] input[type=file][color][color=primary][variant=outlined]:focus-within,[design-system=ux] input[type=email][color][color=primary][variant=outlined]:focus-within,[design-system=ux] input[type=datetime-local][color][color=primary][variant=outlined]:focus-within,[design-system=ux] input[type=date][color][color=primary][variant=outlined]:focus-within{outline:none;border-width:2px;margin-bottom:-2px;margin-left:-2px;border-color:var(--ux-sys-color-primary)}[design-system=ux] input[color]:not([type])[color=secondary],[design-system=ux] input[type=text][color][color=secondary],[design-system=ux] input[type=number][color][color=secondary],[design-system=ux] input[type=tel][color][color=secondary],[design-system=ux] input[type=time][color][color=secondary],[design-system=ux] input[type=url][color][color=secondary],[design-system=ux] input[type=week][color][color=secondary],[design-system=ux] input[type=search][color][color=secondary],[design-system=ux] input[type=password][color][color=secondary],[design-system=ux] input[type=month][color][color=secondary],[design-system=ux] input[type=file][color][color=secondary],[design-system=ux] input[type=email][color][color=secondary],[design-system=ux] input[type=datetime-local][color][color=secondary],[design-system=ux] input[type=date][color][color=secondary]{color:var(--ux-sys-color-on-surface)}[design-system=ux] input[color]:not([type])[color=secondary][variant=outline]:not([disabled]):focus-visible,[design-system=ux] input[type=text][color][color=secondary][variant=outline]:not([disabled]):focus-visible,[design-system=ux] input[type=number][color][color=secondary][variant=outline]:not([disabled]):focus-visible,[design-system=ux] input[type=tel][color][color=secondary][variant=outline]:not([disabled]):focus-visible,[design-system=ux] input[type=time][color][color=secondary][variant=outline]:not([disabled]):focus-visible,[design-system=ux] input[type=url][color][color=secondary][variant=outline]:not([disabled]):focus-visible,[design-system=ux] input[type=week][color][color=secondary][variant=outline]:not([disabled]):focus-visible,[design-system=ux] input[type=search][color][color=secondary][variant=outline]:not([disabled]):focus-visible,[design-system=ux] input[type=password][color][color=secondary][variant=outline]:not([disabled]):focus-visible,[design-system=ux] input[type=month][color][color=secondary][variant=outline]:not([disabled]):focus-visible,[design-system=ux] input[type=file][color][color=secondary][variant=outline]:not([disabled]):focus-visible,[design-system=ux] input[type=email][color][color=secondary][variant=outline]:not([disabled]):focus-visible,[design-system=ux] input[type=datetime-local][color][color=secondary][variant=outline]:not([disabled]):focus-visible,[design-system=ux] input[type=date][color][color=secondary][variant=outline]:not([disabled]):focus-visible{outline:1px solid var(--ux-sys-color-secondary);outline-offset:.7px}[design-system=ux] input[color]:not([type])[color=secondary]:not([disabled]):hover,[design-system=ux] input[type=text][color][color=secondary]:not([disabled]):hover,[design-system=ux] input[type=number][color][color=secondary]:not([disabled]):hover,[design-system=ux] input[type=tel][color][color=secondary]:not([disabled]):hover,[design-system=ux] input[type=time][color][color=secondary]:not([disabled]):hover,[design-system=ux] input[type=url][color][color=secondary]:not([disabled]):hover,[design-system=ux] input[type=week][color][color=secondary]:not([disabled]):hover,[design-system=ux] input[type=search][color][color=secondary]:not([disabled]):hover,[design-system=ux] input[type=password][color][color=secondary]:not([disabled]):hover,[design-system=ux] input[type=month][color][color=secondary]:not([disabled]):hover,[design-system=ux] input[type=file][color][color=secondary]:not([disabled]):hover,[design-system=ux] input[type=email][color][color=secondary]:not([disabled]):hover,[design-system=ux] input[type=datetime-local][color][color=secondary]:not([disabled]):hover,[design-system=ux] input[type=date][color][color=secondary]:not([disabled]):hover{background-image:linear-gradient(0deg,var(--ux-sys-color-secondary-hover) 0%,var(--ux-sys-color-secondary-hover) 100%)}[design-system=ux] input[color]:not([type])[color=secondary]:not([disabled]):active,[design-system=ux] input[type=text][color][color=secondary]:not([disabled]):active,[design-system=ux] input[type=number][color][color=secondary]:not([disabled]):active,[design-system=ux] input[type=tel][color][color=secondary]:not([disabled]):active,[design-system=ux] input[type=time][color][color=secondary]:not([disabled]):active,[design-system=ux] input[type=url][color][color=secondary]:not([disabled]):active,[design-system=ux] input[type=week][color][color=secondary]:not([disabled]):active,[design-system=ux] input[type=search][color][color=secondary]:not([disabled]):active,[design-system=ux] input[type=password][color][color=secondary]:not([disabled]):active,[design-system=ux] input[type=month][color][color=secondary]:not([disabled]):active,[design-system=ux] input[type=file][color][color=secondary]:not([disabled]):active,[design-system=ux] input[type=email][color][color=secondary]:not([disabled]):active,[design-system=ux] input[type=datetime-local][color][color=secondary]:not([disabled]):active,[design-system=ux] input[type=date][color][color=secondary]:not([disabled]):active{background-image:linear-gradient(0deg,var(--ux-sys-color-secondary-active) 0%,var(--ux-sys-color-secondary-active) 100%)}[design-system=ux] input[color]:not([type])[color=secondary]:not([disabled]):focus-visible,[design-system=ux] input[type=text][color][color=secondary]:not([disabled]):focus-visible,[design-system=ux] input[type=number][color][color=secondary]:not([disabled]):focus-visible,[design-system=ux] input[type=tel][color][color=secondary]:not([disabled]):focus-visible,[design-system=ux] input[type=time][color][color=secondary]:not([disabled]):focus-visible,[design-system=ux] input[type=url][color][color=secondary]:not([disabled]):focus-visible,[design-system=ux] input[type=week][color][color=secondary]:not([disabled]):focus-visible,[design-system=ux] input[type=search][color][color=secondary]:not([disabled]):focus-visible,[design-system=ux] input[type=password][color][color=secondary]:not([disabled]):focus-visible,[design-system=ux] input[type=month][color][color=secondary]:not([disabled]):focus-visible,[design-system=ux] input[type=file][color][color=secondary]:not([disabled]):focus-visible,[design-system=ux] input[type=email][color][color=secondary]:not([disabled]):focus-visible,[design-system=ux] input[type=datetime-local][color][color=secondary]:not([disabled]):focus-visible,[design-system=ux] input[type=date][color][color=secondary]:not([disabled]):focus-visible{background-image:linear-gradient(0deg,var(--ux-sys-color-secondary-focus) 0%,var(--ux-sys-color-secondary-focus) 100%)}[design-system=ux] input[color]:not([type])[color=secondary]:focus-within,[design-system=ux] input[type=text][color][color=secondary]:focus-within,[design-system=ux] input[type=number][color][color=secondary]:focus-within,[design-system=ux] input[type=tel][color][color=secondary]:focus-within,[design-system=ux] input[type=time][color][color=secondary]:focus-within,[design-system=ux] input[type=url][color][color=secondary]:focus-within,[design-system=ux] input[type=week][color][color=secondary]:focus-within,[design-system=ux] input[type=search][color][color=secondary]:focus-within,[design-system=ux] input[type=password][color][color=secondary]:focus-within,[design-system=ux] input[type=month][color][color=secondary]:focus-within,[design-system=ux] input[type=file][color][color=secondary]:focus-within,[design-system=ux] input[type=email][color][color=secondary]:focus-within,[design-system=ux] input[type=datetime-local][color][color=secondary]:focus-within,[design-system=ux] input[type=date][color][color=secondary]:focus-within{border-width:4px;border-color:var(--ux-sys-color-secondary)}[design-system=ux] input[color]:not([type])[color=secondary][variant=outlined]:focus-within,[design-system=ux] input[type=text][color][color=secondary][variant=outlined]:focus-within,[design-system=ux] input[type=number][color][color=secondary][variant=outlined]:focus-within,[design-system=ux] input[type=tel][color][color=secondary][variant=outlined]:focus-within,[design-system=ux] input[type=time][color][color=secondary][variant=outlined]:focus-within,[design-system=ux] input[type=url][color][color=secondary][variant=outlined]:focus-within,[design-system=ux] input[type=week][color][color=secondary][variant=outlined]:focus-within,[design-system=ux] input[type=search][color][color=secondary][variant=outlined]:focus-within,[design-system=ux] input[type=password][color][color=secondary][variant=outlined]:focus-within,[design-system=ux] input[type=month][color][color=secondary][variant=outlined]:focus-within,[design-system=ux] input[type=file][color][color=secondary][variant=outlined]:focus-within,[design-system=ux] input[type=email][color][color=secondary][variant=outlined]:focus-within,[design-system=ux] input[type=datetime-local][color][color=secondary][variant=outlined]:focus-within,[design-system=ux] input[type=date][color][color=secondary][variant=outlined]:focus-within{outline:none;border-width:2px;margin-bottom:-2px;margin-left:-2px;border-color:var(--ux-sys-color-secondary)}[design-system=ux] input[color]:not([type])[variant=filled],[design-system=ux] input[type=text][color][variant=filled],[design-system=ux] input[type=number][color][variant=filled],[design-system=ux] input[type=tel][color][variant=filled],[design-system=ux] input[type=time][color][variant=filled],[design-system=ux] input[type=url][color][variant=filled],[design-system=ux] input[type=week][color][variant=filled],[design-system=ux] input[type=search][color][variant=filled],[design-system=ux] input[type=password][color][variant=filled],[design-system=ux] input[type=month][color][variant=filled],[design-system=ux] input[type=file][color][variant=filled],[design-system=ux] input[type=email][color][variant=filled],[design-system=ux] input[type=datetime-local][color][variant=filled],[design-system=ux] input[type=date][color][variant=filled]{background-color:var(--ux-sys-color-surface-container-highest);border-start-start-radius:var(--ux-ref-scale-extra-small);border-start-end-radius:var(--ux-ref-scale-extra-small);border:none;border-bottom:1px solid var(--ux-sys-color-surface-variant);outline:none}[design-system=ux] input[color]:not([type])[variant=filled][usize=small],[design-system=ux] input[type=text][color][variant=filled][usize=small],[design-system=ux] input[type=number][color][variant=filled][usize=small],[design-system=ux] input[type=tel][color][variant=filled][usize=small],[design-system=ux] input[type=time][color][variant=filled][usize=small],[design-system=ux] input[type=url][color][variant=filled][usize=small],[design-system=ux] input[type=week][color][variant=filled][usize=small],[design-system=ux] input[type=search][color][variant=filled][usize=small],[design-system=ux] input[type=password][color][variant=filled][usize=small],[design-system=ux] input[type=month][color][variant=filled][usize=small],[design-system=ux] input[type=file][color][variant=filled][usize=small],[design-system=ux] input[type=email][color][variant=filled][usize=small],[design-system=ux] input[type=datetime-local][color][variant=filled][usize=small],[design-system=ux] input[type=date][color][variant=filled][usize=small]{margin-bottom:-2px;border-bottom-width:2px}[design-system=ux] input[color]:not([type])[variant=filled][usize=medium],[design-system=ux] input[type=text][color][variant=filled][usize=medium],[design-system=ux] input[type=number][color][variant=filled][usize=medium],[design-system=ux] input[type=tel][color][variant=filled][usize=medium],[design-system=ux] input[type=time][color][variant=filled][usize=medium],[design-system=ux] input[type=url][color][variant=filled][usize=medium],[design-system=ux] input[type=week][color][variant=filled][usize=medium],[design-system=ux] input[type=search][color][variant=filled][usize=medium],[design-system=ux] input[type=password][color][variant=filled][usize=medium],[design-system=ux] input[type=month][color][variant=filled][usize=medium],[design-system=ux] input[type=file][color][variant=filled][usize=medium],[design-system=ux] input[type=email][color][variant=filled][usize=medium],[design-system=ux] input[type=datetime-local][color][variant=filled][usize=medium],[design-system=ux] input[type=date][color][variant=filled][usize=medium]{margin-bottom:-3px;border-bottom-width:3px}[design-system=ux] input[color]:not([type])[variant=filled][usize=large],[design-system=ux] input[type=text][color][variant=filled][usize=large],[design-system=ux] input[type=number][color][variant=filled][usize=large],[design-system=ux] input[type=tel][color][variant=filled][usize=large],[design-system=ux] input[type=time][color][variant=filled][usize=large],[design-system=ux] input[type=url][color][variant=filled][usize=large],[design-system=ux] input[type=week][color][variant=filled][usize=large],[design-system=ux] input[type=search][color][variant=filled][usize=large],[design-system=ux] input[type=password][color][variant=filled][usize=large],[design-system=ux] input[type=month][color][variant=filled][usize=large],[design-system=ux] input[type=file][color][variant=filled][usize=large],[design-system=ux] input[type=email][color][variant=filled][usize=large],[design-system=ux] input[type=datetime-local][color][variant=filled][usize=large],[design-system=ux] input[type=date][color][variant=filled][usize=large]{margin-bottom:-4px;border-bottom-width:4px}[design-system=ux] input[color]:not([type])[variant=filled]:focus-visible,[design-system=ux] input[type=text][color][variant=filled]:focus-visible,[design-system=ux] input[type=number][color][variant=filled]:focus-visible,[design-system=ux] input[type=tel][color][variant=filled]:focus-visible,[design-system=ux] input[type=time][color][variant=filled]:focus-visible,[design-system=ux] input[type=url][color][variant=filled]:focus-visible,[design-system=ux] input[type=week][color][variant=filled]:focus-visible,[design-system=ux] input[type=search][color][variant=filled]:focus-visible,[design-system=ux] input[type=password][color][variant=filled]:focus-visible,[design-system=ux] input[type=month][color][variant=filled]:focus-visible,[design-system=ux] input[type=file][color][variant=filled]:focus-visible,[design-system=ux] input[type=email][color][variant=filled]:focus-visible,[design-system=ux] input[type=datetime-local][color][variant=filled]:focus-visible,[design-system=ux] input[type=date][color][variant=filled]:focus-visible{outline:none}[design-system=ux] input[color]:not([type])[variant=outlined],[design-system=ux] input[type=text][color][variant=outlined],[design-system=ux] input[type=number][color][variant=outlined],[design-system=ux] input[type=tel][color][variant=outlined],[design-system=ux] input[type=time][color][variant=outlined],[design-system=ux] input[type=url][color][variant=outlined],[design-system=ux] input[type=week][color][variant=outlined],[design-system=ux] input[type=search][color][variant=outlined],[design-system=ux] input[type=password][color][variant=outlined],[design-system=ux] input[type=month][color][variant=outlined],[design-system=ux] input[type=file][color][variant=outlined],[design-system=ux] input[type=email][color][variant=outlined],[design-system=ux] input[type=datetime-local][color][variant=outlined],[design-system=ux] input[type=date][color][variant=outlined]{border-start-start-radius:var(--ux-ref-scale-1);border-start-end-radius:var(--ux-ref-scale-1);border-end-start-radius:var(--ux-ref-scale-1);border-end-end-radius:var(--ux-ref-scale-1);border:1px solid var(--ux-sys-color-outline);outline-offset:0;background-color:transparent}[design-system=ux] input[color]:not([type])[disabled],[design-system=ux] input[type=text][color][disabled],[design-system=ux] input[type=number][color][disabled],[design-system=ux] input[type=tel][color][disabled],[design-system=ux] input[type=time][color][disabled],[design-system=ux] input[type=url][color][disabled],[design-system=ux] input[type=week][color][disabled],[design-system=ux] input[type=search][color][disabled],[design-system=ux] input[type=password][color][disabled],[design-system=ux] input[type=month][color][disabled],[design-system=ux] input[type=file][color][disabled],[design-system=ux] input[type=email][color][disabled],[design-system=ux] input[type=datetime-local][color][disabled],[design-system=ux] input[type=date][color][disabled]{pointer-events:none;color:var(--ux-sys-color-text-disabled-variant);background-color:var(--ux-sys-color-on-surface-disabled)}[design-system=ux] input[type=checkbox][color]{margin:0;border-start-start-radius:var(--ux-ref-scale-1);border-start-end-radius:var(--ux-ref-scale-1);border-end-start-radius:var(--ux-ref-scale-1);border-end-end-radius:var(--ux-ref-scale-1)}[design-system=ux] input[type=checkbox][color]:after{border-start-start-radius:var(--ux-ref-scale-1);border-start-end-radius:var(--ux-ref-scale-1);border-end-start-radius:var(--ux-ref-scale-1);border-end-end-radius:var(--ux-ref-scale-1)}[design-system=ux] input[type=checkbox][color][usize=small]{padding:1px}[design-system=ux] input[type=checkbox][color][usize=small]:checked:before{width:3px;height:6px;border-width:0 2px 2px 0}[design-system=ux] input[type=checkbox][color][usize=medium]{padding:2px}[design-system=ux] input[type=checkbox][color][usize=medium]:checked:before{width:4px;height:8px;border-width:0 3px 3px 0}[design-system=ux] input[type=checkbox][color][usize=large]{padding:3px}[design-system=ux] input[type=checkbox][color][usize=large]:checked:before{width:5px;height:10px;border-width:0 4px 4px 0}[design-system=ux] input[type=checkbox][color]:checked{background-clip:content-box,padding-box}[design-system=ux] input[type=checkbox][color]:checked:before{content:"";position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transform:rotate(45deg) translate(-108%,-26%);-moz-transform:rotate(45deg) translate(-108%,-26%);transform:rotate(45deg) translate(-108%,-26%);border-style:solid}[design-system=ux] input[type=checkbox][color][color=primary]:checked{background-image:linear-gradient(0deg,var(--ux-sys-color-primary) 0%,var(--ux-sys-color-primary) 100%)}[design-system=ux] input[type=checkbox][color][color=primary]:checked:before{border-color:var(--ux-sys-color-on-primary)}[design-system=ux] input[type=checkbox][color][color=secondary]:checked{background-image:linear-gradient(0deg,var(--ux-sys-color-secondary) 0%,var(--ux-sys-color-secondary) 100%)}[design-system=ux] input[type=checkbox][color][color=secondary]:checked:before{border-color:var(--ux-sys-color-on-secondary)}[design-system=ux] input[type=checkbox][color][disabled]{pointer-events:none}[design-system=ux] input[type=checkbox][color][disabled][color]{border-color:var(--ux-sys-color-on-surface-disabled)}[design-system=ux] input[type=checkbox][color][disabled]:checked{background-image:linear-gradient(0deg,var(--ux-sys-color-on-surface-disabled) 0%,var(--ux-sys-color-on-surface-disabled) 100%)}[design-system=ux] input[type=checkbox][color][disabled]:checked:before{border-color:var(--ux-sys-color-on-surface-disabled)}[design-system=ux] input[type=radio][color],[design-system=ux] input[type=radio][color]:before{border-start-start-radius:var(--ux-ref-scale-full);border-start-end-radius:var(--ux-ref-scale-full);border-end-start-radius:var(--ux-ref-scale-full);border-end-end-radius:var(--ux-ref-scale-full)}[design-system=ux] input[type=radio][color][usize=small]{padding:1px}[design-system=ux] input[type=radio][color][usize=small]:checked:before{width:10px;height:10px}[design-system=ux] input[type=radio][color][usize=medium]{padding:2px}[design-system=ux] input[type=radio][color][usize=medium]:checked:before{width:16px;height:16px}[design-system=ux] input[type=radio][color][usize=large]{padding:3px}[design-system=ux] input[type=radio][color][usize=large]:checked:before{width:22px;height:22px}[design-system=ux] input[type=radio][color][color=primary]:checked:before{background-color:var(--ux-sys-color-primary)}[design-system=ux] input[type=radio][color][color=secondary]:checked:before{background-color:var(--ux-sys-color-secondary)}[design-system=ux] input[type=radio][color][color][disabled]{pointer-events:none;border-color:var(--ux-sys-color-on-surface-disabled)}[design-system=ux] input[type=radio][color][color][disabled]:checked{border-color:var(--ux-sys-color-on-surface-disabled)}[design-system=ux] input[type=radio][color][color][disabled]:checked:before{background-color:var(--ux-sys-color-on-surface-disabled)}[design-system=ux] input[type=color][color]{appearance:initial;-webkit-appearance:initial;-moz-appearance:initial}[design-system=ux] input[type=color][color][usize=small]{width:30px;height:30px}[design-system=ux] input[type=color][color][usize=small]::-webkit-color-swatch-wrapper,[design-system=ux] input[type=color][color][usize=small]::-webkit-color-swatch{width:20px;height:20px}[design-system=ux] input[type=color][color][usize=small]::-moz-color-swatch,[design-system=ux] input[type=color][color][usize=small]::-webkit-color-swatch-wrapper{width:20px;height:20px}[design-system=ux] input[type=color][color][usize=medium]{width:42px;height:42px}[design-system=ux] input[type=color][color][usize=medium]::-webkit-color-swatch-wrapper,[design-system=ux] input[type=color][color][usize=medium]::-webkit-color-swatch{width:26px;height:26px}[design-system=ux] input[type=color][color][usize=medium]::-moz-color-swatch,[design-system=ux] input[type=color][color][usize=medium]::-webkit-color-swatch-wrapper{width:26px;height:26px}[design-system=ux] input[type=color][color][usize=large]{width:54px;height:54px}[design-system=ux] input[type=color][color][usize=large]::-webkit-color-swatch-wrapper,[design-system=ux] input[type=color][color][usize=large]::-webkit-color-swatch{width:32px;height:32px}[design-system=ux] input[type=color][color][usize=large]::-moz-color-swatch,[design-system=ux] input[type=color][color][usize=large]::-webkit-color-swatch-wrapper{width:32px;height:32px}[design-system=ux] input[type=color][color],[design-system=ux] input[type=color][color]::-webkit-color-swatch,[design-system=ux] input[type=color][color]::-webkit-color-swatch-wrapper{border:none;border-start-start-radius:var(--ux-ref-scale-full);border-start-end-radius:var(--ux-ref-scale-full);border-end-start-radius:var(--ux-ref-scale-full);border-end-end-radius:var(--ux-ref-scale-full);background-color:transparent}[design-system=ux] input[type=color][color]::-moz-color-swatch,[design-system=ux] input[type=color][color]::-webkit-color-swatch-wrapper{border:none;border-start-start-radius:var(--ux-ref-scale-full);border-start-end-radius:var(--ux-ref-scale-full);border-end-start-radius:var(--ux-ref-scale-full);border-end-end-radius:var(--ux-ref-scale-full);background-color:transparent}[design-system=ux] input[type=color][color]::-webkit-color-swatch-wrapper,[design-system=ux] input[type=color][color]::-webkit-color-swatch{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}[design-system=ux] input[type=color][color]::-moz-color-swatch,[design-system=ux] input[type=color][color]::-webkit-color-swatch-wrapper{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}[design-system=ux] input[type=color][color][color=primary]:not([disabled]):focus-visible{outline:1px solid var(--ux-sys-color-primary-com);outline-offset:-13px}[design-system=ux] input[type=color][color][color=primary]:not([disabled]):hover{background-image:linear-gradient(0deg,var(--ux-sys-color-primary-hover) 0%,var(--ux-sys-color-primary-hover) 100%)}[design-system=ux] input[type=color][color][color=primary]:not([disabled]):active{background-image:linear-gradient(0deg,var(--ux-sys-color-primary-active) 0%,var(--ux-sys-color-primary-active) 100%)}[design-system=ux] input[type=color][color][color=primary]:not([disabled]):focus-visible{background-image:linear-gradient(0deg,var(--ux-sys-color-primary-focus) 0%,var(--ux-sys-color-primary-focus) 100%)}[design-system=ux] input[type=color][color][color=primary]:checked{border-color:var(--ux-sys-color-primary)}[design-system=ux] input[type=color][color][color=secondary]:not([disabled]):focus-visible{outline:1px solid var(--ux-sys-color-secondary-com);outline-offset:-13px}[design-system=ux] input[type=color][color][color=secondary]:not([disabled]):hover{background-image:linear-gradient(0deg,var(--ux-sys-color-secondary-hover) 0%,var(--ux-sys-color-secondary-hover) 100%)}[design-system=ux] input[type=color][color][color=secondary]:not([disabled]):active{background-image:linear-gradient(0deg,var(--ux-sys-color-secondary-active) 0%,var(--ux-sys-color-secondary-active) 100%)}[design-system=ux] input[type=color][color][color=secondary]:not([disabled]):focus-visible{background-image:linear-gradient(0deg,var(--ux-sys-color-secondary-focus) 0%,var(--ux-sys-color-secondary-focus) 100%)}[design-system=ux] input[type=color][color][color=secondary]:checked{border-color:var(--ux-sys-color-secondary)}[design-system=ux] input[type=color][color][disabled]{pointer-events:none}[design-system=ux] input[type=range][color]{height:20px;overflow:hidden;border-start-start-radius:var(--ux-ref-scale-full);border-start-end-radius:var(--ux-ref-scale-full);border-end-start-radius:var(--ux-ref-scale-full);border-end-end-radius:var(--ux-ref-scale-full)}[design-system=ux] input[type=range][color]::-webkit-slider-runnable-track{background-color:transparent;height:20px;width:calc(100% - 20px);overflow:hidden}[design-system=ux] input[type=range][color]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;border-start-start-radius:var(--ux-ref-scale-full);border-start-end-radius:var(--ux-ref-scale-full);border-end-start-radius:var(--ux-ref-scale-full);border-end-end-radius:var(--ux-ref-scale-full);width:20px;height:20px}[design-system=ux] input[type=range][color]::-moz-range-track{background-color:transparent;height:20px;width:calc(100% - 20px);overflow:hidden}[design-system=ux] input[type=range][color]::-moz-range-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;border-start-start-radius:var(--ux-ref-scale-full);border-start-end-radius:var(--ux-ref-scale-full);border-end-start-radius:var(--ux-ref-scale-full);border-end-end-radius:var(--ux-ref-scale-full);width:12px;height:12px}[design-system=ux] input[type=range][color][color=primary]{border:none;background-color:var(--ux-sys-color-primary-com)}[design-system=ux] input[type=range][color][color=primary]:not([disabled]):focus-visible{outline:1px solid var(--ux-sys-color-primary);outline-offset:.7px}[design-system=ux] input[type=range][color][color=primary]::-webkit-slider-thumb:not([disabled]):hover{background-image:linear-gradient(0deg,var(--ux-sys-color-primary-hover) 0%,var(--ux-sys-color-primary-hover) 100%)}[design-system=ux] input[type=range][color][color=primary]::-webkit-slider-thumb:not([disabled]):active{background-image:linear-gradient(0deg,var(--ux-sys-color-primary-active) 0%,var(--ux-sys-color-primary-active) 100%)}[design-system=ux] input[type=range][color][color=primary]::-webkit-slider-thumb:not([disabled]):focus-visible{background-image:linear-gradient(0deg,var(--ux-sys-color-primary-focus) 0%,var(--ux-sys-color-primary-focus) 100%)}[design-system=ux] input[type=range][color][color=primary]::-webkit-slider-thumb{box-shadow:-10009px 0 0 10000px var(--ux-sys-color-primary);background-color:var(--ux-sys-color-on-primary);border:4px solid var(--ux-sys-color-primary)}[design-system=ux] input[type=range][color][color=primary]::-moz-range-thumb{outline:1px solid var(--ux-sys-color-primary);outline-offset:-.6px}[design-system=ux] input[type=range][color][color=primary]::-moz-range-thumb:not([disabled]):hover{background-image:linear-gradient(0deg,var(--ux-sys-color-primary-hover) 0%,var(--ux-sys-color-primary-hover) 100%)}[design-system=ux] input[type=range][color][color=primary]::-moz-range-thumb:not([disabled]):active{background-image:linear-gradient(0deg,var(--ux-sys-color-primary-active) 0%,var(--ux-sys-color-primary-active) 100%)}[design-system=ux] input[type=range][color][color=primary]::-moz-range-thumb:not([disabled]):focus-visible{background-image:linear-gradient(0deg,var(--ux-sys-color-primary-focus) 0%,var(--ux-sys-color-primary-focus) 100%)}[design-system=ux] input[type=range][color][color=primary]::-moz-range-thumb{box-shadow:-10009px 0 0 10000px var(--ux-sys-color-primary);background-color:var(--ux-sys-color-on-primary);border:4px solid var(--ux-sys-color-primary)}[design-system=ux] input[type=range][color][color=secondary]{border:none;background-color:var(--ux-sys-color-secondary-com)}[design-system=ux] input[type=range][color][color=secondary]:not([disabled]):focus-visible{outline:1px solid var(--ux-sys-color-secondary);outline-offset:.7px}[design-system=ux] input[type=range][color][color=secondary]::-webkit-slider-thumb:not([disabled]):hover{background-image:linear-gradient(0deg,var(--ux-sys-color-secondary-hover) 0%,var(--ux-sys-color-secondary-hover) 100%)}[design-system=ux] input[type=range][color][color=secondary]::-webkit-slider-thumb:not([disabled]):active{background-image:linear-gradient(0deg,var(--ux-sys-color-secondary-active) 0%,var(--ux-sys-color-secondary-active) 100%)}[design-system=ux] input[type=range][color][color=secondary]::-webkit-slider-thumb:not([disabled]):focus-visible{background-image:linear-gradient(0deg,var(--ux-sys-color-secondary-focus) 0%,var(--ux-sys-color-secondary-focus) 100%)}[design-system=ux] input[type=range][color][color=secondary]::-webkit-slider-thumb{box-shadow:-10009px 0 0 10000px var(--ux-sys-color-secondary);background-color:var(--ux-sys-color-on-secondary);border:4px solid var(--ux-sys-color-secondary)}[design-system=ux] input[type=range][color][color=secondary]::-moz-range-thumb{outline:1px solid var(--ux-sys-color-secondary);outline-offset:-.6px}[design-system=ux] input[type=range][color][color=secondary]::-moz-range-thumb:not([disabled]):hover{background-image:linear-gradient(0deg,var(--ux-sys-color-secondary-hover) 0%,var(--ux-sys-color-secondary-hover) 100%)}[design-system=ux] input[type=range][color][color=secondary]::-moz-range-thumb:not([disabled]):active{background-image:linear-gradient(0deg,var(--ux-sys-color-secondary-active) 0%,var(--ux-sys-color-secondary-active) 100%)}[design-system=ux] input[type=range][color][color=secondary]::-moz-range-thumb:not([disabled]):focus-visible{background-image:linear-gradient(0deg,var(--ux-sys-color-secondary-focus) 0%,var(--ux-sys-color-secondary-focus) 100%)}[design-system=ux] input[type=range][color][color=secondary]::-moz-range-thumb{box-shadow:-10009px 0 0 10000px var(--ux-sys-color-secondary);background-color:var(--ux-sys-color-on-secondary);border:4px solid var(--ux-sys-color-secondary)}[design-system=ux] input[type=range][color][disabled]{pointer-events:none;background-color:var(--ux-sys-color-on-surface-disabled)}[design-system=ux] input[type=range][color][disabled]::-webkit-slider-thumb{box-shadow:-10009px 0 0 10000px var(--ux-sys-color-on-surface-disabled);background-color:transparent;border-color:var(--ux-sys-color-on-surface-disabled)}[design-system=ux] input[type=range][color][disabled]::-moz-range-thumb{box-shadow:-10009px 0 0 10000px var(--ux-sys-color-on-surface-disabled);background-color:transparent;border-color:var(--ux-sys-color-on-surface-disabled)}[design-system=ux] input[type=range][color][disabled]::-moz-range-thumb{outline:none;box-shadow:-10009px 0 0 10000px var(--ux-sys-color-on-surface-disabled);background-color:transparent;border-color:var(--ux-sys-color-on-surface-disabled)}[design-system=ux] input[type=number]::-webkit-inner-spin-button{margin-left:8px}[design-system=ux] input[type=search][color][color=primary]::-webkit-search-cancel-button{background-color:var(--ux-sys-color-primary)}[design-system=ux] input[type=search][color][color=primary]::-webkit-search-cancel-button:not([disabled]):hover{background-color:var(--ux-sys-color-primary-com)}[design-system=ux] input[type=search][color][color=primary]::-webkit-search-cancel-button:not([disabled]):focus-visible{background-color:var(--ux-sys-color-primary-com)}[design-system=ux] input[type=search][color][color=primary]::-webkit-search-cancel-button:not([disabled]):active{background-color:var(--ux-sys-color-primary-com)}[design-system=ux] input[type=search][color][color=secondary]::-webkit-search-cancel-button{background-color:var(--ux-sys-color-secondary)}[design-system=ux] input[type=search][color][color=secondary]::-webkit-search-cancel-button:not([disabled]):hover{background-color:var(--ux-sys-color-secondary-com)}[design-system=ux] input[type=search][color][color=secondary]::-webkit-search-cancel-button:not([disabled]):focus-visible{background-color:var(--ux-sys-color-secondary-com)}[design-system=ux] input[type=search][color][color=secondary]::-webkit-search-cancel-button:not([disabled]):active{background-color:var(--ux-sys-color-secondary-com)}[design-system=ux] input[type=search][color]::-webkit-search-cancel-button{-webkit-mask:url(/xmark-solid.svg) center/cover no-repeat;-webkit-mask-size:15px 15px;-webkit-appearance:none;mask:url(/xmark-solid.svg) center/cover no-repeat;mask-size:15px 15px;-moz-appearance:none;appearance:none;width:15px;height:15px;border-radius:50%;padding:0;margin:var(--ux-ref-scale-0);margin-left:var(--ux-ref-scale-1);margin-right:var(--ux-ref-scale-0);cursor:pointer}[design-system=ux] input[type=search][color]::-moz-search-cancel-button{-moz-mask:url(/xmark-solid.svg) center/cover no-repeat;-moz-mask-size:15px 15px;-moz-appearance:none;mask:url(/xmark-solid.svg) center/cover no-repeat;-webkit-mask-size:15px 15px;mask-size:15px 15px;-webkit-appearance:none;appearance:none;width:15px;height:15px;border-radius:50%;padding:0;margin:var(--ux-ref-scale-0);margin-left:var(--ux-ref-scale-1);margin-right:var(--ux-ref-scale-0);cursor:pointer}[design-system=ux] u-popup{width:fit-content;display:flex;flex-direction:column}[design-system=ux] u-popup:not([modal]){position:relative}[design-system=ux] u-popup[disabled]{pointer-events:none}[design-system=ux] u-popup[open]>[_animation-container]>[_popup]{pointer-events:all}[design-system=ux] u-popup>[_animation-container]{max-height:0;overflow:hidden;position:absolute;width:100%;z-index:100}[design-system=ux] u-popup>[_animation-container] [_popup]{position:relative}[design-system=ux] u-popup>[_animation-container]:has(>[_popup][position="bottom start"]){left:-100%;top:100%}[design-system=ux] u-popup>[_animation-container]:has(>[_popup][position=bottom]){top:100%}[design-system=ux] u-popup>[_animation-container]:has(>[_popup][position="bottom end"]){top:100%;left:100%}[design-system=ux] u-popup>[_animation-container]:has(>[_popup][position="top start"]){left:-100%;top:0;transform:translateY(-100%)}[design-system=ux] u-popup>[_animation-container]:has(>[_popup][position=top]){top:0;transform:translateY(-100%)}[design-system=ux] u-popup>[_animation-container]:has(>[_popup][position="top end"]){top:0;transform:translateY(-100%);left:100%}[design-system=ux] u-popup>[_animation-container]:has(>[_popup][position="left start"]){left:0;top:0;transform:translate(-100%,-100%)}[design-system=ux] u-popup>[_animation-container]:has(>[_popup][position=left]){left:0;top:50%;transform:translate(-100%,-50%)}[design-system=ux] u-popup>[_animation-container]:has(>[_popup][position="left end"]){left:0;top:100%;transform:translate(-100%)}[design-system=ux] u-popup>[_animation-container]:has(>[_popup][position="right start"]){left:100%;top:0;transform:translateY(-100%)}[design-system=ux] u-popup>[_animation-container]:has(>[_popup][position=right]){left:100%;top:50%;transform:translateY(-50%)}[design-system=ux] u-popup>[_animation-container]:has(>[_popup][position="right end"]){left:100%;top:100%}[design-system=ux] u-popup>[_animation-container]:has(>[position-origin="inner inner"]):has(>[_popup][position="bottom start"]){transform:translateY(-100%);left:0}[design-system=ux] u-popup>[_animation-container]:has(>[position-origin="inner inner"]):has(>[_popup][position=bottom]){transform:translateY(-100%)}[design-system=ux] u-popup>[_animation-container]:has(>[position-origin="inner inner"]):has(>[_popup][position="bottom end"]){transform:translateY(-100%);left:unset;right:0}[design-system=ux] u-popup>[_animation-container]:has(>[position-origin="inner inner"]):has(>[_popup][position="top start"]){left:0;transform:unset}[design-system=ux] u-popup>[_animation-container]:has(>[position-origin="inner inner"]):has(>[_popup][position=top]){transform:unset}[design-system=ux] u-popup>[_animation-container]:has(>[position-origin="inner inner"]):has(>[_popup][position="top end"]){transform:unset;left:unset;right:0}[design-system=ux] u-popup>[_animation-container]:has(>[position-origin="inner inner"]):has(>[_popup][position="left start"]){left:0;transform:unset}[design-system=ux] u-popup>[_animation-container]:has(>[position-origin="inner inner"]):has(>[_popup][position=left]){left:0;transform:translateY(-50%)}[design-system=ux] u-popup>[_animation-container]:has(>[position-origin="inner inner"]):has(>[_popup][position="left end"]){transform:translateY(-100%);left:0}[design-system=ux] u-popup>[_animation-container]:has(>[position-origin="inner inner"]):has(>[_popup][position="right start"]){left:unset;transform:unset;right:0}[design-system=ux] u-popup>[_animation-container]:has(>[position-origin="inner inner"]):has(>[_popup][position=right]){left:unset;right:0;transform:translateY(-50%)}[design-system=ux] u-popup>[_animation-container]:has(>[position-origin="inner inner"]):has(>[_popup][position="right end"]){left:unset;right:0;transform:translateY(-100%)}[design-system=ux] u-popup>[_animation-container]:has(>[position-origin="inner outer"]):has(>[_popup][position="bottom start"]){transform:translateY(-100%);left:-100%}[design-system=ux] u-popup>[_animation-container]:has(>[position-origin="inner outer"]):has(>[_popup][position=bottom]){transform:translateY(-100%)}[design-system=ux] u-popup>[_animation-container]:has(>[position-origin="inner outer"]):has(>[_popup][position="bottom end"]){transform:translateY(-100%);left:100%}[design-system=ux] u-popup>[_animation-container]:has(>[position-origin="inner outer"]):has(>[_popup][position="top start"]){left:-100%;transform:unset}[design-system=ux] u-popup>[_animation-container]:has(>[position-origin="inner outer"]):has(>[_popup][position=top]){transform:unset}[design-system=ux] u-popup>[_animation-container]:has(>[position-origin="inner outer"]):has(>[_popup][position="top end"]){transform:unset;left:100%}[design-system=ux] u-popup>[_animation-container]:has(>[position-origin="inner outer"]):has(>[_popup][position="left start"]){left:0;transform:translateY(-100%)}[design-system=ux] u-popup>[_animation-container]:has(>[position-origin="inner outer"]):has(>[_popup][position=left]){left:0;transform:translateY(-50%)}[design-system=ux] u-popup>[_animation-container]:has(>[position-origin="inner outer"]):has(>[_popup][position="left end"]){transform:unset;left:0}[design-system=ux] u-popup>[_animation-container]:has(>[position-origin="inner outer"]):has(>[_popup][position="right start"]){left:unset;right:0;transform:translateY(-100%)}[design-system=ux] u-popup>[_animation-container]:has(>[position-origin="inner outer"]):has(>[_popup][position=right]){left:unset;right:0;transform:translateY(-50%)}[design-system=ux] u-popup>[_animation-container]:has(>[position-origin="inner outer"]):has(>[_popup][position="right end"]){left:unset;right:0;transform:unset}[design-system=ux] u-popup>[_animation-container]:has(>[_popup][position=middle]){top:50%;left:50%;transform:translate(-50%,-50%)}[design-system=ux] ul[color]{list-style-type:none;margin:0;padding:0}[design-system=ux] ul[color] li{padding:var(--ux-ref-scale-2) var(--ux-ref-scale-4)}[design-system=ux] ul[color][color=primary] li{background-color:var(--ux-sys-color-primary-com-container);color:var(--ux-sys-color-on-primary-com-container)}[design-system=ux] ul[color][color=primary] li:not([disabled]):hover{background-image:linear-gradient(0deg,var(--ux-sys-color-on-primary-com-container-hover) 0%,var(--ux-sys-color-on-primary-com-container-hover) 100%)}[design-system=ux] ul[color][color=primary] li:not([disabled]):active{background-image:linear-gradient(0deg,var(--ux-sys-color-on-primary-com-container-active) 0%,var(--ux-sys-color-on-primary-com-container-active) 100%)}[design-system=ux] ul[color][color=primary] li:not([disabled]):focus-visible{background-image:linear-gradient(0deg,var(--ux-sys-color-on-primary-com-container-focus) 0%,var(--ux-sys-color-on-primary-com-container-focus) 100%)}[design-system=ux] ul[color][color=primary] li[checked]{background-image:linear-gradient(0deg,var(--ux-sys-color-primary-container) 0%,var(--ux-sys-color-primary-container) 100%)}[design-system=ux] ul[color][color=secondary] li{background-color:var(--ux-sys-color-secondary-com-container);color:var(--ux-sys-color-on-secondary-com-container)}[design-system=ux] ul[color][color=secondary] li:not([disabled]):hover{background-image:linear-gradient(0deg,var(--ux-sys-color-on-secondary-com-container-hover) 0%,var(--ux-sys-color-on-secondary-com-container-hover) 100%)}[design-system=ux] ul[color][color=secondary] li:not([disabled]):active{background-image:linear-gradient(0deg,var(--ux-sys-color-on-secondary-com-container-active) 0%,var(--ux-sys-color-on-secondary-com-container-active) 100%)}[design-system=ux] ul[color][color=secondary] li:not([disabled]):focus-visible{background-image:linear-gradient(0deg,var(--ux-sys-color-on-secondary-com-container-focus) 0%,var(--ux-sys-color-on-secondary-com-container-focus) 100%)}[design-system=ux] ul[color][color=secondary] li[checked]{background-image:linear-gradient(0deg,var(--ux-sys-color-secondary-container) 0%,var(--ux-sys-color-secondary-container) 100%)}[design-system=ux] ul[color][disabled]{pointer-events:none}[design-system=ux] div[_group]{display:flex;gap:var(--ux-ref-scale-2)}[design-system=ux] div[_group]:not([flow])>[design-system=ux] div[_group][flow=row]{flex-direction:row}[design-system=ux] div[_group][flow=column]{flex-direction:column}[design-system=ux] div[_group]:has(>u-accordion){gap:0px;background-color:var(--ux-sys-color-surface-variant);box-shadow:var(--ux-ref-elevation-1-layer-1-x) var(--ux-ref-elevation-1-layer-1-y) var(--ux-ref-elevation-1-layer-1-blur) var(--ux-ref-elevation-1-layer-1-spread) var(--ux-ref-elevation-1-layer-1-color),var(--ux-ref-elevation-1-layer-2-x) var(--ux-ref-elevation-1-layer-2-y) var(--ux-ref-elevation-1-layer-2-blur) var(--ux-ref-elevation-1-layer-2-spread) var(--ux-ref-elevation-1-layer-2-color);border-radius:var(--ux-ref-scale-3)}[design-system=ux] div[_group]:has(>u-accordion)>u-accordion>u-card>div[variant]{border-radius:var(--ux-ref-scale-0);box-shadow:none}[design-system=ux] div[_group]:has(>u-accordion)>u-accordion>u-card>div[variant]>u-popup>div:first-child{border-radius:var(--ux-ref-scale-0)}[design-system=ux] div[_group]:has(>u-accordion)>u-accordion>u-card>div[variant]>u-popup>[_animation-container]>[_popup]{border-radius:var(--ux-ref-scale-0)}[design-system=ux] div[_group]:has(>u-accordion)>u-accordion:only-child>u-card>div[variant]{border-radius:var(--ux-ref-scale-3)}[design-system=ux] div[_group]:has(>u-accordion)>u-accordion:only-child>u-card>div[variant]>u-popup:not([open])>div:first-child{border-bottom-left-radius:var(--ux-ref-scale-3);border-bottom-right-radius:var(--ux-ref-scale-3)}[design-system=ux] div[_group]:has(>u-accordion)>u-accordion:only-child>u-card>div[variant]>u-popup>div:first-child{border-top-left-radius:var(--ux-ref-scale-3);border-top-right-radius:var(--ux-ref-scale-3)}[design-system=ux] div[_group]:has(>u-accordion)>u-accordion:only-child>u-card>div[variant]>u-popup>[_animation-container]>[_popup]{border-bottom-left-radius:var(--ux-ref-scale-3);border-bottom-right-radius:var(--ux-ref-scale-3)}[design-system=ux] div[_group]:has(>u-accordion)>u-accordion:not(:only-child):first-child>u-card>div[variant]{border-top-left-radius:var(--ux-ref-scale-3);border-top-right-radius:var(--ux-ref-scale-3)}[design-system=ux] div[_group]:has(>u-accordion)>u-accordion:not(:only-child):first-child>u-card>div[variant]>u-popup>div:first-child{border-top-left-radius:var(--ux-ref-scale-3);border-top-right-radius:var(--ux-ref-scale-3)}[design-system=ux] div[_group]:has(>u-accordion)>u-accordion:not(:only-child):last-child>u-card>div[variant]{border-bottom-left-radius:var(--ux-ref-scale-3);border-bottom-right-radius:var(--ux-ref-scale-3)}[design-system=ux] div[_group]:has(>u-accordion)>u-accordion:not(:only-child):last-child>u-card>div[variant]>u-popup:not([open])>div:first-child{border-bottom-left-radius:var(--ux-ref-scale-3);border-bottom-right-radius:var(--ux-ref-scale-3)}[design-system=ux] div[_group]:has(>u-accordion)>u-accordion:not(:only-child):last-child>u-card>div[variant]>u-popup>[_animation-container]>[_popup]{border-bottom-left-radius:var(--ux-ref-scale-3);border-bottom-right-radius:var(--ux-ref-scale-3)}[design-system=ux] div[_group]:has(>u-accordion)>u-accordion:not(:only-child):not(:last-child)[checked]{border-bottom:1px solid var(--ux-sys-color-surface-variant)}[design-system=ux] div[_group]:has(>u-accordion)>u-accordion:not(:only-child)>u-card>div[variant]>u-popup>div:first-child{border-bottom:1px solid var(--ux-sys-color-surface-variant)}[design-system=ux] u-dropdown>u-popup:has(div:first-child u-input){width:100%}[design-system=ux] u-dropdown>u-popup:has(div:first-child u-button){width:100%}[design-system=ux] u-dropdown>u-popup:has(div:first-child u-button)>u-button{width:100%;display:inherit}[design-system=ux] u-dropdown>u-popup:has(div:first-child u-button) button{width:100%}[design-system=ux] u-dropdown>u-popup>[_animation-container]>[_popup]>u-card div[variant][color]{border-radius:var(--ux-ref-scale-1);padding:0}[design-system=ux] u-dropdown>u-popup>[_animation-container]>[_popup]>u-card div[variant][color]>u-list{border-radius:var(--ux-ref-scale-1)}[design-system=ux] u-dropdown>u-popup>[_animation-container]>[_popup]>u-card div[variant][color]>u-list>ul{border-radius:var(--ux-ref-scale-1)}[design-system=ux] u-dropdown:not([trigger-type=button]) mat-icon{position:absolute;right:var(--ux-ref-scale-3);top:50%;transform:translateY(-48%)}[design-system=ux] u-dropdown>div:first-child>u-button{display:inherit}[design-system=ux] u-dropdown div>u-input input[color]:not([type])[usize],[design-system=ux] u-dropdown div>u-input input[type=text][color][usize],[design-system=ux] u-dropdown div>u-input input[type=number][color][usize],[design-system=ux] u-dropdown div>u-input input[type=tel][color][usize],[design-system=ux] u-dropdown div>u-input input[type=time][color][usize],[design-system=ux] u-dropdown div>u-input input[type=url][color][usize],[design-system=ux] u-dropdown div>u-input input[type=week][color][usize],[design-system=ux] u-dropdown div>u-input input[type=search][color][usize],[design-system=ux] u-dropdown div>u-input input[type=password][color][usize],[design-system=ux] u-dropdown div>u-input input[type=month][color][usize],[design-system=ux] u-dropdown div>u-input input[type=file][color][usize],[design-system=ux] u-dropdown div>u-input input[type=email][color][usize],[design-system=ux] u-dropdown div>u-input input[type=datetime-local][color][usize],[design-system=ux] u-dropdown div>u-input input[type=date][color][usize]{padding-right:var(--ux-ref-scale-8)}[design-system=ux] u-popup[modal]{position:absolute;top:0;left:0;right:0;bottom:0;width:unset;padding:var(--ux-ref-scale-0);z-index:1000;pointer-events:none}[design-system=ux] u-popup[modal][open][backdrop]{background-color:var(--ux-sys-color-primary-com-disabled);pointer-events:all}[design-system=ux] u-popup[modal]:not([backdrop]){pointer-events:none}[design-system=ux] u-popup[modal]:not([title-multi-lines])>[_animation-container]>[_popup]>u-card>div[variant]>[modal-container]>[title]>[title-text]{flex-flow:row wrap;overflow:hidden}[design-system=ux] u-popup[modal]:not([title-multi-lines])>[_animation-container]>[_popup]>u-card>div[variant]>[modal-container]>[title]>[title-text]>u-label>label{width:100%}[design-system=ux] u-popup[modal]:not([title-multi-lines])>[_animation-container]>[_popup]>u-card>div[variant]>[modal-container]>[title]>[title-text]>u-label>label>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}[design-system=ux] u-popup[modal]>[_animation-container]{width:fit-content}[design-system=ux] u-popup[modal]>[_animation-container]>[_popup]>u-card>div[variant]>[modal-container]{width:300px;display:flex;flex-direction:column;pointer-events:all;padding-bottom:20px}[design-system=ux] u-popup[modal]>[_animation-container]>[_popup]>u-card>div[variant]>[modal-container]>[title]{display:flex;flex-direction:row;align-items:start;padding:10px 0}[design-system=ux] u-popup[modal]>[_animation-container]>[_popup]>u-card>div[variant]>[modal-container]>[title]>[title-text]{flex:1}[design-system=ux] u-popup[modal]>[_animation-container]>[_popup]>u-card>div[variant]>[modal-container]>[title]>[close-button]{margin-top:calc(0px - var(--ux-ref-scale-1))}