.dark{--flexy-sys-color-primary: hsl(210, 60%, 64%);--flexy-sys-color-on-primary: hsl(0, 0%, 0%);--flexy-sys-color-error: hsl(0, 60%, 72%);--flexy-sys-color-on-error: hsl(0, 0%, 0%);--flexy-sys-color-surface: hsl(215, 10%, 10%);--flexy-sys-color-on-surface: hsl(215, 25%, 90%);--flexy-sys-palette-tint-10: rgb(10.812, 16.32, 21.828);--flexy-sys-palette-tint-20: rgb(21.624, 32.64, 43.656);--flexy-sys-palette-tint-30: rgb(32.436, 48.96, 65.484);--flexy-sys-palette-tint-40: rgb(43.248, 65.28, 87.312);--flexy-sys-palette-tint-50: rgb(54.06, 81.6, 109.14);--flexy-sys-palette-tint-60: rgb(64.872, 97.92, 130.968);--flexy-sys-palette-tint-70: rgb(75.684, 114.24, 152.796);--flexy-sys-palette-tint-80: rgb(86.496, 130.56, 174.624);--flexy-sys-palette-tint-90: rgb(97.308, 146.88, 196.452);--flexy-sys-palette-grey-0: rgb(22.95, 25.075, 28.05);--flexy-sys-palette-grey-5: rgb(32.95875, 35.243125, 38.44125);--flexy-sys-palette-grey-10: rgb(42.9675, 45.41125, 48.8325);--flexy-sys-palette-grey-15: rgb(52.97625, 55.579375, 59.22375);--flexy-sys-palette-grey-20: rgb(62.985, 65.7475, 69.615);--flexy-sys-palette-grey-25: rgb(72.99375, 75.915625, 80.00625);--flexy-sys-palette-grey-30: rgb(83.0025, 86.08375, 90.3975);--flexy-sys-palette-grey-35: rgb(93.01125, 96.251875, 100.78875);--flexy-sys-palette-grey-40: rgb(103.02, 106.42, 111.18);--flexy-sys-palette-grey-45: rgb(113.02875, 116.588125, 121.57125);--flexy-sys-palette-grey-50: rgb(123.0375, 126.75625, 131.9625);--flexy-sys-palette-grey-55: rgb(133.04625, 136.924375, 142.35375);--flexy-sys-palette-grey-60: rgb(143.055, 147.0925, 152.745);--flexy-sys-palette-grey-65: rgb(153.06375, 157.260625, 163.13625);--flexy-sys-palette-grey-70: rgb(163.0725, 167.42875, 173.5275);--flexy-sys-palette-grey-75: rgb(173.08125, 177.596875, 183.91875);--flexy-sys-palette-grey-80: rgb(183.09, 187.765, 194.31);--flexy-sys-palette-grey-85: rgb(193.09875, 197.933125, 204.70125);--flexy-sys-palette-grey-90: rgb(203.1075, 208.10125, 215.0925);--flexy-sys-palette-grey-95: rgb(213.11625, 218.269375, 225.48375);--flexy-sys-palette-grey-100: rgb(223.125, 228.4375, 235.875)}.light{--flexy-sys-color-primary: hsl(210, 70%, 34%);--flexy-sys-color-on-primary: hsl(0, 0%, 100%);--flexy-sys-color-error: hsl(0, 70%, 37%);--flexy-sys-color-on-error: hsl(0, 0%, 100%);--flexy-sys-color-surface: hsl(215, 10%, 95%);--flexy-sys-color-on-surface: hsl(215, 25%, 15%);--flexy-sys-palette-tint-10: rgb(232.101, 238.17, 244.239);--flexy-sys-palette-tint-20: rgb(209.202, 221.34, 233.478);--flexy-sys-palette-tint-30: rgb(186.303, 204.51, 222.717);--flexy-sys-palette-tint-40: rgb(163.404, 187.68, 211.956);--flexy-sys-palette-tint-50: rgb(140.505, 170.85, 201.195);--flexy-sys-palette-tint-60: rgb(117.606, 154.02, 190.434);--flexy-sys-palette-tint-70: rgb(94.707, 137.19, 179.673);--flexy-sys-palette-tint-80: rgb(71.808, 120.36, 168.912);--flexy-sys-palette-tint-90: rgb(48.909, 103.53, 158.151);--flexy-sys-palette-grey-0: rgb(240.975, 242.0375, 243.525);--flexy-sys-palette-grey-5: rgb(230.360625, 231.7684375, 233.739375);--flexy-sys-palette-grey-10: rgb(219.74625, 221.499375, 223.95375);--flexy-sys-palette-grey-15: rgb(209.131875, 211.2303125, 214.168125);--flexy-sys-palette-grey-20: rgb(198.5175, 200.96125, 204.3825);--flexy-sys-palette-grey-25: rgb(187.903125, 190.6921875, 194.596875);--flexy-sys-palette-grey-30: rgb(177.28875, 180.423125, 184.81125);--flexy-sys-palette-grey-35: rgb(166.674375, 170.1540625, 175.025625);--flexy-sys-palette-grey-40: rgb(156.06, 159.885, 165.24);--flexy-sys-palette-grey-45: rgb(145.445625, 149.6159375, 155.454375);--flexy-sys-palette-grey-50: rgb(134.83125, 139.346875, 145.66875);--flexy-sys-palette-grey-55: rgb(124.216875, 129.0778125, 135.883125);--flexy-sys-palette-grey-60: rgb(113.6025, 118.80875, 126.0975);--flexy-sys-palette-grey-65: rgb(102.988125, 108.5396875, 116.311875);--flexy-sys-palette-grey-70: rgb(92.37375, 98.270625, 106.52625);--flexy-sys-palette-grey-75: rgb(81.759375, 88.0015625, 96.740625);--flexy-sys-palette-grey-80: rgb(71.145, 77.7325, 86.955);--flexy-sys-palette-grey-85: rgb(60.530625, 67.4634375, 77.169375);--flexy-sys-palette-grey-90: rgb(49.91625, 57.194375, 67.38375);--flexy-sys-palette-grey-95: rgb(39.301875, 46.9253125, 57.598125);--flexy-sys-palette-grey-100: rgb(28.6875, 36.65625, 47.8125)}body{background-color:var(--flexy-sys-color-surface);color:var(--flexy-sys-color-on-surface);font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Noto Sans,Liberation Sans,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";line-height:1.5;margin:0;padding:8px}.flexy-ripple{display:block;pointer-events:none;position:absolute;left:0;top:0;width:100%;height:100%}.flexy-ripple:before{content:"";background-color:var(--flexy-cdk-ripple-color, currentColor);border-radius:inherit;opacity:0;position:absolute;left:0;top:0;width:100%;height:100%}.flexy-ripple__effect{display:block;background-color:var(--flexy-cdk-ripple-color, currentColor);border-radius:50%;opacity:var(--flexy-cdk-ripple-opacity, .16);position:absolute;transform:translate(-50%,-50%) scale(1);animation:flexy-ripple-enter var(--flexy-cdk-ripple-enter-duration, .3s) var(--flexy-cdk-ripple-enter-easing, ease-out)}.flexy-ripple__effect--exit{animation:flexy-ripple-exit var(--flexy-cdk-ripple-exit-duration, .2s) var(--flexy-cdk-ripple-exit-easing, linear)}@keyframes flexy-ripple-enter{0%{transform:translate(-50%,-50%) scale(0)}}@keyframes flexy-ripple-exit{to{opacity:0}}.flexy-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--flexy-comp-button-spacing, 8px);background-color:#0000;border:none;border-radius:var(--flexy-comp-button-shape, 8px);box-sizing:border-box;color:currentcolor;cursor:pointer;position:relative;padding:0px var(--flexy-comp-button-padding, 16px);height:var(--flexy-comp-button-height, 40px);font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Noto Sans,Liberation Sans,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-size:var(--flexy-comp-button-label-size, 16px);line-height:1.5;text-decoration:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}.flexy-button:after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:100%;height:100%;min-width:48px;min-height:48px}.flexy-button:hover .flexy-button__ripple:before{opacity:.12}.flexy-button:focus-visible{outline:2px solid currentcolor;outline-offset:2px}.flexy-button--sharp{border-radius:0}.flexy-button--rounded{border-radius:calc(var(--flexy-comp-button-height, 40px)/2)}.flexy-button--icon{padding:0;width:var(--flexy-comp-button-height, 40px)}.flexy-button--circular{border-radius:50%;padding:0;width:var(--flexy-comp-button-height, 40px)}.flexy-button--primary,.flexy-button--tonal-primary,.flexy-button--outlined-primary{color:var(--flexy-sys-color-primary)}.flexy-button--error,.flexy-button--tonal-error,.flexy-button--outlined-error{color:var(--flexy-sys-color-error)}.flexy-button--tonal-neutral:before,.flexy-button--tonal-primary:before,.flexy-button--tonal-error:before{content:"";background-color:currentcolor;border-radius:inherit;opacity:.12;pointer-events:none;position:absolute;left:0;top:0;width:100%;height:100%}.flexy-button--outlined-neutral:before,.flexy-button--outlined-primary:before,.flexy-button--outlined-error:before{content:"";border-radius:inherit;border:1px solid currentcolor;box-sizing:border-box;opacity:.2;pointer-events:none;position:absolute;left:0;top:0;width:100%;height:100%}.flexy-button--filled-neutral{background-color:var(--flexy-sys-color-on-surface);color:var(--flexy-sys-color-surface)}.flexy-button--filled-neutral:focus-visible{outline-color:var(--flexy-sys-color-on-surface)}.flexy-button--filled-primary{background-color:var(--flexy-sys-color-primary);color:var(--flexy-sys-color-on-primary)}.flexy-button--filled-primary:focus-visible{outline-color:var(--flexy-sys-color-primary)}.flexy-button--filled-primary[disabled]{background-color:var(--flexy-sys-color-on-surface);color:var(--flexy-sys-color-surface)}.flexy-button--filled-error{background-color:var(--flexy-sys-color-error);color:var(--flexy-sys-color-on-error)}.flexy-button--filled-error:focus-visible{outline-color:var(--flexy-sys-color-error)}.flexy-button--filled-error[disabled]{background-color:var(--flexy-sys-color-on-surface);color:var(--flexy-sys-color-surface)}.flexy-button--xxs{height:calc(var(--flexy-comp-button-height, 40px) - 12px);padding:0px calc(var(--flexy-comp-button-padding, 16px) - 6px)}.flexy-button--xxs.flexy-button--icon,.flexy-button--xxs.flexy-button--circular{width:calc(var(--flexy-comp-button-height, 40px) - 12px)}.flexy-button--xs{height:calc(var(--flexy-comp-button-height, 40px) - 8px);padding:0px calc(var(--flexy-comp-button-padding, 16px) - 4px)}.flexy-button--xs.flexy-button--icon,.flexy-button--xs.flexy-button--circular{width:calc(var(--flexy-comp-button-height, 40px) - 8px)}.flexy-button--sm{height:calc(var(--flexy-comp-button-height, 40px) - 4px);padding:0px calc(var(--flexy-comp-button-padding, 16px) - 2px)}.flexy-button--sm.flexy-button--icon,.flexy-button--sm.flexy-button--circular{width:calc(var(--flexy-comp-button-height, 40px) - 4px)}.flexy-button--lg{height:calc(var(--flexy-comp-button-height, 40px) + 4px);padding:0px calc(var(--flexy-comp-button-padding, 16px) + 2px)}.flexy-button--lg.flexy-button--icon,.flexy-button--lg.flexy-button--circular{width:calc(var(--flexy-comp-button-height, 40px) + 4px)}.flexy-button--xl{height:calc(var(--flexy-comp-button-height, 40px) + 8px);padding:0px calc(var(--flexy-comp-button-padding, 16px) + 4px)}.flexy-button--xl.flexy-button--icon,.flexy-button--xl.flexy-button--circular{width:calc(var(--flexy-comp-button-height, 40px) + 8px)}.flexy-button--xxl{height:calc(var(--flexy-comp-button-height, 40px) + 12px);padding:0px calc(var(--flexy-comp-button-padding, 16px) + 6px)}.flexy-button--xxl.flexy-button--icon,.flexy-button--xxl.flexy-button--circular{width:calc(var(--flexy-comp-button-height, 40px) + 12px)}.flexy-button[disabled]{filter:grayscale(1) opacity(.32);pointer-events:none}.flexy-checkbox{display:inline-flex;position:relative;width:var(--flexy-comp-checkbox-size, 20px);height:var(--flexy-comp-checkbox-size, 20px)}.flexy-checkbox input{border:none;cursor:pointer;margin:0;opacity:0;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:100%;height:100%;min-width:48px;min-height:48px;z-index:1}.flexy-checkbox__box{background-color:var(--flexy-comp-checkbox-unselected-fill-color, transparent);border:var(--flexy-comp-checkbox-outline-width, 2px) solid var(--flexy-comp-checkbox-unselected-outline-color, var(--flexy-sys-palette-grey-70));border-radius:var(--flexy-comp-checkbox-outline-width, 2px);box-sizing:border-box;pointer-events:none;position:absolute;left:0;top:0;width:100%;height:100%}.flexy-checkbox__mark-icon{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:var(--flexy-comp-checkbox-mark-size, 16px);height:var(--flexy-comp-checkbox-mark-size, 16px)}.flexy-checkbox__mark-icon path{fill:none;stroke:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:20;stroke:#0000;transition-property:stroke-dashoffset,transform;transition-duration:var(--flexy-comp-checkbox-state-transition-duration, .15s);transition-timing-function:var(--flexy-comp-checkbox-state-transition-easing, ease-out)}.flexy-checkbox__check-mark{stroke-dasharray:118.1081848145;stroke-dashoffset:118.1081848145}.flexy-checkbox__indeterminate-mark{transform:scale(0);transform-origin:center}input:hover~.flexy-checkbox__box{border-color:var(--flexy-comp-checkbox-unselected-hovered-outline-color, var(--flexy-sys-palette-grey-100))}input:focus-visible~.flexy-checkbox__box{outline-offset:2px;outline:2px solid var(--flexy-sys-color-primary)}input:checked~.flexy-checkbox__mark-icon .flexy-checkbox__check-mark{stroke-dashoffset:0;stroke:var(--flexy-comp-checkbox-mark-color, var(--flexy-sys-color-on-primary))}input:indeterminate~.flexy-checkbox__mark-icon .flexy-checkbox__indeterminate-mark{stroke:var(--flexy-comp-checkbox-mark-color, var(--flexy-sys-color-on-primary));transform:scale(1)}input:indeterminate~.flexy-checkbox__box,input:checked~.flexy-checkbox__box{background-color:var(--flexy-comp-checkbox-selected-fill-color, var(--flexy-sys-color-primary));border-color:var(--flexy-comp-checkbox-selected-outline-color, var(--flexy-sys-color-primary))}.flexy-checkbox input:disabled{cursor:none;pointer-events:none}input:disabled~.flexy-checkbox__box{filter:grayscale(1) opacity(.32)}.flexy-menu{display:flex;flex-direction:column;background-color:var(--flexy-comp-menu-container-color, var(--flexy-sys-palette-grey-10));border-radius:var(--flexy-comp-menu-container-shape, 12px);box-sizing:border-box;box-shadow:var(--flexy-comp-menu-container-shadow, 0px 0px 3px -1px rgba(0, 0, 0, .5019607843), 1px 2px 9px -4px rgba(0, 0, 0, .5019607843));gap:var(--flexy-comp-menu-items-spacing, 4px);opacity:0;padding:var(--flexy-comp-menu-container-padding, 8px);position:fixed;left:0;top:0;margin:auto;width:max-content;min-width:160px;max-width:400px;visibility:hidden;z-index:999;transition:visibility 0ms linear var(--flexy-comp-menu-close-animation-duration, .2s),opacity var(--flexy-comp-menu-close-animation-duration, .2s) ease-out}.flexy-menu--shown{transition:none;visibility:visible;opacity:1}.flexy-menu hr{border-width:1px;border-style:none none solid none;border-color:var(--flexy-comp-menu-divider-color, var(--flexy-sys-palette-grey-40));margin-bottom:calc(var(--flexy-comp-menu-divider-spacing, 8px)/2 - 1px);margin-top:calc(var(--flexy-comp-menu-divider-spacing, 8px)/2);opacity:1}.flexy-menu::-webkit-scrollbar{width:4px;height:4px}.flexy-menu::-webkit-scrollbar-thumb{background-color:gray;border-radius:2px}.flexy-menuitem{display:flex;align-items:center;gap:var(--flexy-comp-menu-item-content-spacing, 12px);flex-shrink:0;background-color:#0000;border:none;border-radius:var(--flexy-comp-menu-item-shape, 8px);color:var(--flexy-comp-menu-item-label-color, var(--flexy-sys-color-on-surface));cursor:pointer;font:inherit;padding:0px var(--flexy-comp-menu-item-padding, 12px);position:relative;height:var(--flexy-comp-menu-item-height, 36px)}.flexy-menuitem:before{content:"";background-color:currentColor;border-radius:inherit;position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;opacity:0}.flexy-menuitem:hover:before{opacity:.1}.flexy-menuitem:focus:before{opacity:.1}.flexy-menuitem:active:before{opacity:.2}.flexy-menuitem:focus-visible{outline-width:2px;outline-style:solid;outline-color:currentColor;outline-offset:-2px}.flexy-menuitem:after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:100%;height:100%;min-width:calc(var(--flexy-comp-menu-item-height, 36px) + var(--flexy-comp-menu-items-spacing, 4px));min-height:calc(var(--flexy-comp-menu-item-height, 36px) + var(--flexy-comp-menu-items-spacing, 4px))}.flexy-menuitem__leading-icon,.flexy-menuitem__trailing-icon{font-size:var(--flexy-comp-menu-item-icon-size, 20px);width:1em;height:1em}.flexy-menuitem__leading-icon{color:var(--flexy-comp-menu-item-leading-icon-color, var(--flexy-sys-color-on-surface))}.flexy-menuitem__trailing-icon{color:var(--flexy-comp-menu-item-trailing-icon-color, var(--flexy-sys-palette-grey-70));margin-inline-start:auto}.flexy-menuitem__trailing-text{color:var(--flexy-comp-menu-item-trailing-text-color, var(--flexy-sys-palette-grey-70));margin-inline-start:auto}.flexy-progressbar{display:block;border-radius:var(--flexy-comp-progressbar-track-shape, 999px);height:var(--flexy-comp-progressbar-track-height, 4px);overflow:hidden;position:relative}.flexy-progressbar__inactive-track,.flexy-progressbar__active-track{border-radius:inherit;position:absolute;left:0;top:0;width:100%;height:100%;transition:transform var(--flexy-comp-progressbar-jump-animation-duration, .25s) linear 0ms}.flexy-progressbar__inactive-track{background-color:var(--flexy-comp-progressbar-track-inactive-color, var(--flexy-sys-color-primary));opacity:var(--flexy-comp-progressbar-track-inactive-opacity, .2);order:2}.flexy-progressbar__active-track{background-color:var(--flexy-comp-progressbar-track-active-color, var(--flexy-sys-color-primary));transform:translate(-100%);order:1}.flexy-progressbar:not([aria-valuenow]) .flexy-progressbar__active-track{animation:flexy-indeterminate-progressbar-1 var(--flexy-comp-progressbar-indeterminate-animation-duration, 1s) ease-in-out 0s infinite;transform-origin:left center;width:50%}@keyframes flexy-indeterminate-progressbar-1{0%{transform:translate(-100%)}to{transform:translate(200%)}}.flexy-progresscircle{display:block;width:var(--flexy-comp-progresscircle-container-size, 40px);height:var(--flexy-comp-progresscircle-container-size, 40px);position:relative}.flexy-progresscircle svg{display:block;width:100%;height:100%;pointer-events:none;transform-origin:center}.flexy-progresscircle__inactive-track,.flexy-progresscircle__active-track{cx:calc(var(--flexy-comp-progresscircle-container-size, 40px)/2);cy:calc(var(--flexy-comp-progresscircle-container-size, 40px)/2);r:calc((var(--flexy-comp-progresscircle-container-size, 40px) - var(--flexy-comp-progresscircle-track-height, 4px))/2);fill:none;stroke-dasharray:calc(6.28571428*(var(--flexy-comp-progresscircle-container-size, 40px) - var(--flexy-comp-progresscircle-track-height, 4px))/2);stroke-width:var(--flexy-comp-progresscircle-track-height, 4px);transform-origin:center}.flexy-progresscircle__inactive-track{stroke:var(--flexy-comp-progresscircle-track-inactive-color, var(--flexy-sys-color-primary));opacity:var(--flexy-comp-progresscircle-track-inactive-opacity, .2)}.flexy-progresscircle__active-track{stroke-dashoffset:calc(6.28571428*(var(--flexy-comp-progresscircle-container-size, 40px) - var(--flexy-comp-progresscircle-track-height, 4px))/2*(1 - var(--progress, 0)));stroke:var(--flexy-comp-progresscircle-track-active-color, var(--flexy-sys-color-primary));transform:rotate(-90deg);transition:stroke-dashoffset var(--flexy-comp-progresscircle-jump-animation-duration, .25s) linear 0ms}.flexy-progresscircle:not([aria-valuenow]) .flexy-progresscircle__active-track{animation:flexy-indeterminate-progresscircle-rotate-1 var(--flexy-comp-progresscircle-indeterminate-animation-duration, 1s) linear 0ms infinite;stroke-dashoffset:calc(6.28571428*(var(--flexy-comp-progresscircle-container-size, 40px) - var(--flexy-comp-progresscircle-track-height, 4px))/2*.75)}@keyframes flexy-indeterminate-progresscircle-rotate-1{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes flexy-indeterminate-progresscircle-rotate-2{0%{transform:rotate(0)}50%{transform:rotate(90deg)}to{transform:rotate(360deg)}}@keyframes flexy-indeterminate-progresscircle-stroke{0%{stroke-dashoffset:calc(6.28571428*(var(--flexy-comp-progresscircle-container-size, 40px) - var(--flexy-comp-progresscircle-track-height, 4px))/2*.95)}50%{stroke-dashoffset:calc(6.28571428*(var(--flexy-comp-progresscircle-container-size, 40px) - var(--flexy-comp-progresscircle-track-height, 4px))/2*.25)}to{stroke-dashoffset:calc(6.28571428*(var(--flexy-comp-progresscircle-container-size, 40px) - var(--flexy-comp-progresscircle-track-height, 4px))/2*.95)}}.flexy-radio{display:inline-flex;position:relative;width:var(--flexy-comp-radio-size, 20px);height:var(--flexy-comp-radio-size, 20px)}.flexy-radio input{border:none;cursor:pointer;margin:0;opacity:0;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:100%;height:100%;min-width:48px;min-height:48px;z-index:1}.flexy-radio__circle{border-radius:50%;border:var(--flexy-comp-radio-unselected-outline-width, 2px) solid var(--flexy-comp-radio-unselected-outline-color, var(--flexy-sys-palette-grey-70));box-sizing:border-box;pointer-events:none;position:absolute;left:0;top:0;width:100%;height:100%}.flexy-radio__circle:before{content:"";background-color:var(--flexy-comp-radio-dot-color, var(--flexy-sys-color-primary));border-radius:50%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(0);transition:transform var(--flexy-comp-radio-state-transition-duration, .15s) var(--flexy-comp-radio-state-transition-easing, ease-out);width:var(--flexy-comp-radio-dot-size, 10px);height:var(--flexy-comp-radio-dot-size, 10px)}input:hover~.flexy-radio__circle{border-color:var(--flexy-comp-radio-unselected-hovered-outline-color, var(--flexy-sys-palette-grey-100))}input:focus-visible~.flexy-radio__circle{outline-offset:2px;outline:2px solid var(--flexy-sys-color-primary)}input:checked~.flexy-radio__circle{border:var(--flexy-comp-radio-selected-outline-width, 2px) solid var(--flexy-comp-radio-selected-outline-color, var(--flexy-sys-color-primary))}input:checked~.flexy-radio__circle:before{transform:translate(-50%,-50%) scale(1)}.flexy-radio input:disabled{cursor:none;pointer-events:none}input:disabled~.flexy-radio__circle{filter:grayscale(1) opacity(.32)}.flexy-slider{display:flex;position:relative;height:var(--flexy-comp-slider-thumb-height, 16px);min-height:var(--flexy-comp-slider-track-height, 4px);width:240px;max-width:100%}.flexy-slider *{user-select:none}.flexy-slider>*:not(.flexy-slider__input){pointer-events:none}.flexy-slider__input{-moz-appearance:none;-webkit-appearance:none;appearance:none;display:block;border:none;cursor:pointer;margin:0;opacity:0;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:100%;height:100%;min-width:48px;min-height:48px}.flexy-slider__input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:var(--flexy-comp-slider-thumb-width, 16px);height:var(--flexy-comp-slider-thumb-height, 16px)}.flexy-slider__input::-moz-range-thumb{-moz-appearance:none;appearance:none;width:var(--flexy-comp-slider-thumb-width, 16px);height:var(--flexy-comp-slider-thumb-height, 16px)}.flexy-slider__track,.flexy-slider__ticks{display:block;border-radius:var(--flexy-comp-slider-track-shape, 999px);overflow:hidden;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:calc(100% - var(--flexy-comp-slider-thumb-width, 16px));height:var(--flexy-comp-slider-track-height, 4px)}.flexy-slider__inactive-track,.flexy-slider__active-track{display:block;position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden;transition:transform var(--flexy-comp-slider-animation-jumping-duration, 0ms) var(--flexy-comp-slider-animation-jumping-easing, ease-out)}.flexy-slider__inactive-track{background-color:var(--flexy-comp-slider-track-inactive-color, var(--flexy-sys-color-primary));background-image:var(--flexy-comp-slider-track-inactive-gradient, none);opacity:var(--flexy-comp-slider-track-inactive-opacity, .2)}.flexy-slider__active-track{background-color:var(--flexy-comp-slider-track-active-color, var(--flexy-sys-color-primary));background-image:var(--flexy-comp-slider-track-active-gradient, none);transform:scaleX(.5);transform-origin:left center}.flexy-slider__inactive-ticks,.flexy-slider__active-ticks{display:flex;align-items:center;justify-content:space-evenly;box-sizing:border-box;padding:0px calc(var(--flexy-comp-slider-ticks-size, 2px)/2);transition:clip-path var(--flexy-comp-slider-animation-jumping-duration, 0ms) var(--flexy-comp-slider-animation-jumping-easing, ease-out);position:absolute;left:0;top:0;width:100%;height:100%}.flexy-slider__inactive-ticks>span,.flexy-slider__active-ticks>span{border-radius:50%;width:var(--flexy-comp-slider-ticks-size, 2px);height:var(--flexy-comp-slider-ticks-size, 2px)}.flexy-slider__inactive-ticks{clip-path:inset(0% 1% 0% 1%)}.flexy-slider__inactive-ticks>span{background-color:var(--flexy-comp-slider-ticks-inactive-color, var(--flexy-sys-palette-grey-80))}.flexy-slider__active-ticks{clip-path:inset(0% 50% 0% 1%)}.flexy-slider__active-ticks>span{background-color:var(--flexy-comp-slider-ticks-active-color, var(--flexy-sys-color-on-primary))}.flexy-slider__thumb-rail{display:block;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:calc(100% - var(--flexy-comp-slider-thumb-width, 16px));height:100%}.flexy-slider__thumb{display:block;position:absolute;left:0;top:0;width:100%;height:100%;transform:translate(-50%);transition:transform var(--flexy-comp-slider-animation-jumping-duration, 0ms) var(--flexy-comp-slider-animation-jumping-easing, ease-out)}.flexy-slider__thumb-knob{display:flex;align-items:center;justify-content:center;background-color:var(--flexy-comp-slider-thumb-color, var(--flexy-sys-color-primary));border:var(--flexy-comp-slider-thumb-outline-width, 0px) solid var(--flexy-comp-slider-thumb-outline-color, var(--flexy-sys-color-primary));border-radius:var(--flexy-comp-slider-thumb-shape, 999px);box-shadow:var(--flexy-comp-slider-thumb-shadow, none);box-sizing:border-box;color:var(--flexy-comp-slider-thumb-icon-color, var(--flexy-sys-color-on-primary));position:absolute;left:calc(100% - var(--flexy-comp-slider-thumb-width, 16px)/2);top:0;width:var(--flexy-comp-slider-thumb-width, 16px);height:var(--flexy-comp-slider-thumb-height, 16px)}.flexy-slider__value-indicator,.flexy-slider__value-indicator-m3{display:flex;align-items:center;justify-content:center;color:var(--flexy-comp-slider-value-indicator-text-color, var(--flexy-sys-color-on-primary));font-size:var(--flexy-comp-slider-value-indicator-text-size, 13px);position:absolute;left:50%;bottom:100%;transform:translate(-50%) scale(0);transform-origin:center bottom;transition:transform .15s ease-out}.flexy-slider__value-indicator{border-radius:var(--flexy-comp-slider-value-indicator-shape, 8px);background-color:var(--flexy-comp-slider-value-indicator-fill-color, var(--flexy-sys-color-primary));width:var(--flexy-comp-slider-value-indicator-width, 36px);height:var(--flexy-comp-slider-value-indicator-height, 28px)}.flexy-slider__value-indicator:before{content:"";clip-path:polygon(0% 0%,50% 50%,100% 0%);background-color:inherit;position:absolute;left:50%;top:100%;transform:translate(-50%,-1px);width:calc(var(--flexy-comp-slider-value-indicator-arrow-size, 6px)*2 + 1px);height:calc(var(--flexy-comp-slider-value-indicator-arrow-size, 6px)*2 + 1px)}.flexy-slider__value-indicator-m3{width:var(--flexy-comp-slider-value-indicator-m3-size, 28px);height:var(--flexy-comp-slider-value-indicator-m3-size, 28px)}.flexy-slider__value-indicator-m3:before{content:"";background-color:var(--flexy-comp-slider-value-indicator-fill-color, var(--flexy-sys-color-primary));border-radius:50% 50% 0%;transform:rotate(45deg);z-index:-1;position:absolute;left:0;top:0;width:100%;height:100%}.flexy-slider__thumb-ripple{display:block;color:var(--flexy-comp-slider-ripple-color, var(--flexy-sys-color-primary));position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:var(--flexy-comp-slider-ripple-size, 40px);height:var(--flexy-comp-slider-ripple-size, 40px)}.flexy-slider--sliding .flexy-slider__value-indicator,.flexy-slider__input:hover~.flexy-slider__thumb-rail .flexy-slider__value-indicator,.flexy-slider__input:focus~.flexy-slider__thumb-rail .flexy-slider__value-indicator{transform:translate(-50%,calc(-1 * var(--flexy-comp-slider-value-indicator-arrow-size, 6px) - var(--flexy-comp-slider-value-indicator-bottom-spacing, 4px))) scale(1)}.flexy-slider--sliding .flexy-slider__value-indicator-m3,.flexy-slider__input:hover~.flexy-slider__thumb-rail .flexy-slider__value-indicator-m3,.flexy-slider__input:focus~.flexy-slider__thumb-rail .flexy-slider__value-indicator-m3{transform:translate(-50%,calc(-20.7083333333% - var(--flexy-comp-slider-value-indicator-bottom-spacing, 4px))) scale(1)}.flexy-slider__input:focus-visible~.flexy-slider__thumb-rail .flexy-slider__thumb-knob{outline:2px solid var(--flexy-comp-slider-focus-ring-color, var(--flexy-sys-color-primary));outline-offset:2px}.flexy-slider--sliding .flexy-slider__active-track,.flexy-slider--sliding .flexy-slider__inactive-track,.flexy-slider--sliding .flexy-slider__active-ticks,.flexy-slider--sliding .flexy-slider__inactive-ticks,.flexy-slider--sliding .flexy-slider__thumb{transition:transform var(--flexy-comp-slider-animation-sliding-duration, 0ms) var(--flexy-comp-slider-animation-sliding-easing, ease)}.flexy-slider--noanimation .flexy-slider__active-track,.flexy-slider--noanimation .flexy-slider__inactive-track,.flexy-slider--noanimation .flexy-slider__active-ticks,.flexy-slider--noanimation .flexy-slider__inactive-ticks,.flexy-slider--noanimation .flexy-slider__thumb{transition-duration:0ms}[dir=rtl] .flexy-slider__track,[dir=rtl] .flexy-slider__ticks,[dir=rtl] .flexy-slider__thumb-rail{transform:translate(-50%,-50%) scaleX(-1)}[dir=rtl] .flexy-slider__thumb-knob{transform:scaleX(-1)}.flexy-switch{display:inline-flex;position:relative;height:var(--flexy-comp-switch-track-height, 28px);width:var(--flexy-comp-switch-track-width, 48px)}.flexy-switch__input{display:block;border:none;cursor:pointer;margin:0;opacity:0;padding:0;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:100%;height:100%;min-width:48px;min-height:48px;-webkit-tap-highlight-color:rgba(0,0,0,0)}.flexy-switch__track{display:block;background-color:var(--flexy-comp-switch-unselected-track-color, var(--flexy-sys-palette-grey-30));border-radius:var(--flexy-comp-switch-track-shape, 999px);overflow:hidden;pointer-events:none;position:absolute;left:0;top:0;width:100%;height:100%;transition:background-color .2s ease-out}.flexy-switch__track:before{content:"";background-color:var(--flexy-comp-switch-selected-track-color, var(--flexy-sys-color-primary));border-radius:inherit;opacity:0;position:absolute;left:0;top:0;width:100%;height:100%;transition:opacity .2s ease-out}.flexy-switch__indicator{pointer-events:none}.flexy-switch__indicator:before,.flexy-switch__indicator:after{content:"";mask-size:var(--flexy-comp-switch-indicator-size, 12px);mask-repeat:no-repeat;mask-position:center;position:absolute;top:0;width:var(--flexy-comp-switch-track-height, 28px);height:var(--flexy-comp-switch-track-height, 28px)}.flexy-switch__indicator:before{background-color:var(--flexy-comp-switch-selected-indicator-color, var(--flexy-sys-color-on-primary));mask-image:var(--flexy-comp-switch-selected-indicator-icon, url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><path d="M50,15 L50,85" stroke="black" stroke-width="30" stroke-linecap="round"></path></svg>'));left:0}.flexy-switch__indicator:after{background-color:var(--flexy-comp-switch-unselected-indicator-color, var(--flexy-sys-palette-grey-100));mask-image:var(--flexy-comp-switch-unselected-indicator-icon, url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><circle cx="50" cy="50" r="40" fill="none" stroke="black" stroke-width="20"></circle></svg>'));right:0}.flexy-switch__thumb{display:block;pointer-events:none;position:absolute;left:0;top:0;width:var(--flexy-comp-switch-track-height, 28px);height:var(--flexy-comp-switch-track-height, 28px);transition:transform .2s ease-out}.flexy-switch__thumb:before{content:"";display:block;background-color:var(--flexy-comp-switch-unselected-thumb-color, #ffffff);border-radius:var(--flexy-comp-switch-thumb-shape, 999px);box-shadow:var(--flexy-comp-switch-thumb-shadow, 0px 1px 5px -2px rgba(0, 0, 0, .7529411765));position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:var(--flexy-comp-switch-thumb-width, 20px);height:var(--flexy-comp-switch-thumb-height, 20px);transition:background-color .2s ease-out,transform .2s ease-out}.flexy-switch__icon,.flexy-switch__unselected-icon,.flexy-switch__selected-icon{font-size:var(--flexy-comp-switch-icon-size, 16px);position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.flexy-switch__icon,.flexy-switch__unselected-icon{color:var(--flexy-comp-switch-unselected-icon-color, #404040);opacity:1}.flexy-switch__selected-icon{color:var(--flexy-comp-switch-selected-icon-color, var(--flexy-sys-color-primary));opacity:0}.flexy-switch__input:active~.flexy-switch__thumb:before{transform:translate(-50%,-50%) scale(var(--flexy-comp-switch-pressed-thumb-scaling, 1.2));transition-delay:0ms;transition-duration:.2s,80ms}.flexy-switch__input:focus-visible~.flexy-switch__track{outline:2px solid var(--flexy-comp-switch-focus-ring-color, var(--flexy-sys-color-primary));outline-offset:2px}.flexy-switch__input:checked~.flexy-switch__track:before{opacity:1}.flexy-switch__input:checked~.flexy-switch__thumb{transform:translate(calc(var(--flexy-comp-switch-track-width, 48px) - var(--flexy-comp-switch-track-height, 28px)))}.flexy-switch__input:checked~.flexy-switch__thumb:before{background-color:var(--flexy-comp-switch-selected-thumb-color, var(--flexy-sys-color-on-primary))}.flexy-switch__input:checked~.flexy-switch__thumb .flexy-switch__icon{color:var(--flexy-comp-switch-selected-icon-color, var(--flexy-sys-color-primary))}.flexy-switch__input:checked~.flexy-switch__thumb .flexy-switch__unselected-icon{opacity:0}.flexy-switch__input:checked~.flexy-switch__thumb .flexy-switch__selected-icon{opacity:1}.flexy-switch__input:disabled{pointer-events:none}.flexy-switch__input:disabled~.flexy-switch__indicator:before{background-color:var(--flexy-comp-switch-disabled-selected-indicator-color, var(--flexy-sys-palette-grey-20))}.flexy-switch__input:disabled~.flexy-switch__indicator:after{background-color:var(--flexy-comp-switch-disabled-unselected-indicator-color, var(--flexy-sys-palette-grey-40))}.flexy-switch__input:disabled~.flexy-switch__track{background-color:var(--flexy-comp-switch-disabled-unselected-track-color, var(--flexy-sys-palette-grey-20))}.flexy-switch__input:disabled~.flexy-switch__track:before{background-color:var(--flexy-comp-switch-disabled-selected-track-color, var(--flexy-sys-palette-grey-40))}.flexy-switch__input:disabled~.flexy-switch__thumb:before{background-color:var(--flexy-comp-switch-disabled-unselected-thumb-color, var(--flexy-sys-palette-grey-40));box-shadow:none}.flexy-switch__input:disabled~.flexy-switch__thumb .flexy-switch__icon,.flexy-switch__input:disabled~.flexy-switch__thumb .flexy-switch__unselected-icon{color:var(--flexy-comp-switch-disabled-unselected-icon-color, var(--flexy-sys-palette-grey-20))}.flexy-switch__input:checked:disabled~.flexy-switch__thumb:before{background-color:var(--flexy-comp-switch-disabled-selected-thumb-color, var(--flexy-sys-palette-grey-20));box-shadow:none}.flexy-switch__input:checked:disabled~.flexy-switch__thumb .flexy-switch__icon,.flexy-switch__input:checked:disabled~.flexy-switch__thumb .flexy-switch__selected-icon{color:var(--flexy-comp-switch-disabled-selected-icon-color, var(--flexy-sys-palette-grey-40))}.flexy-tabs{display:flex;flex-direction:column;gap:var(--flexy-comp-tabs-tablist-divider-margin, 16px);width:100%}.flexy-tabs--reverse{flex-direction:column-reverse}.flexy-tablist{display:flex;align-items:center;background-color:var(--flexy-comp-tabs-tablist-fill-color, transparent);box-shadow:inset 0 calc(-1*var(--flexy-comp-tabs-tablist-divider-height, 1px)) 0 0 var(--flexy-comp-tabs-tablist-divider-color, var(--flexy-sys-palette-grey-20));border-radius:var(--flexy-comp-tabs-tablist-shape, 0px);box-sizing:border-box;gap:var(--flexy-comp-tabs-tablist-spacing, 4px);height:var(--flexy-comp-tabs-tablist-height, 48px);overflow:auto hidden;padding:0px var(--flexy-comp-tabs-tablist-padding, 0px);position:relative;scrollbar-width:none}.flexy-tablist--align-start{justify-content:start}.flexy-tablist--align-start .flexy-tab{width:auto}.flexy-tablist--align-center{justify-content:center}.flexy-tablist--align-center .flexy-tab{width:auto}.flexy-tablist--align-end{justify-content:end}.flexy-tablist--align-end .flexy-tab{width:auto}.flexy-tablist::-webkit-scrollbar{display:none}.flexy-tabs--reverse>.flexy-tablist{box-shadow:inset 0 var(--flexy-comp-tabs-tablist-divider-height, 1px) 0 0 var(--flexy-comp-tabs-tablist-divider-color, var(--flexy-sys-palette-grey-20))}.flexy-tab{display:flex;align-items:center;justify-content:center;gap:var(--flexy-comp-tabs-tab-spacing, 8px);border-radius:var(--flexy-comp-tabs-tab-shape, 8px);cursor:pointer;height:var(--flexy-comp-tabs-tab-height, 40px);position:relative;padding:0px var(--flexy-comp-tabs-tab-padding, 16px);width:100%;min-width:max-content;-webkit-tap-highlight-color:rgba(0,0,0,0)}.flexy-tab:after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:100%;height:100%;min-width:48px;min-height:48px}.flexy-tab:hover .flexy-tab__ripple:before{opacity:.12}.flexy-tab[aria-selected=false]{background-color:var(--flexy-comp-tabs-tab-unselected-fill-color, transparent);color:var(--flexy-comp-tabs-tab-unselected-label-color, var(--flexy-sys-palette-grey-80))}.flexy-tab[aria-selected=true]{background-color:var(--flexy-comp-tabs-tab-selected-fill-color, transparent);color:var(--flexy-comp-tabs-tab-selected-label-color, var(--flexy-sys-color-on-surface))}.flexy-tab:focus-visible{outline:2px solid var(--flexy-sys-color-primary);outline-offset:-2px}.flexy-tab-indicator{display:block;border-width:var(--flexy-comp-tabs-tab-indicator-height, 2px);border-style:none none solid none;border-color:var(--flexy-comp-tabs-tab-indicator-color, var(--flexy-sys-color-primary));box-sizing:border-box;pointer-events:none;position:absolute;top:0;bottom:0;transition-property:left,right;transition-duration:.3s}.flexy-tab-indicator--outlined{border-radius:var(--flexy-comp-tabs-tab-shape, 8px);border-style:solid;bottom:calc(var(--flexy-comp-tabs-tablist-height, 48px)/2 - var(--flexy-comp-tabs-tab-height, 40px)/2);top:calc(var(--flexy-comp-tabs-tablist-height, 48px)/2 - var(--flexy-comp-tabs-tab-height, 40px)/2)}.flexy-tabs--reverse>.flexy-tablist>.flexy-tab-indicator{top:0;bottom:initial}.flexy-tab-panels{display:flex;width:100%}.flexy-tab-panel{flex-shrink:0;width:100%}.flexy-tab-panel[hidden]{display:none!important}.flexy-textfield{display:flex;align-items:center;box-sizing:border-box;height:var(--flexy-comp-textfield-container-height, 48px);max-width:100%;padding:0px var(--flexy-comp-textfield-container-padding, 16px);position:relative;width:400px}.flexy-textfield>*:not(input){flex-shrink:0}.flexy-textfield input{border:none;background-color:#0000;box-sizing:border-box;color:currentcolor;font-family:inherit;font-size:1em;line-height:1.5;height:100%;margin:0;outline-style:none;padding:0;width:100%;z-index:1}.flexy-textfield input::placeholder{color:var(--flexy-comp-textfield-placeholder-color, var(--flexy-sys-palette-grey-70))}.flexy-textfield__leading-icon,.flexy-textfield__trailing-icon{color:var(--flexy-comp-textfield-icon-color, var(--flexy-sys-palette-grey-70));font-size:var(--flexy-comp-textfield-icon-size, 24px)}.flexy-textfield__leading-icon:hover,.flexy-textfield__trailing-icon:hover{color:var(--flexy-comp-textfield-icon-hovered-color, var(--flexy-sys-palette-grey-100))}.flexy-textfield__leading-icon:focus,.flexy-textfield__trailing-icon:focus{color:var(--flexy-comp-textfield-icon-focused-color, var(--flexy-sys-color-primary))}.flexy-textfield__leading-icon{pointer-events:none;margin-left:calc(var(--flexy-comp-textfield-icon-leading-margin, 12px) - var(--flexy-comp-textfield-container-padding, 16px));margin-right:var(--flexy-comp-textfield-icon-trailing-spacing, 16px)}.flexy-textfield__trailing-icon{cursor:pointer;margin-right:calc(var(--flexy-comp-textfield-icon-trailing-margin, 12px) - var(--flexy-comp-textfield-container-padding, 16px));margin-left:var(--flexy-comp-textfield-icon-trailing-spacing, 16px);position:relative}.flexy-textfield__trailing-icon:after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:100%;height:100%;min-width:48px;min-height:48px}.flexy-textfield__floating-label{color:var(--flexy-comp-textfield-enabled-label-color, currentcolor);line-height:1;height:1em;transform-origin:left center;transition:color var(--flexy-comp-textfield-label-floating-transition-duration, .15s) var(--flexy-comp-textfield-label-floating-transition-easing, ease-out),transform var(--flexy-comp-textfield-label-floating-transition-duration, .15s) var(--flexy-comp-textfield-label-floating-transition-easing, ease-out);white-space:nowrap}.flexy-textfield__leading-icon,.flexy-textfield__prefix-text,.flexy-textfield__suffix-text,.flexy-textfield__trailing-icon{z-index:1}input:required~.flexy-textfield__filled .flexy-textfield__floating-label:after,input:required~.flexy-textfield__outlined .flexy-textfield__floating-label:after{content:"*"}.flexy-textfield__prefix-text,.flexy-textfield__suffix-text{display:inline;line-height:1.5;pointer-events:none}.flexy-textfield__prefix-text{color:var(--flexy-comp-textfield-prefix-text-color, var(--flexy-sys-palette-grey-90));margin-right:var(--flexy-comp-textfield-prefix-text-margin, 2px)}.flexy-textfield__suffix-text{color:var(--flexy-comp-textfield-suffix-text-color, var(--flexy-sys-palette-grey-70));margin-left:var(--flexy-comp-textfield-suffix-text-margin, 2px)}.flexy-textfield--with-floating-label input:not(:focus)::placeholder{opacity:0}.flexy-textfield--with-floating-label .flexy-textfield__prefix-text,.flexy-textfield--with-floating-label .flexy-textfield__suffix-text{opacity:0}.flexy-textfield--with-floating-label input:focus~.flexy-textfield__prefix-text,.flexy-textfield--with-floating-label input:focus~.flexy-textfield__suffix-text,.flexy-textfield--with-floating-label input:not(:placeholder-shown)~.flexy-textfield__prefix-text,.flexy-textfield--with-floating-label input:not(:placeholder-shown)~.flexy-textfield__suffix-text{opacity:1}.flexy-textfield--with-supporting-text{margin-bottom:calc(var(--flexy-comp-textfield-supporting-text-top-margin, 4px) + var(--flexy-comp-textfield-supporting-text-size, 12px)*1.25)}.flexy-textfield__supporting-text{color:var(--flexy-comp-textfield-supporting-help-text-color, var(--flexy-sys-palette-grey-70));font-size:var(--flexy-comp-textfield-supporting-text-size, 12px);height:1.25em;line-height:1.25em;margin-left:var(--flexy-comp-textfield-supporting-text-left-margin, 16px);margin-top:var(--flexy-comp-textfield-supporting-text-top-margin, 4px);position:absolute;top:100%;right:0%;left:0%}input:invalid~.flexy-textfield__supporting-text{color:var(--flexy-comp-textfield-supporting-error-text-color, var(--flexy-sys-color-error))}.flexy-textfield:hover .flexy-textfield__filled .flexy-textfield__floating-label,.flexy-textfield:hover .flexy-textfield__outlined .flexy-textfield__floating-label{color:var(--flexy-comp-textfield-hovered-label-color, currentcolor)}.flexy-textfield input:focus~.flexy-textfield__filled .flexy-textfield__floating-label,.flexy-textfield input:focus~.flexy-textfield__outlined .flexy-textfield__floating-label{color:var(--flexy-comp-textfield-focused-label-color, var(--flexy-sys-color-primary))}.flexy-textfield input:invalid~.flexy-textfield__filled .flexy-textfield__floating-label,.flexy-textfield input:invalid~.flexy-textfield__outlined .flexy-textfield__floating-label{color:var(--flexy-comp-textfield-invalid-label-color, var(--flexy-sys-color-error));animation:flexy-textfield-label-shaking .1s ease 0ms 3}.flexy-textfield__leading-icon{order:1}.flexy-textfield__prefix-text{order:2}.flexy-textfield input{order:3}.flexy-textfield__suffix-text,.flexy-textfield__trailing-icon{order:5}@keyframes flexy-textfield-label-shaking{25%{margin-left:1px}75%{margin-left:-1px}}.flexy-textfield__filled{border-radius:var(--flexy-comp-textfield-container-shape, 8px);background-color:var(--flexy-comp-textfield-enabled-fill-color, var(--flexy-sys-palette-grey-10));pointer-events:none;position:absolute;left:0;top:0;width:100%;height:100%}.flexy-textfield__filled .flexy-textfield__floating-label{font-size:calc(1em*var(--flexy-comp-textfield-label-floating-scale, .75));position:absolute;left:var(--flexy-comp-textfield-container-padding, 16px);top:0%;transform:translateY(calc(-50% + var(--flexy-comp-textfield-container-height, 48px) / 2)) scale(calc(1 / var(--flexy-comp-textfield-label-floating-scale, .75)))}.flexy-textfield--with-leading-icon .flexy-textfield__filled .flexy-textfield__floating-label{left:calc(var(--flexy-comp-textfield-icon-leading-margin, 12px) + var(--flexy-comp-textfield-icon-size, 24px) + var(--flexy-comp-textfield-icon-leading-spacing, 16px))}.flexy-textfield--with-floating-label.flexy-textfield--filled input{padding-bottom:calc((var(--flexy-comp-textfield-container-height, 48px) - 24px)*.25);padding-top:calc((var(--flexy-comp-textfield-container-height, 48px) - 24px)*.75)}.flexy-textfield--with-floating-label.flexy-textfield--filled .flexy-textfield__prefix-text,.flexy-textfield--with-floating-label.flexy-textfield--filled .flexy-textfield__suffix-text{align-self:end;margin-bottom:calc((var(--flexy-comp-textfield-container-height, 48px) - 24px)*.25)}.flexy-textfield:hover .flexy-textfield__filled{background-color:var(--flexy-comp-textfield-hovered-fill-color, var(--flexy-sys-palette-grey-20))}.flexy-textfield input:focus~.flexy-textfield__filled{background-color:var(--flexy-comp-textfield-focused-fill-color, var(--flexy-sys-palette-grey-10));outline-offset:calc(-1*var(--flexy-comp-textfield-focused-outline-width, 2px));outline-width:var(--flexy-comp-textfield-focused-outline-width, 2px);outline-style:solid;outline-color:var(--flexy-comp-textfield-focused-outline-color, var(--flexy-sys-color-primary))}.flexy-textfield input:invalid~.flexy-textfield__filled{outline-offset:calc(-1*var(--flexy-comp-textfield-enabled-outline-width, 1px));outline-width:var(--flexy-comp-textfield-enabled-outline-width, 1px);outline-style:solid;outline-color:var(--flexy-comp-textfield-invalid-outline-color, var(--flexy-sys-color-error))}.flexy-textfield input:invalid:focus~.flexy-textfield__filled{outline-offset:calc(-1*var(--flexy-comp-textfield-focused-outline-width, 2px));outline-width:var(--flexy-comp-textfield-focused-outline-width, 2px)}.flexy-textfield input:focus~.flexy-textfield__filled .flexy-textfield__floating-label,.flexy-textfield input:not(:placeholder-shown)~.flexy-textfield__filled .flexy-textfield__floating-label{transform:translateY(var(--flexy-comp-textfield-label-floating-top-margin, 6px))}.flexy-textfield__outlined{--outline-width: var(--flexy-comp-textfield-enabled-outline-width, 1px);--outline-color: var(--flexy-comp-textfield-enabled-outline-color, var(--flexy-sys-palette-grey-60));display:flex;box-sizing:border-box;border-radius:var(--flexy-comp-textfield-container-shape, 8px);outline-style:none!important;pointer-events:none;position:absolute;left:0;top:0;width:100%;height:100%}.flexy-textfield__outlined:before,.flexy-textfield__outlined:after,.flexy-textfield__outlined-notch{content:"";border-color:var(--outline-color);border-width:var(--outline-width);box-sizing:border-box;height:100%}.flexy-textfield__outlined:before{border-top-left-radius:inherit;border-bottom-left-radius:inherit;border-style:solid none solid solid;width:100%}.flexy-textfield__outlined:after{border-top-right-radius:inherit;border-bottom-right-radius:inherit;border-style:solid solid solid none;width:100%}.flexy-textfield__outlined-notch{display:flex;border-style:none none solid none;position:relative}.flexy-textfield__outlined-notch:before,.flexy-textfield__outlined-notch:after{content:"";position:absolute;top:0;width:calc(50% + 2px);border-color:var(--outline-color);border-width:var(--outline-width);border-bottom-style:solid;transition:transform var(--flexy-comp-textfield-label-floating-transition-duration, .15s) var(--flexy-comp-textfield-label-floating-transition-easing, ease-out)}.flexy-textfield__outlined-notch:before{left:-1px;transform-origin:left center}.flexy-textfield__outlined-notch:after{right:-1px;transform-origin:right center}.flexy-textfield__outlined .flexy-textfield__floating-label{font-size:calc(1em*var(--flexy-comp-textfield-label-floating-scale, .75));padding-left:4px;padding-right:4px;transform:translateY(calc(-50% + var(--flexy-comp-textfield-container-height, 48px) / 2)) scale(calc(1 / var(--flexy-comp-textfield-label-floating-scale, .75)))}.flexy-textfield--with-floating-label .flexy-textfield__outlined:before{flex-shrink:0;width:calc(var(--flexy-comp-textfield-container-padding, 16px) - 5.3333333333px)}.flexy-textfield--with-leading-icon .flexy-textfield__outlined:before{width:calc(var(--flexy-comp-textfield-icon-leading-margin, 12px) + var(--flexy-comp-textfield-icon-size, 24px) + var(--flexy-comp-textfield-icon-leading-spacing, 16px) - 4px/var(--flexy-comp-textfield-label-floating-scale, .75))}.flexy-textfield:hover .flexy-textfield__outlined{--outline-color: var(--flexy-comp-textfield-hovered-outline-color, var(--flexy-sys-palette-grey-100))}.flexy-textfield input:focus~.flexy-textfield__outlined{--outline-color: var(--flexy-comp-textfield-focused-outline-color, var(--flexy-sys-color-primary));--outline-width: var(--flexy-comp-textfield-focused-outline-width, 2px)}.flexy-textfield input:invalid~.flexy-textfield__outlined{--outline-color: var(--flexy-comp-textfield-invalid-outline-color, var(--flexy-sys-color-error))}.flexy-textfield input:focus~.flexy-textfield__outlined .flexy-textfield__outlined-notch:before,.flexy-textfield input:focus~.flexy-textfield__outlined .flexy-textfield__outlined-notch:after,.flexy-textfield input:not(:placeholder-shown)~.flexy-textfield__outlined .flexy-textfield__outlined-notch:before,.flexy-textfield input:not(:placeholder-shown)~.flexy-textfield__outlined .flexy-textfield__outlined-notch:after{transform:scaleX(0)}.flexy-textfield input:focus~.flexy-textfield__outlined .flexy-textfield__floating-label,.flexy-textfield input:not(:placeholder-shown)~.flexy-textfield__outlined .flexy-textfield__floating-label{transform:translateY(-20%)}.flexy-tooltip{padding:var(--flexy-comp-tooltip-spacing, 8px);position:fixed;pointer-events:none;visibility:hidden;z-index:9999;transition:visibility 0ms ease var(--flexy-comp-tooltip-animation-duration, .15s)}.flexy-tooltip__content{display:block;box-shadow:var(--flexy-comp-tooltip-shadow, none);color:var(--flexy-comp-tooltip-text-color, var(--flexy-sys-palette-grey-10));font-size:var(--flexy-comp-tooltip-text-size, 14px);line-height:var(--flexy-comp-tooltip-text-height, 20px);max-width:var(--flexy-comp-tooltip-max-width, 240px);opacity:0;transform:scale(0);padding:var(--flexy-comp-tooltip-padding, 4px 8px);background-color:var(--flexy-comp-tooltip-fill-color, var(--flexy-sys-palette-grey-90));border-radius:var(--flexy-comp-tooltip-shape, 4px);text-align:center;width:max-content;transition:opacity var(--flexy-comp-tooltip-animation-duration, .15s) var(--flexy-comp-tooltip-animation-easing, ease-out),transform var(--flexy-comp-tooltip-animation-duration, .15s) var(--flexy-comp-tooltip-animation-easing, ease-out)}.flexy-tooltip__arrow{position:absolute;border:var(--flexy-comp-tooltip-arrow-size, 6px) solid rgba(0,0,0,0)}.flexy-tooltip--above .flexy-tooltip__arrow,.flexy-tooltip--below .flexy-tooltip__arrow{left:50%;transform:translate(-50%)}.flexy-tooltip--left .flexy-tooltip__arrow,.flexy-tooltip--right .flexy-tooltip__arrow{top:50%;transform:translateY(-50%)}.flexy-tooltip--above .flexy-tooltip__content{transform-origin:center bottom}.flexy-tooltip--above .flexy-tooltip__arrow{border-top-color:var(--flexy-comp-tooltip-fill-color, var(--flexy-sys-palette-grey-90));top:100%}.flexy-tooltip--below .flexy-tooltip__content{transform-origin:center top}.flexy-tooltip--below .flexy-tooltip__arrow{border-bottom-color:var(--flexy-comp-tooltip-fill-color, var(--flexy-sys-palette-grey-90));bottom:100%}.flexy-tooltip--left .flexy-tooltip__content{transform-origin:right center}.flexy-tooltip--left .flexy-tooltip__arrow{border-left-color:var(--flexy-comp-tooltip-fill-color, var(--flexy-sys-palette-grey-90));left:100%}.flexy-tooltip--right .flexy-tooltip__content{transform-origin:left center}.flexy-tooltip--right .flexy-tooltip__arrow{border-right-color:var(--flexy-comp-tooltip-fill-color, var(--flexy-sys-palette-grey-90));right:100%}.flexy-tooltip--shown{pointer-events:auto;transition-delay:0ms;visibility:visible}.flexy-tooltip--shown .flexy-tooltip__content{transform:scale(1);opacity:1}.flexy-tooltip--nointeractive{pointer-events:none!important}