@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,900&display=swap";:root,.sf-light-mode{--sf-color-black: 0, 0, 0;--sf-color-white: 255, 255, 255;--sf-color-primary: 103, 80, 164;--sf-color-primary-container: 234, 221, 255;--sf-color-secondary: 98, 91, 113;--sf-color-surface: 255, 255, 255;--sf-color-surface-variant: 231, 224, 236;--sf-color-background: 255, 255, 255;--sf-color-on-primary: 255, 255, 255;--sf-color-on-primary-container: 33, 0, 94;--sf-color-on-surface: 28, 27, 31;--sf-color-on-surface-variant: 73, 69, 78;--sf-color-outline: 121, 116, 126;--sf-color-outline-variant: 196, 199, 197;--sf-color-shadow: 0, 0, 0;--sf-color-inverse-surface: 49, 48, 51;--sf-color-inverse-on-surface: 244, 239, 244;--sf-color-scrim: 0, 0, 0;--sf-color-error: 179, 38, 30;--sf-color-error-container: 249, 222, 220;--sf-color-on-error: 255, 250, 250;--sf-color-on-error-container: 65, 14, 11;--sf-color-success: 32, 81, 7;--sf-color-success-container: 209, 255, 186;--sf-color-on-success: 244, 255, 239;--sf-color-on-success-container: 13, 39, 0;--sf-color-info: 1, 87, 155;--sf-color-info-container: 233, 245, 255;--sf-color-on-info: 250, 253, 255;--sf-color-on-info-container: 0, 51, 91;--sf-color-warning: 145, 76, 0;--sf-color-warning-container: 254, 236, 222;--sf-color-on-warning: 255, 255, 255;--sf-color-on-warning-container: 47, 21, 0;--sf-color-success-text: 255, 255, 255;--sf-color-warning-text: 255, 255, 255;--sf-color-error-text: 255, 255, 255;--sf-color-info-text: 255, 255, 255;--sf-color-line-color: 231, 227, 240}:root,.sf-light-mode,.sf-dark-mode{--sf-font-size: 1rem;--sf-spacing: 1rem;--sf-radius: 1rem;--sf-font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", sans-serif;--sf-letter-spacing: 0px;--sf-elevation: 0 .8px 16px rgba($black, .15);--sf-elevation-1: 0 1px 3px 1px rgba(0, 0, 0, .15), 0 1px 2px 0 rgba(0, 0, 0, .3);--sf-elevation-2: 0 2px 6px 2px rgba(0, 0, 0, .15), 0 1px 2px 0 rgba(0, 0, 0, .3);--sf-elevation-3: 0 1px 3px 0 rgba(0, 0, 0, .3), 0 4px 8px 3px rgba(0, 0, 0, .15);--sf-elevation-inner:inset 0 1px 2px rgba($black, .075)}:root,.sf-light-mode,.sf-dark-mode{--sf-font-size-xs: calc(var(--sf-font-size) * .75);--sf-font-size-sm: calc(var(--sf-font-size) * .875);--sf-font-size-base: calc(var(--sf-font-size) * 1);--sf-font-size-lg: calc(var(--sf-font-size) * 1.125);--sf-font-size-xl: calc(var(--sf-font-size) * 1.25);--sf-font-size-2xl: calc(var(--sf-font-size) * 1.5);--sf-line-height-xs: calc(var(--sf-font-size) * 1);--sf-line-height-sm: calc(var(--sf-font-size) * 1.25);--sf-line-height-base: calc(var(--sf-font-size) * 1.5);--sf-line-height-lg: calc(var(--sf-font-size) * 1.75);--sf-line-height-2xl: calc(var(--sf-font-size) * 2);--sf-line-height-3xl: calc(var(--sf-font-size) * 2.25);--sf-line-height-5xl: 1;--sf-font-weight-normal: 400;--sf-font-weight-medium: 500;--sf-font-weight-semibold: 600;--sf-letter-spacing-normal: var(--sf-letter-spacing);--sf-letter-spacing-wide: calc(var(--sf-letter-spacing) + .1px);--sf-letter-spacing-wider: calc(var(--sf-letter-spacing) + .25px);--sf-spacing-0: 0;--sf-spacing-1: calc(var(--sf-spacing) * .0625);--sf-spacing-2: calc(var(--sf-spacing) * .125);--sf-spacing-3: calc(var(--sf-spacing) * .1875);--sf-spacing-4: calc(var(--sf-spacing) * .25);--sf-spacing-5: calc(var(--sf-spacing) * .3125);--sf-spacing-6: calc(var(--sf-spacing) * .375);--sf-spacing-7: calc(var(--sf-spacing) * .4375);--sf-spacing-8: calc(var(--sf-spacing) * .5);--sf-spacing-9: calc(var(--sf-spacing) * .5625);--sf-spacing-10: calc(var(--sf-spacing) * .625);--sf-spacing-11: calc(var(--sf-spacing) * .6875);--sf-spacing-12: calc(var(--sf-spacing) * .75);--sf-spacing-13: calc(var(--sf-spacing) * .8125);--sf-spacing-14: calc(var(--sf-spacing) * .875);--sf-spacing-15: calc(var(--sf-spacing) * .9375);--sf-spacing-16: calc(var(--sf-spacing) * 1);--sf-spacing-18: calc(var(--sf-spacing) * 1.125);--sf-spacing-20: calc(var(--sf-spacing) * 1.25);--sf-spacing-22: calc(var(--sf-spacing) * 1.375);--sf-spacing-24: calc(var(--sf-spacing) * 1.5);--sf-spacing-28: calc(var(--sf-spacing) * 1.75);--sf-spacing-30: calc(var(--sf-spacing) * 1.875);--sf-spacing-32: calc(var(--sf-spacing) * 2);--sf-spacing-40: calc(var(--sf-spacing) * 2.5);--sf-spacing-48: calc(var(--sf-spacing) * 3);--sf-spacing-56: calc(var(--sf-spacing) * 3.5);--sf-spacing-72: calc(var(--sf-spacing) * 4.5);--sf-radius-0: 0px;--sf-radius-2: calc(var(--sf-radius) * .125);--sf-radius-4: calc(var(--sf-radius) * .25);--sf-radius-6: calc(var(--sf-radius) * .375);--sf-radius-8: calc(var(--sf-radius) * .5);--sf-radius-12: calc(var(--sf-radius) * .75);--sf-radius-16: calc(var(--sf-radius) * 1);--sf-radius-20: calc(var(--sf-radius) * 1.25);--sf-radius-24: calc(var(--sf-radius) * 1.5);--sf-radius-28: calc(var(--sf-radius) * 1.75);--sf-radius-full: 999px}.sf-dark-mode{--sf-color-black: 0, 0, 0;--sf-color-white: 255, 255, 255;--sf-color-primary: 208, 188, 255;--sf-color-primary-container: 79, 55, 139;--sf-color-secondary: 204, 194, 220;--sf-color-surface: 28, 27, 31;--sf-color-surface-variant: 73, 69, 79;--sf-color-background: 28, 27, 31;--sf-color-on-primary: 55, 30, 115;--sf-color-on-primary-container: 234, 221, 255;--sf-color-on-surface: 230, 225, 229;--sf-color-on-surface-variant: 202, 196, 208;--sf-color-outline: 147, 143, 153;--sf-color-outline-variant: 68, 71, 70;--sf-color-shadow: 0, 0, 0;--sf-color-inverse-surface: 230, 225, 229;--sf-color-inverse-on-surface: 49, 48, 51;--sf-color-scrim: 0, 0, 0;--sf-color-error: 242, 184, 181;--sf-color-error-container: 140, 29, 24;--sf-color-on-error: 96, 20, 16;--sf-color-on-error-container: 249, 222, 220;--sf-color-success: 83, 202, 23;--sf-color-success-container: 22, 62, 2;--sf-color-on-success: 13, 39, 0;--sf-color-on-success-container: 183, 250, 150;--sf-color-info: 71, 172, 251;--sf-color-info-container: 0, 67, 120;--sf-color-on-info: 0, 51, 91;--sf-color-on-info-container: 173, 219, 255;--sf-color-warning: 245, 180, 130;--sf-color-warning-container: 123, 65, 0;--sf-color-on-warning: 99, 52, 0;--sf-color-on-warning-container: 255, 220, 193;--sf-color-success-text: 0, 0, 0;--sf-color-warning-text: 0, 0, 0;--sf-color-info-text: 0, 0, 0;--sf-color-error-text: 0, 0, 0;--sf-color-line-color: 57, 53, 67}@keyframes SlideLeftOut{0%{transform:translate(0)}to{transform:translate(-100%)}}@keyframes SlideLeftIn{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes SlideRightIn{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes SlideRightOut{0%{transform:translate(0)}to{transform:translate(100%)}}@keyframes SlideBottomIn{0%{transform:translateY(100%)}to{transform:translate(0)}}@keyframes SlideBottomOut{0%{transform:translate(0)}to{transform:translateY(100%)}}@keyframes SlideTopIn{0%{transform:translateY(-100%)}to{transform:translate(0)}}@keyframes SlideTopOut{0%{transform:translate(0)}to{transform:translateY(-100%)}}@keyframes SlideRight{0%{width:0}to{width:100%}}@keyframes SlideLeft{0%{width:100%}to{width:0}}@keyframes SlideDown{0%{height:0}to{height:100%}}@keyframes SlideUp{0%{height:100%}to{height:0}}@keyframes FadeIn{0%{opacity:0}to{opacity:1}}@keyframes FadeOut{0%{opacity:1}to{opacity:0}}@keyframes ZoomIn{0%{transform:translate(0) scale(0)}to{transform:translate(0) scale(1)}}@keyframes ZoomOut{0%{transform:translate(0) scale(1)}to{transform:translate(0) scale(0)}}@keyframes FadeZoomIn{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes FadeZoomOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(0)}}@keyframes FlipRightDownIn{0%{transform:perspective(400px) rotateY(-180deg);transform-origin:right center;transform-style:preserve-3d}to{transform:rotateY(0);transform-origin:right center;transform-style:preserve-3d}}@keyframes FlipRightDownOut{0%{transform:perspective(400px) rotateY(0);transform-origin:right center;transform-style:preserve-3d}to{transform:rotateY(-180deg);transform-origin:right center;transform-style:preserve-3d}}@keyframes FlipRightUpIn{0%{transform:perspective(400px) rotateY(135deg);transform-origin:right center;transform-style:preserve-3d}to{transform:rotateY(0);transform-origin:right center;transform-style:preserve-3d}}@keyframes FlipRightUpOut{0%{transform:perspective(400px) rotateY(0);transform-origin:right center;transform-style:preserve-3d}to{transform:rotateY(135deg);transform-origin:right center;transform-style:preserve-3d}}@keyframes FlipLeftDownIn{0%{transform:perspective(400px) rotateY(-180deg);transform-origin:left center;transform-style:preserve-3d}to{transform:rotateY(0);transform-origin:left center;transform-style:preserve-3d}}@keyframes FlipLeftDownOut{0%{transform:perspective(400px) rotateY(0);transform-origin:left center;transform-style:preserve-3d}to{transform:rotateY(135deg);transform-origin:left center;transform-style:preserve-3d}}@keyframes FlipLeftUpIn{0%{transform:perspective(400px) rotateY(-135deg);transform-origin:left center;transform-style:preserve-3d}to{transform:rotateY(0);transform-origin:left center;transform-style:preserve-3d}}@keyframes FlipLeftUpOut{0%{transform:perspective(400px) rotateY(0);transform-origin:left center;transform-style:preserve-3d}to{transform:rotateY(135deg) perspective(200px);transform-origin:left center;transform-style:preserve-3d}}@keyframes FlipYLeftIn{0%{opacity:0;transform:perspective(400px) rotateY(180deg);transform-origin:center center;transform-style:preserve-3d}50%{transform:perspective(700px) rotateY(90deg)}to{opacity:1;transform:rotateY(0);transform-origin:center center;transform-style:preserve-3d}}@keyframes FlipYLeftOut{0%{opacity:1;transform:perspective(400px) rotateY(0);transform-origin:center center;transform-style:preserve-3d}50%{transform:perspective(700px) rotateY(90deg)}75%{transform:perspective(850px) rotateY(125deg)}to{opacity:0;transform:rotateY(180deg);transform-origin:center center;transform-style:preserve-3d}}@keyframes FlipYRightIn{0%{opacity:0;transform:perspective(400px) rotateY(-180deg);transform-origin:center center;transform-style:preserve-3d}50%{transform:perspective(700px) rotateY(-90deg)}to{opacity:1;transform:rotateY(0);transform-origin:center center;transform-style:preserve-3d}}@keyframes FlipYRightOut{0%{opacity:1;transform:perspective(400px) rotateY(0);transform-origin:center center;transform-style:preserve-3d}50%{transform:perspective(700px) rotateY(-90deg)}to{opacity:0;transform:rotateY(-180deg);transform-origin:center center;transform-style:preserve-3d}}@keyframes FlipXDownIn{0%{opacity:0;transform:perspective(400px) rotateX(180deg);transform-origin:center center;transform-style:preserve-3d}50%{transform:perspective(700px) rotateX(90deg)}to{opacity:1;transform:rotateX(0);transform-origin:center center;transform-style:preserve-3d}}@keyframes FlipXDownOut{0%{opacity:1;transform:perspective(400px) rotateX(0);transform-origin:center center;transform-style:preserve-3d}50%{transform:perspective(700px) rotateX(90deg)}75%{transform:perspective(850px) rotateX(125deg)}to{opacity:0;transform:rotateX(180deg);transform-origin:center center;transform-style:preserve-3d}}@keyframes FlipXUpIn{0%{opacity:0;transform:perspective(400px) rotateX(-180deg);transform-origin:center center;transform-style:preserve-3d}50%{transform:perspective(700px) rotateX(-90deg)}to{opacity:1;transform:rotateX(0);transform-origin:center center;transform-style:preserve-3d}}@keyframes FlipXUpOut{0%{opacity:1;transform:perspective(400px) rotateX(0);transform-origin:center center;transform-style:preserve-3d}50%{transform:perspective(700px) rotateX(-90deg)}to{opacity:0;transform:rotateX(-180deg);transform-origin:center center;transform-style:preserve-3d}}.sf-control{font-family:var(--sf-font-family);font-size:var(--sf-font-size-base);font-weight:var(--sf-font-weight-normal);line-height:var(--sf-line-height-base);letter-spacing:var(--sf-letter-spacing-normal)}.sf-control:focus,.sf-control *:focus{outline:none}.sf-size-small{font-size:var(--sf-font-size-sm);line-height:var(--sf-line-height-sm)}.sf-size-medium{font-size:var(--sf-font-size-base);line-height:var(--sf-line-height-base)}.sf-size-large{font-size:var(--sf-font-size-lg);line-height:var(--sf-line-height-lg)}.sf-control,.sf-control [class^=sf-],.sf-control [class*=" sf-"]{box-sizing:border-box}.sf-ripple-wrapper{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;border-radius:inherit;pointer-events:none}.sf-ripple-element{border-radius:var(--sf-radius-0);overflow:hidden;pointer-events:none;position:absolute;transform:scale(0);transition:opacity .3s transform 50ms cubic-bezier(.2,0,0,1)}.sf-license-banner{position:absolute;right:10px;top:27%;cursor:pointer}.sf-pos-absolute{position:absolute}.sf-pos-relative{position:relative}.sf-display-none{display:none}.sf-display-block{display:block}.sf-display-flex{display:flex}.sf-display-inline-block{display:inline-block}.sf-display-inline{display:inline}.sf-display-inline-flex{display:inline-flex}.sf-display-table{display:table}.sf-content-start,.sf-content-left{display:flex;justify-content:flex-start;align-items:flex-start}.sf-content-center{display:flex;justify-content:center;align-items:center}.sf-content-end,.sf-content-right{display:flex;justify-content:flex-end;align-items:flex-end}.sf-content-between{display:flex;justify-content:space-between;align-items:center}.sf-title{font-size:var(--sf-font-size-2xl);line-height:var(--sf-line-height-xs)}.sf-content{outline:0;font-size:var(--sf-font-size-sm);line-height:var(--sf-line-height-sm);height:100%;white-space:normal;width:100%;overflow-wrap:break-word}.sf-icon{display:inline-flex;vertical-align:middle;align-items:center;justify-content:center}.sf-icon-size{width:1em;height:1em;font-size:var(--sf-font-size-base)}.sf-font-size-xs{font-size:var(--sf-font-size-xs)}.sf-font-size-sm{font-size:var(--sf-font-size-sm)}.sf-font-size-base{font-size:var(--sf-font-size-base)}.sf-font-size-lg{font-size:var(--sf-font-size-lg)}.sf-font-size-xl{font-size:var(--sf-font-size-xl)}.sf-font-size-2xl{font-size:var(--sf-font-size-2xl)}.sf-rtl{direction:rtl;text-align:right}.sf-overlay{height:100%;opacity:.5;pointer-events:none;touch-action:none;width:100%}.sf-prevent-select{-webkit-user-select:none;user-select:none}.sf-block-touch{touch-action:pinch-zoom}.sf-touch-none{touch-action:none}.sf-no-pointer{pointer-events:none}.sf-disabled{background-image:none;cursor:default;opacity:.35;pointer-events:none}.sf-readonly{cursor:default;pointer-events:none}.sf-link{text-decoration:none;cursor:pointer;color:inherit}.sf-link:hover{text-decoration:underline}.sf-image{display:inline-block}.sf-list-none{list-style-type:none}.sf-overflow-hidden{overflow:hidden}.sf-overflow-auto{overflow:auto}.sf-overflow-visible{overflow:visible}.sf-cursor-pointer{cursor:pointer}.sf-cursor-default{cursor:default}.sf-cursor-auto{cursor:auto}.sf-cursor-not-allowed{cursor:not-allowed}.sf-radius-0{border-radius:var(--sf-radius-0)}.sf-radius-2{border-radius:var(--sf-radius-2)}.sf-radius-4{border-radius:var(--sf-radius-4)}.sf-radius-6{border-radius:var(--sf-radius-6)}.sf-radius-8{border-radius:var(--sf-radius-8)}.sf-radius-12{border-radius:var(--sf-radius-12)}.sf-radius-16{border-radius:var(--sf-radius-16)}.sf-radius-20{border-radius:var(--sf-radius-20)}.sf-radius-24{border-radius:var(--sf-radius-24)}.sf-radius-28{border-radius:var(--sf-radius-28)}.sf-radius-full{border-radius:var(--sf-radius-full)}.sf-align-center{display:flex;align-items:center;line-height:var(--sf-line-height-base)}.sf-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sf-resize{position:absolute}.sf-resize-x{resize:horizontal;overflow:auto}.sf-resize-y{resize:vertical;overflow:auto}.sf-resize-xy{resize:both;overflow:auto}.sf-resize-none{resize:none}.sf-resize-handle{position:absolute}.sf-resize-n{cursor:n-resize}.sf-resize-e{cursor:e-resize}.sf-resize-s{cursor:s-resize}.sf-resize-w{cursor:w-resize}.sf-resize-nw{cursor:nw-resize}.sf-resize-ne{cursor:ne-resize}.sf-resize-se{cursor:se-resize}.sf-resize-sw{cursor:sw-resize}.sf-resize-ns{cursor:ns-resize}.sf-resize-ew{cursor:ew-resize}.sf-resize-nesw{cursor:nesw-resize}.sf-resize-nwse{cursor:nwse-resize}.sf-resize-all{cursor:move}.sf-resize-col{cursor:col-resize}.sf-resize-row{cursor:row-resize}.sf-resize-not-allowed{cursor:not-allowed}.sf-error{color:rgba(var(--sf-color-error))}.sf-warning{color:rgba(var(--sf-color-warning))}.sf-success{color:rgba(var(--sf-color-success))}.sf-information{color:rgba(var(--sf-color-info))}.sf-overlay{background-color:rgba(var(--sf-color-scrim),.5)}.sf-ripple-element{background:linear-gradient(90deg,#1c1b1f14,#1c1b1f1a 5%,#1c1b1f1a 50%,#1c1b1f1a 50%,#1c1b1f1a 95%,#1c1b1f14)}.sf-license{color:#ff0;text-decoration:none}.sf-large.sf-input-group{font-size:var(--sf-font-size-base);line-height:var(--sf-line-height-base);letter-spacing:var(--sf-letter-spacing-normal)}.sf-large.sf-input-group .sf-input{padding:var(--sf-spacing-11) var(--sf-spacing-0)}.sf-large.sf-input-group .sf-float-text{inset-block-start:calc(var(--sf-spacing) * -.3125)}.sf-large.sf-input-group.sf-float-input:has(.sf-label-top) .sf-float-text{transform:translate3d(0,calc(var(--sf-spacing) * -.5625),0)}.sf-large.sf-input-group.sf-has-prefix .sf-float-text{inset-inline-start:var(--sf-spacing-40)}.sf-large.sf-input-group.sf-has-prefix:has(.sf-label-top) .sf-float-text{transform:translate3d(0,calc(var(--sf-spacing) * -.625),0);inset-inline-start:var(--sf-spacing-0)}.sf-large.sf-input-group .sf-input-icon{padding:var(--sf-spacing-10)}.sf-large.sf-input-group .sf-input-icon svg{font-size:var(--sf-font-size-xl)}.sf-large.sf-input-group.sf-outline .sf-input{padding:var(--sf-spacing-11) var(--sf-spacing-16)}.sf-large.sf-input-group.sf-outline.sf-has-prefix .sf-input{padding:var(--sf-spacing-11) var(--sf-spacing-0)}.sf-large.sf-input-group.sf-outline.sf-has-prefix .sf-float-text{inset-inline-start:var(--sf-spacing-40)}.sf-large.sf-input-group.sf-outline.sf-has-prefix:has(.sf-label-top) .sf-float-text{transform:translate3d(0,calc(var(--sf-spacing) * -.125),0);inset-inline-start:var(--sf-spacing-12)}.sf-large.sf-input-group.sf-outline .sf-float-text{inset-block-start:calc(var(--sf-spacing) * -.3125)}.sf-large.sf-input-group.sf-outline.sf-float-input:has(.sf-label-top) .sf-float-text{transform:translate3d(0,calc(var(--sf-spacing) * -.125),0)}.sf-large.sf-input-group.sf-filled{line-height:var(--sf-line-height-base);font-size:var(--sf-font-size-base)}.sf-large.sf-input-group.sf-filled .sf-input{padding:var(--sf-spacing-11) var(--sf-spacing-16)}.sf-large.sf-input-group.sf-filled.sf-float-input .sf-input{padding:var(--sf-spacing-20) var(--sf-spacing-16) var(--sf-spacing-2) var(--sf-spacing-16)}.sf-large.sf-input-group.sf-filled .sf-float-text{inset-block-start:calc(var(--sf-spacing) * -.3125);inset-inline-start:var(--sf-spacing-16)}.sf-large.sf-input-group.sf-filled.sf-has-prefix .sf-input{padding:var(--sf-spacing-11) var(--sf-spacing-0)}.sf-large.sf-input-group.sf-filled.sf-has-prefix.sf-float-input .sf-input{padding:var(--sf-spacing-20) var(--sf-spacing-0) var(--sf-spacing-2) var(--sf-spacing-0)}.sf-large.sf-input-group.sf-filled.sf-has-prefix .sf-float-text{inset-inline-start:var(--sf-spacing-40)}.sf-large.sf-input-group.sf-filled:has(.sf-label-top) .sf-float-text{transform:translate3d(0,var(--sf-spacing-8),0)}.sf-medium.sf-input-group{font-size:var(--sf-font-size-sm);line-height:var(--sf-line-height-sm);letter-spacing:var(--sf-letter-spacing-wider)}.sf-medium.sf-input-group .sf-input{padding:var(--sf-spacing-9) var(--sf-spacing-0)}.sf-medium.sf-input-group .sf-float-text{inset-block-start:calc(var(--sf-spacing) * -.3125)}.sf-medium.sf-input-group.sf-float-input:has(.sf-label-top) .sf-float-text{transform:translate3d(0,calc(var(--sf-spacing) * -.5625),0)}.sf-medium.sf-input-group.sf-has-prefix .sf-float-text{inset-inline-start:var(--sf-spacing-40)}.sf-medium.sf-input-group.sf-has-prefix:has(.sf-label-top) .sf-float-text{transform:translate3d(0,calc(var(--sf-spacing) * -.625),0);inset-inline-start:var(--sf-spacing-0)}.sf-medium.sf-input-group .sf-input-icon{padding:var(--sf-spacing-10)}.sf-medium.sf-input-group .sf-input-icon svg{font-size:var(--sf-font-size-xl)}.sf-medium.sf-input-group.sf-outline .sf-input{padding:var(--sf-spacing-9) var(--sf-spacing-16)}.sf-medium.sf-input-group.sf-outline.sf-has-prefix .sf-input{padding:var(--sf-spacing-9) var(--sf-spacing-0)}.sf-medium.sf-input-group.sf-outline.sf-has-prefix .sf-float-text{inset-inline-start:var(--sf-spacing-40)}.sf-medium.sf-input-group.sf-outline.sf-has-prefix:has(.sf-label-top) .sf-float-text{transform:translate3d(0,calc(var(--sf-spacing) * -.125),0);inset-inline-start:var(--sf-spacing-12)}.sf-medium.sf-input-group.sf-outline .sf-float-text{inset-block-start:calc(var(--sf-spacing) * -.4375)}.sf-medium.sf-input-group.sf-outline.sf-float-input:has(.sf-label-top) .sf-float-text{transform:translate3d(0,calc(var(--sf-spacing) * -.125),0)}.sf-medium.sf-input-group.sf-filled{line-height:var(--sf-line-height-sm);font-size:var(--sf-font-size-sm)}.sf-medium.sf-input-group.sf-filled .sf-input{padding:var(--sf-spacing-9) var(--sf-spacing-16)}.sf-medium.sf-input-group.sf-filled.sf-float-input .sf-input{padding:calc(var(--sf-spacing) * 1.0625) var(--sf-spacing-16) var(--sf-spacing-1) var(--sf-spacing-16)}.sf-medium.sf-input-group.sf-filled .sf-float-text{inset-block-start:calc(var(--sf-spacing) * -.4375);inset-inline-start:var(--sf-spacing-16)}.sf-medium.sf-input-group.sf-filled.sf-has-prefix .sf-float-text{inset-inline-start:var(--sf-spacing-40)}.sf-medium.sf-input-group.sf-filled:has(.sf-label-top) .sf-float-text{transform:translate3d(0,var(--sf-spacing-7),0)}.sf-input-group{display:inline-flex;align-items:center;position:relative;width:100%;font-size:var(--sf-font-size-sm);line-height:var(--sf-line-height-sm);vertical-align:middle;border-width:1px 0;border-style:solid;margin-bottom:var(--sf-spacing-4)}.sf-input-group .sf-input-icon{display:flex;cursor:pointer;flex-direction:column;justify-content:center;align-content:center;flex-wrap:wrap;text-align:center;font-size:var(--sf-font-size-xl);padding:var(--sf-spacing-8);border-radius:var(--sf-radius-full);margin-block:calc(var(--sf-spacing) * -.0625);position:relative;border:none}.sf-input-group .sf-clear-icon.sf-clear-icon-hide{visibility:hidden}.sf-input-group.sf-float-input{margin-top:var(--sf-spacing-16)}.sf-input-group.sf-float-input:has(.sf-label-top) .sf-float-text{font-size:var(--sf-font-size-xs);transform:translate3d(0,calc(var(--sf-spacing) * -.3125),0);line-height:var(--sf-line-height-xs)}.sf-input-group .sf-float-text{position:absolute;overflow:hidden;pointer-events:none;text-overflow:ellipsis;white-space:nowrap;-webkit-user-select:none;user-select:none;line-height:inherit;transform:translate3d(0,var(--sf-spacing-16),0) scale(1);transform-origin:left top;transition:.25s ease-in-out;inset-block-start:calc(var(--sf-spacing) * -.6875);letter-spacing:var(--sf-letter-spacing-wide)}.sf-input-group.sf-has-prefix .sf-float-text{inset-inline-start:var(--sf-spacing-32)}.sf-input-group.sf-has-prefix:has(.sf-label-top) .sf-float-text{transform:translate3d(0,calc(var(--sf-spacing) * -.3125),0);inset-inline-start:var(--sf-spacing-0)}.sf-input-group:before,.sf-input-group:after{content:"";position:absolute;bottom:var(--sf-spacing-0);height:var(--sf-spacing-1);width:var(--sf-spacing-0);transition:.2s cubic-bezier(.4,0,.4,1)}.sf-input-group:before{left:50%}.sf-input-group:after{right:50%}.sf-input-group.sf-input-focus:before,.sf-input-group.sf-input-focus:after{width:50%}.sf-input-group.sf-outline{border-width:1px;border-radius:var(--sf-radius-4);transition:border .2s,box-shadow .2s}.sf-input-group.sf-outline:before,.sf-input-group.sf-outline:after{content:none}.sf-input-group.sf-outline .sf-input{padding:var(--sf-spacing-5) var(--sf-spacing-16)}.sf-input-group.sf-outline.sf-has-prefix .sf-input{padding:var(--sf-spacing-5) var(--sf-spacing-0)}.sf-input-group.sf-outline.sf-has-prefix .sf-float-text{inset-inline-start:var(--sf-spacing-32)}.sf-input-group.sf-outline .sf-float-text{inset-inline-start:var(--sf-spacing-16);background:rgb(var(--sf-color-surface))}.sf-input-group.sf-outline:has(.sf-label-top) .sf-float-text{transform:translate3d(0,var(--sf-spacing-2),0);width:auto;padding:var(--sf-spacing-0) var(--sf-spacing-4);inset-inline-start:var(--sf-spacing-12)}.sf-input-group.sf-filled{border-radius:var(--sf-radius-4) var(--sf-radius-4) var(--sf-radius-0) var(--sf-radius-0);font-size:var(--sf-font-size-xs);line-height:var(--sf-line-height-xs)}.sf-input-group.sf-filled .sf-input{padding:var(--sf-spacing-7) var(--sf-spacing-12)}.sf-input-group.sf-filled.sf-has-prefix .sf-input{padding:var(--sf-spacing-7) var(--sf-spacing-0)}.sf-input-group.sf-filled.sf-has-prefix.sf-float-input .sf-input{padding:var(--sf-spacing-11) var(--sf-spacing-0) var(--sf-spacing-1) var(--sf-spacing-0)}.sf-input-group.sf-filled.sf-has-prefix .sf-float-text{inset-inline-start:var(--sf-spacing-32)}.sf-input-group.sf-filled.sf-float-input .sf-input{padding:var(--sf-spacing-13) var(--sf-spacing-12) var(--sf-spacing-1) var(--sf-spacing-12)}.sf-input-group.sf-filled .sf-float-text{inset-block-start:calc(var(--sf-spacing) * -.6875);inset-inline-start:var(--sf-spacing-12)}.sf-input-group.sf-filled:has(.sf-label-top) .sf-float-text{transform:translate3d(0,var(--sf-spacing-11),0)}.sf-input{width:100%;border:0;outline:none;font:inherit;line-height:inherit;height:auto;padding:var(--sf-spacing-5) var(--sf-spacing-0);text-indent:0;letter-spacing:inherit}.sf-form-label{font-size:var(--sf-font-size-base);line-height:var(--sf-line-height-xs)}.sf-form-error{font-size:var(--sf-font-size-xs);color:rgb(var(--sf-color-error))}.sf-input-group{background:transparent;color:rgb(var(--sf-color-on-surface));border-bottom-color:rgb(var(--sf-color-outline));border-top-color:transparent}.sf-input-group:hover{border-bottom-color:transparent transparent rgb(var(--sf-color-on-surface)) transparent}.sf-input-group.sf-input-focus{border-bottom-color:rgb(var(--sf-color-primary))}.sf-input-group.sf-success{border-bottom-color:rgb(var(--sf-color-success))}.sf-input-group.sf-success .sf-float-text{color:rgb(var(--sf-color-success))}.sf-input-group.sf-success:before,.sf-input-group.sf-success:after{background:rgb(var(--sf-color-success))}.sf-input-group.sf-warning{border-bottom-color:rgb(var(--sf-color-warning))}.sf-input-group.sf-warning .sf-float-text{color:rgb(var(--sf-color-warning))}.sf-input-group.sf-warning:before,.sf-input-group.sf-warning:after{background:rgb(var(--sf-color-warning))}.sf-input-group.sf-error{border-bottom-color:rgb(var(--sf-color-error))}.sf-input-group.sf-error .sf-float-text{color:rgb(var(--sf-color-error))}.sf-input-group.sf-error:before,.sf-input-group.sf-error:after{background:rgb(var(--sf-color-error))}.sf-input-group .sf-input-icon{background:transparent;color:rgb(var(--sf-color-on-surface-variant))}.sf-input-group .sf-input-icon:not(.sf-no-hover):hover{background:rgba(var(--sf-color-on-surface),.08);color:rgb(var(--sf-color-on-surface-variant))}.sf-input-group .sf-input-icon:not(.sf-no-hover):active{background:rgba(var(--sf-color-on-surface),.12);color:rgb(var(--sf-color-on-surface))}.sf-input-group .sf-float-text{color:rgb(var(--sf-color-outline))}.sf-input-group:before,.sf-input-group:after{background:rgb(var(--sf-color-primary))}.sf-input-group.sf-outline{border-color:rgb(var(--sf-color-outline))}.sf-input-group.sf-outline:hover{border-color:rgb(var(--sf-color-on-surface))}.sf-input-group.sf-outline.sf-success{border-color:rgb(var(--sf-color-success))}.sf-input-group.sf-outline.sf-warning{border-color:rgb(var(--sf-color-warning))}.sf-input-group.sf-outline.sf-error{border-color:rgb(var(--sf-color-error))}.sf-input-group.sf-outline.sf-input-focus{border-color:rgb(var(--sf-color-primary));box-shadow:inset 1px 1px rgb(var(--sf-color-primary)),inset -1px 0 rgb(var(--sf-color-primary)),inset 0 -1px rgb(var(--sf-color-primary))}.sf-input-group.sf-outline.sf-input-focus.sf-success{border-color:rgb(var(--sf-color-success));box-shadow:inset 1px 1px rgb(var(--sf-color-success)),inset -1px 0 rgb(var(--sf-color-success)),inset 0 -1px rgb(var(--sf-color-success))}.sf-input-group.sf-outline.sf-input-focus.sf-warning{border-color:rgb(var(--sf-color-warning));box-shadow:inset 1px 1px rgb(var(--sf-color-warning)),inset -1px 0 rgb(var(--sf-color-warning)),inset 0 -1px rgb(var(--sf-color-warning))}.sf-input-group.sf-outline.sf-input-focus.sf-error{border-color:rgb(var(--sf-color-error));box-shadow:inset 1px 1px rgb(var(--sf-color-error)),inset -1px 0 rgb(var(--sf-color-error)),inset 0 -1px rgb(var(--sf-color-error))}.sf-input-group.sf-filled{background:rgb(var(--sf-color-surface-variant));transition:opacity 15ms linear,background-color 15ms linear}.sf-input{background:none;color:inherit}.sf-input::selection{background:rgb(var(--sf-color-primary));color:rgb(var(--sf-color-on-primary))}.sf-input::placeholder{color:rgb(var(--sf-color-outline));-webkit-user-select:none;user-select:none}.sf-numeric.sf-input-group .sf-spin-icon svg{font-size:var(--sf-font-size-base)}.sf-numeric.sf-input-group.sf-medium .sf-spin-icon svg,.sf-numeric.sf-input-group.sf-large .sf-spin-icon svg{font-size:var(--sf-font-size-xl)}.sf-input-group.sf-multi-line-input{align-items:flex-end}.sf-input-group.sf-multi-line-input.sf-auto-width{width:auto}.sf-input-group.sf-multi-line-input .sf-input{min-height:calc(var(--sf-spacing) * 4.375);padding:var(--sf-spacing-11) var(--sf-spacing-0)}.sf-input-group.sf-multi-line-input.sf-outline .sf-input{padding:var(--sf-spacing-11) var(--sf-spacing-16)}.sf-input-group.sf-multi-line-input.sf-outline:has(.sf-label-top) .sf-float-text{transform:translate3d(0,calc(var(--sf-spacing) * -.5),0)}.sf-input-group.sf-multi-line-input.sf-filled .sf-input{min-height:calc(var(--sf-spacing) * 4.625)}.sf-input-group.sf-multi-line-input .sf-clear-icon.sf-clear-icon-hide{display:none}:root{--scrollbar-thumb: #d1d5db;--scrollbar-thumb-hover: #a0a0a0}body{overflow:hidden;margin:0}.sf-outline.sf-input-group:not(.sf-input-focus),.sf-outline.sf-input-group:not(.sf-success):not(.sf-warning):not(.sf-error):not(.sf-float-icon-left):not(.sf-input-focus),.sf-outline.sf-input-group.sf-control-wrapper:not(.sf-success):not(.sf-warning):not(.sf-error):not(.sf-float-icon-left):not(.sf-input-focus):not(.sf-valid-input){border-color:#e7e0ec}.sf-outline.sf-input-group:hover:not(.sf-input-focus),.sf-outline.sf-input-group:hover:not(.sf-success):not(.sf-warning):not(.sf-error):not(.sf-float-icon-left):not(.sf-input-focus),.sf-outline.sf-input-group.sf-control-wrapper:hover:not(.sf-success):not(.sf-warning):not(.sf-error):not(.sf-float-icon-left):not(.sf-input-focus):not(.sf-valid-input){border-color:#e7e0ec}.sf-input-focus .searcher{display:none}.icon-showcase-container{width:100%;box-sizing:border-box;height:100vh;display:flex;flex-direction:column;overflow:hidden}.search-container{display:flex;justify-content:center;margin-bottom:20px;position:sticky;top:0;z-index:10;padding:20px 0 10px}.search-input{width:100%;max-width:300px}.icons-grid{width:100%;overflow-y:auto;flex:1}.icon-row{display:flex;flex-wrap:wrap}.icon-cell{padding:10px;box-sizing:border-box;display:flex;justify-content:center;flex-grow:1;flex-basis:0;min-width:calc(3.333% - 20px)}.icon-cell-empty{visibility:hidden}.all-icon-grid{display:flex;flex-direction:column;align-items:center;text-align:center;width:100%;max-width:150px}.all-icon-item{width:20px;height:20px;display:flex;align-items:center;justify-content:center;padding:18px;border-radius:8px;box-shadow:0 2px 5px #0000001a;margin-bottom:8px}.all-icon-grid p{font-family:Roboto,Segoe UI,sans-serif;margin-top:.5rem;font-size:14px;line-height:1.2;letter-spacing:.24px;word-break:break-word;overflow-wrap:break-word;text-align:center}::-webkit-scrollbar{width:.5rem}.component-content::-webkit-scrollbar{height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:.1875rem;border:.0625rem solid var(--scrollbar-thumb)}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}@media screen and (max-width:450px){.icon-cell{min-width:calc(50% - 20px)}}@media(max-width:480px){.icon-cell{padding:8px}.all-icon-item{width:28px;height:28px;padding:14px}.all-icon-grid p{font-size:12px}}@media(max-width:360px){.search-container{padding:20px 0 10px}.search-input{width:100%;max-width:250px}.icon-cell{padding:5px}}