snowy-designer
Version:
基于Epic-Designer-Pro版本的设计器,可视化开发页面表单
1 lines • 133 kB
CSS
.epic-tree .epic-tree-main{padding-right:10px}.epic-tree ul{list-style:none;padding:0}.epic-tree a{color:var(--epic-text-main);display:flex;margin-bottom:4px;margin-left:10px;border-radius:4px}.epic-tree a.hover{background-color:var(--epic-widget-hover-color)}.epic-tree a.selected{background:var(--epic-primary-selected-color)}.epic-tree a .text{display:inline-block;width:100%}.epic-tree a .text .epic-text-padding{padding:0 4px;white-space:nowrap}.epic-tree .epic-node-type-text{font-size:var(--epic-text-sm);color:var(--epic-text-disabled);margin-left:4px}.epic-tree .epic-tree-node{padding-left:14px;min-height:24px;line-height:24px;cursor:pointer}.epic-tree .epic-tree-node.level-1{padding-left:10px}.epic-tree .epic-tree-node.level-1>a{margin-left:0}.epic-tree .epic-tree-node .is-locked>a>span>.epic-text-padding,.epic-tree .epic-tree-node .is-locked>a>span>div>.epic-text-padding{color:#b88230;cursor:not-allowed}.epic-tree .epic-tree-node .is-locked>a>span>.epic-text-padding>.epic-node-type-text,.epic-tree .epic-tree-node .is-locked>a>span>div>.epic-text-padding>.epic-node-type-text{color:#b8823099}.epic-tree .epic-tree-node .is-locked>a>span .epic-tree-action,.epic-tree .epic-tree-node .is-locked>a>span>div .epic-tree-action{display:none!important}.epic-tree .epic-tree-node.is-hide .epic-component-icon{color:var(--epic-text-helper)}.epic-tree .epic-tree-node.is-hide .epic-text-padding{color:var(--epic-text-helper)!important}.epic-tree .epic-tree-node.is-hide .epic-text-padding>.epic-node-type-text{color:var(--epic-text-disabled)!important}.epic-tree .epic-tree-node .icon-expanded{position:absolute;left:10px;transition:transform .3s;color:var(--epic-border-color);font-size:var(--epic-text-sm)}.epic-tree .epic-tree-node .icon-expanded.expanded{transform:rotate(90deg)}.epic-tree .epic-tree-sublist{height:0;overflow:hidden}.epic-tree .epic-tree-sublist.expanded{height:auto}.epic-tree .epic-tree-sublist .epic-tree-node{position:relative}.epic-tree .epic-tree-sublist .epic-tree-node:after,.epic-tree .epic-tree-sublist .epic-tree-node:before{content:"";position:absolute;background:var(--epic-border-color);z-index:99}.epic-tree .epic-tree-sublist .epic-tree-node:after{width:.5px;height:120%;left:8px;top:0}.epic-tree .epic-tree-sublist .epic-tree-node:before{width:8px;height:.5px;left:8px;top:13px}.epic-tree .epic-tree-sublist .epic-tree-node.expanded:before{display:none}.epic-tree .epic-tree-sublist .epic-tree-node:last-child:after{height:18px;top:-4px}*,:before,:after{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / .5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: }::backdrop{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / .5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: }@keyframes shadcn-down{0%{height:0}to{height:var(--radix-accordion-content-height)}}@keyframes shadcn-up{0%{height:var(--radix-accordion-content-height)}to{height:0}}@keyframes shadcn-collapsible-down{0%{height:0}to{height:var(--radix-collapsible-content-height)}}@keyframes shadcn-collapsible-up{0%{height:var(--radix-collapsible-content-height)}to{height:0}}:root{--background: 0 0% 100%;--foreground: 240 10% 3.9%;--card: 0 0% 100%;--card-foreground: 240 10% 3.9%;--popover: 0 0% 100%;--popover-foreground: 240 10% 3.9%;--primary: 240 5.9% 10%;--primary-foreground: 0 0% 98%;--secondary: 240 4.8% 95.9%;--secondary-foreground: 240 5.9% 10%;--muted: 240 4.8% 95.9%;--muted-foreground: 240 3.8% 46.1%;--accent: 240 4.8% 95.9%;--accent-foreground: 240 5.9% 10%;--destructive: 0 84.2% 60.2%;--destructive-foreground: 0 0% 98%;--border: 240 5.9% 90%;--input: 240 5.9% 90%;--ring: 240 5.9% 10%;--radius: .5rem}.dark{--background: 240 10% 3.9%;--foreground: 0 0% 98%;--card: 240 10% 3.9%;--card-foreground: 0 0% 98%;--popover: 240 10% 3.9%;--popover-foreground: 0 0% 98%;--primary: 0 0% 98%;--primary-foreground: 240 5.9% 10%;--secondary: 240 3.7% 15.9%;--secondary-foreground: 0 0% 98%;--muted: 240 3.7% 15.9%;--muted-foreground: 240 5% 64.9%;--accent: 240 3.7% 15.9%;--accent-foreground: 0 0% 98%;--destructive: 0 62.8% 30.6%;--destructive-foreground: 0 0% 98%;--border: 240 3.7% 15.9%;--input: 240 3.7% 15.9%;--ring: 240 4.9% 83.9%}*{border-color:hsl(var(--border))}body{color:hsl(var(--foreground));background:hsl(var(--background))}@media (min-width: 640px){.epic-scoped .epic-scoped .container{max-width:640px}}@media (min-width: 768px){.epic-scoped .epic-scoped .container{max-width:768px}}@media (min-width: 1024px){.epic-scoped .epic-scoped .container{max-width:1024px}}@media (min-width: 1280px){.epic-scoped .epic-scoped .container{max-width:1280px}}@media (min-width: 1536px){.epic-scoped .epic-scoped .container{max-width:1536px}}.epic-scoped .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.epic-scoped .pointer-events-auto{pointer-events:auto}.epic-scoped .data-\[disabled\]\:pointer-events-none[data-disabled],.epic-scoped .pointer-events-none{pointer-events:none}.epic-scoped .disabled\:pointer-events-none:disabled{pointer-events:none}.epic-scoped .visible{visibility:visible}.epic-scoped .absolute{position:absolute}.epic-scoped .fixed{position:fixed}.epic-scoped .relative{position:relative}.epic-scoped .sticky{position:sticky}.epic-scoped .after\:absolute:after{position:absolute}.epic-scoped .static{position:static}.epic-scoped .inset-0{top:0;right:0;bottom:0;left:0}.epic-scoped .after\:inset-y-0:after{top:0;bottom:0}.epic-scoped .left-0{left:0}.epic-scoped .left-1\/2,.epic-scoped .left-50\/100{left:50%}.epic-scoped .left-2{left:8px}.epic-scoped .right-0{right:0}.epic-scoped .right-2,.epic-scoped .right-8px{right:8px}.epic-scoped .right-3{right:12px}.epic-scoped .right-4{right:16px}.epic-scoped .top--1px{top:-1px}.epic-scoped .top-0{top:0}.epic-scoped .top-1\/2,.epic-scoped .top-50\/100{top:50%}.epic-scoped .top-2,.epic-scoped .top-8px{top:8px}.epic-scoped .top-2\.5{top:10px}.epic-scoped .top-3{top:12px}.epic-scoped .top-4{top:16px}.epic-scoped .\[\&\[data-orientation\=vertical\]\]\:after\:left-0[data-orientation=vertical]:after{left:0}.epic-scoped .after\:left-1\/2:after{left:50%}.epic-scoped .z-\[100\]{z-index:100}.epic-scoped .z-10{z-index:10}.epic-scoped .z-50{z-index:50}.epic-scoped .z-9{z-index:9}.epic-scoped .z-998{z-index:998}.epic-scoped .z-999{z-index:999}.epic-scoped .grid{display:grid}.epic-scoped .grid-cols-\[16px_auto_auto_16px_16px\]{grid-template-columns:16px auto auto 16px 16px}.epic-scoped .grid-cols-\[16px_auto_auto_16px\]{grid-template-columns:16px auto auto 16px}.epic-scoped .grid-cols-\[1fr_1fr_1fr\]{grid-template-columns:1fr 1fr 1fr}.epic-scoped .grid-cols-\[auto_auto_16px\]{grid-template-columns:auto auto 16px}.epic-scoped .grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.epic-scoped .grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.epic-scoped .m-1{margin:4px}.epic-scoped .m\$_\${margin:var(--_\$)}.epic-scoped .first\:m-0:first-child{margin:0}.epic-scoped .-mx-1{margin-left:-4px;margin-right:-4px}.epic-scoped .mx-2{margin-left:8px;margin-right:8px}.epic-scoped .my-1{margin-top:4px;margin-bottom:4px}.epic-scoped .my-2{margin-top:8px;margin-bottom:8px}.epic-scoped .my-8{margin-top:32px;margin-bottom:32px}.epic-scoped .m-t-2,.epic-scoped .mt-2{margin-top:8px}.epic-scoped .mb-1{margin-bottom:4px}.epic-scoped .mb-2{margin-bottom:8px}.epic-scoped .mb-4{margin-bottom:16px}.epic-scoped .ml-\.5,.epic-scoped .ml-0\.5{margin-left:2px}.epic-scoped .ml-2{margin-left:8px}.epic-scoped .ml-auto{margin-left:auto}.epic-scoped .mr-1{margin-right:4px}.epic-scoped .mr-2{margin-right:8px}.epic-scoped .mr-2px{margin-right:2px}.epic-scoped .mt-0\.5{margin-top:2px}.epic-scoped .first\:ml-0:first-child{margin-left:0}.epic-scoped .box-border{box-sizing:border-box}.epic-scoped .inline{display:inline}.epic-scoped .block{display:block}.epic-scoped .block\!{display:block!important}.epic-scoped .hidden{display:none}.epic-scoped .\[\&\>svg\]\:size-3\.5>svg{width:14px;height:14px}.epic-scoped .size-10{width:40px;height:40px}.epic-scoped .size-4{width:16px;height:16px}.epic-scoped .size-9{width:36px;height:36px}.epic-scoped .\!min-w-max{min-width:max-content!important}.epic-scoped .\[\&\[data-orientation\=vertical\]\]\:h-px[data-orientation=vertical],.epic-scoped .h-px{height:1px}.epic-scoped .\[\&\[data-orientation\=vertical\]\]\:w-full[data-orientation=vertical],.epic-scoped .w-100\%,.epic-scoped .w-full{width:100%}.epic-scoped .h-\[--radix-select-trigger-height\]{height:var(--radix-select-trigger-height)}.epic-scoped .h-0{height:0}.epic-scoped .h-10{height:40px}.epic-scoped .h-11{height:44px}.epic-scoped .h-12{height:48px}.epic-scoped .h-2{height:8px}.epic-scoped .h-2\.5{height:10px}.epic-scoped .h-24px,.epic-scoped .h-6{height:24px}.epic-scoped .h-28px,.epic-scoped .h-7{height:28px}.epic-scoped .h-3\.5{height:14px}.epic-scoped .h-30\/100{height:30%}.epic-scoped .h-4{height:16px}.epic-scoped .h-8{height:32px}.epic-scoped .h-9{height:36px}.epic-scoped .h-full{height:100%}.epic-scoped .h3{height:12px}.epic-scoped .max-h-96{max-height:384px}.epic-scoped .max-h-screen{max-height:100vh}.epic-scoped .max-w-full{max-width:100%}.epic-scoped .max-w-lg{max-width:512px}.epic-scoped .min-w-\[--radix-select-trigger-width\]{min-width:var(--radix-select-trigger-width)}.epic-scoped .min-w-32{min-width:128px}.epic-scoped .min-w-750px{min-width:750px}.epic-scoped .w-\[200px\]{width:200px}.epic-scoped .w-\[306px\]{width:306px}.epic-scoped .w-\[320px\]{width:320px}.epic-scoped .w-0,.epic-scoped .w-0px{width:0}.epic-scoped .w-10{width:40px}.epic-scoped .w-100px{width:100px}.epic-scoped .w-12{width:48px}.epic-scoped .w-120px,.epic-scoped .w-30{width:120px}.epic-scoped .w-150px{width:150px}.epic-scoped .w-180px{width:180px}.epic-scoped .w-2{width:8px}.epic-scoped .w-2\.5{width:10px}.epic-scoped .w-22{width:88px}.epic-scoped .w-240px,.epic-scoped .w-60{width:240px}.epic-scoped .w-24px{width:24px}.epic-scoped .w-28px{width:28px}.epic-scoped .w-3{width:12px}.epic-scoped .w-3\.5{width:14px}.epic-scoped .w-308px{width:308px}.epic-scoped .w-390px{width:390px}.epic-scoped .w-4{width:16px}.epic-scoped .w-64{width:256px}.epic-scoped .w-8{width:32px}.epic-scoped .w-9{width:36px}.epic-scoped .w-900px{width:900px}.epic-scoped .w-px{width:1px}.epic-scoped .\[\&\[data-orientation\=vertical\]\]\:after\:h-1[data-orientation=vertical]:after{height:4px}.epic-scoped .\[\&\[data-orientation\=vertical\]\]\:after\:w-full[data-orientation=vertical]:after{width:100%}.epic-scoped .after\:w-1:after{width:4px}.epic-scoped .flex{display:flex}.epic-scoped .inline-flex{display:inline-flex}.epic-scoped .flex-1{flex:1 1 0%}.epic-scoped .flex-shrink{flex-shrink:1}.epic-scoped .flex-shrink-0,.epic-scoped .shrink-0{flex-shrink:0}.epic-scoped .flex-grow-0{flex-grow:0}.epic-scoped .basis-auto{flex-basis:auto}.epic-scoped .data-\[panel-group-direction\=vertical\]\:flex-col[data-panel-group-direction=vertical],.epic-scoped .flex-col{flex-direction:column}.epic-scoped .flex-col-reverse{flex-direction:column-reverse}.epic-scoped .flex-wrap{flex-wrap:wrap}.epic-scoped .table{display:table}.epic-scoped .border-collapse{border-collapse:collapse}.epic-scoped .-translate-x-1\/2{--un-translate-x:-50%;transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}.epic-scoped .-translate-y-1\/2{--un-translate-y:-50%;transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}.epic-scoped .data-\[side\=bottom\]\:translate-y-1[data-side=bottom]{--un-translate-y:4px;transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}.epic-scoped .data-\[side\=left\]\:-translate-x-1[data-side=left]{--un-translate-x:-4px;transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}.epic-scoped .data-\[side\=right\]\:translate-x-1[data-side=right]{--un-translate-x:4px;transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}.epic-scoped .data-\[side\=top\]\:-translate-y-1[data-side=top]{--un-translate-y:-4px;transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}.epic-scoped .data-\[swipe\=cancel\]\:translate-x-0[data-swipe=cancel]{--un-translate-x:0;transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}.epic-scoped .data-\[swipe\=end\]\:translate-x-\[--radix-toast-swipe-end-x\][data-swipe=end]{--un-translate-x:var(--radix-toast-swipe-end-x);transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}.epic-scoped .data-\[swipe\=move\]\:translate-x-\[--radix-toast-swipe-move-x\][data-swipe=move]{--un-translate-x:var(--radix-toast-swipe-move-x);transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}.epic-scoped .translate-y-0px{--un-translate-y:0;transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}.epic-scoped .translate-y-2px{--un-translate-y:2px;transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}.epic-scoped .\[\&\[data-orientation\=vertical\]\]\:after\:-translate-y-1\/2[data-orientation=vertical]:after{--un-translate-y:-50%;transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}.epic-scoped .\[\&\[data-orientation\=vertical\]\]\:after\:translate-x-0[data-orientation=vertical]:after{--un-translate-x:0;transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}.epic-scoped .after\:-translate-x-1\/2:after{--un-translate-x:-50%;transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}.epic-scoped .\[\&\[data-orientation\=vertical\]\>div\]\:rotate-90[data-orientation=vertical]>div{--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-rotate:90deg;transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}.epic-scoped .\[\&\[data-state\=open\]\>svg\]\:rotate-180[data-state=open]>svg,.epic-scoped .rotate-180{--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-rotate:180deg;transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}.epic-scoped .rotate-45{--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-rotate:45deg;transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}.epic-scoped .transform{transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}@keyframes una-in{0%{opacity:var(--una-enter-opacity,1);transform:translate3d(var(--una-enter-translate-x,0),var(--una-enter-translate-y,0),0) scale3d(var(--una-enter-scale,1),var(--una-enter-scale,1),var(--una-enter-scale,1)) rotate(var(--una-enter-rotate,0))}}.epic-scoped .epic-scoped .animate-in,.epic-scoped .epic-scoped .data-\[state\=open\]\:animate-in[data-state=open]{animation:una-in}@keyframes una-out{to{opacity:var(--una-exit-opacity,1);transform:translate3d(var(--una-exit-translate-x,0),var(--una-exit-translate-y,0),0) scale3d(var(--una-exit-scale,1),var(--una-exit-scale,1),var(--una-exit-scale,1)) rotate(var(--una-exit-rotate,0))}}.epic-scoped .epic-scoped .data-\[state\=closed\]\:animate-out[data-state=closed],.epic-scoped .epic-scoped .data-\[swipe\=end\]\:animate-out[data-swipe=end]{animation:una-out}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.epic-scoped .animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.epic-scoped .cursor-default{cursor:default}.epic-scoped .cursor-pointer{cursor:pointer}.epic-scoped .cursor-move{cursor:move}.epic-scoped .disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.epic-scoped .cursor-grab{cursor:grab}.epic-scoped .cursor-ew-resize{cursor:ew-resize}.epic-scoped .touch-none{touch-action:none}.epic-scoped .select-none{-webkit-user-select:none;user-select:none}.epic-scoped .place-items-center{place-items:center}.epic-scoped .items-center{align-items:center}.epic-scoped .justify-end{justify-content:flex-end}.epic-scoped .justify-center{justify-content:center}.epic-scoped .justify-between{justify-content:space-between}.epic-scoped .gap-1{gap:4px}.epic-scoped .gap-1\.5{gap:6px}.epic-scoped .gap-2{gap:8px}.epic-scoped .gap-4{gap:16px}.epic-scoped .gap-y-1\.5{row-gap:6px}.epic-scoped .gap-y-2{row-gap:8px}.epic-scoped .space-x-2>:not([hidden])~:not([hidden]){--un-space-x-reverse:0;margin-left:calc(8px * calc(1 - var(--un-space-x-reverse)));margin-right:calc(8px * var(--un-space-x-reverse))}.epic-scoped .space-x-4>:not([hidden])~:not([hidden]){--un-space-x-reverse:0;margin-left:calc(16px * calc(1 - var(--un-space-x-reverse)));margin-right:calc(16px * var(--un-space-x-reverse))}.epic-scoped .space-y-2>:not([hidden])~:not([hidden]){--un-space-y-reverse:0;margin-top:calc(8px * calc(1 - var(--un-space-y-reverse)));margin-bottom:calc(8px * var(--un-space-y-reverse))}.epic-scoped .space-y-3>:not([hidden])~:not([hidden]){--un-space-y-reverse:0;margin-top:calc(12px * calc(1 - var(--un-space-y-reverse)));margin-bottom:calc(12px * var(--un-space-y-reverse))}.epic-scoped .overflow-auto{overflow:auto}.epic-scoped .overflow-hidden{overflow:hidden}.epic-scoped .overflow-y-auto{overflow-y:auto}.epic-scoped .overflow-y-hidden{overflow-y:hidden}.epic-scoped .\[\&\>span\]\:truncate>span,.epic-scoped .truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.epic-scoped .whitespace-nowrap{white-space:nowrap}.epic-scoped .break-words{overflow-wrap:break-word}.epic-scoped .b,.epic-scoped .border,.epic-scoped .border-1px{border-width:1px}.epic-scoped .file\:border-0::file-selector-button{border-width:0px}.epic-scoped .border-b,.epic-scoped .data-\[state\=open\]\:border-b[data-state=open]{border-bottom-width:1px}.epic-scoped .border-l{border-left-width:1px}.epic-scoped .border-t{border-top-width:1px}.group.destructive .epic-scoped .group-\[\.destructive\]\:border-muted\/40{border-color:hsl(var(--muted) / .4)}.group.destructive .epic-scoped .group-\[\.destructive\]\:hover\:border-destructive\/30:hover{border-color:hsl(var(--destructive) / .3)}.epic-scoped .border-border{--un-border-opacity:1;border-color:hsl(var(--border) / var(--un-border-opacity))}.epic-scoped .border-destructive{--un-border-opacity:1;border-color:hsl(var(--destructive) / var(--un-border-opacity))}.epic-scoped .border-gray-200{--un-border-opacity:1;border-color:rgb(229 231 235 / var(--un-border-opacity))}.epic-scoped .border-input{--un-border-opacity:1;border-color:hsl(var(--input) / var(--un-border-opacity))}.epic-scoped .border-red-300{--un-border-opacity:1;border-color:rgb(252 165 165 / var(--un-border-opacity))}.epic-scoped .hover\:border-primary:hover{--un-border-opacity:1;border-color:hsl(var(--primary) / var(--un-border-opacity))}.epic-scoped .border-l-transparent{border-left-color:transparent}.epic-scoped .border-t-transparent{border-top-color:transparent}.epic-scoped .rounded,.epic-scoped .rounded-1{border-radius:4px}.epic-scoped .rounded-\[inherit\]{border-radius:inherit}.epic-scoped .rounded-full{border-radius:9999px}.epic-scoped .rounded-lg{border-radius:var(--radius)}.epic-scoped .rounded-md{border-radius:calc(var(--radius) - 2px)}.epic-scoped .rounded-sm{border-radius:calc(var(--radius) - 4px)}.epic-scoped .rounded-xl{border-radius:calc(var(--radius) + 4px)}.epic-scoped .rounded-bl-2{border-bottom-left-radius:8px}.epic-scoped .border-dashed{border-style:dashed}.epic-scoped .border-none{border-style:none}.epic-scoped .border-solid{border-style:solid}.group.destructive .epic-scoped .group-\[\.destructive\]\:hover\:bg-destructive:hover{--un-bg-opacity:1;background-color:hsl(var(--destructive) / var(--un-bg-opacity))}.epic-scoped .bg-\#ffffff00{--un-bg-opacity:0;background-color:rgb(255 255 255 / var(--un-bg-opacity))}.epic-scoped .bg-\$epic-gray-3{background-color:var(--epic-gray-3)}.epic-scoped .bg-\$epic-segmented-color{background-color:var(--epic-segmented-color)}.epic-scoped .bg-\$epic-widget-hover-color{background-color:var(--epic-widget-hover-color)}.epic-scoped .bg-background,.epic-scoped .data-\[state\=active\]\:bg-background[data-state=active]{--un-bg-opacity:1;background-color:hsl(var(--background) / var(--un-bg-opacity))}.epic-scoped .bg-black\/80{background-color:#000c}.epic-scoped .bg-border{--un-bg-opacity:1;background-color:hsl(var(--border) / var(--un-bg-opacity))}.epic-scoped .bg-card{--un-bg-opacity:1;background-color:hsl(var(--card) / var(--un-bg-opacity))}.epic-scoped .bg-destructive{--un-bg-opacity:1;background-color:hsl(var(--destructive) / var(--un-bg-opacity))}.epic-scoped .bg-gray-50{--un-bg-opacity:1;background-color:rgb(249 250 251 / var(--un-bg-opacity))}.epic-scoped .bg-green-4{--un-bg-opacity:1;background-color:rgb(74 222 128 / var(--un-bg-opacity))}.epic-scoped .bg-muted{--un-bg-opacity:1;background-color:hsl(var(--muted) / var(--un-bg-opacity))}.epic-scoped .bg-popover{--un-bg-opacity:1;background-color:hsl(var(--popover) / var(--un-bg-opacity))}.epic-scoped .bg-primary,.epic-scoped .data-\[state\=on\]\:bg-primary[data-state=on]{--un-bg-opacity:1;background-color:hsl(var(--primary) / var(--un-bg-opacity))}.epic-scoped .bg-red-100{--un-bg-opacity:1;background-color:rgb(254 226 226 / var(--un-bg-opacity))}.epic-scoped .bg-secondary{--un-bg-opacity:1;background-color:hsl(var(--secondary) / var(--un-bg-opacity))}.epic-scoped .bg-transparent{background-color:transparent}.epic-scoped .bg-white{--un-bg-opacity:1;background-color:rgb(255 255 255 / var(--un-bg-opacity))}.epic-scoped .data-\[state\=open\]\:bg-accent[data-state=open],.epic-scoped .hover\:bg-accent:hover{--un-bg-opacity:1;background-color:hsl(var(--accent) / var(--un-bg-opacity))}.epic-scoped .hover\:bg-destructive\/90:hover{background-color:hsl(var(--destructive) / .9)}.epic-scoped .hover\:bg-gray-100:hover{--un-bg-opacity:1;background-color:rgb(243 244 246 / var(--un-bg-opacity))}.epic-scoped .hover\:bg-primary:hover{--un-bg-opacity:1;background-color:hsl(var(--primary) / var(--un-bg-opacity))}.epic-scoped .hover\:bg-primary\/90:hover{background-color:hsl(var(--primary) / .9)}.epic-scoped .hover\:bg-red-400:hover{--un-bg-opacity:1;background-color:rgb(248 113 113 / var(--un-bg-opacity))}.epic-scoped .hover\:bg-secondary:hover{--un-bg-opacity:1;background-color:hsl(var(--secondary) / var(--un-bg-opacity))}.epic-scoped .hover\:bg-secondary\/80:hover{background-color:hsl(var(--secondary) / .8)}.group:hover .epic-scoped .group-hover\:bg-\#9f7{--un-bg-opacity:1;background-color:rgb(153 255 119 / var(--un-bg-opacity))}.group:hover .epic-scoped .group-hover\:bg-\#f89{--un-bg-opacity:1;background-color:rgb(255 136 153 / var(--un-bg-opacity))}.epic-scoped .focus\:bg-accent:focus{--un-bg-opacity:1;background-color:hsl(var(--accent) / var(--un-bg-opacity))}.epic-scoped .file\:bg-transparent::file-selector-button{background-color:transparent}.epic-scoped .fill-current{fill:currentColor}.epic-scoped .p-\[10px\]{padding:10px}.epic-scoped .p-0\.5{padding:2px}.epic-scoped .p-1{padding:4px}.epic-scoped .p-2{padding:8px}.epic-scoped .p-3{padding:12px}.epic-scoped .p-4{padding:16px}.epic-scoped .p-6{padding:24px}.epic-scoped .p-px{padding:1px}.epic-scoped .px,.epic-scoped .px-16px,.epic-scoped .px-4{padding-left:16px;padding-right:16px}.epic-scoped .px-1{padding-left:4px;padding-right:4px}.epic-scoped .px-1\.5{padding-left:6px;padding-right:6px}.epic-scoped .px-10px{padding-left:10px;padding-right:10px}.epic-scoped .px-2{padding-left:8px;padding-right:8px}.epic-scoped .px-3{padding-left:12px;padding-right:12px}.epic-scoped .px-8{padding-left:32px;padding-right:32px}.epic-scoped .py-1{padding-top:4px;padding-bottom:4px}.epic-scoped .py-1\.5,.epic-scoped .py-6px{padding-top:6px;padding-bottom:6px}.epic-scoped .py-2{padding-top:8px;padding-bottom:8px}.epic-scoped .py-3{padding-top:12px;padding-bottom:12px}.epic-scoped .py-4{padding-top:16px;padding-bottom:16px}.epic-scoped .pb-0{padding-bottom:0}.epic-scoped .pb-2{padding-bottom:8px}.epic-scoped .pb-4{padding-bottom:16px}.epic-scoped .pl-4{padding-left:16px}.epic-scoped .pl-8{padding-left:32px}.epic-scoped .pr-1{padding-right:4px}.epic-scoped .pr-2,.epic-scoped .pr-8px{padding-right:8px}.epic-scoped .pr-3{padding-right:12px}.epic-scoped .pr-8{padding-right:32px}.epic-scoped .pr-9{padding-right:36px}.epic-scoped .pt{padding-top:16px}.epic-scoped .pt-0{padding-top:0}.epic-scoped .pt-1{padding-top:4px}.epic-scoped .pt-2{padding-top:8px}.epic-scoped .pt-36px{padding-top:36px}.epic-scoped .pt-42px{padding-top:42px}.epic-scoped .text-center{text-align:center}.epic-scoped .text-start{text-align:start}.epic-scoped .text-10{font-size:40px}.epic-scoped .text-16px{font-size:16px}.epic-scoped .text-2xl{font-size:24px;line-height:32px}.epic-scoped .text-base{font-size:16px;line-height:24px}.epic-scoped .text-lg{font-size:18px;line-height:28px}.epic-scoped .text-sm{font-size:14px;line-height:20px}.epic-scoped .text-xl{font-size:20px;line-height:28px}.epic-scoped .text-xs{font-size:12px;line-height:16px}.epic-scoped .file\:text-sm::file-selector-button{font-size:14px;line-height:20px}.group.destructive .epic-scoped .group-\[\.destructive\]\:hover\:text-destructive-foreground:hover{--un-text-opacity:1;color:hsl(var(--destructive-foreground) / var(--un-text-opacity))}.group.destructive .epic-scoped .group-\[\.destructive\]\:hover\:text-red-50:hover{--un-text-opacity:1;color:rgb(254 242 242 / var(--un-text-opacity))}.group.destructive .epic-scoped .group-\[\.destructive\]\:text-red-300{--un-text-opacity:1;color:rgb(252 165 165 / var(--un-text-opacity))}.epic-scoped .data-\[state\=active\]\:text-foreground[data-state=active],.epic-scoped .text-foreground{--un-text-opacity:1;color:hsl(var(--foreground) / var(--un-text-opacity))}.epic-scoped .color-white,.epic-scoped .data-\[state\=on\]\:text-white[data-state=on]{--un-text-opacity:1;color:rgb(255 255 255 / var(--un-text-opacity))}.epic-scoped .data-\[state\=open\]\:text-accent-foreground[data-state=open]{--un-text-opacity:1;color:hsl(var(--accent-foreground) / var(--un-text-opacity))}.epic-scoped .data-\[state\=open\]\:text-muted-foreground[data-state=open],.epic-scoped .text-muted-foreground{--un-text-opacity:1;color:hsl(var(--muted-foreground) / var(--un-text-opacity))}.epic-scoped .text-\#666{--un-text-opacity:1;color:rgb(102 102 102 / var(--un-text-opacity))}.epic-scoped .text-\$epic-primary-color{color:var(--epic-primary-color)}.epic-scoped .text-\$epic-text-helper{color:var(--epic-text-helper)}.epic-scoped .text-\$epic-text-main{color:var(--epic-text-main)}.epic-scoped .text-\$epic-text-medium{color:var(--epic-text-medium)}.epic-scoped .text-\$epic-text-secondary{color:var(--epic-text-secondary)}.epic-scoped .text-blue-500{--un-text-opacity:1;color:rgb(59 130 246 / var(--un-text-opacity))}.epic-scoped .text-card-foreground{--un-text-opacity:1;color:hsl(var(--card-foreground) / var(--un-text-opacity))}.epic-scoped .text-destructive-foreground{--un-text-opacity:1;color:hsl(var(--destructive-foreground) / var(--un-text-opacity))}.epic-scoped .text-foreground\/50{color:hsl(var(--foreground) / .5)}.epic-scoped .text-gray-400{--un-text-opacity:1;color:rgb(156 163 175 / var(--un-text-opacity))}.epic-scoped .text-popover-foreground{--un-text-opacity:1;color:hsl(var(--popover-foreground) / var(--un-text-opacity))}.epic-scoped .text-primary{--un-text-opacity:1;color:hsl(var(--primary) / var(--un-text-opacity))}.epic-scoped .text-primary-foreground{--un-text-opacity:1;color:hsl(var(--primary-foreground) / var(--un-text-opacity))}.epic-scoped .text-red-400{--un-text-opacity:1;color:rgb(248 113 113 / var(--un-text-opacity))}.epic-scoped .text-secondary-foreground{--un-text-opacity:1;color:hsl(var(--secondary-foreground) / var(--un-text-opacity))}.epic-scoped .hover\:text-accent-foreground:hover{--un-text-opacity:1;color:hsl(var(--accent-foreground) / var(--un-text-opacity))}.epic-scoped .hover\:text-foreground:hover{--un-text-opacity:1;color:hsl(var(--foreground) / var(--un-text-opacity))}.epic-scoped .hover\:text-red:hover{--un-text-opacity:1;color:rgb(248 113 113 / var(--un-text-opacity))}.epic-scoped .hover\:text-white:hover{--un-text-opacity:1;color:rgb(255 255 255 / var(--un-text-opacity))}.epic-scoped .focus\:text-accent-foreground:focus{--un-text-opacity:1;color:hsl(var(--accent-foreground) / var(--un-text-opacity))}.epic-scoped .placeholder\:text-muted-foreground::placeholder{--un-text-opacity:1;color:hsl(var(--muted-foreground) / var(--un-text-opacity))}.epic-scoped .hover\:color-\#f22:hover{--un-text-opacity:1;color:rgb(255 34 34 / var(--un-text-opacity))}.epic-scoped .font-medium{font-weight:500}.epic-scoped .font-normal{font-weight:400}.epic-scoped .font-semibold{font-weight:600}.epic-scoped .file\:font-medium::file-selector-button{font-weight:500}.epic-scoped .leading-8{line-height:32px}.epic-scoped .leading-none{line-height:1}.epic-scoped .tracking-tight{letter-spacing:-.025em}.epic-scoped .tracking-widest{letter-spacing:.1em}.epic-scoped .line-through{text-decoration-line:line-through}.epic-scoped .overline{text-decoration-line:overline}.epic-scoped .underline,.epic-scoped .hover\:underline:hover{text-decoration-line:underline}.epic-scoped .underline-offset-4{text-underline-offset:4px}.epic-scoped .antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.epic-scoped .tab{-moz-tab-size:4;-o-tab-size:4;tab-size:4}.epic-scoped .data-\[disabled\]\:opacity-50[data-disabled],.epic-scoped .opacity-50{opacity:.5}.epic-scoped .opacity-0{opacity:0}.epic-scoped .opacity-70{opacity:.7}.epic-scoped .opacity-90{opacity:.9}.epic-scoped .hover\:opacity-100:hover,.group:hover .epic-scoped .group-hover\:opacity-100{opacity:1}.epic-scoped .focus\:opacity-100:focus{opacity:1}.epic-scoped .disabled\:opacity-50:disabled{opacity:.5}.epic-scoped .data-\[state\=active\]\:shadow-sm[data-state=active],.epic-scoped .shadow-sm{--un-shadow:var(--un-shadow-inset) 0 1px 2px 0 var(--un-shadow-color, rgb(0 0 0 / .05));box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow)}.epic-scoped .shadow{--un-shadow:var(--un-shadow-inset) 0 1px 3px 0 var(--un-shadow-color, rgb(0 0 0 / .1)),var(--un-shadow-inset) 0 1px 2px -1px var(--un-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow)}.epic-scoped .shadow-lg{--un-shadow:var(--un-shadow-inset) 0 10px 15px -3px var(--un-shadow-color, rgb(0 0 0 / .1)),var(--un-shadow-inset) 0 4px 6px -4px var(--un-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow)}.epic-scoped .shadow-md{--un-shadow:var(--un-shadow-inset) 0 4px 6px -1px var(--un-shadow-color, rgb(0 0 0 / .1)),var(--un-shadow-inset) 0 2px 4px -2px var(--un-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow)}.epic-scoped .outline{outline-style:solid}.epic-scoped .outline-none{outline:2px solid transparent;outline-offset:2px}.epic-scoped .focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.epic-scoped .focus-visible\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px}.epic-scoped .focus\:ring-0:focus{--un-ring-width:0px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow)}.epic-scoped .focus\:ring-2:focus{--un-ring-width:2px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow)}.epic-scoped .focus-visible\:ring-1:focus-visible{--un-ring-width:1px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow)}.epic-scoped .focus-visible\:ring-2:focus-visible{--un-ring-width:2px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow)}.epic-scoped .focus\:ring-offset-0:focus{--un-ring-offset-width:0px}.epic-scoped .focus\:ring-offset-2:focus{--un-ring-offset-width:2px}.epic-scoped .focus-visible\:ring-offset-1:focus-visible{--un-ring-offset-width:1px}.epic-scoped .focus-visible\:ring-offset-2:focus-visible{--un-ring-offset-width:2px}.group.destructive .epic-scoped .group-\[\.destructive\]\:focus\:ring-destructive:focus{--un-ring-opacity:1;--un-ring-color:hsl(var(--destructive) / var(--un-ring-opacity)) }.group.destructive .epic-scoped .group-\[\.destructive\]\:focus\:ring-red-400:focus{--un-ring-opacity:1;--un-ring-color:rgb(248 113 113 / var(--un-ring-opacity)) }.epic-scoped .focus\:ring-ring:focus{--un-ring-opacity:1;--un-ring-color:hsl(var(--ring) / var(--un-ring-opacity)) }.epic-scoped .focus-visible\:ring-ring:focus-visible{--un-ring-opacity:1;--un-ring-color:hsl(var(--ring) / var(--un-ring-opacity)) }.group.destructive .epic-scoped .group-\[\.destructive\]\:focus\:ring-offset-red-600:focus{--un-ring-offset-opacity:1;--un-ring-offset-color:rgb(220 38 38 / var(--un-ring-offset-opacity)) }.epic-scoped .ring-offset-background{--un-ring-offset-opacity:1;--un-ring-offset-color:hsl(var(--background) / var(--un-ring-offset-opacity)) }.epic-scoped .blur{--un-blur:blur(8px);filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia)}.epic-scoped .grayscale{--un-grayscale:grayscale(1);filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia)}.epic-scoped .filter{filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia)}.epic-scoped .transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.epic-scoped .transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.epic-scoped .transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.epic-scoped .transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.epic-scoped .transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.epic-scoped .duration-200{transition-duration:.2s}.epic-scoped .data-\[swipe\=move\]\:transition-none[data-swipe=move]{transition:none}.epic-scoped .data-\[state\=open\]\:fade-in-0[data-state=open],.epic-scoped .fade-in-0{--una-enter-opacity:0}.epic-scoped .fade-in-80{--una-enter-opacity:.8}.epic-scoped .data-\[state\=closed\]\:fade-out-0[data-state=closed]{--una-exit-opacity:0}.epic-scoped .data-\[state\=closed\]\:fade-out-80[data-state=closed]{--una-exit-opacity:.8}.epic-scoped .data-\[state\=open\]\:zoom-in-95[data-state=open],.epic-scoped .zoom-in-95{--una-enter-scale:.95}.epic-scoped .data-\[state\=closed\]\:zoom-out-95[data-state=closed]{--una-exit-scale:.95}.epic-scoped .data-\[side\=bottom\]\:slide-in-from-top-2[data-side=bottom]{--una-enter-translate-y:-8px}.epic-scoped .data-\[side\=left\]\:slide-in-from-right-2[data-side=left]{--una-enter-translate-x:8px}.epic-scoped .data-\[side\=right\]\:slide-in-from-left-2[data-side=right]{--una-enter-translate-x:-8px}.epic-scoped .data-\[side\=top\]\:slide-in-from-bottom-2[data-side=top]{--una-enter-translate-y:8px}.epic-scoped .data-\[state\=open\]\:slide-in-from-left-1\/2[data-state=open]{--una-enter-translate-x:-50%}.epic-scoped .data-\[state\=open\]\:slide-in-from-top-full[data-state=open]{--una-enter-translate-y:-100%}.epic-scoped .data-\[state\=closed\]\:slide-out-to-left-1\/2[data-state=closed]{--una-exit-translate-x:-50%}.epic-scoped .data-\[state\=closed\]\:slide-out-to-right-full[data-state=closed]{--una-exit-translate-x:100%}.epic-scoped .data-\[state\=open\]\:animate-accordion-down[data-state=open]{animation:shadcn-down .2s ease-out}.epic-scoped .data-\[state\=closed\]\:animate-accordion-up[data-state=closed]{animation:shadcn-up .2s ease-out}.epic-scoped .animate-in,.epic-scoped .data-\[state\=open\]\:animate-in[data-state=open]{animation-name:una-in;animation-duration:.15s;--una-enter-opacity:initial;--una-enter-scale:initial;--una-enter-rotate:initial;--una-enter-translate-x:initial;--una-enter-translate-y:initial}.epic-scoped .data-\[state\=closed\]\:animate-out[data-state=closed],.epic-scoped .data-\[swipe\=end\]\:animate-out[data-swipe=end]{animation-name:una-out;animation-duration:.15s;--una-exit-opacity:initial;--una-exit-scale:initial;--una-exit-rotate:initial;--una-exit-translate-x:initial;--una-exit-translate-y:initial}@media (min-width: 640px){.epic-scoped .sm\:bottom-0{bottom:0}.epic-scoped .sm\:right-0{right:0}.epic-scoped .sm\:top-auto{top:auto}.epic-scoped .sm\:mt-0{margin-top:0}.epic-scoped .sm\:flex-row{flex-direction:row}.epic-scoped .sm\:flex-col{flex-direction:column}.epic-scoped .sm\:justify-end{justify-content:flex-end}.epic-scoped .sm\:gap-2\.5{gap:10px}.epic-scoped .sm\:gap-x-2{column-gap:8px}.epic-scoped .sm\:rounded-lg{border-radius:var(--radius)}.epic-scoped .sm\:text-left{text-align:left}.epic-scoped .data-\[state\=open\]\:sm\:slide-in-from-bottom-full[data-state=open]{--una-enter-translate-y:100%}}@media (min-width: 768px){.epic-scoped .md\:max-w-\[420px\]{max-width:420px}.epic-scoped .md\:w-full{width:100%}}.icon--epic{display:inline-block;width:1em;height:1em;background-color:currentColor;-webkit-mask-image:var(--svg);mask-image:var(--svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%}.icon--epic--radio-button-checked-outline{--svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath d='M12 17q2.075 0 3.538-1.463T17 12t-1.463-3.537T12 7T8.463 8.463T7 12t1.463 3.538T12 17m0 5q-2.075 0-3.9-.788t-3.175-2.137T2.788 15.9T2 12t.788-3.9t2.137-3.175T8.1 2.788T12 2t3.9.788t3.175 2.137T21.213 8.1T22 12t-.788 3.9t-2.137 3.175t-3.175 2.138T12 22m0-2q3.35 0 5.675-2.325T20 12t-2.325-5.675T12 4T6.325 6.325T4 12t2.325 5.675T12 20m0-8'/%3E%3C/svg%3E")}.icon--epic--toggle-off-outline{--svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath d='M7 18q-2.5 0-4.25-1.75T1 12t1.75-4.25T7 6h10q2.5 0 4.25 1.75T23 12t-1.75 4.25T17 18zm0-2h10q1.65 0 2.825-1.175T21 12t-1.175-2.825T17 8H7Q5.35 8 4.175 9.175T3 12t1.175 2.825T7 16m0-1q1.25 0 2.125-.875T10 12t-.875-2.125T7 9t-2.125.875T4 12t.875 2.125T7 15m5-3'/%3E%3C/svg%3E")}.icon--epic--switches{--svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath d='M7 17q-2.075 0-3.537-1.463T2 12t1.463-3.537T7 7q1.25 0 2.263.55T11 9h8q1.25 0 2.125.875T22 12t-.875 2.125T19 15h-8q-.725.9-1.737 1.45T7 17m4.9-4H19q.425 0 .713-.288T20 12t-.288-.712T19 11h-7.1q.05.225.075.5T12 12t-.025.5t-.075.5'/%3E%3C/svg%3E")}.icon--epic--dialogs-outline-rounded{--svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath d='M9 16h6q.425 0 .713-.288T16 15V9q0-.425-.288-.712T15 8H9q-.425 0-.712.288T8 9v6q0 .425.288.713T9 16m-4 5q-.825 0-1.412-.587T3 19V5q0-.825.588-1.412T5 3h14q.825 0 1.413.588T21 5v14q0 .825-.587 1.413T19 21zm0-2h14V5H5zM5 5v14z'/%3E%3C/svg%3E")}.icon--epic--123-rounded{--svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1em' height='1em' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M5.165 4.17a.75.75 0 0 0 .999-.32l.002-.004l.036-.052a1.2 1.2 0 0 1 .204-.208c.19-.152.526-.336 1.094-.336c.492 0 .78.237.892.46c.103.207.103.484-.172.76c-.195.194-.446.363-.766.548q-.133.077-.29.164c-.24.135-.512.287-.753.445c-.757.494-1.494 1.211-1.655 2.532A.75.75 0 0 0 5.5 9h3.75a.75.75 0 1 0 0-1.5H6.548c.17-.243.402-.434.683-.618c.199-.13.392-.237.607-.358q.172-.095.369-.208c.349-.203.738-.45 1.073-.786c.725-.724.85-1.697.453-2.49c-.388-.777-1.225-1.29-2.233-1.29c-.932 0-1.595.316-2.03.664a2.7 2.7 0 0 0-.587.654l-.034.06l-.012.02l-.004.01l-.002.003v.002l-.002.002a.75.75 0 0 0 .336 1.006m9.21.314c-.135.126-.4.266-.875.266a.75.75 0 0 0 0 1.5c.474 0 .74.14.875.266s.19.283.18.44c-.015.263-.282.794-1.305.794c-.465 0-.76-.137-.928-.249a1 1 0 0 1-.208-.182a.75.75 0 0 0-1.03-.193c-.584.375-.208 1.04-.208 1.04l.001.001l.001.002l.002.003l.005.008l.013.018l.036.048q.044.056.119.136c.1.106.243.238.437.367c.394.263.975.501 1.76.501c1.622 0 2.73-.969 2.803-2.206A2.04 2.04 0 0 0 15.48 5.5c.411-.427.606-.986.573-1.544c-.074-1.237-1.181-2.206-2.803-2.206c-.785 0-1.366.238-1.76.501a2.5 2.5 0 0 0-.556.503l-.036.048l-.013.018l-.005.008l-.002.003l-.001.002l-.001.001a.75.75 0 0 0 1.238.847l.029-.033c.033-.035.092-.09.18-.149c.168-.112.462-.249.927-.249c1.023 0 1.29.531 1.306.794a.55.55 0 0 1-.181.44m-2.251 2.85l-.007-.011v.002l.004.004l.001.002zm0-3.667l-.007.01v-.002l.004-.004l.001-.002zM3.495 2.649l.007.1v5.497a.75.75 0 0 1-1.494.102l-.006-.102V3.792l-.513.173a.75.75 0 0 1-.91-.378l-.04-.095a.75.75 0 0 1 .378-.91l.095-.04l1.501-.503a.75.75 0 0 1 .982.61M17.027 6.5h2.718a.75.75 0 0 1 .75.75v9.505a.75.75 0 0 1-.75.75H4.25a.75.75 0 0 1-.75-.75V9.804A1.74 1.74 0 0 1 2 9.85v6.905a2.25 2.25 0 0 0 2.25 2.25h15.495a2.25 2.25 0 0 0 2.25-2.25V7.25A2.25 2.25 0 0 0 19.745 5h-2.832a3 3 0 0 1-.21.5c.167.315.276.653.324 1m.223 8H6.75l-.102.007A.75.75 0 0 0 6.75 16h10.5l.102-.007a.75.75 0 0 0-.102-1.493m.25-2.5a1 1 0 1 0-2 0a1 1 0 0 0 2 0m-5.995 0a1 1 0 1 0-2 0a1 1 0 0 0 2 0m-3 0a1 1 0 1 0-2 0a1 1 0 0 0 2 0m6 0a1 1 0 1 0-2 0a1 1 0 0 0 2 0m4.49-3a1 1 0 1 0-2 0a1 1 0 0 0 2 0'/%3E%3C/svg%3E")}.icon--epic--terminal-rounded{--svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath d='M4 20q-.825 0-1.412-.587T2 18V6q0-.825.588-1.412T4 4h16q.825 0 1.413.588T22 6v12q0 .825-.587 1.413T20 20zm0-2h16V8H4zm4.675-5l-1.9-1.9q-.3-.3-.288-.7t.313-.7q.3-.275.7-.287t.7.287l2.6 2.6q.3.3.3.7t-.3.7l-2.6 2.6q-.275.275-.687.288T6.8 16.3q-.275-.275-.275-.7t.275-.7zM13 17q-.425 0-.712-.288T12 16t.288-.712T13 15h4q.425 0 .713.288T18 16t-.288.713T17 17z'/%3E%3C/svg%3E")}.icon--epic--width-normal-outline{--svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath d='M4 20q-.825 0-1.412-.587T2 18V6q0-.825.588-1.412T4 4h16q.825 0 1.413.588T22 6v12q0 .825-.587 1.413T20 20zm0-2h4V6H4zm6 0h4V6h-4zm6 0h4V6h-4zm-6 0V6z'/%3E%3C/svg%3E")}.icon--epic--auto-awesome-mosaic-outline{--svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000