@layer components{.x--button .sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.x--button .truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.x--button .rounded{border-radius:12px}.x--button .uppercase{text-transform:uppercase}.x--button{--x-color:var(--color-neutral-400);--x-color-text:var(--color-neutral-400);--x-color-wcag:var(--color-neutral-500);--x-color-contrast:var(--color-white);--x-color-hover:color-mix(in srgb,var(--x-color-wcag),black 20%);--x-color-focus:color-mix(in srgb,var(--x-color-wcag),white 20%);background-color:var(--x-color-wcag);color:var(--x-color-contrast);--tw-leading:1.3;border-color:var(--x-color-wcag);vertical-align:baseline;text-align:center;--tw-font-weight:400;--tw-shadow:0 0 0 0 var(--tw-shadow-color,#0000);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);border-radius:8px;font-weight:400;line-height:1.3;display:inline-flex;position:relative}.x--button:where(.dark-mode,.dark-mode *){--tw-shadow:0 0 0 0 var(--tw-shadow-color,#0000);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.x--button{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,cubic-bezier(.4,0,.2,1));transition-duration:var(--tw-duration,.15s);--tw-duration:.15s;font-size:.8125rem;line-height:var(--tw-leading,calc(1.25/.8125));justify-content:space-between;align-items:center;min-width:36px;min-height:36px;padding-block:.5rem;padding-inline:1rem;transition-duration:.15s}.x--button .button__label{color:inherit;word-break:break-word;text-wrap:pretty;flex-direction:row;flex:1;justify-content:center;align-items:center;margin-top:-.05em;display:inline-flex}.x--button.--large{font-size:1rem;line-height:var(--tw-leading,1.5);min-width:44px;min-height:44px;padding-block:.75rem;padding-inline:1.25rem}.x--button.--xlarge{font-size:1.125rem;line-height:var(--tw-leading,calc(1.75/1.125));min-width:60px;min-height:60px;padding-block:1rem;padding-inline:1.5rem}.x--button *{color:inherit}.x--button:hover{background-color:var(--x-color-hover);cursor:pointer}.x--button:active:active{--tw-translate-y:1px;translate:var(--tw-translate-x)var(--tw-translate-y);scale:.98}.x--button:focus,.x--button:focus-visible{--tw-ring-color:var(--x-color-focus);--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(3px + var(--tw-ring-offset-width))var(--tw-ring-color,var(--color-primary-500));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.x--button.--disabled{cursor:not-allowed}.x--button.--disabled:active{--tw-translate-y:0px;translate:var(--tw-translate-x)var(--tw-translate-y)}.x--button.--disabled:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(0px + var(--tw-ring-offset-width))var(--tw-ring-color,var(--color-primary-500));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.x--button.--outlined{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);border-color:var(--x-color-wcag);color:var(--x-color-wcag);--tw-font-weight:500;border-style:var(--tw-border-style);--tw-border-style:solid;box-shadow:inset 0 0 0 2px var(--x-color-wcag);background-color:#0000;border-style:solid;border-width:0;font-weight:500}.x--button.--outlined:hover{color:var(--x-color-hover);border-color:var(--x-color-hover);background-color:var(--x-color-hover)}@supports (color:color-mix(in lab,red,red)){.x--button.--outlined:hover{background-color:color-mix(in oklab,var(--x-color-hover)10%,transparent)}}.x--button.--transparent{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);color:var(--x-color);background-color:#0000;border-color:#0000}.x--button.--transparent:hover{color:var(--x-color-hover);border-color:var(--x-color-hover);background-color:var(--x-color-hover)}@supports (color:color-mix(in lab,red,red)){.x--button.--transparent:hover{background-color:color-mix(in oklab,var(--x-color-hover)10%,transparent)}}.x--button.--ghost,.x--button.--text{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);color:var(--x-color-wcag);--tw-font-weight:500;background-color:#0000;border-color:#0000;padding-inline:1px;font-weight:500}:is(.x--button.--ghost,.x--button.--text):hover{color:var(--x-color-hover);border-color:var(--x-color-hover);background-color:#0000}:is(.x--button.--ghost,.x--button.--text):focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(0px + var(--tw-ring-offset-width))var(--tw-ring-color,var(--color-primary-500));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.x--button.--compact{min-height:0;padding-block:.25rem}.x--button.--full{width:100%}.x--button.--half{min-width:50%}.x--button.--third{min-width:33.3333%}.x--button.--quarter{min-width:25%}.x--button.--rounded{border-radius:3.40282e38px}.x--button.--truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.x--button.--uppercase .button__label{text-transform:uppercase;--tw-font-weight:500;--tw-tracking:.1em;letter-spacing:.1em;font-weight:500}.x--button.--left:active{transform-origin:0}.x--button.--left .button__label{text-align:left;justify-content:flex-start;align-items:flex-start}.x--button.--right:active{transform-origin:100%}.x--button.--right .button__label{text-align:right;justify-content:flex-end;align-items:flex-end}.x--button.--connect-left{border-top-left-radius:0!important;border-bottom-left-radius:0!important}.x--button.--connect-right{border-top-right-radius:0!important;border-bottom-right-radius:0!important}:is(.x--button.--radio,.x--button.--checkbox) .button__label{padding-inline:1rem;padding-left:1.5rem}:is(.x--button.--radio,.x--button.--checkbox) .button__label:before{aspect-ratio:1;--tw-content:"";content:var(--tw-content);border-style:var(--tw-border-style);border-width:2px;border-color:var(--x-color-contrast);width:19px;height:19px;transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,cubic-bezier(.4,0,.2,1));transition-duration:var(--tw-duration,.15s);--tw-duration:.15s;background-color:#0000;border-radius:3.40282e38px;transition-duration:.15s;position:absolute;top:calc(50% - 10px);left:.625rem}:is(.x--button.--radio,.x--button.--checkbox) .button__label:after{aspect-ratio:1;--tw-content:"";content:var(--tw-content);width:19px;height:19px;color:var(--x-color-contrast);--tw-font-weight:400;text-align:center;--tw-leading:0;font-size:16px;font-weight:400;line-height:0;display:block;position:absolute;top:50%;left:.625rem}:is(:is(.x--button.--radio,.x--button.--checkbox):not(.\:selected),:is(.x--button.--radio,.x--button.--checkbox):not(.\:checked)) .button__label{color:var(--color-gray-600)}:is(:is(.x--button.--radio,.x--button.--checkbox):not(.\:selected),:is(.x--button.--radio,.x--button.--checkbox):not(.\:checked)) .button__label:before{border-color:var(--color-neutral-500)!important}:is(:is(.x--button.--radio,.x--button.--checkbox).\:selected,:is(.x--button.--radio,.x--button.--checkbox).\:checked) .button__label{color:var(--x-color-wcag-dark)}:is(:is(.x--button.--radio,.x--button.--checkbox).\:selected,:is(.x--button.--radio,.x--button.--checkbox).\:checked) .button__label:before{background-color:var(--x-color-wcag);border-color:var(--x-color-wcag)!important}:is(.x--button.--radio,.x--button.--checkbox).--large .button__label{padding-inline:1.25rem;padding-left:2.5rem}:is(.x--button.--radio,.x--button.--checkbox).--large .button__label:before{width:23px;height:23px;top:calc(50% - 12px);left:.625rem}:is(.x--button.--radio,.x--button.--checkbox).--large .button__label:after{width:23px;height:23px;top:50%;left:.625rem}:is(.x--button.--radio,.x--button.--checkbox).--xlarge .button__label{padding-inline:1.5rem;padding-left:2.5rem}:is(.x--button.--radio,.x--button.--checkbox).--xlarge .button__label:before{width:31px;height:31px;top:calc(50% - 16px);left:.75rem}:is(.x--button.--radio,.x--button.--checkbox).--xlarge .button__label:after{width:31px;height:31px;top:50%;left:.75rem}:is(.x--button.--radio,.x--button.--checkbox).--outlined .button__label:before,:is(:is(.x--button.--radio,.x--button.--checkbox).--ghost,:is(.x--button.--radio,.x--button.--checkbox).--text) .button__label:before{border-style:var(--tw-border-style);border-width:2px;border-color:var(--x-color-wcag)}:is(.x--button.--radio,.x--button.--checkbox).--compact .button__label{padding-inline:0;padding-left:1.75rem}:is(.x--button.--radio,.x--button.--checkbox).--compact .button__label:before,:is(.x--button.--radio,.x--button.--checkbox).--compact .button__label:after{left:0}:is(.x--button.--radio,.x--button.--checkbox).--compact.--large .button__label{padding-left:2rem}:is(.x--button.--radio,.x--button.--checkbox).--compact.--xlarge .button__label{padding-left:2.5rem}:is(.x--button.--radio,.x--button.--checkbox).--top .button__label:before{top:.1rem}.x--button.--checkbox .button__label:before{border-radius:4px}.x--button.--prefix .button__prefix{aspect-ratio:1;border-radius:4px;justify-content:center;align-items:center;height:calc(100% - 1rem);display:flex;position:absolute;top:.5rem;left:.5rem}.x--button.--prefix .button__prefix .x--icon{--icon-size:32px;--icon-color:var(--x-color-contrast)}.x--button.--prefix.--large{padding-left:2rem}.x--button.--prefix.--xlarge{padding-left:3rem}.x--button.--prefix.--rounded .button__prefix{border-radius:3.40282e38px}.x--button .x--icon{--icon-size:20px;--icon-margin:.25rem}.x--button.--large .x--icon{--icon-size:24px;--icon-margin:.5rem}.x--button.--xlarge .x--icon{--icon-size:30px;--icon-margin:.5rem}.x--button .x--icon{font-size:var(--icon-size);height:var(--icon-size);width:var(--icon-size);position:relative;top:-.05em}.x--button .x--icon.button__icon-left{margin-left:calc(-1*var(--icon-margin));margin-right:calc(1*var(--icon-margin))}.x--button .x--icon.button__icon-left+.button__label{margin-left:var(--icon-margin)}.x--button .x--icon.button__icon-right{margin-right:calc(-1*var(--icon-margin))}.x--button .button__label+.x--icon.button__icon-right{margin-left:var(--icon-margin)}.x--button .button__label.--empty+.x--icon.button__icon-right{margin-left:calc(-1*var(--icon-margin))}.x--button .button__label .x--icon:first-child{margin-left:calc(-1*var(--icon-margin));margin-right:var(--icon-margin)}.x--button .button__label .x--icon:last-child{margin-left:var(--icon-margin);margin-right:calc(-1*var(--icon-margin))}.x--button .button__label .x--icon:only-child{margin-left:calc(-1*var(--icon-margin));margin-right:calc(-1*var(--icon-margin))}.x--button.--icon-only{justify-content:center;padding-inline:0}.x--button.--icon-only .button__label,.x--button .button__progress{display:none}.x--button.--progressable{overflow:hidden}.x--button.--progressable .button__label,.x--button.--progressable .button__icon{opacity:1;transition-property:opacity;transition-timing-function:var(--tw-ease,cubic-bezier(.4,0,.2,1));transition-duration:var(--tw-duration,.15s);--tw-duration:.15s;transition-duration:.15s}.x--button.--progressable .button__progress{width:100%;height:100%;transition-property:opacity;transition-timing-function:var(--tw-ease,cubic-bezier(.4,0,.2,1));transition-duration:var(--tw-duration,.15s);--tw-duration:.15s;--tw-translate-y:-100%;translate:var(--tw-translate-x)var(--tw-translate-y);justify-content:center;align-items:center;transition-duration:.15s;display:flex;position:absolute;top:0;left:0}.x--button.--progressable.\:progress .button__progress{opacity:1;--tw-translate-y: 0rem ;translate:var(--tw-translate-x)var(--tw-translate-y);transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,cubic-bezier(.4,0,.2,1));transition-duration:var(--tw-duration,.15s);--tw-duration:.25s;transition-duration:.25s}.x--button.--progressable.\:progress .button__label,.x--button.--progressable.\:progress .button__icon{opacity:0;transition-property:opacity;transition-timing-function:var(--tw-ease,cubic-bezier(.4,0,.2,1));transition-duration:var(--tw-duration,.15s);--tw-duration:.15s;transition-duration:.15s}.x--button.--disabled,.x--button[disabled]{cursor:not-allowed}:is(.x--button.--disabled,.x--button[disabled]):not(.--progressable){background-color:var(--color-gray-300)}.x--button.--readonly,.x--button[read-only]{cursor:default;background-color:var(--color-gray-300)}.x--button.--hidden,.x--button[hidden]{display:none}[dir=rtl] .x--button .x--icon.button__icon-left,[dir=rtl] .x--button .x--icon.button__icon-right{transform:scaleX(-1)}}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-content{syntax:"*";inherits:false;initial-value:""}