.stepin-layout{display:grid;width:100%;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;grid-template-columns:minmax(0,auto) 1fr;grid-template-rows:var(--height-header) 1fr}.stepin-layout-side,.stepin-layout-header,.stepin-layout-content{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.stepin-layout-side{width:var(--width-side);overflow-y:auto}.stepin-layout.collapsed>.stepin-layout-side{width:var(--width-side-collapsed)}.stepin-layout.side-nav>.stepin-layout-header{grid-column-start:2}.stepin-layout.side-nav>.stepin-layout-side{grid-row-start:1;grid-row-end:3}.stepin-layout.head-nav>.stepin-layout-header{grid-column-start:1;grid-column-end:3}.stepin-layout.head-nav>.stepin-layout-content{grid-column-start:1;grid-column-end:3}.stepin-layout.head-nav>.stepin-layout-side{display:none;width:0px}.stepin-layout.mix-nav>.stepin-layout-header{grid-column-start:1;grid-column-end:3}.stepin-layout.mix-nav>.stepin-layout-side{grid-row-start:2;grid-row-end:4}.stepin-view-header-menu,.stepin-view-header-menu.ant-menu-sub,.stepin-view-header-menu .ant-menu-sub,.stepin-view-header-menu.ant-menu-dark,.stepin-view-header-menu.ant-menu-dark.ant-menu-sub,.stepin-view-header-menu.ant-menu-dark .ant-menu-sub{background-color:var(--color-bg-header)!important}.stepin-header{display:flex;height:100%;align-items:center;background-color:var(--color-bg-header);padding:.25rem 1rem;color:var(--color-text)}.stepin-header .stepin-menu{background-color:var(--color-bg-header)}.stepin-header.dark{background-color:var(--color-bg-header);color:var(--color-text-inverse)}.stepin-header.dark .stepin-header-right-item:hover{background-color:var(--color-bg-hover)}.stepin-header.dark .stepin-menu.ant-menu-dark{background-color:var(--color-bg-header)}.stepin-header.dark .trigger{color:var(--color-text-inverse)}.stepin-header .trigger.invisible{display:none}.stepin-header .collapsed-icon{cursor:pointer;font-size:var(--font-size-xl);line-height:var(--leading);height:20px}.stepin-header-left{display:flex;align-items:center}.stepin-header-left .stepin-logo{margin-left:-1rem}.stepin-header-main{flex:1 1 0%}.stepin-header-main .stepin-menu{margin-top:-.5rem;margin-bottom:-.5rem}.stepin-header-right{margin-top:-.5rem;margin-bottom:-.5rem;display:flex;height:var(--height-header);align-items:center}.stepin-header-right .stepin-header-action{display:flex;height:100%;cursor:pointer;align-items:center;padding:.5rem .75rem}.stepin-header-right .stepin-header-action:hover{background-color:var(--color-bg-hover)}.stepin-header-right .personal .avatar{width:24px;height:24px;border-radius:24px}.stepin-header-right .personal .username{margin-left:.5rem;font-size:var(--font-size);line-height:var(--leading)}.stepin-header-avatar-menu{border-radius:var(--radius-md);min-width:108px}.stepin-logo{display:flex;height:var(--height-header);align-items:center;padding:.5rem .75rem;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.stepin-logo .logo-img{margin-left:0;margin-right:0;height:100%;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.stepin-logo .system-name{margin-left:.75rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--font-size-xl);line-height:var(--leading);font-weight:500;color:var(--color-primary-6);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.stepin-logo.collapsed{text-align:center}.stepin-logo.collapsed .system-name{margin-left:0;opacity:0}.stepin-logo.dark .system-name{--tw-text-opacity: 1 !important;color:rgb(249 250 251 / var(--tw-text-opacity, 1))!important}.stepin-view{height:100vh;overflow-y:hidden;background-color:var(--color-bg-layout)}.stepin-view-blank{height:-moz-fit-content;height:fit-content;overflow-y:auto}.stepin-view .stepin-layout{height:100%}.stepin-view .stepin-layout-header{background-color:var(--color-bg-container);z-index:20;--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.stepin-view .stepin-layout-side{z-index:40;background-color:var(--color-bg-side)}.stepin-view .stepin-layout-side.dark{background-color:var(--color-bg-side)}.stepin-view .stepin-layout-side .stepin-menu{height:100%}.stepin-view .stepin-layout-content{display:flex;flex-direction:column;overflow-y:auto}.stepin-view .stepin-layout-content .stepin-view-main{flex:1 1 0%;padding-left:1rem;padding-right:1rem;padding-top:1rem}.stepin-view .stepin-layout-content .stepin-view-main .stepin-tabs-view{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.stepin-view .stepin-layout-content .stepin-view-main .stepin-tabs-view-content{margin-left:-1rem;margin-right:-1rem;padding-left:1rem;padding-right:1rem}.stepin-view .stepin-layout-content .stepin-view-main .stepin-tabs-view.affix{height:calc(100vh - var(--height-header) - 1rem)}.stepin-view .stepin-layout-content .stepin-view-main-pure{display:flex;flex-direction:column;min-height:100%}.stepin-view .stepin-layout-content .stepin-view-main-pure-content{display:grid;flex:1 1 0%;border-radius:var(--radius-md);background-color:var(--color-bg-container);padding:1rem}.stepin-view .stepin-layout-content .stepin-view-main-pure-footer{flex-grow:0;padding-top:1.5rem;padding-bottom:.5rem}.stepin-view .stepin-layout-content .stepin-view-footer{flex-grow:0;padding-left:1rem;padding-right:1rem;padding-bottom:.5rem}.stepin-view.stepin-view-mobile .stepin-header .trigger{margin-left:var(--margin-xs)}.stepin-view.stepin-view-mobile .stepin-header .trigger .collapsed-icon{font-size:26px}.stepin-view-mobile-menu .stepin-logo{border-width:0px;border-bottom-width:1px;border-style:solid;border-color:var(--color-border)}.stepin-setting-item-title{font-size:var(--font-size-sm);line-height:var(--leading)}.stepin-setting-panel .stepin-setting-item:not(:first-child){margin-top:1rem}.stepin-setting-panel .stepin-setting-item .stepin-setting-panel-select,.stepin-setting-panel .stepin-setting-item .stepin-setting-panel-input-number{min-width:96px}.stepin-setting-panel .stepin-setting-panel-divider{margin-top:1rem;margin-bottom:1rem}.stepin-setting-panel .stepin-setting-panel-copy-btn{margin-top:1rem;width:100%}.stepin-setting-panel-preset-list{margin-top:var(--margin-md)}.stepin-setting-panel-preset-list-title{border-width:0px;border-bottom-width:1px;border-style:solid;border-color:var(--color-border);padding-top:var(--padding-md);padding-bottom:var(--padding-md);font-size:var(--font-size-lg);line-height:var(--leading);font-weight:700}.stepin-img-checkbox{position:relative;display:inline-block;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.stepin-img-checkbox .stepin-img-checkbox-check-icon{position:absolute;bottom:50%;left:50%;--tw-translate-y: 50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));font-size:var(--font-size-xxl);line-height:var(--leading);color:var(--color-primary-6)}.stepin-img-checkbox-group{margin-left:calc(var(--margin-md) * -1);margin-right:calc(var(--margin-md) * -1);padding-left:var(--padding-md);padding-right:var(--padding-md)}.stepin-img-checkbox-group .stepin-img-checkbox{margin-left:var(--margin-xs);margin-right:var(--margin-xs);margin-bottom:var(--margin-sm)}.stepin-color-checkbox{position:relative;display:inline-block;cursor:pointer;border-radius:var(--radius-xs);border-width:1px;border-style:solid;border-color:var(--color-border);background-color:var(--color-primary-6);text-align:center}.stepin-color-checkbox-check-icon{position:absolute;left:50%;top:50%;display:flex;--tw-translate-x: -50%;--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));align-items:center;font-size:var(--font-size);line-height:var(--leading);font-size:14px}.stepin-color-checkbox-group .stepin-color-checkbox:not(:first-child){margin-left:.5rem}.stepin-color-picker{display:inline-block;height:1.5rem;cursor:pointer;text-align:left}.stepin-color-picker-color-value{-webkit-user-select:none;-moz-user-select:none;user-select:none;overflow-x:auto;white-space:nowrap}.stepin-color-picker-color-value::-webkit-scrollbar{display:none}.stepin-color-picker-panel .stepin-hsv-panel{width:202px}.stepin-color-picker-panel .stepin-alpha-slider{margin-top:.5rem}.stepin-color-picker-preview{margin-top:12px;margin-bottom:var(--margin-sm);display:flex;align-items:center}.stepin-color-picker-preview-box{height:22px;flex:1 1 0%;border-radius:var(--radius-xs)}.stepin-color-picker-preview-box-inner{height:100%;border-radius:var(--radius-xs)}.stepin-color-picker-dropper{position:relative;margin-right:var(--margin-sm);height:24px;width:24px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));cursor:pointer;align-items:center;border-radius:9999px;border-width:1px;border-style:solid;border-color:var(--color-border);color:var(--color-subtext);transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.stepin-color-picker-dropper:hover{--tw-scale-x: 1.05;--tw-scale-y: 1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));color:var(--color-text)}.stepin-color-picker-dropper-input{position:absolute;left:50%;top:50%;height:0px;width:0px;--tw-translate-x: -50%;--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));border-width:0px}.stepin-color-picker-dropper-icon{position:absolute;left:50%;top:50%;--tw-translate-x: -50%;--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.stepin-color-picker-color-values{margin-top:.75rem;display:flex}.stepin-color-picker-color-values-item{flex:1 1 0%}.stepin-color-picker-color-values-item:not(:first-child){margin-left:.5rem}.stepin-color-picker-color-values-item-content{border-radius:var(--radius-xs);border-width:1px;border-style:solid;border-color:var(--color-border);padding-top:2px;padding-bottom:2px;padding-left:.25rem;padding-right:.25rem;text-align:center;font-size:var(--font-size-xs);line-height:var(--leading)}.stepin-color-picker-color-values-input{text-align:center;font-size:var(--font-size-xs);line-height:var(--leading);color:var(--color-subtext)}.stepin-color-picker-divider{margin:.25rem -.75rem .75rem;height:1px;background-color:var(--color-border)}.stepin-color-picker-preset-colors{margin-top:var(--margin-sm);display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:6px}.stepin-color-picker-preset-colors-item{height:1.25rem;--tw-scale-x: 1;--tw-scale-y: 1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));cursor:pointer;border-radius:var(--radius-xs);--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.stepin-color-picker-preset-colors-item:hover{--tw-scale-x: 1.05;--tw-scale-y: 1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.stepin-color-picker-popover .ant-popover-arrow{display:none}.stepin-color-picker-popover .ant-popover-inner{border-radius:var(--radius-xs)}.stepin-color-picker-popover .ant-popover-inner-content{padding:0}.stepin-color-picker-popover .color-mode-selector{position:relative;margin-left:.5rem;box-sizing:border-box;display:flex;height:1.5rem;width:3rem;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;align-items:center;border-radius:var(--radius-xs);border-width:1px;border-style:solid;border-color:var(--color-border);padding-left:.25rem;padding-right:.25rem;font-size:var(--font-size-xs);line-height:var(--leading);font-weight:700;color:var(--color-subtext)}.stepin-color-picker-popover .color-mode-selector:hover{color:var(--color-title)}.stepin-color-picker-popover .color-mode-selector:before,.stepin-color-picker-popover .color-mode-selector:after{content:"";position:absolute;top:50%;right:.25rem;--tw-scale-y: 1.25;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));border-width:3px;border-style:solid;border-color:transparent}.stepin-color-picker-popover .color-mode-selector:hover:before{--tw-border-opacity: 1;border-bottom-color:rgb(31 41 55 / var(--tw-border-opacity, 1))}.stepin-color-picker-popover .color-mode-selector:hover:after{--tw-border-opacity: 1;border-top-color:rgb(31 41 55 / var(--tw-border-opacity, 1))}.stepin-color-picker-popover .color-mode-selector:before{--tw-translate-y: -140%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));border-bottom-color:var(--color-disabled)}.stepin-color-picker-popover .color-mode-selector:after{--tw-translate-y: 40%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));border-top-color:var(--color-disabled)}.stepin-color-picker-popover .color-mode-selector:hover:after{--tw-border-opacity: 1;border-top-color:rgb(17 24 39 / var(--tw-border-opacity, 1))}.stepin-color-picker-popover .stepin-color-picker-preview-box{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAABGdBTUEAALGPC/xhBQAAAFpJREFUWAntljEKADAIA23p6v//qQ+wfUEcCu1yriEgp0FHRJSJcnehmmWm1Dv/lO4HIg1AAAKjTqm03ea88zMCCEDgO4HV5bS757f+7wRoAAIQ4B9gByAAgQ3pfiDmXmAeEwAAAABJRU5ErkJggg==)}.stepin-color-picker-popover .stepin-hsv-panel{width:202px}.stepin-color-picker-trigger{display:inline-flex;width:120px;align-items:center;border-radius:var(--radius-xs);border-width:1px;border-style:solid;border-color:var(--color-border);padding:2px 4px}.stepin-color-picker-trigger-inner{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAABGdBTUEAALGPC/xhBQAAAFpJREFUWAntljEKADAIA23p6v//qQ+wfUEcCu1yriEgp0FHRJSJcnehmmWm1Dv/lO4HIg1AAAKjTqm03ea88zMCCEDgO4HV5bS757f+7wRoAAIQ4B9gByAAgQ3pfiDmXmAeEwAAAABJRU5ErkJggg==);margin-right:4px;width:2rem;border-radius:var(--radius-xs)}.stepin-color-picker-trigger-inner-color{height:1.25rem;cursor:pointer;border-radius:var(--radius-xs);border-width:1px;border-style:solid;border-color:var(--color-disabled)}.stepin-color-picker-panel{display:inline-block;border-radius:var(--radius-xs);background-color:var(--color-bg-container);padding:var(--padding-sm)}.stepin-color-picker-panel-chose{display:flex;align-items:center;color:var(--color-text)}.stepin-color-picker-panel-chose-picker{height:2rem;flex:1 1 0%;cursor:pointer;border-radius:var(--radius-xs);border-width:1px;border-style:solid;border-color:var(--color-border)}.stepin-color-picker-panel-chose-default{margin-left:var(--margin-sm);cursor:pointer;border-radius:var(--radius-xs);border-width:1px;border-style:solid;border-color:var(--color-border);background-color:transparent;padding-left:var(--padding-sm);padding-right:var(--padding-sm);--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);outline:2px solid transparent;outline-offset:2px}.stepin-color-picker-panel-plate{margin-left:-.25rem;margin-right:-.25rem;display:flex;justify-content:space-between}.stepin-color-picker-panel-plate-colors{margin-left:.25rem;margin-right:.25rem;display:flex;flex-direction:column}.stepin-color-picker-panel-plate-colors-item{height:1.25rem;width:1.25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));cursor:pointer;border-width:1px;border-color:var(--color-border);--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.stepin-color-picker-panel-plate-colors-item:hover{--tw-scale-x: 1.1;--tw-scale-y: 1.1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.stepin-color-picker-panel-nav{margin-top:1rem;margin-bottom:1rem;display:flex;align-items:center;color:var(--color-title)}.stepin-color-picker-panel-nav .value{margin-left:.5rem;margin-right:.5rem;display:flex;flex:1 1 0%}.stepin-color-picker-panel-nav .value-item{margin-left:.5rem;margin-right:.5rem;display:inline-block;flex:1 1 0%;border-width:1px;border-style:solid;border-color:var(--color-border);background-color:var(--color-bg-layout);padding-left:.5rem;padding-right:.5rem;text-align:center;min-width:46px}.stepin-color-picker-panel-nav .toggle{cursor:pointer;color:var(--color-subtext)}.stepin-color-picker-panel-nav .toggle:hover{color:var(--color-title)}.stepin-color-picker-panel-nav .toggle .item{border-width:4px;border-style:solid;border-color:transparent}.stepin-color-picker-panel-nav .toggle .item.up{border-bottom:6px solid;margin-bottom:4px}.stepin-color-picker-panel-nav .toggle .item.down{border-top:6px solid;margin-top:4px}.stepin-alpha-slider{position:relative;height:.5rem;cursor:pointer;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAABGdBTUEAALGPC/xhBQAAAFpJREFUWAntljEKADAIA23p6v//qQ+wfUEcCu1yriEgp0FHRJSJcnehmmWm1Dv/lO4HIg1AAAKjTqm03ea88zMCCEDgO4HV5bS757f+7wRoAAIQ4B9gByAAgQ3pfiDmXmAeEwAAAABJRU5ErkJggg==);background-size:8%}.stepin-alpha-slider-dot{position:absolute;top:50%;height:.75rem;width:.75rem;--tw-translate-y: -50%;--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));cursor:pointer;border-radius:9999px;border-width:1px;border-style:solid;border-color:var(--color-border-2);background-color:var(--color-bg-container);--tw-shadow: var(--box-shadow-1);--tw-shadow-colored: var(--box-shadow-1);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.stepin-alpha-slider-cover{height:100%}.stepin-hsv-panel-palate{height:125px;border-radius:var(--radius-xs);--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.stepin-hsv-panel-palate-container{position:relative;height:100%;cursor:crosshair;border-radius:var(--radius-xs);background:linear-gradient(0deg,#000,transparent),linear-gradient(90deg,#fff,hsla(0,0%,100%,0))}.stepin-hsv-panel-palate-dot{position:absolute;height:10px;width:10px;--tw-translate-x: -50%;--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));border-radius:9999px;border-width:1px;border-style:solid;--tw-border-opacity: 1;border-color:rgb(255 255 255 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(239 68 68 / var(--tw-bg-opacity, 1))}.stepin-hsv-panel-color-slider{position:relative;margin-top:var(--margin-sm);display:flex;height:12px;align-items:center;background:linear-gradient(90deg,#f00 0,#ff0 16.66%,#0f0 33.33%,#0ff 50%,#00f 66.66%,#f0f 83.33%,#fe0000)}.stepin-hsv-panel-caliper{position:absolute;box-sizing:content-box;height:75%;--tw-translate-x: -50%;--tw-scale-y: 1.5;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));cursor:ew-resize;border-width:2px;border-style:solid;border-color:transparent;border-top-color:var(--color-disabled);border-bottom-color:var(--color-disabled)}.stepin-hsv-panel-caliper:after{content:" ";display:block;position:static;background:rgba(0,0,0,0);width:2px;height:100%;box-sizing:content-box;border-left-width:1px;border-right-width:1px;border-top-width:0px;border-bottom-width:0px;border-style:solid;--tw-border-opacity: 1;border-color:rgb(255 255 255 / var(--tw-border-opacity, 1))}.stepin-label-wrapper{padding-top:.5rem;padding-bottom:.5rem}.stepin-label-wrapper.horizontal{display:flex;align-items:center}.stepin-label-wrapper.horizontal.align-start{align-items:flex-start}.stepin-label-wrapper.horizontal.align-bottom{align-items:flex-end}.stepin-label-wrapper.horizontal.align-baseline{align-items:baseline}.stepin-label-wrapper.horizontal .stepin-label-wrapper-label{margin-right:.5rem;flex:none}.stepin-label-wrapper.vertical .stepin-label-wrapper-label{margin-bottom:.5rem}.stepin-label-wrapper-label{color:var(--color-subtext)}.stepin-label-wrapper.horizontal .stepin-label-wrapper-wrapper{min-width:0px;flex:1 1 0%}.stepin-label-wrapper.horizontal.stepin-label-wrapper.between .stepin-label-wrapper-wrapper{display:flex;min-width:0px;flex:1 1 0%;justify-content:flex-end}.stepin-router-menu .ant-menu-item.virtual-icon .ant-menu-item-icon,.stepin-submenu-popup .ant-menu-item.virtual-icon .ant-menu-item-icon,.stepin-router-menu .ant-menu-submenu.virtual-icon .ant-menu-item-icon,.stepin-submenu-popup .ant-menu-submenu.virtual-icon .ant-menu-item-icon{display:none}.stepin-router-menu .ant-menu-item.virtual-icon .ant-menu-item-icon+span,.stepin-submenu-popup .ant-menu-item.virtual-icon .ant-menu-item-icon+span,.stepin-router-menu .ant-menu-submenu.virtual-icon .ant-menu-item-icon+span,.stepin-submenu-popup .ant-menu-submenu.virtual-icon .ant-menu-item-icon+span,.stepin-router-menu .ant-menu-item.virtual-icon .ant-menu-submenu-title .ant-menu-item-icon+span,.stepin-submenu-popup .ant-menu-item.virtual-icon .ant-menu-submenu-title .ant-menu-item-icon+span,.stepin-router-menu .ant-menu-submenu.virtual-icon .ant-menu-submenu-title .ant-menu-item-icon+span,.stepin-submenu-popup .ant-menu-submenu.virtual-icon .ant-menu-submenu-title .ant-menu-item-icon+span{margin-left:0}.stepin-router-menu.ant-menu-inline-collapsed .ant-menu-item.virtual-icon .ant-menu-item-icon,.stepin-submenu-popup.ant-menu-inline-collapsed .ant-menu-item.virtual-icon .ant-menu-item-icon,.stepin-router-menu.ant-menu-inline-collapsed .ant-menu-submenu.virtual-icon .ant-menu-item-icon,.stepin-submenu-popup.ant-menu-inline-collapsed .ant-menu-submenu.virtual-icon .ant-menu-item-icon{display:inline-block}.stepin-router-menu.ant-menu-inline-collapsed .ant-menu-item.virtual-icon .ant-menu-item-icon+span,.stepin-submenu-popup.ant-menu-inline-collapsed .ant-menu-item.virtual-icon .ant-menu-item-icon+span,.stepin-router-menu.ant-menu-inline-collapsed .ant-menu-submenu.virtual-icon .ant-menu-item-icon+span,.stepin-submenu-popup.ant-menu-inline-collapsed .ant-menu-submenu.virtual-icon .ant-menu-item-icon+span,.stepin-router-menu.ant-menu-inline-collapsed .ant-menu-item.virtual-icon .ant-menu-submenu-title .ant-menu-item-icon+span,.stepin-submenu-popup.ant-menu-inline-collapsed .ant-menu-item.virtual-icon .ant-menu-submenu-title .ant-menu-item-icon+span,.stepin-router-menu.ant-menu-inline-collapsed .ant-menu-submenu.virtual-icon .ant-menu-submenu-title .ant-menu-item-icon+span,.stepin-submenu-popup.ant-menu-inline-collapsed .ant-menu-submenu.virtual-icon .ant-menu-submenu-title .ant-menu-item-icon+span{margin-left:10px}.ant-menu .ant-menu-item .ant-badge,.ant-menu .ant-menu-submenu .ant-badge,.ant-menu .stepin-submenu-popup .ant-badge{color:inherit}.ant-menu .ant-menu-item .ant-badge .ant-badge-count,.ant-menu .ant-menu-submenu .ant-badge .ant-badge-count,.ant-menu .stepin-submenu-popup .ant-badge .ant-badge-count{height:unset;min-width:16px;--tw-translate-x: 100%;--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));padding:2px;font-size:12px;line-height:1}.ant-menu .ant-menu-item .ant-badge .ant-badge-count .ant-scroll-number-only,.ant-menu .ant-menu-submenu .ant-badge .ant-badge-count .ant-scroll-number-only,.ant-menu .stepin-submenu-popup .ant-badge .ant-badge-count .ant-scroll-number-only{height:unset}.ant-menu .ant-menu-item .ant-badge .ant-badge-count .ant-scroll-number-only>p.ant-scroll-number-only-unit,.ant-menu .ant-menu-submenu .ant-badge .ant-badge-count .ant-scroll-number-only>p.ant-scroll-number-only-unit,.ant-menu .stepin-submenu-popup .ant-badge .ant-badge-count .ant-scroll-number-only>p.ant-scroll-number-only-unit{height:unset}.ant-menu .ant-menu-item .ant-badge .ant-badge-count.ant-badge-multiple-words,.ant-menu .ant-menu-submenu .ant-badge .ant-badge-count.ant-badge-multiple-words,.ant-menu .stepin-submenu-popup .ant-badge .ant-badge-count.ant-badge-multiple-words{padding:2px 4px}.ant-menu .ant-menu-item .ant-badge .ant-badge-dot,.ant-menu .ant-menu-submenu .ant-badge .ant-badge-dot,.ant-menu .stepin-submenu-popup .ant-badge .ant-badge-dot{--tw-translate-x: 100%;--tw-translate-y: -75%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.ant-menu .ant-menu-item .ant-menu-item-icon .ant-badge-count,.ant-menu .ant-menu-submenu .ant-menu-item-icon .ant-badge-count,.ant-menu .stepin-submenu-popup .ant-menu-item-icon .ant-badge-count,.ant-menu .ant-menu-item .ant-menu-inline-collapsed-tooltip .ant-badge-count,.ant-menu .ant-menu-submenu .ant-menu-inline-collapsed-tooltip .ant-badge-count,.ant-menu .stepin-submenu-popup .ant-menu-inline-collapsed-tooltip .ant-badge-count,.ant-menu .ant-menu-item .ant-menu-item-icon .ant-badge-dot,.ant-menu .ant-menu-submenu .ant-menu-item-icon .ant-badge-dot,.ant-menu .stepin-submenu-popup .ant-menu-item-icon .ant-badge-dot,.ant-menu .ant-menu-item .ant-menu-inline-collapsed-tooltip .ant-badge-dot,.ant-menu .ant-menu-submenu .ant-menu-inline-collapsed-tooltip .ant-badge-dot,.ant-menu .stepin-submenu-popup .ant-menu-inline-collapsed-tooltip .ant-badge-dot{display:none}.ant-menu.ant-menu-inline-collapsed.stepin-router-menu{width:var(--width-side-collapsed)}.ant-menu.ant-menu-inline-collapsed.ant-menu-vertical .ant-menu-submenu-title,.ant-menu.ant-menu-inline-collapsed.ant-menu-vertical .ant-menu-item{overflow:visible}.ant-menu.ant-menu-inline-collapsed .ant-menu-item-icon .ant-badge-count,.ant-menu.ant-menu-inline-collapsed .ant-menu-item-icon .ant-badge-dot{display:inline-block;--tw-translate-x: 100%;--tw-translate-y: 5px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.ant-menu.ant-menu-inline-collapsed .ant-menu-item-icon .ant-badge-dot{display:inline-block;--tw-translate-x: 100%;--tw-translate-y: 8px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.ant-menu-inline-collapsed-tooltip .ant-badge-count,.ant-menu-inline-collapsed-tooltip .ant-badge-dot{display:none}.ant-menu-inline-collapsed-tooltip a .ant-badge{color:var(--color-text-inverse)}.stepin-contextmenu.ant-menu{position:fixed;z-index:50;border-radius:var(--radius-xs);border-style:none;padding-top:.25rem;padding-bottom:.25rem;color:var(--color-text);background-color:var(--color-bg-container)!important;--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1) !important;--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color) !important;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)!important}.stepin-contextmenu.ant-menu .stepin-contextmenu-item{margin:0!important;-webkit-user-select:none!important;-moz-user-select:none!important;user-select:none!important}.stepin-contextmenu.ant-menu .stepin-contextmenu-item-icon{margin-right:.5rem!important}.stepin-tabs-view .ant-tabs-tab .anticon{margin-right:0}.stepin-tabs-view .ant-tabs-top .ant-tabs-nav{margin-bottom:0;border-style:none}.stepin-tabs-view .ant-tabs-card .ant-tabs-nav .ant-tabs-tab,.stepin-tabs-view .ant-tabs-card div .ant-tabs-nav .ant-tabs-tab{border-width:0px;background-color:var(--color-bg-container-light);padding:6px 0}.stepin-tabs-view .ant-tabs-card .ant-tabs-nav .ant-tabs-tab.ant-tabs-tab-active,.stepin-tabs-view .ant-tabs-card div .ant-tabs-nav .ant-tabs-tab.ant-tabs-tab-active{background-color:var(--color-bg-container)}.stepin-tabs-view .ant-tabs-top>.ant-tabs-nav:before{border-bottom:none}.stepin-tabs-view .ant-tabs-extra-content{display:flex;align-items:center}.stepin-tabs-view{position:relative;height:100%}.stepin-tabs-view-head.fixed{position:absolute;top:0;width:100%}.stepin-tabs-view-head-tab{display:flex;align-items:center}.stepin-tabs-view-head-tab .refresh-page{overflow:hidden;display:inline}.stepin-tabs-view-head-tab .size-enter-active,.stepin-tabs-view-head-tab .size-leave-active{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.stepin-tabs-view-head-tab .size-enter-from,.stepin-tabs-view-head-tab .size-leave-to{font-size:0}.stepin-tabs-view-head-item{-webkit-user-select:none;-moz-user-select:none;user-select:none}.stepin-tabs-view-head-item:not(:first-child){margin-left:var(--margin-xxs)}.stepin-tabs-view-head-item:first-child{margin-right:0!important;padding-left:.75rem!important}.stepin-tabs-view-head-item:first-child.stepin-tabs-view-head-title{margin-left:.25rem}.stepin-tabs-view-head-item:last-child{margin-right:0!important;padding-right:.75rem!important}.stepin-tabs-view-head-item:last-child.stepin-tabs-view-head-title{margin-right:.25rem!important}.stepin-tabs-view-head .refresh{color:var(--color-primary-3)}.stepin-tabs-view-head .refresh:hover{color:var(--color-primary-5)}.stepin-tabs-view-head .close{color:var(--color-disabled)}.stepin-tabs-view-head .close:hover{color:var(--color-text)}.stepin-tabs-view-head-cache{cursor:pointer;vertical-align:middle;color:var(--color-disabled);font-size:1.2em}.stepin-tabs-view-head-cache.enable{color:var(--color-success-4)}.stepin-tabs-view-head-lock-icon{cursor:pointer;line-height:1}.stepin-tabs-view-head-lock,.stepin-tabs-view-head-unlock{margin-left:.5rem!important;cursor:pointer!important;vertical-align:middle!important;color:var(--color-primary-3)!important}.stepin-tabs-view-head-lock:hover,.stepin-tabs-view-head-unlock:hover{color:var(--color-primary-5)!important}.stepin-tabs-view-head-lock,.stepin-tabs-view-head-unlock{font-size:1.35em}.stepin-tabs-view-head-title{display:inline-block;height:100%;padding-left:0;padding-right:0}.stepin-tabs-view-head-title.deactvie{color:var(--color-subtext)}.stepin-tabs-view-affix-head{height:34px}.stepin-tabs-view-content{display:flex;flex-direction:column;border-bottom-right-radius:var(--radius-md);border-bottom-left-radius:var(--radius-md);border-top-right-radius:var(--radius-md);min-height:calc(100% - 34px)}.stepin-tabs-view-content .stepin-tabs-view-content-main{display:grid;flex:1 1 0%;border-bottom-right-radius:var(--radius-md);border-bottom-left-radius:var(--radius-md);border-top-right-radius:var(--radius-md);background-color:var(--color-bg-container);padding:1rem}.stepin-tabs-view-content .stepin-tabs-view-content-footer{flex-grow:0;padding-bottom:.5rem;padding-top:1.5rem}.stepin-tabs-view-content .stepin-tabs-view-content-footer.empty{padding-top:0}.stepin-tabs-view-content.empty .stepin-tabs-view-content-main{border-top-left-radius:var(--radius-md)}.stepin-tabs-view.affix .stepin-tabs-view-content{max-height:calc(100% - 34px);overflow-y:auto;margin-left:calc(var(--margin-md) * -1);margin-right:calc(var(--margin-md) * -1)}.stepin-iframe-box{height:100%}.stepin-iframe-box-iframe{height:100%;width:100%}.stepin-code-sandbox{border-radius:var(--radius-xs);border-width:1px;border-style:solid;border-color:var(--color-border);padding:var(--padding-md);text-align:left}.stepin-code-sandbox:target{border-color:var(--color-primary-5)}.stepin-code-sandbox .stepin-code-sandbox-title{margin-top:0;margin-bottom:0;margin-right:0;margin-left:-.5rem;font-size:var(--font-size);line-height:var(--leading)}.stepin-code-sandbox .stepin-code-sandbox-title-divider{margin-top:var(--margin-md);margin-bottom:var(--margin-md);margin-left:calc(var(--padding-md) * -1)!important;margin-right:calc(var(--padding-md) * -1)!important;width:calc(100% + 2 * var(--padding-md))}.stepin-code-sandbox .stepin-code-sandbox-describe{padding-left:0;padding-right:0;padding-top:var(--padding-sm);padding-bottom:var(--padding-md);font-size:var(--font-size-sm);line-height:var(--leading)}.stepin-code-sandbox .stepin-code-sandbox-code-divider{margin-top:0;margin-bottom:0;margin-left:calc(var(--padding-md) * -1)!important;margin-right:calc(var(--padding-md) * -1)!important;width:calc(100% + 2 * var(--padding-md))}.stepin-code-sandbox .trigger{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-size:var(--font-size-sm);line-height:var(--leading);color:var(--color-subtext)}.stepin-code-sandbox .trigger:hover{color:var(--color-primary-5)}.stepin-code-sandbox .trigger:not(:first-child){margin-left:1rem}.stepin-code-sandbox .trigger .trigger-icon{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.stepin-code-sandbox .trigger .trigger-icon.show{--tw-rotate: 90deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.stepin-code-sandbox .stepin-code-sandbox-container{position:relative;overflow:hidden;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.stepin-code-sandbox .stepin-code-sandbox-container:hover .stepin-code-sandbox-copy{display:inline-block}.stepin-code-sandbox .stepin-code-sandbox-container-code{border-radius:var(--radius-md);background-color:var(--color-bg-layout);padding-left:var(--padding-lg);padding-right:var(--padding-lg)}.stepin-code-sandbox pre{margin:0;overflow:hidden;font-size:var(--font-size-sm);line-height:var(--leading)}.stepin-code-sandbox pre .highlight-words{border-radius:var(--radius-xs);background-color:var(--color-primary-2);padding:1px 4px}.stepin-code-sandbox pre .hljs-dark .highlight-words{background-color:var(--color-primary-9);color:var(--color-text-inverse)}.stepin-code-sandbox .hljs{margin:0;border-radius:var(--radius-xs);background-color:var(--color-bg-layout);padding-top:var(--padding-lg);padding-bottom:var(--padding-lg);padding-left:0;padding-right:0}.stepin-code-sandbox .hljs.disable-copy{-webkit-user-select:none;-moz-user-select:none;user-select:none}.stepin-code-sandbox .hljs-dark,.stepin-code-sandbox.dark .stepin-code-sandbox-container-code{background:#23272e}.stepin-code-sandbox.dark .stepin-code-sandbox-copy,.stepin-code-sandbox-copy-success{color:var(--color-text-inverse);background:rgba(0,0,0,.35)}.stepin-code-sandbox .stepin-code-sandbox-copy{position:absolute;right:.5rem;top:.75rem;display:none;cursor:pointer;border-radius:var(--radius-md);background-color:#00000020;padding:var(--padding-xs)}.stepin-code-sandbox .stepin-code-sandbox-copy:hover{color:var(--color-primary-5)}.stepin-code-sandbox.light .stepin-code-sandbox-copy{color:var(--color-subtext)}.stepin-code-sandbox.light .stepin-code-sandbox-copy:hover{color:var(--color-primary-5)}.stepin-code-sandbox .stepin-code-sandbox-copy-success{position:absolute;right:.5rem;top:.75rem;cursor:pointer;border-radius:var(--radius-md);background-color:#00000020;padding:var(--padding-xs);color:var(--color-success-6)}.stepin-code-sandbox .success{color:var(--color-success-6)}.hljs-dark{display:block;overflow-x:auto;padding:.5em;background:#2b2b2b;color:#bababa}.hljs-dark-strong,.hljs-dark-emphasis{color:#a8a8a2}.hljs-dark-bullet,.hljs-dark-quote,.hljs-dark-link,.hljs-dark-number,.hljs-dark-regexp,.hljs-dark-literal{color:#6896ba}.hljs-dark-code,.hljs-dark-selector-class{color:#a6e22e}.hljs-dark-attr{color:#d19966}.hljs-dark-emphasis{font-style:italic}.hljs-dark-keyword,.hljs-dark-selector-tag,.hljs-dark-section,.hljs-dark-attribute,.hljs-dark-name,.hljs-dark-variable{color:#df6c75}.hljs-dark-keyword{color:#c678dd}.hljs-dark-title{color:#62afee}.hljs-dark-params{color:#b9b9b9}.hljs-dark-string{color:#98c379}.hljs-dark-subst,.hljs-dark-type,.hljs-dark-built_in,.hljs-dark-builtin-name,.hljs-dark-symbol,.hljs-dark-selector-id,.hljs-dark-selector-attr,.hljs-dark-selector-pseudo,.hljs-dark-template-tag,.hljs-dark-template-variable,.hljs-dark-addition{color:#e0c46c}.hljs-dark-comment,.hljs-dark-deletion,.hljs-dark-meta{color:#7f7f7f}.hljs-light-comment,.hljs-light-tag,.hljs-light-quote{color:#696969}.hljs-light-variable,.hljs-light-template-variable,.hljs-light-name,.hljs-light-selector-id,.hljs-light-selector-class,.hljs-light-regexp,.hljs-light-deletion{color:#f81d22}.hljs-light-number,.hljs-light-built_in,.hljs-light-builtin-name,.hljs-light-literal,.hljs-light-type,.hljs-light-params,.hljs-light-meta,.hljs-light-link{color:#aa5d00}.hljs-light-attr,.hljs-light-attribute{color:#0b8235}.hljs-light-string,.hljs-light-symbol,.hljs-light-bullet,.hljs-light-addition,.hljs-light-title,.hljs-light-section,.hljs-light-keyword,.hljs-light-selector-tag{color:#008dff}.hljs-light{display:block;overflow-x:auto;background:#f9f9f9;color:#545454;padding:.5em}.hljs-light-emphasis{font-style:italic}.hljs-light-strong{font-weight:700}@media screen and (-ms-high-contrast: active){.hljs-light-addition,.hljs-light-attribute,.hljs-light-built_in,.hljs-light-builtin-name,.hljs-light-bullet,.hljs-light-comment,.hljs-light-link,.hljs-light-literal,.hljs-light-meta,.hljs-light-number,.hljs-light-params,.hljs-light-string,.hljs-light-symbol,.hljs-light-type,.hljs-light-quote{color:highlight}.hljs-light-keyword,.hljs-light-selector-tag{font-weight:700}}.stepin-api-table,.stepin-api-slot-table,.stepin-api-event-table{border-radius:var(--radius-xs);border-width:1px;border-style:solid;border-color:var(--color-border);padding:1rem}.stepin-api-table:target,.stepin-api-slot-table:target,.stepin-api-event-table:target{border-color:var(--color-primary-5)}.stepin-api-table .type-item:not(:last-child):after,.stepin-api-slot-table .type-item:not(:last-child):after,.stepin-api-event-table .type-item:not(:last-child):after,.stepin-api-table .value-item:not(:last-child):after,.stepin-api-slot-table .value-item:not(:last-child):after,.stepin-api-event-table .value-item:not(:last-child):after{margin-left:.5rem;margin-right:.5rem;border-width:0px;border-right-width:1px;border-style:solid;border-color:var(--color-border);content:""}.stepin-api-table .arg-list,.stepin-api-slot-table .arg-list,.stepin-api-event-table .arg-list{color:var(--color-subtext)}.stepin-api-table .arg-list .brace,.stepin-api-slot-table .arg-list .brace,.stepin-api-event-table .arg-list .brace{color:var(--color-error-5)}.stepin-api-table .arg-list .arg-item .arg-name,.stepin-api-slot-table .arg-list .arg-item .arg-name,.stepin-api-event-table .arg-list .arg-item .arg-name{color:var(--color-warning-6)}.stepin-api-table .arg-list .arg-item:not(:last-child):after,.stepin-api-slot-table .arg-list .arg-item:not(:last-child):after,.stepin-api-event-table .arg-list .arg-item:not(:last-child):after{content:" , "}.stepin-snap-swiper{position:relative}.stepin-snap-swiper-container{position:relative;scroll-snap-type:x var(--tw-scroll-snap-strictness);--tw-scroll-snap-strictness: mandatory;overflow-x:auto;overflow-y:hidden;white-space:nowrap}.stepin-snap-swiper-container::-webkit-scrollbar{width:0}.stepin-snap-swiper-dots{position:absolute;left:50%;bottom:2rem;display:flex;--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));justify-content:space-between}.stepin-snap-swiper-dot{height:.5rem;width:.5rem;cursor:pointer;border-radius:var(--radius-xs);--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.stepin-snap-swiper-dot:not(:first-child){margin-left:.5rem}.stepin-snap-swiper-dot.active{--tw-bg-opacity: 1;background-color:rgb(239 68 68 / var(--tw-bg-opacity, 1))}.stepin-snap-swiper-item{display:inline-block;scroll-snap-align:center;scroll-snap-stop:always}.stepin-segmented{position:relative;display:inline-flex;height:-moz-fit-content;height:fit-content;border-radius:calc(var(--radius-sm) + 2px);background-color:var(--color-bg-layout);padding:2px}.stepin-segmented-thumb{position:absolute;top:2px;left:2px;border-radius:var(--radius-sm);background-color:var(--color-bg-container);--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);transition-property:width,left;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.stepin-segmented.stepin-segmented-middle .stepin-segmented-item{padding-left:var(--padding-md);padding-right:var(--padding-md);line-height:20px}.stepin-segmented.stepin-segmented-large .stepin-segmented-item{padding-left:var(--padding-md);padding-right:var(--padding-md);font-size:var(--font-size-lg);line-height:var(--leading);line-height:28px}.stepin-segmented.segmented-disabled .stepin-segmented-item{cursor:not-allowed;color:var(--color-disabled)}.stepin-segmented-item{position:relative;display:inline-block;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;border-radius:var(--radius-sm);padding-left:var(--padding-xs);padding-right:var(--padding-xs);padding-top:var(--padding-xxs);padding-bottom:var(--padding-xxs);line-height:1;color:var(--color-text-2)}.stepin-segmented-item:hover,.stepin-segmented-item.segmented-selected{color:var(--color-text)}.stepin-segmented-item.segmented-item-disabled{cursor:not-allowed;color:var(--color-disabled)}.stepin-segmented:not(.segmented-disabled) .stepin-segmented-item:not(.segmented-item-selected,.segmented-item-disabled):hover{background-color:var(--color-fill-2)}.stepin-theme-editor-header{display:flex;justify-content:space-between;border-width:0px;border-bottom-width:1px;border-style:solid;border-color:var(--color-border);padding-left:var(--padding-md);padding-right:var(--padding-md);padding-top:var(--padding-md);padding-bottom:var(--padding-md)}.stepin-theme-editor-header-title{font-size:var(--font-size-lg);line-height:var(--leading);font-weight:700;color:var(--color-title)}.stepin-theme-editor-btn-save{margin-left:var(--margin-md)}.stepin-theme-editor .color-viewer{height:3.5rem;width:3.5rem;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAABGdBTUEAALGPC/xhBQAAAFpJREFUWAntljEKADAIA23p6v//qQ+wfUEcCu1yriEgp0FHRJSJcnehmmWm1Dv/lO4HIg1AAAKjTqm03ea88zMCCEDgO4HV5bS757f+7wRoAAIQ4B9gByAAgQ3pfiDmXmAeEwAAAABJRU5ErkJggg==) 0% 0% / 28px}.stepin-theme-editor-main{display:flex;background-color:var(--color-bg-layout)}.stepin-theme-editor-setting{flex:1 1 0%;background-color:var(--color-bg-container)}.stepin-theme-editor-setting .stepin-theme-editor-setting-tabs .ant-tabs-nav{padding-left:var(--padding-md);padding-right:var(--padding-md)}.stepin-theme-editor-setting .ant-collapse{background-color:var(--color-bg-container)}.stepin-theme-editor-setting .ant-collapse-header{font-weight:700}.stepin-theme-editor-setting .ant-collapse-item{border-bottom-width:0px}.stepin-theme-editor .ant-collapse-item{border-width:1px;border-style:solid;border-color:transparent}.stepin-theme-editor .ant-collapse-item:last-child{border-radius:var(--radius-xs)}.stepin-theme-editor .ant-collapse-item-active{border-radius:var(--radius-xs);border-color:var(--color-primary-6)}.stepin-theme-editor .ant-collapse-item:last-child>.ant-collapse-header{border-radius:var(--radius-xs)}.stepin-theme-editor .ant-collapse-item .ant-collapse-header{border-radius:var(--radius-xs)}.stepin-theme-editor .ant-collapse-item .ant-collapse-header:hover{background-color:var(--color-bg-hover)}.stepin-theme-editor-preview{flex:1 1 0%;padding:var(--padding-md);padding-right:0}.stepin-color-editor-colors-header{display:flex;flex:1 1 0%;align-items:center;justify-content:space-between}.stepin-color-editor-colors-desc{color:var(--color-subtext)}.stepin-color-editor-token-title{font-size:var(--font-size-xs);line-height:var(--leading)}.stepin-color-editor-token-icon{margin-left:2px}.stepin-color-editor-colors-list-item{display:flex;align-items:center;justify-content:space-between;border-width:0px;border-bottom-width:1px;border-style:solid;border-color:var(--color-border);padding-top:12px;padding-bottom:12px}.stepin-color-editor-colors-list-item-label{display:flex;align-items:center}.stepin-color-editor-colors-list-item-label-name{font-weight:700;color:var(--color-title)}.stepin-color-editor-colors-list-item-label-key{margin-left:var(--margin-sm);font-size:var(--font-size-xs);line-height:var(--leading);color:var(--color-subtext)}.stepin-color-editor-colors-middle-header{display:flex;flex:1 1 0%;align-items:center;justify-content:space-between}.stepin-color-editor-colors-middle-group{display:flex;align-items:center;font-size:var(--font-size-sm);line-height:var(--leading);color:var(--color-subtext)}.stepin-color-editor-colors-middle-group .stepin-color-picker{margin-left:var(--margin-md)}.stepin-color-editor-colors-middle-group .stepin-color-picker:not(:last-child){margin-right:var(--margin-md)}.stepin-color-editor-middle-color-collapse.ant-collapse-borderless{border-radius:var(--radius-xs)}.stepin-color-editor-middle-color-collapse.ant-collapse-borderless .ant-collapse-item-active{border-color:transparent}.stepin-color-editor-middle-color-collapse.ant-collapse-borderless .ant-collapse-item .ant-collapse-header{border-radius:var(--radius-xs);background-color:var(--color-bg-hover)}.stepin-color-editor-middle-color-group{color:var(--color-subtext)}.stepin-color-editor-middle-color-list{margin-left:calc(var(--margin-md) * -1);margin-right:calc(var(--margin-md) * -1);margin-bottom:calc(var(--margin-md) * -1)}.stepin-color-editor-middle-color-list-item{display:flex;justify-content:space-between;border-width:0px;border-style:solid;border-color:var(--color-border);padding-left:0;padding-right:0;padding-top:var(--padding-sm);padding-bottom:var(--padding-sm)}.stepin-color-editor-middle-color-list-item:not(:first-child){border-top-width:1px}.stepin-color-editor-middle-color-list-item-name{font-weight:700;color:var(--color-title)}.stepin-color-editor-middle-color-list-item-key{font-size:var(--font-size-xs);line-height:var(--leading);color:var(--color-subtext)}.stepin-size-editor-font-header{display:flex;flex:1 1 0%;align-items:center;justify-content:space-between}.stepin-size-editor-font-header-title{font-weight:700}.stepin-size-editor-font-header-input{-webkit-user-select:none;-moz-user-select:none;user-select:none}.stepin-size-editor-font-header-input-label{margin-right:var(--margin-sm);font-size:var(--font-size-sm);line-height:var(--leading);color:var(--color-subtext)}.stepin-size-editor-font-size-header{margin-bottom:var(--margin-sm);color:var(--color-subtext)}.stepin-size-editor-font-size-item{display:flex;align-items:center;justify-content:space-between;border-width:0px;border-bottom-width:1px;border-style:solid;border-color:var(--color-border);padding-top:var(--padding-sm);padding-bottom:var(--padding-sm)}.stepin-size-editor-font-size-item .font-size-name{font-weight:700}.stepin-size-editor-font-size-item .font-size-key{margin-left:var(--margin-sm);font-size:var(--font-size-sm);line-height:var(--leading);color:var(--color-subtext)}.stepin-size-editor-font-size-input{display:flex;align-items:center}.stepin-size-editor-font-size-preview{margin-top:calc(var(--margin-sm) * -1);margin-bottom:calc(var(--margin-sm) * -1);margin-left:var(--margin-md);display:inline-flex;height:3rem;width:4rem;align-items:center;justify-content:center;overflow:hidden;font-weight:800;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAABGdBTUEAALGPC/xhBQAAAFpJREFUWAntljEKADAIA23p6v//qQ+wfUEcCu1yriEgp0FHRJSJcnehmmWm1Dv/lO4HIg1AAAKjTqm03ea88zMCCEDgO4HV5bS757f+7wRoAAIQ4B9gByAAgQ3pfiDmXmAeEwAAAABJRU5ErkJggg==) 0% 0% / 28px}.stepin-size-editor-font .stepin-size-editor-leading{margin-top:var(--margin-md)}.stepin-size-editor-font .stepin-size-editor-leading-header{color:var(--color-subtext)}.stepin-size-editor-leading-item{display:flex;align-items:center;justify-content:space-between;border-width:0px;border-bottom-width:1px;border-style:solid;border-color:var(--color-border);padding-top:var(--padding-sm);padding-bottom:var(--padding-sm)}.stepin-size-editor-leading-item .leading-name{font-weight:700}.stepin-size-editor-leading-item .leading-key{margin-left:var(--margin-sm);font-size:var(--font-size-sm);line-height:var(--leading);color:var(--color-subtext)}.stepin-size-editor-leading-input{display:flex;align-items:center}.stepin-size-editor-leading-preview{margin-top:calc(var(--margin-sm) * -1);margin-bottom:calc(var(--margin-sm) * -1);margin-left:var(--margin-sm);display:flex;height:3rem;width:4rem;align-items:center;justify-content:center;overflow:hidden;border-radius:var(--radius-xs);background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAABGdBTUEAALGPC/xhBQAAAFpJREFUWAntljEKADAIA23p6v//qQ+wfUEcCu1yriEgp0FHRJSJcnehmmWm1Dv/lO4HIg1AAAKjTqm03ea88zMCCEDgO4HV5bS757f+7wRoAAIQ4B9gByAAgQ3pfiDmXmAeEwAAAABJRU5ErkJggg==) 0% 0% / 28px}.stepin-size-editor-leading-preview:after{content:"Aa";--tw-bg-opacity: 1;background-color:rgb(254 226 226 / var(--tw-bg-opacity, 1));padding-left:var(--padding-sm);padding-right:var(--padding-sm);font-weight:800}.stepin-size-editor-padding-header{display:flex;flex:1 1 0%;-webkit-user-select:none;-moz-user-select:none;user-select:none;justify-content:space-between}.stepin-size-editor-padding-header-title{font-weight:700}.stepin-size-editor-padding-header-input-label{margin-right:var(--margin-sm);font-size:var(--font-size-sm);line-height:var(--leading);color:var(--color-subtext)}.stepin-size-editor-padding-title{color:var(--color-subtext)}.stepin-size-editor-padding-title-name{margin-right:var(--margin-xxs)}.stepin-size-editor-padding-item{display:flex;align-items:center;justify-content:space-between;border-width:0px;border-bottom-width:1px;border-style:solid;border-color:var(--color-border);padding-top:var(--padding-sm);padding-bottom:var(--padding-sm)}.stepin-size-editor-padding-item-name{font-weight:700}.stepin-size-editor-padding-item-key{margin-left:var(--margin-sm);font-size:var(--font-size-sm);line-height:var(--leading);color:var(--color-subtext)}.stepin-size-editor-padding-item-input{display:flex;align-items:center}.stepin-size-editor-padding-preview{margin-top:calc(var(--margin-sm) * -1);margin-bottom:calc(var(--margin-sm) * -1);margin-left:var(--margin-sm);height:3.5rem;width:3.5rem;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAABGdBTUEAALGPC/xhBQAAAFpJREFUWAntljEKADAIA23p6v//qQ+wfUEcCu1yriEgp0FHRJSJcnehmmWm1Dv/lO4HIg1AAAKjTqm03ea88zMCCEDgO4HV5bS757f+7wRoAAIQ4B9gByAAgQ3pfiDmXmAeEwAAAABJRU5ErkJggg==) 0% 0% / 28px}.stepin-size-editor-padding-preview-box{height:100%;width:100%;--tw-translate-x: 10%;--tw-translate-y: 10%;--tw-scale-x: 80%;--tw-scale-y: 80%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));--tw-bg-opacity: 1;background-color:rgb(187 247 208 / var(--tw-bg-opacity, 1))}.stepin-size-editor-padding-preview-box-inner{height:100%;width:100%;overflow:hidden;background-color:var(--color-primary-3)}.stepin-size-editor-margin-header{display:flex;flex:1 1 0%;-webkit-user-select:none;-moz-user-select:none;user-select:none;justify-content:space-between}.stepin-size-editor-margin-header-title{font-weight:700}.stepin-size-editor-margin-header-input-label{margin-right:var(--margin-sm);font-size:var(--font-size-sm);line-height:var(--leading);color:var(--color-subtext)}.stepin-size-editor-margin-title{color:var(--color-subtext)}.stepin-size-editor-margin-item{display:flex;align-items:center;justify-content:space-between;border-width:0px;border-bottom-width:1px;border-style:solid;border-color:var(--color-border)}.stepin-size-editor-margin-item-name{font-weight:700}.stepin-size-editor-margin-item-key{margin-left:var(--margin-sm);font-size:var(--font-size-sm);line-height:var(--leading);color:var(--color-subtext)}.stepin-size-editor-margin-item-input{display:flex;align-items:center}.stepin-size-editor-margin-preview{position:relative;margin-left:var(--margin-sm);height:3.5rem;width:3.5rem;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAABGdBTUEAALGPC/xhBQAAAFpJREFUWAntljEKADAIA23p6v//qQ+wfUEcCu1yriEgp0FHRJSJcnehmmWm1Dv/lO4HIg1AAAKjTqm03ea88zMCCEDgO4HV5bS757f+7wRoAAIQ4B9gByAAgQ3pfiDmXmAeEwAAAABJRU5ErkJggg==) 0% 0% / 28px}.stepin-size-editor-margin-preview-box{position:absolute;bottom:0;right:0;height:3.5rem;width:3.5rem;--tw-translate-x: 10%;--tw-translate-y: 10%;--tw-scale-x: 80%;--tw-scale-y: 80%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));overflow:hidden;--tw-bg-opacity: 1;background-color:rgb(254 240 138 / var(--tw-bg-opacity, 1))}.stepin-size-editor-margin-preview-box-inner{background-color:var(--color-primary-3)}.stepin-style-editor-radius-header{display:flex;flex:1 1 0%;justify-content:space-between}.stepin-style-editor-radius-header-input .label{margin-right:var(--margin-sm);-webkit-user-select:none;-moz-user-select:none;user-select:none;font-size:var(--font-size-sm);line-height:var(--leading);color:var(--color-subtext)}.stepin-style-editor-radius-item{display:flex;align-items:center;justify-content:space-between;border-width:0px;border-bottom-width:1px;border-style:solid;border-color:var(--color-border);padding-top:var(--padding-sm);padding-bottom:var(--padding-sm)}.stepin-style-editor-radius-item-name{font-weight:700}.stepin-style-editor-radius-item-key{margin-left:var(--margin-sm);font-size:var(--font-size-sm);line-height:var(--leading);color:var(--color-subtext)}.stepin-style-editor-radius-item-input{display:flex;align-items:center}.stepin-style-editor-radius-item-preview{position:relative;margin-top:calc(var(--margin-sm) * -1);margin-bottom:calc(var(--margin-sm) * -1);margin-left:var(--margin-sm);height:3rem;width:3rem;border-radius:var(--radius-xs);background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAABGdBTUEAALGPC/xhBQAAAFpJREFUWAntljEKADAIA23p6v//qQ+wfUEcCu1yriEgp0FHRJSJcnehmmWm1Dv/lO4HIg1AAAKjTqm03ea88zMCCEDgO4HV5bS757f+7wRoAAIQ4B9gByAAgQ3pfiDmXmAeEwAAAABJRU5ErkJggg==) 0% 0% / 28px}.stepin-style-editor-radius-item-preview-box{position:absolute;right:0;bottom:0;height:2rem;width:2rem;border-width:0px;border-left-width:2px;border-top-width:2px;border-style:solid;--tw-border-opacity: 1;border-color:rgb(147 197 253 / var(--tw-border-opacity, 1));background-color:var(--color-primary-1)}.stepin-style-editor-shadow-item{margin-top:var(--margin-sm);align-items:center;border-width:0px;border-bottom-width:1px;border-style:solid;border-color:var(--color-border);padding-bottom:var(--padding-sm)}.stepin-style-editor-shadow-item-header{display:flex;align-items:center;justify-content:space-between}.stepin-style-editor-shadow-item-title{display:flex;align-items:center}.stepin-style-editor-shadow-item-name{font-weight:700}.stepin-style-editor-shadow-item-key{margin-left:var(--margin-sm);color:var(--color-subtext)}.stepin-style-editor-shadow-item-preview{margin-bottom:calc(var(--margin-sm) * -1);display:flex;align-items:center;justify-content:center;padding:.75rem 1rem;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAABGdBTUEAALGPC/xhBQAAAFpJREFUWAntljEKADAIA23p6v//qQ+wfUEcCu1yriEgp0FHRJSJcnehmmWm1Dv/lO4HIg1AAAKjTqm03ea88zMCCEDgO4HV5bS757f+7wRoAAIQ4B9gByAAgQ3pfiDmXmAeEwAAAABJRU5ErkJggg==) 0% 0% / 28px}.stepin-style-editor-shadow-item-preview-box{height:1.5rem;width:2rem;border-radius:var(--radius-xs);background-color:var(--color-bg-container)}.stepin-style-editor-shadow-item-input{margin-top:var(--margin-sm)}.stepin-style-editor-shadow-item-input-component{height:32px;font-size:var(--font-size-sm);line-height:var(--leading)}.stepin-other-editor-line-style-header,.stepin-other-editor-multi-tabs-header{display:flex;flex:1 1 0%;align-items:center;justify-content:space-between}html{overflow:auto}body{margin:0;background-color:var(--color-bg-layout);font-size:var(--font-size);line-height:var(--leading);color:var(--color-text);height:unset}:root{color:initial;background-color:initial}h1,h2,h3,h4,h5,h6{color:var(--color-title)}h3{font-size:calc(var(--font-size) * 1.71)}a{background-color:transparent;color:var(--color-primary-6)}a:hover,a:active{color:var(--color-primary-7)}a[disabled]{color:var(--color-disabled)}caption{color:var(--color-subtext)}mark{--tw-bg-opacity: 1;background-color:rgb(254 252 232 / var(--tw-bg-opacity, 1))}::-moz-selection{background-color:var(--color-primary-5)}::selection{background-color:var(--color-primary-5)}html{--color-text-1: rgba(0, 0, 0, .85);--color-text-2: rgba(0, 0, 0, .65);--color-text-3: rgba(0, 0, 0, .45);--color-text-4: rgba(0, 0, 0, .25);--color-text: var(--color-text-1);--color-subtext: var(--color-text-2);--color-text-inverse: #fff;--color-border-1: #d9d9d9;--color-border-2: #f0f0f0;--color-fill-1: rgba(0, 0, 0, .15);--color-fill-2: rgba(0, 0, 0, .06);--color-fill-3: rgba(0, 0, 0, .04);--color-fill-4: rgba(0, 0, 0, .02);--color-border: var(--color-border-1);--color-disabled: var(--color-text-4);--color-shadow: rgba(0, 0, 0, .15);--color-shadow-light: rgba(0, 0, 0, .1);--color-bg-container: #fff;--color-bg-container-light: #fafafa;--color-bg-popover: #fff;--color-bg-layout: #f5f5f5;--color-bg-spotlight: var(--color-text-1);--color-bg-mask: rgba(0, 0, 0, .45);--color-bg-hover: var(--color-fill-3);--color-bg-active: var(--color-primary-1);--color-bg-disabled: var(--color-bg-layout);--color-bg-side: #fff;--color-bg-menu: #fff;--color-bg-submenu: #fafafa;--color-bg-header: #fff;--color-primary-1: #e6f8ff;--color-primary-2: #bae9ff;--color-primary-3: #91d9ff;--color-primary-4: #69c5ff;--color-primary-5: #40afff;--color-primary-6: #1896ff;--color-primary-7: #0974d9;--color-primary-8: #0056b3;--color-primary-9: #003f8c;--color-primary-10: #002b66;--color-primary: var(--color-primary-6);--color-primary-bg: var(--color-primary-1);--color-primary-bg-hover: var(--color-primary-2);--color-primary-border: var(--color-primary-3);--color-primary-border-hover: var(--color-primary-4);--color-primary-hover: var(--color-primary-5);--color-primary-active: var(--color-primary-7);--color-primary-text: var(--color-primary-6);--color-primary-text-hover: var(--color-primary-5);--color-primary-text-active: var(--color-primary-7);--color-success-1: #e1faed;--color-success-2: #adedcf;--color-success-3: #80e0b7;--color-success-4: #57d4a2;--color-success-5: #32c790;--color-success-6: #10ba81;--color-success-7: #069469;--color-success-8: #006e50;--color-success-9: #004737;--color-success-10: #00211b;--color-success: var(--color-success-6);--color-success-bg: var(--color-success-1);--color-success-bg-hover: var(--color-success-2);--color-success-border: var(--color-success-3);--color-success-border-hover: var(--color-success-4);--color-success-hover: var(--color-success-5);--color-success-active: var(--color-success-7);--color-success-text: var(--color-success-6);--color-success-text-hover: var(--color-success-5);--color-success-text-active: var(--color-success-7);--color-warning-1: #fffde6;--color-warning-2: #fff5ab;--color-warning-3: #ffec82;--color-warning-4: #ffe159;--color-warning-5: #f7cc2f;--color-warning-6: #ebb308;--color-warning-7: #c48d00;--color-warning-8: #9e6c00;--color-warning-9: #784e00;--color-warning-10: #523200;--color-warning: var(--color-warning-6);--color-warning-bg: var(--color-warning-1);--color-warning-bg-hover: var(--color-warning-2);--color-warning-border: var(--color-warning-3);--color-warning-border-hover: var(--color-warning-4);--color-warning-hover: var(--color-warning-5);--color-warning-active: var(--color-warning-7);--color-warning-text: var(--color-warning-6);--color-warning-text-hover: var(--color-warning-5);--color-warning-text-active: var(--color-warning-7);--color-error-1: #fff2f0;--color-error-2: #ffedeb;--color-error-3: #ffc8c2;--color-error-4: #ffa099;--color-error-5: #fc746f;--color-error-6: #ef4343;--color-error-7: #c92e34;--color-error-8: #a31d26;--color-error-9: #7d101b;--color-error-10: #570a15;--color-error: var(--color-error-6);--color-error-bg: var(--color-error-1);--color-error-bg-hover: var(--color-error-2);--color-error-border: var(--color-error-3);--color-error-border-hover: var(--color-error-4);--color-error-hover: var(--color-error-5);--color-error-active: var(--color-error-7);--color-error-text: var(--color-error-6);--color-error-text-hover: var(--color-error-5);--color-error-text-active: var(--color-error-7);--color-info-1: #e1faed;--color-info-2: #adedcf;--color-info-3: #80e0b7;--color-info-4: #57d4a2;--color-info-5: #32c790;--color-info-6: #10ba81;--color-info-7: #069469;--color-info-8: #006e50;--color-info-9: #004737;--color-info-10: #00211b;--color-info: var(--color-info-6);--color-info-bg: var(--color-info-1);--color-info-bg-hover: var(--color-info-2);--color-info-border: var(--color-info-3);--color-info-border-hover: var(--color-info-4);--color-info-hover: var(--color-info-5);--color-info-active: var(--color-info-7);--color-info-text: var(--color-info-6);--color-info-text-hover: var(--color-info-5);--color-info-text-active: var(--color-info-7);--radius-xs: 2px;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--box-shadow-1: 0 1px 2px -2px rgba(0, 0, 0, .16), 0 3px 6px 0 rgba(0, 0, 0, .12), 0 5px 12px 4px rgba(0, 0, 0, .09);--box-shadow-2: 0 3px 6px -4px rgba(0, 0, 0, .12), 0 6px 16px 0 rgba(0, 0, 0, .08), 0 9px 28px 8px rgba(0, 0, 0, .05);--box-shadow-3: 0 6px 16px -8px rgba(0, 0, 0, .08), 0 9px 28px 0 rgba(0, 0, 0, .05), 0 12px 48px 16px rgba(0, 0, 0, .03);--margin: var(--margin-md);--margin-xxs: 4px;--margin-xs: 8px;--margin-sm: 12px;--margin-md: 16px;--margin-lg: 20px;--margin-xl: 32px;--padding: var(--padding-md);--padding-xxs: 4px;--padding-xs: 8px;--padding-sm: 12px;--padding-md: 16px;--padding-lg: 20px;--padding-xl: 32px;--font-size: 14px;--font-size-xs: 10px;--font-size-sm: 12px;--font-size-md: 14px;--font-size-lg: 16px;--font-size-xl: 18px;--font-size-xxl: 22px;--font-size-xxxl: 30px;--leading: 1.57142857;--leading-sm: 1.66666667;--leading-lg: 1.5;--leading-head-1: 1.21052632;--leading-head-2: 1.26666667;--leading-head-3: 1.33333333;--leading-head-4: 1.4;--leading-head-5: 1.5;--width-side: 160px;--width-side-collapsed: 64px;--height-header: 56px;--height-footer: 56px}.stepin-alert-message{display:flex;align-items:center;padding-top:var(--padding-xxs);padding-bottom:var(--padding-xxs);padding-left:var(--padding-md);color:var(--color-text-inverse);transition-property:margin-top;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;transition-timing-function:cubic-bezier(0,0,.2,1)}.stepin-alert-message-content{flex:1 1 0%;text-align:center}.stepin-alert-message-error{background-color:var(--color-error-5)}.stepin-alert-message-info{--tw-bg-opacity: 1;background-color:rgb(192 132 252 / var(--tw-bg-opacity, 1))}.stepin-alert-message-warn{background-color:var(--color-warning-5)}.stepin-alert-message-success{background-color:var(--color-success-5)}.stepin-alert-message-close-icon{margin-right:var(--margin-md);font-size:18px}