@swan-admin/swan-web-component 1.0.40 → 1.0.42

package/dist/index.css

@@ -1,3 +1,889 @@
-@import"https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap";@import"https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400..800;1,400..800&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap";@layer properties;.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.top-\[\.5rem\]{top:.5rem}.top-\[0\]{top:0}.top-\[1rem\]{top:1rem}.top-\[8px\]{top:8px}.top-\[20px\]{top:20px}.top-\[60px\]{top:60px}.right-\[8px\]{right:8px}.right-\[20px\]{right:20px}.bottom-\[1rem\]{bottom:1rem}.bottom-\[2rem\]{bottom:2rem}.bottom-\[5rem\]{bottom:5rem}.bottom-\[8rem\]{bottom:8rem}.bottom-\[30px\]{bottom:30px}.left-\[0\]{left:0}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.z-\[9\]{z-index:9}.z-\[99\]{z-index:99}.z-\[999\]{z-index:999}.mx-auto{margin-inline:auto}.my-\[0\.5rem\]{margin-block:.5rem}.my-\[1\.5rem\]{margin-block:1.5rem}.mt-\[\.5rem\]{margin-top:.5rem}.mt-\[\.25rem\]{margin-top:.25rem}.mt-\[\.75rem\]{margin-top:.75rem}.mt-\[0\.2rem\]{margin-top:.2rem}.mt-\[0\.5rem\]{margin-top:.5rem}.mt-\[1rem\]{margin-top:1rem}.mt-\[3\.5rem\]{margin-top:3.5rem}.mb-\[\.5rem\]{margin-bottom:.5rem}.mb-\[\.25rem\]{margin-bottom:.25rem}.mb-\[\.75rem\]{margin-bottom:.75rem}.mb-\[0\.5rem\]{margin-bottom:.5rem}.mb-\[1\.5rem\]{margin-bottom:1.5rem}.mb-\[1\.25rem\]{margin-bottom:1.25rem}.mb-\[1rem\]{margin-bottom:1rem}.mb-\[2rem\]{margin-bottom:2rem}.flex{display:flex}.hidden{display:none}.table{display:table}.aspect-\[2\/1\.4\]{aspect-ratio:2/1.4}.\!h-\[35px\]{height:35px!important}.\!h-\[40px\]{height:40px!important}.h-\[\.375rem\]{height:.375rem}.h-\[1rem\]{height:1rem}.h-\[3px\]{height:3px}.h-\[3rem\]{height:3rem}.h-\[4rem\]{height:4rem}.h-\[6rem\]{height:6rem}.h-\[20px\]{height:20px}.h-\[40px\]{height:40px}.h-\[45px\]{height:45px}.h-\[100vh\]{height:100vh}.h-\[var\(--real-vh\)\]{height:var(--real-vh)}.h-auto{height:auto}.h-full{height:100%}.h-screen{height:100vh}.max-h-\[calc\(100vh-450px\)\]{max-height:calc(100vh - 450px)}.min-h-\[33px\]{min-height:33px}.min-h-\[40px\]{min-height:40px}.\!w-\[60px\]{width:60px!important}.\!w-\[180px\]{width:180px!important}.w-\[1px\]{width:1px}.w-\[1rem\]{width:1rem}.w-\[3rem\]{width:3rem}.w-\[4rem\]{width:4rem}.w-\[6rem\]{width:6rem}.w-\[12rem\]{width:12rem}.w-\[20px\]{width:20px}.w-\[30px\]{width:30px}.w-\[50px\]{width:50px}.w-\[100px\]{width:100px}.w-\[120px\]{width:120px}.w-\[180px\]{width:180px}.w-full{width:100%}.w-screen{width:100vw}.max-w-\[20rem\]{max-width:20rem}.max-w-\[28rem\]{max-width:28rem}.max-w-\[280px\]{max-width:280px}.max-w-\[400px\]{max-width:400px}.min-w-\[120px\]{min-width:120px}.flex-1{flex:1}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.cursor-pointer{cursor:pointer}.touch-none{touch-action:none}.resize{resize:both}.flex-col{flex-direction:column}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-start{justify-content:flex-start}.gap-\[\.5rem\],.gap-\[0\.5rem\]{gap:.5rem}.gap-\[1rem\]{gap:1rem}.gap-\[4px\]{gap:4px}.gap-\[5px\]{gap:5px}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.rounded-\[\.375rem\]{border-radius:.375rem}.rounded-\[4px\]{border-radius:4px}.rounded-\[20px\]{border-radius:20px}.rounded-\[9999px\]{border-radius:9999px}.rounded-t-\[20px\]{border-top-left-radius:20px;border-top-right-radius:20px}.rounded-t-\[30px\]{border-top-left-radius:30px;border-top-right-radius:30px}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-none{--tw-border-style: none;border-style:none}.border-\[\#fff\]{border-color:#fff}.\!bg-\[\#ffffff\]{background-color:#fff!important}.bg-\[\#1b1b1b\]{background-color:#1b1b1b}.bg-\[\#8B5CF6\]{background-color:#8b5cf6}.bg-\[\#fff\]\/10{background-color:color-mix(in oklab,#fff 10%,transparent)}.bg-\[\#fff\]\/20{background-color:color-mix(in oklab,#fff 20%,transparent)}.bg-\[\#fff\]\/30{background-color:color-mix(in oklab,#fff 30%,transparent)}.bg-\[\#fff\]\/70{background-color:color-mix(in oklab,#fff 70%,transparent)}.bg-\[\#fff\]\/80{background-color:color-mix(in oklab,#fff 80%,transparent)}.object-contain{-o-object-fit:contain;object-fit:contain}.object-cover{-o-object-fit:cover;object-fit:cover}.p-\[1\.5rem\]{padding:1.5rem}.p-\[1rem\]{padding:1rem}.p-\[15px\]{padding:15px}.p-\[16px\]{padding:16px}.px-\[\.75rem\]{padding-inline:.75rem}.px-\[1rem\]{padding-inline:1rem}.px-\[15px\]{padding-inline:15px}.\!py-\[0\]{padding-block:0!important}.py-\[1rem\]{padding-block:1rem}.py-\[6px\]{padding-block:6px}.pt-\[\.5rem\]{padding-top:.5rem}.pt-\[1\.5rem\]{padding-top:1.5rem}.pt-\[1rem\]{padding-top:1rem}.pt-\[15px\]{padding-top:15px}.\!pr-\[10px\]{padding-right:10px!important}.pr-\[2\.5rem\]{padding-right:2.5rem}.pb-\[\.5rem\]{padding-bottom:.5rem}.pl-\[1rem\]{padding-left:1rem}.text-center{text-align:center}.text-left{text-align:left}.text-\[\.75rem\]{font-size:.75rem}.text-\[1\.5rem\]{font-size:1.5rem}.text-\[3rem\]{font-size:3rem}.text-\[14px\]{font-size:14px}.text-\[16px\]{font-size:16px}.text-\[32px\]{font-size:32px}.leading-none{--tw-leading: 1;line-height:1}.\!text-\[\#000000\]{color:#000!important}.text-\[\#000\]\/70{color:color-mix(in oklab,#000 70%,transparent)}.text-\[\#fff\]{color:#fff}.text-\[\#fff\]\/40{color:color-mix(in oklab,#fff 40%,transparent)}.text-\[\#fff\]\/70{color:color-mix(in oklab,#fff 70%,transparent)}.\!opacity-50{opacity:50%!important}.opacity-0{opacity:0%}.opacity-50{opacity:50%}.opacity-100{opacity:100%}.\!shadow-none{--tw-shadow: 0 0 #0000 !important;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)!important}.shadow-\[0_0_8px_rgba\(139\,92\,246\,0\.8\)\]{--tw-shadow: 0 0 8px var(--tw-shadow-color, rgba(139,92,246,.8));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_1px_1px_rgba\(0\,0\,0\,0\.251\)\]{--tw-shadow: 0 1px 1px var(--tw-shadow-color, rgba(0,0,0,.251));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0px_1px_2px_0px_\#00000040\]{--tw-shadow: 0px 1px 2px 0px var(--tw-shadow-color, #00000040);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring{--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease, ease);transition-duration:var(--tw-duration, 0s)}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease, ease);transition-duration:var(--tw-duration, 0s)}.duration-200{--tw-duration: .2s;transition-duration:.2s}.duration-300{--tw-duration: .3s;transition-duration:.3s}.\!outline-none{--tw-outline-style: none !important;outline-style:none!important}.outline-none{--tw-outline-style: none;outline-style:none}.file\:border-0{&::file-selector-button{border-style:var(--tw-border-style);border-width:0px}}.file\:bg-transparent{&::file-selector-button{background-color:transparent}}.focus\:ring-1{&:focus{--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}.focus\:outline-none{&:focus{--tw-outline-style: none;outline-style:none}}.focus-visible\:ring-2{&:focus-visible{--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}.focus-visible\:ring-offset-2{&:focus-visible{--tw-ring-offset-width: 2px;--tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}}.focus-visible\:outline-none{&:focus-visible{--tw-outline-style: none;outline-style:none}}.disabled\:cursor-not-allowed{&:disabled{cursor:not-allowed}}.disabled\:shadow-none{&:disabled{--tw-shadow: 0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}.\[\&_svg\]\:size-\[16px\]{& svg{width:16px;height:16px}}.\[\&_svg\]\:shrink-0{& svg{flex-shrink:0}}.\[\&_video\]\:rounded-t-\[20px\]{& video{border-top-left-radius:20px;border-top-right-radius:20px}}@font-face{font-family:SeriouslyNostalgic Fn;src:url("./fonts/SeriouslyNostalgicFn-SemiCond.eot");src:url("./fonts/SeriouslyNostalgicFn-SemiCond.eot?#iefix") format("embedded-opentype"),url("./fonts/SeriouslyNostalgicFn-SemiCond.woff2") format("woff2"),url("./fonts/SeriouslyNostalgicFn-SemiCond.woff") format("woff"),url("./fonts/SeriouslyNostalgicFn-SemiCond.ttf") format("truetype"),url("./fonts/SeriouslyNostalgicFn-SemiCond.svg#SeriouslyNostalgicFn-SemiCond") format("svg");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:SeriouslyNostalgic Fn;src:url("./fonts/SeriouslyNostalgicFnIt-SmCn.eot");src:url("./fonts/SeriouslyNostalgicFnIt-SmCn.eot?#iefix") format("embedded-opentype"),url("./fonts/SeriouslyNostalgicFnIt-SmCn.woff2") format("woff2"),url("./fonts/SeriouslyNostalgicFnIt-SmCn.woff") format("woff"),url("./fonts/SeriouslyNostalgicFnIt-SmCn.ttf") format("truetype"),url("./fonts/SeriouslyNostalgicFnIt-SmCn.svg#SeriouslyNostalgicFnIt-SmCn") format("svg");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Switzer;src:url("./fonts/Switzer-Regular.eot");src:url("./fonts/Switzer-Regular.eot?#iefix") format("embedded-opentype"),url("./fonts/Switzer-Regular.woff2") format("woff2"),url("./fonts/Switzer-Regular.woff") format("woff"),url("./fonts/Switzer-Regular.ttf") format("truetype"),url("./fonts/Switzer-Regular.svg#Switzer-Regular") format("svg");font-weight:400;font-style:normal;font-display:swap}html,body,#root{height:100%;width:100%;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overscroll-behavior:none;overscroll-behavior-y:none}*{box-sizing:border-box}h1,h2,h3,h4,p{margin:0;padding:0;line-height:1.5}.camera-drawer .MuiPaper-root{background-color:transparent!important;box-shadow:0 0!important;height:80%}.vjs-poster{background-size:cover}.video-js.vjs-paused .vjs-big-play-button{display:none!important}.vjs-poster{background-size:90%;background-color:#fff;background-position:center 20px}.video-js.vjs-paused .vjs-big-play-button{width:50px;height:50px;display:flex;align-items:center;border-radius:100%;bottom:50%;top:auto;left:50%;transform:translate(-50%,-135%);background-color:#fff;border:1px solid #D9D9D9!important}.video-js.vjs-paused .vjs-icon-placeholder{color:#d9d9d9!important;font-size:50px}.camera-drawer .MuiModal-backdrop{pointer-events:none;background-color:transparent!important;backdrop-filter:blur(10px)}.video-js{background-color:transparent!important}.vjs-fluid:not(.vjs-audio-only-mode){min-height:85vh}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.camera-drawer.face-scan-small .MuiModal-backdrop{backdrop-filter:blur(0px)}.face-scan-small .MuiPaper-root{height:315px;border-top-left-radius:30px;border-top-right-radius:30px}.confirm-modal .MuiPaper-root{background-color:#fff;padding:20px 10px;border-radius:10px}.confirm-modal{pointer-events:none}@property --tw-rotate-x{syntax: "*"; inherits: false;}@property --tw-rotate-y{syntax: "*"; inherits: false;}@property --tw-rotate-z{syntax: "*"; inherits: false;}@property --tw-skew-x{syntax: "*"; inherits: false;}@property --tw-skew-y{syntax: "*"; inherits: false;}@property --tw-border-style{syntax: "*"; inherits: false; initial-value: solid;}@property --tw-leading{syntax: "*"; inherits: false;}@property --tw-shadow{syntax: "*"; inherits: false; initial-value: 0 0 #0000;}@property --tw-shadow-color{syntax: "*"; inherits: false;}@property --tw-shadow-alpha{syntax: "<percentage>"; inherits: false; initial-value: 100%;}@property --tw-inset-shadow{syntax: "*"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-shadow-color{syntax: "*"; inherits: false;}@property --tw-inset-shadow-alpha{syntax: "<percentage>"; inherits: false; initial-value: 100%;}@property --tw-ring-color{syntax: "*"; inherits: false;}@property --tw-ring-shadow{syntax: "*"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-ring-color{syntax: "*"; inherits: false;}@property --tw-inset-ring-shadow{syntax: "*"; inherits: false; initial-value: 0 0 #0000;}@property --tw-ring-inset{syntax: "*"; inherits: false;}@property --tw-ring-offset-width{syntax: "<length>"; inherits: false; initial-value: 0px;}@property --tw-ring-offset-color{syntax: "*"; inherits: false; initial-value: #fff;}@property --tw-ring-offset-shadow{syntax: "*"; inherits: false; initial-value: 0 0 #0000;}@property --tw-outline-style{syntax: "*"; inherits: false; initial-value: solid;}@property --tw-blur{syntax: "*"; inherits: false;}@property --tw-brightness{syntax: "*"; inherits: false;}@property --tw-contrast{syntax: "*"; inherits: false;}@property --tw-grayscale{syntax: "*"; inherits: false;}@property --tw-hue-rotate{syntax: "*"; inherits: false;}@property --tw-invert{syntax: "*"; inherits: false;}@property --tw-opacity{syntax: "*"; inherits: false;}@property --tw-saturate{syntax: "*"; inherits: false;}@property --tw-sepia{syntax: "*"; inherits: false;}@property --tw-drop-shadow{syntax: "*"; inherits: false;}@property --tw-drop-shadow-color{syntax: "*"; inherits: false;}@property --tw-drop-shadow-alpha{syntax: "<percentage>"; inherits: false; initial-value: 100%;}@property --tw-drop-shadow-size{syntax: "*"; inherits: false;}@property --tw-duration{syntax: "*"; inherits: false;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x: initial;--tw-rotate-y: initial;--tw-rotate-z: initial;--tw-skew-x: initial;--tw-skew-y: initial;--tw-border-style: solid;--tw-leading: initial;--tw-shadow: 0 0 #0000;--tw-shadow-color: initial;--tw-shadow-alpha: 100%;--tw-inset-shadow: 0 0 #0000;--tw-inset-shadow-color: initial;--tw-inset-shadow-alpha: 100%;--tw-ring-color: initial;--tw-ring-shadow: 0 0 #0000;--tw-inset-ring-color: initial;--tw-inset-ring-shadow: 0 0 #0000;--tw-ring-inset: initial;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-offset-shadow: 0 0 #0000;--tw-outline-style: solid;--tw-blur: initial;--tw-brightness: initial;--tw-contrast: initial;--tw-grayscale: initial;--tw-hue-rotate: initial;--tw-invert: initial;--tw-opacity: initial;--tw-saturate: initial;--tw-sepia: initial;--tw-drop-shadow: initial;--tw-drop-shadow-color: initial;--tw-drop-shadow-alpha: 100%;--tw-drop-shadow-size: initial;--tw-duration: initial}}}
+@import "https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap";
+@import "https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400..800;1,400..800&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap";
+
+/* src/styles/tailwind.css */
+@layer properties;
+.visible {
+  visibility: visible;
+}
+.absolute {
+  position: absolute;
+}
+.fixed {
+  position: fixed;
+}
+.relative {
+  position: relative;
+}
+.top-\[\.5rem\] {
+  top: .5rem;
+}
+.top-\[0\] {
+  top: 0;
+}
+.top-\[1rem\] {
+  top: 1rem;
+}
+.top-\[8px\] {
+  top: 8px;
+}
+.top-\[20px\] {
+  top: 20px;
+}
+.top-\[60px\] {
+  top: 60px;
+}
+.right-\[8px\] {
+  right: 8px;
+}
+.right-\[20px\] {
+  right: 20px;
+}
+.bottom-\[1rem\] {
+  bottom: 1rem;
+}
+.bottom-\[2rem\] {
+  bottom: 2rem;
+}
+.bottom-\[5rem\] {
+  bottom: 5rem;
+}
+.bottom-\[8rem\] {
+  bottom: 8rem;
+}
+.bottom-\[30px\] {
+  bottom: 30px;
+}
+.left-\[0\] {
+  left: 0;
+}
+.z-0 {
+  z-index: 0;
+}
+.z-10 {
+  z-index: 10;
+}
+.z-20 {
+  z-index: 20;
+}
+.z-\[9\] {
+  z-index: 9;
+}
+.z-\[99\] {
+  z-index: 99;
+}
+.z-\[999\] {
+  z-index: 999;
+}
+.mx-auto {
+  margin-inline: auto;
+}
+.my-\[0\.5rem\] {
+  margin-block: 0.5rem;
+}
+.my-\[1\.5rem\] {
+  margin-block: 1.5rem;
+}
+.mt-\[\.5rem\] {
+  margin-top: .5rem;
+}
+.mt-\[\.25rem\] {
+  margin-top: .25rem;
+}
+.mt-\[\.75rem\] {
+  margin-top: .75rem;
+}
+.mt-\[0\.2rem\] {
+  margin-top: 0.2rem;
+}
+.mt-\[0\.5rem\] {
+  margin-top: 0.5rem;
+}
+.mt-\[1rem\] {
+  margin-top: 1rem;
+}
+.mt-\[3\.5rem\] {
+  margin-top: 3.5rem;
+}
+.mb-\[\.5rem\] {
+  margin-bottom: .5rem;
+}
+.mb-\[\.25rem\] {
+  margin-bottom: .25rem;
+}
+.mb-\[\.75rem\] {
+  margin-bottom: .75rem;
+}
+.mb-\[0\.5rem\] {
+  margin-bottom: 0.5rem;
+}
+.mb-\[1\.5rem\] {
+  margin-bottom: 1.5rem;
+}
+.mb-\[1\.25rem\] {
+  margin-bottom: 1.25rem;
+}
+.mb-\[1rem\] {
+  margin-bottom: 1rem;
+}
+.mb-\[2rem\] {
+  margin-bottom: 2rem;
+}
+.flex {
+  display: flex;
+}
+.hidden {
+  display: none;
+}
+.table {
+  display: table;
+}
+.aspect-\[2\/1\.4\] {
+  aspect-ratio: 2/1.4;
+}
+.\!h-\[35px\] {
+  height: 35px !important;
+}
+.\!h-\[40px\] {
+  height: 40px !important;
+}
+.h-\[\.375rem\] {
+  height: .375rem;
+}
+.h-\[1rem\] {
+  height: 1rem;
+}
+.h-\[3px\] {
+  height: 3px;
+}
+.h-\[3rem\] {
+  height: 3rem;
+}
+.h-\[4rem\] {
+  height: 4rem;
+}
+.h-\[6rem\] {
+  height: 6rem;
+}
+.h-\[20px\] {
+  height: 20px;
+}
+.h-\[40px\] {
+  height: 40px;
+}
+.h-\[45px\] {
+  height: 45px;
+}
+.h-\[100vh\] {
+  height: 100vh;
+}
+.h-\[var\(--real-vh\)\] {
+  height: var(--real-vh);
+}
+.h-auto {
+  height: auto;
+}
+.h-full {
+  height: 100%;
+}
+.h-screen {
+  height: 100vh;
+}
+.max-h-\[calc\(100vh-450px\)\] {
+  max-height: calc(100vh - 450px);
+}
+.min-h-\[33px\] {
+  min-height: 33px;
+}
+.min-h-\[40px\] {
+  min-height: 40px;
+}
+.\!w-\[60px\] {
+  width: 60px !important;
+}
+.\!w-\[180px\] {
+  width: 180px !important;
+}
+.w-\[1px\] {
+  width: 1px;
+}
+.w-\[1rem\] {
+  width: 1rem;
+}
+.w-\[3rem\] {
+  width: 3rem;
+}
+.w-\[4rem\] {
+  width: 4rem;
+}
+.w-\[6rem\] {
+  width: 6rem;
+}
+.w-\[12rem\] {
+  width: 12rem;
+}
+.w-\[20px\] {
+  width: 20px;
+}
+.w-\[30px\] {
+  width: 30px;
+}
+.w-\[50px\] {
+  width: 50px;
+}
+.w-\[100px\] {
+  width: 100px;
+}
+.w-\[120px\] {
+  width: 120px;
+}
+.w-\[180px\] {
+  width: 180px;
+}
+.w-full {
+  width: 100%;
+}
+.w-screen {
+  width: 100vw;
+}
+.max-w-\[20rem\] {
+  max-width: 20rem;
+}
+.max-w-\[28rem\] {
+  max-width: 28rem;
+}
+.max-w-\[280px\] {
+  max-width: 280px;
+}
+.max-w-\[400px\] {
+  max-width: 400px;
+}
+.min-w-\[120px\] {
+  min-width: 120px;
+}
+.flex-1 {
+  flex: 1;
+}
+.transform {
+  transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
+}
+.cursor-pointer {
+  cursor: pointer;
+}
+.touch-none {
+  touch-action: none;
+}
+.resize {
+  resize: both;
+}
+.flex-col {
+  flex-direction: column;
+}
+.items-center {
+  align-items: center;
+}
+.items-start {
+  align-items: flex-start;
+}
+.justify-between {
+  justify-content: space-between;
+}
+.justify-center {
+  justify-content: center;
+}
+.justify-end {
+  justify-content: flex-end;
+}
+.justify-start {
+  justify-content: flex-start;
+}
+.gap-\[\.5rem\] {
+  gap: .5rem;
+}
+.gap-\[0\.5rem\] {
+  gap: 0.5rem;
+}
+.gap-\[1rem\] {
+  gap: 1rem;
+}
+.gap-\[4px\] {
+  gap: 4px;
+}
+.gap-\[5px\] {
+  gap: 5px;
+}
+.overflow-hidden {
+  overflow: hidden;
+}
+.overflow-y-auto {
+  overflow-y: auto;
+}
+.rounded-\[\.375rem\] {
+  border-radius: .375rem;
+}
+.rounded-\[4px\] {
+  border-radius: 4px;
+}
+.rounded-\[20px\] {
+  border-radius: 20px;
+}
+.rounded-\[9999px\] {
+  border-radius: 9999px;
+}
+.rounded-t-\[20px\] {
+  border-top-left-radius: 20px;
+  border-top-right-radius: 20px;
+}
+.rounded-t-\[30px\] {
+  border-top-left-radius: 30px;
+  border-top-right-radius: 30px;
+}
+.border {
+  border-style: var(--tw-border-style);
+  border-width: 1px;
+}
+.border-2 {
+  border-style: var(--tw-border-style);
+  border-width: 2px;
+}
+.border-none {
+  --tw-border-style: none;
+  border-style: none;
+}
+.border-\[\#fff\] {
+  border-color: #fff;
+}
+.\!bg-\[\#ffffff\] {
+  background-color: #ffffff !important;
+}
+.bg-\[\#1b1b1b\] {
+  background-color: #1b1b1b;
+}
+.bg-\[\#8B5CF6\] {
+  background-color: #8B5CF6;
+}
+.bg-\[\#fff\]\/10 {
+  background-color: color-mix(in oklab, #fff 10%, transparent);
+}
+.bg-\[\#fff\]\/20 {
+  background-color: color-mix(in oklab, #fff 20%, transparent);
+}
+.bg-\[\#fff\]\/30 {
+  background-color: color-mix(in oklab, #fff 30%, transparent);
+}
+.bg-\[\#fff\]\/70 {
+  background-color: color-mix(in oklab, #fff 70%, transparent);
+}
+.bg-\[\#fff\]\/80 {
+  background-color: color-mix(in oklab, #fff 80%, transparent);
+}
+.object-contain {
+  -o-object-fit: contain;
+  object-fit: contain;
+}
+.object-cover {
+  -o-object-fit: cover;
+  object-fit: cover;
+}
+.p-\[1\.5rem\] {
+  padding: 1.5rem;
+}
+.p-\[1rem\] {
+  padding: 1rem;
+}
+.p-\[15px\] {
+  padding: 15px;
+}
+.p-\[16px\] {
+  padding: 16px;
+}
+.px-\[\.75rem\] {
+  padding-inline: .75rem;
+}
+.px-\[1rem\] {
+  padding-inline: 1rem;
+}
+.px-\[15px\] {
+  padding-inline: 15px;
+}
+.\!py-\[0\] {
+  padding-block: 0 !important;
+}
+.py-\[1rem\] {
+  padding-block: 1rem;
+}
+.py-\[6px\] {
+  padding-block: 6px;
+}
+.pt-\[\.5rem\] {
+  padding-top: .5rem;
+}
+.pt-\[1\.5rem\] {
+  padding-top: 1.5rem;
+}
+.pt-\[1rem\] {
+  padding-top: 1rem;
+}
+.pt-\[15px\] {
+  padding-top: 15px;
+}
+.\!pr-\[10px\] {
+  padding-right: 10px !important;
+}
+.pr-\[2\.5rem\] {
+  padding-right: 2.5rem;
+}
+.pb-\[\.5rem\] {
+  padding-bottom: .5rem;
+}
+.pl-\[1rem\] {
+  padding-left: 1rem;
+}
+.text-center {
+  text-align: center;
+}
+.text-left {
+  text-align: left;
+}
+.text-\[\.75rem\] {
+  font-size: .75rem;
+}
+.text-\[1\.5rem\] {
+  font-size: 1.5rem;
+}
+.text-\[3rem\] {
+  font-size: 3rem;
+}
+.text-\[14px\] {
+  font-size: 14px;
+}
+.text-\[16px\] {
+  font-size: 16px;
+}
+.text-\[32px\] {
+  font-size: 32px;
+}
+.leading-none {
+  --tw-leading: 1;
+  line-height: 1;
+}
+.\!text-\[\#000000\] {
+  color: #000000 !important;
+}
+.text-\[\#000\]\/70 {
+  color: color-mix(in oklab, #000 70%, transparent);
+}
+.text-\[\#fff\] {
+  color: #fff;
+}
+.text-\[\#fff\]\/40 {
+  color: color-mix(in oklab, #fff 40%, transparent);
+}
+.text-\[\#fff\]\/70 {
+  color: color-mix(in oklab, #fff 70%, transparent);
+}
+.\!opacity-50 {
+  opacity: 50% !important;
+}
+.opacity-0 {
+  opacity: 0%;
+}
+.opacity-50 {
+  opacity: 50%;
+}
+.opacity-100 {
+  opacity: 100%;
+}
+.\!shadow-none {
+  --tw-shadow: 0 0 #0000 !important;
+  box-shadow:
+    var(--tw-inset-shadow),
+    var(--tw-inset-ring-shadow),
+    var(--tw-ring-offset-shadow),
+    var(--tw-ring-shadow),
+    var(--tw-shadow) !important;
+}
+.shadow-\[0_0_8px_rgba\(139\,92\,246\,0\.8\)\] {
+  --tw-shadow: 0 0 8px var(--tw-shadow-color, rgba(139,92,246,0.8));
+  box-shadow:
+    var(--tw-inset-shadow),
+    var(--tw-inset-ring-shadow),
+    var(--tw-ring-offset-shadow),
+    var(--tw-ring-shadow),
+    var(--tw-shadow);
+}
+.shadow-\[0_1px_1px_rgba\(0\,0\,0\,0\.251\)\] {
+  --tw-shadow: 0 1px 1px var(--tw-shadow-color, rgba(0,0,0,0.251));
+  box-shadow:
+    var(--tw-inset-shadow),
+    var(--tw-inset-ring-shadow),
+    var(--tw-ring-offset-shadow),
+    var(--tw-ring-shadow),
+    var(--tw-shadow);
+}
+.shadow-\[0px_1px_2px_0px_\#00000040\] {
+  --tw-shadow: 0px 1px 2px 0px var(--tw-shadow-color, #00000040);
+  box-shadow:
+    var(--tw-inset-shadow),
+    var(--tw-inset-ring-shadow),
+    var(--tw-ring-offset-shadow),
+    var(--tw-ring-shadow),
+    var(--tw-shadow);
+}
+.ring {
+  --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+  box-shadow:
+    var(--tw-inset-shadow),
+    var(--tw-inset-ring-shadow),
+    var(--tw-ring-offset-shadow),
+    var(--tw-ring-shadow),
+    var(--tw-shadow);
+}
+.outline {
+  outline-style: var(--tw-outline-style);
+  outline-width: 1px;
+}
+.filter {
+  filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
+}
+.transition {
+  transition-property:
+    color,
+    background-color,
+    border-color,
+    outline-color,
+    text-decoration-color,
+    fill,
+    stroke,
+    --tw-gradient-from,
+    --tw-gradient-via,
+    --tw-gradient-to,
+    opacity,
+    box-shadow,
+    transform,
+    translate,
+    scale,
+    rotate,
+    filter,
+    backdrop-filter,
+    display,
+    content-visibility,
+    overlay,
+    pointer-events;
+  transition-timing-function: var(--tw-ease, ease);
+  transition-duration: var(--tw-duration, 0s);
+}
+.transition-all {
+  transition-property: all;
+  transition-timing-function: var(--tw-ease, ease);
+  transition-duration: var(--tw-duration, 0s);
+}
+.duration-200 {
+  --tw-duration: 200ms;
+  transition-duration: 200ms;
+}
+.duration-300 {
+  --tw-duration: 300ms;
+  transition-duration: 300ms;
+}
+.\!outline-none {
+  --tw-outline-style: none !important;
+  outline-style: none !important;
+}
+.outline-none {
+  --tw-outline-style: none;
+  outline-style: none;
+}
+.file\:border-0 {
+  &::file-selector-button {
+    border-style: var(--tw-border-style);
+    border-width: 0px;
+  }
+}
+.file\:bg-transparent {
+  &::file-selector-button {
+    background-color: transparent;
+  }
+}
+.focus\:ring-1 {
+  &:focus {
+    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+    box-shadow:
+      var(--tw-inset-shadow),
+      var(--tw-inset-ring-shadow),
+      var(--tw-ring-offset-shadow),
+      var(--tw-ring-shadow),
+      var(--tw-shadow);
+  }
+}
+.focus\:outline-none {
+  &:focus {
+    --tw-outline-style: none;
+    outline-style: none;
+  }
+}
+.focus-visible\:ring-2 {
+  &:focus-visible {
+    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+    box-shadow:
+      var(--tw-inset-shadow),
+      var(--tw-inset-ring-shadow),
+      var(--tw-ring-offset-shadow),
+      var(--tw-ring-shadow),
+      var(--tw-shadow);
+  }
+}
+.focus-visible\:ring-offset-2 {
+  &:focus-visible {
+    --tw-ring-offset-width: 2px;
+    --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+  }
+}
+.focus-visible\:outline-none {
+  &:focus-visible {
+    --tw-outline-style: none;
+    outline-style: none;
+  }
+}
+.disabled\:cursor-not-allowed {
+  &:disabled {
+    cursor: not-allowed;
+  }
+}
+.disabled\:shadow-none {
+  &:disabled {
+    --tw-shadow: 0 0 #0000;
+    box-shadow:
+      var(--tw-inset-shadow),
+      var(--tw-inset-ring-shadow),
+      var(--tw-ring-offset-shadow),
+      var(--tw-ring-shadow),
+      var(--tw-shadow);
+  }
+}
+.\[\&_svg\]\:size-\[16px\] {
+  & svg {
+    width: 16px;
+    height: 16px;
+  }
+}
+.\[\&_svg\]\:shrink-0 {
+  & svg {
+    flex-shrink: 0;
+  }
+}
+.\[\&_video\]\:rounded-t-\[20px\] {
+  & video {
+    border-top-left-radius: 20px;
+    border-top-right-radius: 20px;
+  }
+}
+@font-face {
+  font-family: "SeriouslyNostalgic Fn";
+  src: url("./fonts/SeriouslyNostalgicFn-SemiCond.eot");
+  src:
+    url("./fonts/SeriouslyNostalgicFn-SemiCond.eot?#iefix") format("embedded-opentype"),
+    url("./fonts/SeriouslyNostalgicFn-SemiCond.woff2") format("woff2"),
+    url("./fonts/SeriouslyNostalgicFn-SemiCond.woff") format("woff"),
+    url("./fonts/SeriouslyNostalgicFn-SemiCond.ttf") format("truetype"),
+    url("./fonts/SeriouslyNostalgicFn-SemiCond.svg#SeriouslyNostalgicFn-SemiCond") format("svg");
+  font-weight: normal;
+  font-style: normal;
+  font-display: swap;
+}
+@font-face {
+  font-family: "SeriouslyNostalgic Fn";
+  src: url("./fonts/SeriouslyNostalgicFnIt-SmCn.eot");
+  src:
+    url("./fonts/SeriouslyNostalgicFnIt-SmCn.eot?#iefix") format("embedded-opentype"),
+    url("./fonts/SeriouslyNostalgicFnIt-SmCn.woff2") format("woff2"),
+    url("./fonts/SeriouslyNostalgicFnIt-SmCn.woff") format("woff"),
+    url("./fonts/SeriouslyNostalgicFnIt-SmCn.ttf") format("truetype"),
+    url("./fonts/SeriouslyNostalgicFnIt-SmCn.svg#SeriouslyNostalgicFnIt-SmCn") format("svg");
+  font-weight: normal;
+  font-style: italic;
+  font-display: swap;
+}
+@font-face {
+  font-family: "Switzer";
+  src: url("./fonts/Switzer-Regular.eot");
+  src:
+    url("./fonts/Switzer-Regular.eot?#iefix") format("embedded-opentype"),
+    url("./fonts/Switzer-Regular.woff2") format("woff2"),
+    url("./fonts/Switzer-Regular.woff") format("woff"),
+    url("./fonts/Switzer-Regular.ttf") format("truetype"),
+    url("./fonts/Switzer-Regular.svg#Switzer-Regular") format("svg");
+  font-weight: normal;
+  font-style: normal;
+  font-display: swap;
+}
+html,
+body,
+#root {
+  height: 100%;
+  width: 100%;
+  -webkit-font-smoothing: antialiased;
+  text-rendering: optimizeLegibility;
+  overscroll-behavior: none;
+  overscroll-behavior-y: none;
+}
+* {
+  box-sizing: border-box;
+}
+h1,
+h2,
+h3,
+h4,
+p {
+  margin: 0;
+  padding: 0;
+  line-height: 1.5;
+}
+.camera-drawer .MuiPaper-root {
+  background-color: transparent !important;
+  box-shadow: 0 0 0 !important;
+  height: 80%;
+}
+.vjs-poster {
+  background-size: cover;
+}
+.video-js.vjs-paused .vjs-big-play-button {
+  display: none !important;
+}
+.vjs-poster {
+  background-size: 90%;
+  background-color: #fff;
+  background-position: center 20px;
+}
+.video-js.vjs-paused .vjs-big-play-button {
+  width: 50px;
+  height: 50px;
+  display: flex;
+  align-items: center;
+  border-radius: 100%;
+  bottom: 50%;
+  top: auto;
+  left: 50%;
+  transform: translate(-50%, -135%);
+  background-color: #fff;
+  border: 1px solid #D9D9D9 !important;
+}
+.video-js.vjs-paused .vjs-icon-placeholder {
+  color: #D9D9D9 !important;
+  font-size: 50px;
+}
+.camera-drawer .MuiModal-backdrop {
+  pointer-events: none;
+  background-color: transparent !important;
+  backdrop-filter: blur(10px);
+}
+.video-js {
+  background-color: transparent !important;
+}
+.vjs-fluid:not(.vjs-audio-only-mode) {
+  min-height: 85vh;
+}
+input::-webkit-outer-spin-button,
+input::-webkit-inner-spin-button {
+  -webkit-appearance: none;
+  margin: 0;
+}
+.camera-drawer.face-scan-small .MuiModal-backdrop {
+  backdrop-filter: blur(0px);
+}
+.face-scan-small .MuiPaper-root {
+  height: 315px;
+  border-top-left-radius: 30px;
+  border-top-right-radius: 30px;
+}
+.confirm-modal .MuiPaper-root {
+  background-color: #fff;
+  padding: 20px 10px;
+  border-radius: 10px;
+}
+.confirm-modal {
+  pointer-events: none;
+}
+@property --tw-rotate-x { syntax: "*"; inherits: false; }
+@property --tw-rotate-y { syntax: "*"; inherits: false; }
+@property --tw-rotate-z { syntax: "*"; inherits: false; }
+@property --tw-skew-x { syntax: "*"; inherits: false; }
+@property --tw-skew-y { syntax: "*"; inherits: false; }
+@property --tw-border-style { syntax: "*"; inherits: false; initial-value: solid; }
+@property --tw-leading { syntax: "*"; inherits: false; }
+@property --tw-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
+@property --tw-shadow-color { syntax: "*"; inherits: false; }
+@property --tw-shadow-alpha { syntax: "<percentage>"; inherits: false; initial-value: 100%; }
+@property --tw-inset-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
+@property --tw-inset-shadow-color { syntax: "*"; inherits: false; }
+@property --tw-inset-shadow-alpha { syntax: "<percentage>"; inherits: false; initial-value: 100%; }
+@property --tw-ring-color { syntax: "*"; inherits: false; }
+@property --tw-ring-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
+@property --tw-inset-ring-color { syntax: "*"; inherits: false; }
+@property --tw-inset-ring-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
+@property --tw-ring-inset { syntax: "*"; inherits: false; }
+@property --tw-ring-offset-width { syntax: "<length>"; inherits: false; initial-value: 0px; }
+@property --tw-ring-offset-color { syntax: "*"; inherits: false; initial-value: #fff; }
+@property --tw-ring-offset-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
+@property --tw-outline-style { syntax: "*"; inherits: false; initial-value: solid; }
+@property --tw-blur { syntax: "*"; inherits: false; }
+@property --tw-brightness { syntax: "*"; inherits: false; }
+@property --tw-contrast { syntax: "*"; inherits: false; }
+@property --tw-grayscale { syntax: "*"; inherits: false; }
+@property --tw-hue-rotate { syntax: "*"; inherits: false; }
+@property --tw-invert { syntax: "*"; inherits: false; }
+@property --tw-opacity { syntax: "*"; inherits: false; }
+@property --tw-saturate { syntax: "*"; inherits: false; }
+@property --tw-sepia { syntax: "*"; inherits: false; }
+@property --tw-drop-shadow { syntax: "*"; inherits: false; }
+@property --tw-drop-shadow-color { syntax: "*"; inherits: false; }
+@property --tw-drop-shadow-alpha { syntax: "<percentage>"; inherits: false; initial-value: 100%; }
+@property --tw-drop-shadow-size { syntax: "*"; inherits: false; }
+@property --tw-duration { syntax: "*"; inherits: false; }
+@layer properties {
+  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
+    *,
+    ::before,
+    ::after,
+    ::backdrop {
+      --tw-rotate-x: initial;
+      --tw-rotate-y: initial;
+      --tw-rotate-z: initial;
+      --tw-skew-x: initial;
+      --tw-skew-y: initial;
+      --tw-border-style: solid;
+      --tw-leading: initial;
+      --tw-shadow: 0 0 #0000;
+      --tw-shadow-color: initial;
+      --tw-shadow-alpha: 100%;
+      --tw-inset-shadow: 0 0 #0000;
+      --tw-inset-shadow-color: initial;
+      --tw-inset-shadow-alpha: 100%;
+      --tw-ring-color: initial;
+      --tw-ring-shadow: 0 0 #0000;
+      --tw-inset-ring-color: initial;
+      --tw-inset-ring-shadow: 0 0 #0000;
+      --tw-ring-inset: initial;
+      --tw-ring-offset-width: 0px;
+      --tw-ring-offset-color: #fff;
+      --tw-ring-offset-shadow: 0 0 #0000;
+      --tw-outline-style: solid;
+      --tw-blur: initial;
+      --tw-brightness: initial;
+      --tw-contrast: initial;
+      --tw-grayscale: initial;
+      --tw-hue-rotate: initial;
+      --tw-invert: initial;
+      --tw-opacity: initial;
+      --tw-saturate: initial;
+      --tw-sepia: initial;
+      --tw-drop-shadow: initial;
+      --tw-drop-shadow-color: initial;
+      --tw-drop-shadow-alpha: 100%;
+      --tw-drop-shadow-size: initial;
+      --tw-duration: initial;
+    }
+  }
+}
 /*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */
 /*# sourceMappingURL=index.css.map */