@font-face{font-display:swap;font-family:Barlow;font-style:normal;font-weight:400;src:url(fonts/barlow-vietnamese-400-normal.7e78e833.woff2) format("woff2"),url(fonts/barlow-all-400-normal.9a898b4c.woff) format("woff");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+1ea0-1ef9,u+20ab}@font-face{font-display:swap;font-family:Barlow;font-style:normal;font-weight:400;src:url(fonts/barlow-latin-ext-400-normal.da26d162.woff2) format("woff2"),url(fonts/barlow-all-400-normal.9a898b4c.woff) format("woff");unicode-range:u+0100-024f,u+0259,u+1e??,u+2020,u+20a0-20ab,u+20ad-20cf,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-display:swap;font-family:Barlow;font-style:normal;font-weight:400;src:url(fonts/barlow-latin-400-normal.7fa38795.woff2) format("woff2"),url(fonts/barlow-all-400-normal.9a898b4c.woff) format("woff");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-display:swap;font-family:Barlow Condensed;font-style:normal;font-weight:400;src:url(fonts/barlow-condensed-vietnamese-400-normal.e27355db.woff2) format("woff2"),url(fonts/barlow-condensed-all-400-normal.52b3128b.woff) format("woff");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+1ea0-1ef9,u+20ab}@font-face{font-display:swap;font-family:Barlow Condensed;font-style:normal;font-weight:400;src:url(fonts/barlow-condensed-latin-ext-400-normal.3df88ab8.woff2) format("woff2"),url(fonts/barlow-condensed-all-400-normal.52b3128b.woff) format("woff");unicode-range:u+0100-024f,u+0259,u+1e??,u+2020,u+20a0-20ab,u+20ad-20cf,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-display:swap;font-family:Barlow Condensed;font-style:normal;font-weight:400;src:url(fonts/barlow-condensed-latin-400-normal.bcf8c547.woff2) format("woff2"),url(fonts/barlow-condensed-all-400-normal.52b3128b.woff) format("woff");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}

/*
! tailwindcss v3.2.7 | MIT License | https://tailwindcss.com
*/.font-barlow-condensed{font-family:Barlow Condensed,Roboto Condensed,sans-serif}body{font-family:Barlow,Roboto,sans-serif;font-size:1rem;line-height:1.5rem}@media (min-width:640px){body{font-size:1.125rem;line-height:1.75rem}}@media (min-width:1024px){body{font-size:1.25rem;line-height:1.75rem}}body{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:#fff;background-color:rgb(255 255 255/var(--tw-bg-opacity));color:#262626;color:rgb(38 38 38/var(--tw-text-opacity))}.dark body{background-color:#171717;background-color:rgb(23 23 23/var(--tw-bg-opacity))}.button,.dark body{--tw-bg-opacity:1;--tw-text-opacity:1;color:#e5e5e5;color:rgb(229 229 229/var(--tw-text-opacity))}.button{--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);--tw-shadow-color:#a3a3a3;--tw-shadow:var(--tw-shadow-colored);background-color:#262626;background-color:rgb(38 38 38/var(--tw-bg-opacity));box-shadow:0 0 transparent,0 0 transparent,0 4px 6px -1px #a3a3a3,0 2px 4px -2px #a3a3a3;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.button:hover{background-color:#000;background-color:rgb(0 0 0/var(--tw-bg-opacity));color:#fff;color:rgb(255 255 255/var(--tw-text-opacity))}.button:hover,.dark .button{--tw-bg-opacity:1;--tw-text-opacity:1}.dark .button{--tw-shadow-color:#171717;--tw-shadow:var(--tw-shadow-colored);background-color:#e5e5e5;background-color:rgb(229 229 229/var(--tw-bg-opacity));color:#262626;color:rgb(38 38 38/var(--tw-text-opacity))}.dark .button:hover{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:#fff;background-color:rgb(255 255 255/var(--tw-bg-opacity));color:#000;color:rgb(0 0 0/var(--tw-text-opacity))}.button:disabled{--tw-bg-opacity:0.5}.button{border-width:0;min-width:10rem;padding:.5rem 1rem}.default-styles h1{font-family:Barlow Condensed,Roboto Condensed,sans-serif;font-size:2.25rem;line-height:2.5rem;margin-bottom:1.5rem;margin-top:1rem}@media (min-width:640px){.default-styles h1{font-size:3rem;line-height:1}}@media (min-width:1024px){.default-styles h1{font-size:3.75rem;line-height:1}}.default-styles h2{font-family:Barlow Condensed,Roboto Condensed,sans-serif;font-size:1.875rem;line-height:2.25rem;margin-bottom:1rem;margin-top:1rem}@media (min-width:640px){.default-styles h2{font-size:2.25rem;line-height:2.5rem}}@media (min-width:1024px){.default-styles h2{font-size:3rem;line-height:1}}.default-styles h3{font-family:Barlow Condensed,Roboto Condensed,sans-serif;font-size:1.5rem;line-height:2rem;margin-bottom:1rem;margin-top:.5rem}@media (min-width:640px){.default-styles h3{font-size:1.875rem;line-height:2.25rem}}@media (min-width:1024px){.default-styles h3{font-size:2.25rem;line-height:2.5rem}}.default-styles h4,.default-styles h5{font-family:Barlow Condensed,Roboto Condensed,sans-serif;font-size:1.25rem;line-height:1.75rem;margin-bottom:1rem;margin-top:.5rem}@media (min-width:640px){.default-styles h4,.default-styles h5{font-size:1.5rem;line-height:2rem}}@media (min-width:1024px){.default-styles h4,.default-styles h5{font-size:1.875rem;line-height:2.25rem}}.default-styles h6{font-family:Barlow ExtraBold,Roboto,sans-serif;font-weight:700;margin-bottom:1rem;margin-top:.5rem}.default-styles p{margin-bottom:.5rem}.default-styles a{text-decoration-line:underline}.default-styles a.button{text-decoration-line:none}.default-styles section{margin-bottom:1.5rem;margin-top:1.5rem}.default-styles hr{margin:1.5rem}.default-styles blockquote{margin:1rem}.default-styles ol,.default-styles ul{margin-left:1.5rem}.default-styles ul li{list-style-type:disc}.default-styles ol li{list-style-type:decimal}.default-styles dl dt{font-family:Barlow ExtraBold,Roboto,sans-serif;font-weight:700}.default-styles dl dd{margin-bottom:1rem}.default-styles figure{display:table}.default-styles figure img{display:block;margin:auto}.default-styles figure figcaption{font-size:.875rem;line-height:1.25rem;margin:auto;text-align:center}@media (min-width:640px){.default-styles figure figcaption{font-size:1rem;line-height:1.5rem}}@media (min-width:1024px){.default-styles figure figcaption{font-size:1.125rem;line-height:1.75rem}}.default-styles figure figcaption{caption-side:bottom;display:table-caption}.default-styles table caption{font-size:.875rem;line-height:1.25rem;margin:auto;text-align:center}@media (min-width:640px){.default-styles table caption{font-size:1rem;line-height:1.5rem}}@media (min-width:1024px){.default-styles table caption{font-size:1.125rem;line-height:1.75rem}}.default-styles table caption{caption-side:bottom}.default-styles h1,.default-styles h2,.default-styles h3,.default-styles h4,.default-styles h5,.default-styles h6{--tw-text-opacity:1;color:#000;color:rgb(0 0 0/var(--tw-text-opacity))}.dark .default-styles h1,.dark .default-styles h2,.dark .default-styles h3,.dark .default-styles h4,.dark .default-styles h5,.dark .default-styles h6{--tw-text-opacity:1;color:#fff;color:rgb(255 255 255/var(--tw-text-opacity))}.default-styles a:hover{--tw-text-opacity:1;color:#000;color:rgb(0 0 0/var(--tw-text-opacity))}.dark .default-styles a:hover{--tw-text-opacity:1;color:#fff;color:rgb(255 255 255/var(--tw-text-opacity))}.default-styles hr{--tw-border-opacity:1;border-color:#e5e5e5;border-color:rgb(229 229 229/var(--tw-border-opacity))}.dark .default-styles hr{--tw-border-opacity:1;border-color:#404040;border-color:rgb(64 64 64/var(--tw-border-opacity))}.default-styles .button{--tw-bg-opacity:1;--tw-text-opacity:1;--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);--tw-shadow-color:#a3a3a3;--tw-shadow:var(--tw-shadow-colored);background-color:#262626;background-color:rgb(38 38 38/var(--tw-bg-opacity));box-shadow:0 0 transparent,0 0 transparent,0 4px 6px -1px #a3a3a3,0 2px 4px -2px #a3a3a3;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);color:#e5e5e5;color:rgb(229 229 229/var(--tw-text-opacity))}.default-styles .button:hover{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:#000;background-color:rgb(0 0 0/var(--tw-bg-opacity));color:#fff;color:rgb(255 255 255/var(--tw-text-opacity))}.dark .default-styles .button{--tw-bg-opacity:1;--tw-text-opacity:1;--tw-shadow-color:#171717;--tw-shadow:var(--tw-shadow-colored);background-color:#e5e5e5;background-color:rgb(229 229 229/var(--tw-bg-opacity));color:#262626;color:rgb(38 38 38/var(--tw-text-opacity))}.dark .default-styles .button:hover{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:#fff;background-color:rgb(255 255 255/var(--tw-bg-opacity));color:#000;color:rgb(0 0 0/var(--tw-text-opacity))}.default-styles .button:disabled{--tw-bg-opacity:0.5}.form.form-framed{--tw-border-opacity:1;--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);--tw-shadow-color:#a3a3a3;--tw-shadow:var(--tw-shadow-colored);border-color:#e5e5e5;border-color:rgb(229 229 229/var(--tw-border-opacity));box-shadow:0 0 transparent,0 0 transparent,0 4px 6px -1px #a3a3a3,0 2px 4px -2px #a3a3a3;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.dark .form.form-framed{--tw-border-opacity:1;--tw-shadow-color:#171717;--tw-shadow:var(--tw-shadow-colored);border-color:#404040;border-color:rgb(64 64 64/var(--tw-border-opacity))}.form input,.form select,.form textarea{--tw-border-opacity:1;background-color:inherit;border-color:#e5e5e5;border-color:rgb(229 229 229/var(--tw-border-opacity))}.form input:focus,.form select:focus,.form textarea:focus{--tw-border-opacity:1;border-color:#737373;border-color:rgb(115 115 115/var(--tw-border-opacity))}.dark .form input,.dark .form select,.dark .form textarea{--tw-border-opacity:1;border-color:#404040;border-color:rgb(64 64 64/var(--tw-border-opacity))}.dark .form input:focus,.dark .form select:focus,.dark .form textarea:focus{--tw-border-opacity:1;border-color:#a3a3a3;border-color:rgb(163 163 163/var(--tw-border-opacity))}.form input::-moz-placeholder,.form select::-moz-placeholder,.form textarea::-moz-placeholder{--tw-text-opacity:1;color:#262626;color:rgb(38 38 38/var(--tw-text-opacity));opacity:.4}.form input::placeholder,.form select::placeholder,.form textarea::placeholder{--tw-text-opacity:1;color:#262626;color:rgb(38 38 38/var(--tw-text-opacity));opacity:.4}.dark .form input::-moz-placeholder,.dark .form select::-moz-placeholder,.dark .form textarea::-moz-placeholder{--tw-text-opacity:1;color:#e5e5e5;color:rgb(229 229 229/var(--tw-text-opacity))}.dark .form input::placeholder,.dark .form select::placeholder,.dark .form textarea::placeholder{--tw-text-opacity:1;color:#e5e5e5;color:rgb(229 229 229/var(--tw-text-opacity))}.form input:focus::-moz-placeholder,.form select:focus::-moz-placeholder,.form textarea:focus::-moz-placeholder{opacity:.2}.form input:focus::placeholder,.form select:focus::placeholder,.form textarea:focus::placeholder{opacity:.2}.link{color:#3b82f6;color:rgb(59 130 246/var(--tw-text-opacity))}.dark .link,.link{--tw-text-opacity:1}.dark .link{color:#93c5fd;color:rgb(147 197 253/var(--tw-text-opacity))}.form{display:-webkit-box;display:-ms-flexbox;display:flex;flex-direction:column;gap:1.5rem;margin:auto auto 2rem;max-width:768px;padding:1rem}.form.form-framed{border-width:1px}.form button,.form input[type=submit]{--tw-bg-opacity:1;--tw-text-opacity:1;--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);--tw-shadow-color:#a3a3a3;--tw-shadow:var(--tw-shadow-colored);background-color:#262626;background-color:rgb(38 38 38/var(--tw-bg-opacity));box-shadow:0 0 transparent,0 0 transparent,0 4px 6px -1px #a3a3a3,0 2px 4px -2px #a3a3a3;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);color:#e5e5e5;color:rgb(229 229 229/var(--tw-text-opacity))}.form button:hover,.form input[type=submit]:hover{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:#000;background-color:rgb(0 0 0/var(--tw-bg-opacity));color:#fff;color:rgb(255 255 255/var(--tw-text-opacity))}.dark .form button,.dark .form input[type=submit]{--tw-bg-opacity:1;--tw-text-opacity:1;--tw-shadow-color:#171717;--tw-shadow:var(--tw-shadow-colored);background-color:#e5e5e5;background-color:rgb(229 229 229/var(--tw-bg-opacity));color:#262626;color:rgb(38 38 38/var(--tw-text-opacity))}.dark .form button:hover,.dark .form input[type=submit]:hover{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:#fff;background-color:rgb(255 255 255/var(--tw-bg-opacity));color:#000;color:rgb(0 0 0/var(--tw-text-opacity))}.form button:disabled,.form input[type=submit]:disabled{--tw-bg-opacity:0.5}.form button,.form input[type=submit]{border-width:0;min-width:10rem;padding:.5rem 1rem}.default-styles a .form input[type=submit],.default-styles a.form button{text-decoration-line:none}.default-styles .form button,.default-styles .form input[type=submit]{--tw-bg-opacity:1;--tw-text-opacity:1;--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);--tw-shadow-color:#a3a3a3;--tw-shadow:var(--tw-shadow-colored);background-color:#262626;background-color:rgb(38 38 38/var(--tw-bg-opacity));box-shadow:0 0 transparent,0 0 transparent,0 4px 6px -1px #a3a3a3,0 2px 4px -2px #a3a3a3;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);color:#e5e5e5;color:rgb(229 229 229/var(--tw-text-opacity))}.default-styles .form button:hover,.default-styles .form input[type=submit]:hover{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:#000;background-color:rgb(0 0 0/var(--tw-bg-opacity));color:#fff;color:rgb(255 255 255/var(--tw-text-opacity))}.dark .default-styles .form button,.dark .default-styles .form input[type=submit]{--tw-bg-opacity:1;--tw-text-opacity:1;--tw-shadow-color:#171717;--tw-shadow:var(--tw-shadow-colored);background-color:#e5e5e5;background-color:rgb(229 229 229/var(--tw-bg-opacity));color:#262626;color:rgb(38 38 38/var(--tw-text-opacity))}.dark .default-styles .form button:hover,.dark .default-styles .form input[type=submit]:hover{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:#fff;background-color:rgb(255 255 255/var(--tw-bg-opacity));color:#000;color:rgb(0 0 0/var(--tw-text-opacity))}.default-styles .form button:disabled,.default-styles .form input[type=submit]:disabled{--tw-bg-opacity:0.5}.form .form-row{display:-webkit-box;display:-ms-flexbox;display:flex;flex-direction:column;gap:1rem}@media (min-width:640px){.form .form-row{flex-direction:row}}.form .button-row{display:-webkit-box;display:-ms-flexbox;display:flex;flex-direction:column;gap:1rem}@media (min-width:640px){.form .button-row{flex-direction:row;justify-content:flex-end}}.form .form-field{display:-webkit-box;display:-ms-flexbox;display:flex;flex-direction:column;width:100%}.form .form-field label{order:1}.form .form-field input,.form .form-field select,.form .form-field textarea{order:2}.form .form-field input:required~label:after,.form .form-field select:required~label:after,.form .form-field textarea:required~label:after{--tw-text-opacity:1;color:#dc2626;color:rgb(220 38 38/var(--tw-text-opacity));content:"*";padding-left:.5rem}.form input[type=email],.form input[type=file],.form input[type=month],.form input[type=number],.form input[type=password],.form input[type=range],.form input[type=search],.form input[type=text],.form input[type=url],.form input[type=week],.form select,.form textarea{border-bottom-width:1px;padding:.5rem 1rem;width:100%}.form input[type=email]:focus,.form input[type=file]:focus,.form input[type=month]:focus,.form input[type=number]:focus,.form input[type=password]:focus,.form input[type=range]:focus,.form input[type=search]:focus,.form input[type=text]:focus,.form input[type=url]:focus,.form input[type=week]:focus,.form select:focus,.form textarea:focus{outline:2px solid transparent;outline-offset:2px}.form input[type=number]{-moz-appearance:textfield}.form input::-webkit-inner-spin-button,.form input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}:root{--index:0;--imgs:1;--img-spacing:25cqw;--img-3d-opacity:0.5}.splash-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;left:0;overflow:hidden;pointer-events:none;position:absolute;top:0;width:100%}.splash-wrapper .splash-text{margin:auto;pointer-events:auto;z-index:50}.splash-wrapper .splash-anim-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;left:0;position:absolute;top:0;width:100%;z-index:-50}.splash-wrapper .splash-anim-wrapper .imgs-wrapper{aspect-ratio:1/1;margin:auto;opacity:.75;position:relative;width:calc(min(100vh, 100vw))}.splash-wrapper .splash-anim-wrapper .imgs-wrapper img{animation-delay:0s,15s;animation-duration:10s,20s;animation-iteration-count:1,infinite;animation-name:splashInit,splash3D;animation-timing-function:linear,ease-in;aspect-ratio:1/1;bottom:0;max-height:100vh;-o-object-fit:contain;object-fit:contain;position:absolute;right:0;width:100%}@keyframes splashInit{0%{opacity:0;transform:perspective(1200px) rotateX(50deg) rotateY(-20deg) rotate(25deg) translateX(0) translateY(0) translateZ(calc(25cqw/max(1, 1)*0 + 0px));transform:perspective(1200px) rotateX(50deg) rotateY(-20deg) rotate(25deg) translateX(0) translateY(0) translateZ(calc(var(--index)*(var(--img-spacing)/max(1, var(--imgs)) + 1000px)))}20%{transform:perspective(1200px) rotateX(50deg) rotateY(-20deg) rotate(25deg) translateX(0) translateY(0) translateZ(calc((25cqw/max(1, 1))*0));transform:perspective(1200px) rotateX(50deg) rotateY(-20deg) rotate(25deg) translateX(0) translateY(0) translateZ(calc(var(--index)*(var(--img-spacing)/max(1, var(--imgs)))));transform:perspective(1200px) rotateX(50deg) rotateY(-20deg) rotate(25deg) translateX(0) translateY(0) translateZ(calc(25cqw/max(1, 1)*0));transform:perspective(1200px) rotateX(50deg) rotateY(-20deg) rotate(25deg) translateX(0) translateY(0) translateZ(calc(var(--index)*var(--img-spacing)/max(1, var(--imgs))))}to{transform:perspective(1200px) rotateX(0deg) rotateY(0deg) rotate(0deg) translateX(0) translateY(0) translateZ(0);transform:perspective(1200px) rotateX(0deg) rotateY(0deg) rotate(0deg) translateX(0) translateY(0) translateZ(calc(var(--index)*1px))}}@keyframes splash3D{25%{animation-timing-function:linear;opacity:1;transform:perspective(1200px) rotateX(50deg) rotateY(-20deg) rotate(25deg) translateX(0) translateY(0) translateZ(0);transform:perspective(1200px) rotateX(50deg) rotateY(-20deg) rotate(25deg) translateX(0) translateY(0) translateZ(calc(var(--index)*1px))}40%,50%{animation-timing-function:ease;opacity:.5;opacity:var(--img-3d-opacity);transform:perspective(1200px) rotateX(50deg) rotateY(-20deg) rotate(25deg) translateX(0) translateY(0) translateZ(calc((25cqw/max(1, 1))*0));transform:perspective(1200px) rotateX(50deg) rotateY(-20deg) rotate(25deg) translateX(0) translateY(0) translateZ(calc(var(--index)*(var(--img-spacing)/max(1, var(--imgs)))));transform:perspective(1200px) rotateX(50deg) rotateY(-20deg) rotate(25deg) translateX(0) translateY(0) translateZ(calc(25cqw/max(1, 1)*0));transform:perspective(1200px) rotateX(50deg) rotateY(-20deg) rotate(25deg) translateX(0) translateY(0) translateZ(calc(var(--index)*var(--img-spacing)/max(1, var(--imgs))))}to{animation-timing-function:ease-in;opacity:1;transform:perspective(1200px) rotateX(0deg) rotateY(0deg) rotate(0deg) translateX(0) translateY(0) translateZ(0);transform:perspective(1200px) rotateX(0deg) rotateY(0deg) rotate(0deg) translateX(0) translateY(0) translateZ(calc(var(--index)*1px))}}

/*
! tailwindcss v3.2.7 | MIT License | https://tailwindcss.com
*/*,:after,:before{border:0 solid #e5e5e5;box-sizing:border-box}:after,:before{--tw-content:""}html{-webkit-text-size-adjust:100%;font-feature-settings:normal;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,BlinkMacSystemFont,Helvetica Neue,Arial,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{color:inherit;font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{color:#a3a3a3;opacity:1}input::placeholder,textarea::placeholder{color:#a3a3a3;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]{display:none}*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 transparent;--tw-ring-shadow:0 0 transparent;--tw-shadow:0 0 transparent;--tw-shadow-colored:0 0 transparent;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 transparent;--tw-ring-shadow:0 0 transparent;--tw-shadow:0 0 transparent;--tw-shadow-colored:0 0 transparent;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.\!container{width:100%!important}.container{width:100%}@media (min-width:640px){.\!container{max-width:640px!important}.container{max-width:640px}}@media (min-width:768px){.\!container{max-width:768px!important}.container{max-width:768px}}@media (min-width:1024px){.\!container{max-width:1024px!important}.container{max-width:1024px}}@media (min-width:1280px){.\!container{max-width:1280px!important}.container{max-width:1280px}}@media (min-width:1536px){.\!container{max-width:1536px!important}.container{max-width:1536px}}.designer-app-button{--tw-bg-opacity:1;--tw-text-opacity:1;--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);--tw-shadow-color:#a3a3a3;--tw-shadow:var(--tw-shadow-colored);align-content:center;background-color:#262626;background-color:rgb(38 38 38/var(--tw-bg-opacity));box-shadow:0 0 transparent,0 0 transparent,0 4px 6px -1px #a3a3a3,0 2px 4px -2px #a3a3a3;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);color:#e5e5e5;color:rgb(229 229 229/var(--tw-text-opacity));display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-weight:700;height:3rem;justify-content:center;line-height:1rem;padding:1rem;place-content:center}.designer-app-button:hover{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:#000;background-color:rgb(0 0 0/var(--tw-bg-opacity));color:#fff;color:rgb(255 255 255/var(--tw-text-opacity))}.dark .designer-app-button{--tw-bg-opacity:1;--tw-text-opacity:1;--tw-shadow-color:#171717;--tw-shadow:var(--tw-shadow-colored);background-color:#e5e5e5;background-color:rgb(229 229 229/var(--tw-bg-opacity));color:#262626;color:rgb(38 38 38/var(--tw-text-opacity))}.dark .designer-app-button:hover{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:#fff;background-color:rgb(255 255 255/var(--tw-bg-opacity));color:#000;color:rgb(0 0 0/var(--tw-text-opacity))}.sr-only{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.not-sr-only{clip:auto;height:auto;margin:0;overflow:visible;padding:0;position:static;white-space:normal;width:auto}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.visible{visibility:visible}.invisible{visibility:hidden}.collapse{visibility:collapse}.static{position:static}.\!fixed{position:fixed!important}.fixed{position:fixed}.absolute{position:absolute}.\!relative{position:relative!important}.relative{position:relative}.sticky{position:sticky}.-inset-1{bottom:-.25rem;left:-.25rem;right:-.25rem;top:-.25rem}.isolate{isolation:isolate}.isolation-auto{isolation:auto}.float-right{float:right}.float-left{float:left}.float-none{float:none}.clear-left{clear:left}.clear-right{clear:right}.clear-both{clear:both}.clear-none{clear:none}.m-1{margin:.25rem}.m-2{margin:.5rem}.m-48{margin:12rem}.m-auto{margin:auto}.mb-4{margin-bottom:1rem}.ml-auto{margin-left:auto}.mt-12{margin-top:3rem}.mt-2{margin-top:.5rem}.box-border{box-sizing:border-box}.box-content{box-sizing:content-box}.\!block{display:block!important}.block{display:block}.inline-block{display:inline-block}.\!inline{display:inline!important}.inline{display:inline}.flex{display:-webkit-box;display:-ms-flexbox;display:flex}.inline-flex{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.\!table{display:table!important}.table{display:table}.inline-table{display:inline-table}.table-caption{display:table-caption}.table-cell{display:table-cell}.table-column{display:table-column}.table-column-group{display:table-column-group}.table-footer-group{display:table-footer-group}.table-header-group{display:table-header-group}.table-row-group{display:table-row-group}.table-row{display:table-row}.flow-root{display:flow-root}.grid{display:grid}.inline-grid{display:inline-grid}.\!contents{display:contents!important}.contents{display:contents}.list-item{display:list-item}.hidden{display:none}.h-6{height:1.5rem}.h-9{height:2.25rem}.max-h-16{max-height:4rem}.min-h-screen{min-height:100vh}.w-full{width:100%}.min-w-\[4rem\]{min-width:4rem}.max-w-screen-md{max-width:768px}.flex-none{flex:none}.flex-shrink,.shrink{flex-shrink:1}.flex-grow,.grow{flex-grow:1}.basis-40{flex-basis:10rem}.table-auto{table-layout:auto}.table-fixed{table-layout:fixed}.border-collapse{border-collapse:collapse}.border-separate{border-collapse:separate}.\!transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.transform,.transform-cpu{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform-gpu{transform:translate3d(var(--tw-translate-x),var(--tw-translate-y),0) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform-none{transform:none}.touch-auto{touch-action:auto}.touch-none{touch-action:none}.touch-pan-x{--tw-pan-x:pan-x;touch-action:pan-x var(--tw-pan-y) var(--tw-pinch-zoom);touch-action:var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom)}.touch-pan-left{--tw-pan-x:pan-left;touch-action:pan-left var(--tw-pan-y) var(--tw-pinch-zoom);touch-action:var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom)}.touch-pan-right{--tw-pan-x:pan-right;touch-action:pan-right var(--tw-pan-y) var(--tw-pinch-zoom);touch-action:var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom)}.touch-pan-y{--tw-pan-y:pan-y;touch-action:var(--tw-pan-x) pan-y var(--tw-pinch-zoom);touch-action:var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom)}.touch-pan-up{--tw-pan-y:pan-up;touch-action:var(--tw-pan-x) pan-up var(--tw-pinch-zoom);touch-action:var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom)}.touch-pan-down{--tw-pan-y:pan-down;touch-action:var(--tw-pan-x) pan-down var(--tw-pinch-zoom);touch-action:var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom)}.touch-pinch-zoom{--tw-pinch-zoom:pinch-zoom;touch-action:var(--tw-pan-x) var(--tw-pan-y) pinch-zoom;touch-action:var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom)}.touch-manipulation{touch-action:manipulation}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.select-text{-webkit-user-select:text;-moz-user-select:text;user-select:text}.select-all{-webkit-user-select:all;-moz-user-select:all;user-select:all}.select-auto{-webkit-user-select:auto;-moz-user-select:auto;user-select:auto}.resize-none{resize:none}.resize-y{resize:vertical}.resize-x{resize:horizontal}.resize{resize:both}.snap-none{scroll-snap-type:none}.snap-x{scroll-snap-type:x var(--tw-scroll-snap-strictness)}.snap-y{scroll-snap-type:y var(--tw-scroll-snap-strictness)}.snap-both{scroll-snap-type:both var(--tw-scroll-snap-strictness)}.snap-mandatory{--tw-scroll-snap-strictness:mandatory}.snap-proximity{--tw-scroll-snap-strictness:proximity}.snap-start{scroll-snap-align:start}.snap-end{scroll-snap-align:end}.snap-center{scroll-snap-align:center}.snap-align-none{scroll-snap-align:none}.snap-normal{scroll-snap-stop:normal}.snap-always{scroll-snap-stop:always}.list-inside{list-style-position:inside}.list-outside{list-style-position:outside}.appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.break-before-auto{-moz-column-break-before:auto;break-before:auto;page-break-before:auto}.break-before-avoid{-moz-column-break-before:avoid;break-before:avoid;page-break-before:avoid}.break-before-all{-moz-column-break-before:all;break-before:all;page-break-before:all}.break-before-avoid-page{-moz-column-break-before:avoid;break-before:avoid-page;page-break-before:avoid}.break-before-page{-moz-column-break-before:page;break-before:page;page-break-before:always}.break-before-left{-moz-column-break-before:left;break-before:left;page-break-before:left}.break-before-right{-moz-column-break-before:right;break-before:right;page-break-before:right}.break-before-column{-moz-column-break-before:column;break-before:column}.break-inside-auto{-moz-column-break-inside:auto;break-inside:auto;page-break-inside:auto}.break-inside-avoid{-moz-column-break-inside:avoid;break-inside:avoid;page-break-inside:avoid}.break-inside-avoid-page{break-inside:avoid-page;page-break-inside:avoid}.break-inside-avoid-column{-moz-column-break-inside:avoid;break-inside:avoid-column}.break-after-auto{-moz-column-break-after:auto;break-after:auto;page-break-after:auto}.break-after-avoid{-moz-column-break-after:avoid;break-after:avoid;page-break-after:avoid}.break-after-all{-moz-column-break-after:all;break-after:all;page-break-after:all}.break-after-avoid-page{-moz-column-break-after:avoid;break-after:avoid-page;page-break-after:avoid}.break-after-page{-moz-column-break-after:page;break-after:page;page-break-after:always}.break-after-left{-moz-column-break-after:left;break-after:left;page-break-after:left}.break-after-right{-moz-column-break-after:right;break-after:right;page-break-after:right}.break-after-column{-moz-column-break-after:column;break-after:column}.grid-flow-row{grid-auto-flow:row}.grid-flow-col{grid-auto-flow:column}.grid-flow-dense{grid-auto-flow:dense}.grid-flow-row-dense{grid-auto-flow:row dense}.grid-flow-col-dense{grid-auto-flow:column dense}.flex-row{flex-direction:row}.flex-row-reverse{flex-direction:row-reverse}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.flex-wrap-reverse{flex-wrap:wrap-reverse}.flex-nowrap{flex-wrap:nowrap}.place-content-center{align-content:center;justify-content:center;place-content:center}.place-content-start{align-content:start;justify-content:start;place-content:start}.place-content-end{align-content:end;justify-content:end;place-content:end}.place-content-between{align-content:space-between;justify-content:space-between;place-content:space-between}.place-content-around{align-content:space-around;justify-content:space-around;place-content:space-around}.place-content-evenly{align-content:space-evenly;justify-content:space-evenly;place-content:space-evenly}.place-content-stretch{align-content:stretch;justify-content:stretch;place-content:stretch}.place-items-start{align-items:start;justify-items:start;place-items:start}.place-items-end{align-items:end;justify-items:end;place-items:end}.place-items-center{align-items:center;justify-items:center;place-items:center}.place-items-stretch{align-items:stretch;justify-items:stretch;place-items:stretch}.content-center{align-content:center}.content-start{align-content:flex-start}.content-end{align-content:flex-end}.content-between{align-content:space-between}.content-around{align-content:space-around}.content-evenly{align-content:space-evenly}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.items-baseline{align-items:baseline}.items-stretch{align-items:stretch}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.justify-evenly{justify-content:space-evenly}.justify-items-start{justify-items:start}.justify-items-end{justify-items:end}.justify-items-center{justify-items:center}.justify-items-stretch{justify-items:stretch}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.space-y-reverse>:not([hidden])~:not([hidden]){--tw-space-y-reverse:1}.space-x-reverse>:not([hidden])~:not([hidden]){--tw-space-x-reverse:1}.divide-x>:not([hidden])~:not([hidden]){--tw-divide-x-reverse:0;border-left-width:1px;border-left-width:calc(1px*(1 - var(--tw-divide-x-reverse)));border-right-width:0;border-right-width:calc(1px*var(--tw-divide-x-reverse))}.divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse:0;border-bottom-width:0;border-bottom-width:calc(1px*var(--tw-divide-y-reverse));border-top-width:1px;border-top-width:calc(1px*(1 - var(--tw-divide-y-reverse)))}.divide-y-reverse>:not([hidden])~:not([hidden]){--tw-divide-y-reverse:1}.divide-x-reverse>:not([hidden])~:not([hidden]){--tw-divide-x-reverse:1}.divide-solid>:not([hidden])~:not([hidden]){border-style:solid}.divide-dashed>:not([hidden])~:not([hidden]){border-style:dashed}.divide-dotted>:not([hidden])~:not([hidden]){border-style:dotted}.divide-double>:not([hidden])~:not([hidden]){border-style:double}.divide-none>:not([hidden])~:not([hidden]){border-style:none}.place-self-auto{align-self:auto;justify-self:auto;place-self:auto}.place-self-start{align-self:start;justify-self:start;place-self:start}.place-self-end{align-self:end;justify-self:end;place-self:end}.place-self-center{align-self:center;justify-self:center;place-self:center}.place-self-stretch{align-self:stretch;justify-self:stretch;place-self:stretch}.self-auto{align-self:auto}.self-start{align-self:flex-start}.self-end{align-self:flex-end}.self-center{align-self:center}.self-stretch{align-self:stretch}.self-baseline{align-self:baseline}.justify-self-auto{justify-self:auto}.justify-self-start{justify-self:start}.justify-self-end{justify-self:end}.justify-self-center{justify-self:center}.justify-self-stretch{justify-self:stretch}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-clip{overflow:clip}.overflow-visible{overflow:visible}.overflow-scroll{overflow:scroll}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-y-hidden{overflow-y:hidden}.overflow-x-clip{overflow-x:clip}.overflow-y-clip{overflow-y:clip}.overflow-x-visible{overflow-x:visible}.overflow-y-visible{overflow-y:visible}.overflow-x-scroll{overflow-x:scroll}.overflow-y-scroll{overflow-y:scroll}.overscroll-auto{overscroll-behavior:auto}.overscroll-contain{overscroll-behavior:contain}.overscroll-none{overscroll-behavior:none}.overscroll-y-auto{overscroll-behavior-y:auto}.overscroll-y-contain{overscroll-behavior-y:contain}.overscroll-y-none{overscroll-behavior-y:none}.overscroll-x-auto{overscroll-behavior-x:auto}.overscroll-x-contain{overscroll-behavior-x:contain}.overscroll-x-none{overscroll-behavior-x:none}.scroll-auto{scroll-behavior:auto}.scroll-smooth{scroll-behavior:smooth}.truncate{overflow:hidden;white-space:nowrap}.overflow-ellipsis,.text-ellipsis,.truncate{text-overflow:ellipsis}.text-clip{text-overflow:clip}.whitespace-normal{white-space:normal}.whitespace-nowrap{white-space:nowrap}.whitespace-pre{white-space:pre}.whitespace-pre-line{white-space:pre-line}.whitespace-pre-wrap{white-space:pre-wrap}.break-normal{word-wrap:normal;word-break:normal}.break-words{word-wrap:break-word}.break-all{word-break:break-all}.\!rounded{border-radius:.25rem!important}.rounded{border-radius:.25rem}.rounded-b{border-bottom-right-radius:.25rem}.rounded-b,.rounded-l{border-bottom-left-radius:.25rem}.rounded-l{border-top-left-radius:.25rem}.rounded-r{border-bottom-right-radius:.25rem}.rounded-r,.rounded-t{border-top-right-radius:.25rem}.rounded-t{border-top-left-radius:.25rem}.rounded-bl{border-bottom-left-radius:.25rem}.rounded-br{border-bottom-right-radius:.25rem}.rounded-tl{border-top-left-radius:.25rem}.rounded-tr{border-top-right-radius:.25rem}.border{border-width:1px}.border-x{border-left-width:1px;border-right-width:1px}.border-y{border-top-width:1px}.border-b,.border-y{border-bottom-width:1px}.border-l{border-left-width:1px}.border-r{border-right-width:1px}.border-t{border-top-width:1px}.border-solid{border-style:solid}.border-dashed{border-style:dashed}.border-dotted{border-style:dotted}.border-double{border-style:double}.border-hidden{border-style:hidden}.border-none{border-style:none}.bg-\[rgb\(255\2c 0\2c 0\)\]{--tw-bg-opacity:1;background-color:red;background-color:rgb(255 0 0/var(--tw-bg-opacity))}.bg-black{--tw-bg-opacity:1;background-color:#000;background-color:rgb(0 0 0/var(--tw-bg-opacity))}.bg-white{--tw-bg-opacity:1;background-color:#fff;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.bg-none{background-image:none}.decoration-slice{-webkit-box-decoration-break:slice;box-decoration-break:slice}.decoration-clone{-webkit-box-decoration-break:clone;box-decoration-break:clone}.box-decoration-slice{-webkit-box-decoration-break:slice;box-decoration-break:slice}.box-decoration-clone{-webkit-box-decoration-break:clone;box-decoration-break:clone}.bg-fixed{background-attachment:fixed}.bg-local{background-attachment:local}.bg-scroll{background-attachment:scroll}.bg-clip-border{background-clip:border-box}.bg-clip-padding{background-clip:padding-box}.bg-clip-content{background-clip:content-box}.bg-clip-text{-webkit-background-clip:text;background-clip:text}.bg-repeat{background-repeat:repeat}.bg-no-repeat{background-repeat:no-repeat}.bg-repeat-x{background-repeat:repeat-x}.bg-repeat-y{background-repeat:repeat-y}.bg-repeat-round{background-repeat:round}.bg-repeat-space{background-repeat:space}.bg-origin-border{background-origin:border-box}.bg-origin-padding{background-origin:padding-box}.bg-origin-content{background-origin:content-box}.object-contain{-o-object-fit:contain;object-fit:contain}.object-cover{-o-object-fit:cover;object-fit:cover}.object-fill{-o-object-fit:fill;object-fit:fill}.object-none{-o-object-fit:none;object-fit:none}.object-scale-down{-o-object-fit:scale-down;object-fit:scale-down}.p-1{padding:.25rem}.p-4{padding:1rem}.py-8{padding-bottom:2rem;padding-top:2rem}.pt-2{padding-top:.5rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-justify{text-align:justify}.text-start{text-align:left}.text-end{text-align:right}.align-baseline{vertical-align:baseline}.align-top{vertical-align:top}.align-middle{vertical-align:middle}.align-bottom{vertical-align:bottom}.align-text-top{vertical-align:text-top}.align-text-bottom{vertical-align:text-bottom}.align-sub{vertical-align:sub}.align-super{vertical-align:super}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.font-bold{font-weight:700}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.capitalize{text-transform:capitalize}.normal-case{text-transform:none}.italic{font-style:italic}.not-italic{font-style:normal}.normal-nums{font-variant-numeric:normal}.ordinal{--tw-ordinal:ordinal;font-variant-numeric:ordinal var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.slashed-zero{--tw-slashed-zero:slashed-zero;font-variant-numeric:var(--tw-ordinal) slashed-zero var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.lining-nums{--tw-numeric-figure:lining-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) lining-nums var(--tw-numeric-spacing) var(--tw-numeric-fraction);font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.oldstyle-nums{--tw-numeric-figure:oldstyle-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) oldstyle-nums var(--tw-numeric-spacing) var(--tw-numeric-fraction);font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.proportional-nums{--tw-numeric-spacing:proportional-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) proportional-nums var(--tw-numeric-fraction);font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) tabular-nums var(--tw-numeric-fraction);font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.diagonal-fractions{--tw-numeric-fraction:diagonal-fractions;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) diagonal-fractions;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.stacked-fractions{--tw-numeric-fraction:stacked-fractions;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) stacked-fractions;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.text-\[\#336699\]\/\[\.35\]{color:rgba(51,102,153,.35)}.text-background{--tw-text-opacity:1;color:#f5f5f5;color:rgb(245 245 245/var(--tw-text-opacity))}.text-shadow{--tw-text-opacity:1;color:#a3a3a3;color:rgb(163 163 163/var(--tw-text-opacity))}.underline{text-decoration-line:underline}.overline{text-decoration-line:overline}.line-through{text-decoration-line:line-through}.no-underline{text-decoration-line:none}.decoration-solid{text-decoration-style:solid}.decoration-double{text-decoration-style:double}.decoration-dotted{text-decoration-style:dotted}.decoration-dashed{text-decoration-style:dashed}.decoration-wavy{text-decoration-style:wavy}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.subpixel-antialiased{-webkit-font-smoothing:auto;-moz-osx-font-smoothing:auto}.bg-blend-normal{background-blend-mode:normal}.bg-blend-multiply{background-blend-mode:multiply}.bg-blend-screen{background-blend-mode:screen}.bg-blend-overlay{background-blend-mode:overlay}.bg-blend-darken{background-blend-mode:darken}.bg-blend-lighten{background-blend-mode:lighten}.bg-blend-color-dodge{background-blend-mode:color-dodge}.bg-blend-color-burn{background-blend-mode:color-burn}.bg-blend-hard-light{background-blend-mode:hard-light}.bg-blend-soft-light{background-blend-mode:soft-light}.bg-blend-difference{background-blend-mode:difference}.bg-blend-exclusion{background-blend-mode:exclusion}.bg-blend-hue{background-blend-mode:hue}.bg-blend-saturation{background-blend-mode:saturation}.bg-blend-color{background-blend-mode:color}.bg-blend-luminosity{background-blend-mode:luminosity}.mix-blend-normal{mix-blend-mode:normal}.mix-blend-multiply{mix-blend-mode:multiply}.mix-blend-screen{mix-blend-mode:screen}.mix-blend-overlay{mix-blend-mode:overlay}.mix-blend-darken{mix-blend-mode:darken}.mix-blend-lighten{mix-blend-mode:lighten}.mix-blend-color-dodge{mix-blend-mode:color-dodge}.mix-blend-color-burn{mix-blend-mode:color-burn}.mix-blend-hard-light{mix-blend-mode:hard-light}.mix-blend-soft-light{mix-blend-mode:soft-light}.mix-blend-difference{mix-blend-mode:difference}.mix-blend-exclusion{mix-blend-mode:exclusion}.mix-blend-hue{mix-blend-mode:hue}.mix-blend-saturation{mix-blend-mode:saturation}.mix-blend-color{mix-blend-mode:color}.mix-blend-luminosity{mix-blend-mode:luminosity}.mix-blend-plus-lighter{mix-blend-mode:plus-lighter}.\!shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1)!important;--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color)!important;box-shadow:0 0 transparent,0 0 transparent,0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1)!important;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:0 0 transparent,0 0 transparent,0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.outline-none{outline:2px solid transparent;outline-offset:2px}.outline{outline-style:solid}.outline-dashed{outline-style:dashed}.outline-dotted{outline-style:dotted}.outline-double{outline-style:double}.ring{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color),var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color),0 0 transparent;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.ring-inset{--tw-ring-inset:inset}.blur{--tw-blur:blur(8px);filter:blur(8px) 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);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)}.drop-shadow{--tw-drop-shadow:drop-shadow(0 1px 2px rgba(0,0,0,.1)) drop-shadow(0 1px 1px rgba(0,0,0,.06));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) drop-shadow(0 1px 2px rgba(0,0,0,.1)) drop-shadow(0 1px 1px rgba(0,0,0,.06));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)}.grayscale{--tw-grayscale:grayscale(100%);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) grayscale(100%) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);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)}.invert{--tw-invert:invert(100%);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) invert(100%) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);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)}.sepia{--tw-sepia:sepia(100%);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) sepia(100%) var(--tw-drop-shadow);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)}.\!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)!important}.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)}.filter-none{filter:none}.backdrop-blur{--tw-backdrop-blur:blur(8px);-webkit-backdrop-filter:blur(8px) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:blur(8px) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-grayscale{--tw-backdrop-grayscale:grayscale(100%);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) grayscale(100%) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) grayscale(100%) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-invert{--tw-backdrop-invert:invert(100%);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) invert(100%) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) invert(100%) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-sepia{--tw-backdrop-sepia:sepia(100%);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) sepia(100%);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) sepia(100%)}.backdrop-filter,.backdrop-sepia{-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-filter-none{-webkit-backdrop-filter:none;backdrop-filter:none}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.content-\[\'this-is-also-valid\]-weirdly-enough\'\]{--tw-content:"this-is-also-valid]-weirdly-enough";content:"this-is-also-valid]-weirdly-enough";content:var(--tw-content)}.\[hash\:base64\]{hash:base64}.garment-designer-app{width:100%}@media (min-width:640px){.garment-designer-app{max-width:640px}}@media (min-width:768px){.garment-designer-app{max-width:768px}}@media (min-width:1024px){.garment-designer-app{max-width:1024px}}@media (min-width:1280px){.garment-designer-app{max-width:1280px}}@media (min-width:1536px){.garment-designer-app{max-width:1536px}}.garment-designer-app{--tw-text-opacity:1;color:#262626;color:rgb(38 38 38/var(--tw-text-opacity));margin-left:auto;margin-right:auto}.dark .garment-designer-app{--tw-text-opacity:1;color:#e5e5e5;color:rgb(229 229 229/var(--tw-text-opacity))}@media (min-width:640px){.garment-designer-app{width:90vw}}@media (min-width:1280px){.garment-designer-app{width:80vw}}.garment-designer-app:not(.active){display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;min-width:100%;width:100%}.garment-designer-app:not(.active) .garment-list-wrapper,.garment-designer-app:not(.active) .garment-list-wrapper button{min-width:100%;width:100%}.garment-designer-app a{text-decoration-line:none}.garment-designer-app .inputs-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;flex-direction:column;gap:1rem;margin-bottom:1rem;margin-top:1rem}.garment-designer-app .designer-app-swatch-small{--tw-shadow:inset 0 2px 4px 0 rgba(0,0,0,.05);--tw-shadow-colored:inset 0 2px 4px 0 var(--tw-shadow-color);--tw-shadow-color:#a3a3a3;--tw-shadow:var(--tw-shadow-colored);box-shadow:0 0 transparent,0 0 transparent,inset 0 2px 4px 0 #a3a3a3;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);display:block}.dark .garment-designer-app .designer-app-swatch-small{--tw-shadow-color:#171717;--tw-shadow:var(--tw-shadow-colored)}.garment-designer-app .designer-app-swatch-small{flex:none;height:4rem;width:4rem}.garment-designer-app .designer-app-swatch-medium{--tw-shadow:inset 0 2px 4px 0 rgba(0,0,0,.05);--tw-shadow-colored:inset 0 2px 4px 0 var(--tw-shadow-color);--tw-shadow-color:#a3a3a3;--tw-shadow:var(--tw-shadow-colored);box-shadow:0 0 transparent,0 0 transparent,inset 0 2px 4px 0 #a3a3a3;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);display:block}.dark .garment-designer-app .designer-app-swatch-medium{--tw-shadow-color:#171717;--tw-shadow:var(--tw-shadow-colored)}.garment-designer-app .designer-app-swatch-medium{flex:none;height:8rem;width:8rem}.garment-designer-app .designer-app-swatch-large{--tw-shadow:inset 0 2px 4px 0 rgba(0,0,0,.05);--tw-shadow-colored:inset 0 2px 4px 0 var(--tw-shadow-color);--tw-shadow-color:#a3a3a3;--tw-shadow:var(--tw-shadow-colored);box-shadow:0 0 transparent,0 0 transparent,inset 0 2px 4px 0 #a3a3a3;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);display:block}.dark .garment-designer-app .designer-app-swatch-large{--tw-shadow-color:#171717;--tw-shadow:var(--tw-shadow-colored)}.garment-designer-app .designer-app-swatch-large{aspect-ratio:1/1;height:auto;width:100%}.garment-designer-app .garment-list-wrapper .garment-list{margin-top:1rem;width:100%}@media (min-width:1024px){.garment-designer-app .garment-list-wrapper .garment-list{grid-row-gap:.25rem;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));row-gap:.25rem}}@media (min-width:1536px){.garment-designer-app .garment-list-wrapper .garment-list{grid-template-columns:repeat(3,minmax(0,1fr))}}.garment-designer-app .garment-list-wrapper .garment-list .garment-list-field{--tw-border-opacity:1;--tw-bg-opacity:0.5;align-items:center;background-color:hsla(0,0%,96%,.5);background-color:rgb(245 245 245/var(--tw-bg-opacity));border-bottom-width:2px;border-color:#e5e5e5;border-color:rgb(229 229 229/var(--tw-border-opacity));display:-webkit-box;display:-ms-flexbox;display:flex;flex-direction:row;font-size:1.125rem;height:3rem;justify-content:space-between;line-height:1.75rem;width:100%}.dark .garment-designer-app .garment-list-wrapper .garment-list .garment-list-field{--tw-border-opacity:1;--tw-bg-opacity:0.5;background-color:rgba(38,38,38,.5);background-color:rgb(38 38 38/var(--tw-bg-opacity));border-color:#404040;border-color:rgb(64 64 64/var(--tw-border-opacity))}@media (min-width:1024px){.garment-designer-app .garment-list-wrapper .garment-list .garment-list-field{border-bottom-width:0;margin-bottom:0;margin-top:0}}.garment-designer-app .garment-list-wrapper .garment-list .garment-list-field .garment-label{cursor:pointer;display:block;padding:1rem;width:100%}.garment-designer-app .garment-list-wrapper .garment-list .garment-list-field .garment-close-button{--tw-text-opacity:1;color:#ef4444;color:rgb(239 68 68/var(--tw-text-opacity));cursor:pointer;display:none;padding:1rem}.garment-designer-app .garment-list-wrapper .garment-list .garment-list-field.active-garment,.garment-designer-app .garment-list-wrapper .garment-list .garment-list-field:hover{--tw-border-opacity:1;--tw-bg-opacity:1;border-color:#e5e5e5;border-color:rgb(229 229 229/var(--tw-border-opacity));border-width:1px 1px 0;font-weight:700;z-index:40}.dark .garment-designer-app .garment-list-wrapper .garment-list .garment-list-field.active-garment,.dark .garment-designer-app .garment-list-wrapper .garment-list .garment-list-field:hover{--tw-border-opacity:1;--tw-bg-opacity:1;border-color:#404040;border-color:rgb(64 64 64/var(--tw-border-opacity))}.garment-designer-app .garment-list-wrapper .garment-list .garment-list-field.active-garment .garment-close-button,.garment-designer-app .garment-list-wrapper .garment-list .garment-list-field:hover .garment-close-button{display:block}.garment-designer-app .garment-control-wrapper{min-width:100%}.garment-designer-app .garment-control-wrapper .garment-control{--tw-border-opacity:1;--tw-bg-opacity:1;background-color:#f5f5f5;background-color:rgb(245 245 245/var(--tw-bg-opacity));border-color:#e5e5e5;border-color:rgb(229 229 229/var(--tw-border-opacity));border-width:1px;margin-bottom:3rem;padding:1rem}.dark .garment-designer-app .garment-control-wrapper .garment-control{--tw-border-opacity:1;--tw-bg-opacity:1;background-color:#262626;background-color:rgb(38 38 38/var(--tw-bg-opacity));border-color:#404040;border-color:rgb(64 64 64/var(--tw-border-opacity))}@media (min-width:640px){.garment-designer-app .garment-control-wrapper .garment-control{margin-top:-1px}}.garment-designer-app .garment-control-wrapper .garment-control.inactive{display:none}.garment-designer-app .garment-control-wrapper .garment-control .garment-design-control{display:-webkit-box;display:-ms-flexbox;display:flex;flex-direction:column;gap:1rem;padding-bottom:1rem}@media (min-width:1024px){.garment-designer-app .garment-control-wrapper .garment-control .garment-design-control{flex-direction:row;gap:3rem}}.garment-designer-app .garment-control-wrapper .garment-control .garment-design-control .design-thumbnail-wrapper{--tw-bg-opacity:1;--tw-text-opacity:1;--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);--tw-shadow-color:#a3a3a3;--tw-shadow:var(--tw-shadow-colored);align-content:center;background-color:#262626;background-color:rgb(38 38 38/var(--tw-bg-opacity));box-shadow:0 0 transparent,0 0 transparent,0 4px 6px -1px #a3a3a3,0 2px 4px -2px #a3a3a3;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);color:#e5e5e5;color:rgb(229 229 229/var(--tw-text-opacity));display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-weight:700;height:3rem;justify-content:center;line-height:1rem;padding:1rem;place-content:center}.garment-designer-app .garment-control-wrapper .garment-control .garment-design-control .design-thumbnail-wrapper:hover{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:#000;background-color:rgb(0 0 0/var(--tw-bg-opacity));color:#fff;color:rgb(255 255 255/var(--tw-text-opacity))}.dark .garment-designer-app .garment-control-wrapper .garment-control .garment-design-control .design-thumbnail-wrapper{--tw-bg-opacity:1;--tw-text-opacity:1;--tw-shadow-color:#171717;--tw-shadow:var(--tw-shadow-colored);background-color:#e5e5e5;background-color:rgb(229 229 229/var(--tw-bg-opacity));color:#262626;color:rgb(38 38 38/var(--tw-text-opacity))}.dark .garment-designer-app .garment-control-wrapper .garment-control .garment-design-control .design-thumbnail-wrapper:hover{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:#fff;background-color:rgb(255 255 255/var(--tw-bg-opacity));color:#000;color:rgb(0 0 0/var(--tw-text-opacity))}.garment-designer-app .garment-control-wrapper .garment-control .garment-design-control .design-thumbnail-wrapper{height:auto}.garment-designer-app .garment-control-wrapper .garment-control .garment-design-control .design-thumbnail-wrapper .design-thumbnail-button{height:100%;width:100%}.garment-designer-app .garment-control-wrapper .garment-control .garment-design-control .design-thumbnail-wrapper .design-thumbnail-button .design-thumbnail{aspect-ratio:1/1;display:block;margin:auto;width:6rem}.garment-designer-app .garment-control-wrapper .garment-control .garment-design-control .colours-list{display:grid;flex-grow:1;grid-template-columns:repeat(1,minmax(0,1fr))}@media (min-width:640px){.garment-designer-app .garment-control-wrapper .garment-control .garment-design-control .colours-list{grid-template-columns:repeat(2,minmax(0,1fr))}}.garment-designer-app .garment-control-wrapper .garment-control .garment-design-control .views-list{align-items:flex-end;display:-webkit-box;display:-ms-flexbox;display:flex;flex:none;flex-direction:row;gap:1rem;justify-content:flex-end}.garment-designer-app .garment-control-wrapper .garment-control .garment-design-control .views-list .view-button.active{--tw-bg-opacity:1;background-color:#047857;background-color:rgb(4 120 87/var(--tw-bg-opacity))}.dark .garment-designer-app .garment-control-wrapper .garment-control .garment-design-control .views-list .view-button.active{--tw-bg-opacity:1;background-color:#34d399;background-color:rgb(52 211 153/var(--tw-bg-opacity))}.garment-designer-app .garment-control-wrapper .garment-control .views-wrapper{width:100%}.garment-designer-app .garment-control-wrapper .garment-control .views-wrapper .garment-view.garment-view-customisable{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(1,minmax(0,1fr))}@media (min-width:1024px){.garment-designer-app .garment-control-wrapper .garment-control .views-wrapper .garment-view.garment-view-customisable{grid-template-columns:20rem minmax(0,1fr)}}.garment-designer-app .garment-control-wrapper .garment-control .views-wrapper .garment-view.hidden-tab{height:0;margin:0;overflow:hidden;visibility:hidden}.garment-designer-app .garment-control-wrapper .garment-control .views-wrapper .garment-view .view-control-wrapper{flex:none;order:9999}@media (min-width:1024px){.garment-designer-app .garment-control-wrapper .garment-control .views-wrapper .garment-view .view-control-wrapper{order:-9999}}.garment-designer-app .garment-control-wrapper .garment-control .views-wrapper .garment-view .design-canvas-wrapper{--tw-border-opacity:1;--tw-bg-opacity:1;background-color:#fff;background-color:rgb(255 255 255/var(--tw-bg-opacity));border-color:#e5e5e5;border-color:rgb(229 229 229/var(--tw-border-opacity));border-width:1px;order:-9999}.dark .garment-designer-app .garment-control-wrapper .garment-control .views-wrapper .garment-view .design-canvas-wrapper{--tw-border-opacity:1;--tw-bg-opacity:1;background-color:#171717;background-color:rgb(23 23 23/var(--tw-bg-opacity));border-color:#404040;border-color:rgb(64 64 64/var(--tw-border-opacity))}@media (min-width:1024px){.garment-designer-app .garment-control-wrapper .garment-control .views-wrapper .garment-view .design-canvas-wrapper{order:9999}}.garment-designer-app .garment-control-wrapper .garment-control .views-wrapper .garment-view .design-canvas-wrapper{overflow:hidden}.garment-designer-app .garment-control-wrapper .garment-control .views-wrapper .garment-view .design-canvas-wrapper .design-canvas{margin-left:auto;margin-right:auto}.garment-designer-app .garment-control-wrapper .colours-list{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,minmax(0,1fr))}@media (min-width:640px){.garment-designer-app .garment-control-wrapper .colours-list{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:768px){.garment-designer-app .garment-control-wrapper .colours-list{grid-template-columns:repeat(4,minmax(0,1fr))}}.garment-designer-app .garment-control-wrapper .colours-list .colour-wrapper{align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;flex-direction:row;font-weight:700;gap:1rem}.garment-designer-app .image-previews-list{display:-webkit-box;display:-ms-flexbox;display:flex;flex-direction:row;flex-wrap:wrap;gap:1rem;justify-content:center;padding:1rem}.garment-designer-app .image-previews-list .image-preview-wrapper{flex:none;height:6rem;position:relative;width:6rem}.garment-designer-app .image-previews-list .image-preview-wrapper .image-preview{border-radius:.25rem;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.garment-designer-app .image-previews-list .image-preview-wrapper .image-delete-button-wrapper{display:none;position:absolute;right:-.5rem;top:-.5rem;z-index:10}.garment-designer-app .image-previews-list .image-preview-wrapper .image-delete-button-wrapper .image-delete-button{--tw-bg-opacity:1;--tw-text-opacity:1;--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);--tw-shadow-color:#a3a3a3;--tw-shadow:var(--tw-shadow-colored);align-content:center;background-color:#262626;background-color:rgb(38 38 38/var(--tw-bg-opacity));box-shadow:0 0 transparent,0 0 transparent,0 4px 6px -1px #a3a3a3,0 2px 4px -2px #a3a3a3;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);color:#e5e5e5;color:rgb(229 229 229/var(--tw-text-opacity));display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-weight:700;height:3rem;justify-content:center;line-height:1rem;padding:1rem;place-content:center}.garment-designer-app .image-previews-list .image-preview-wrapper .image-delete-button-wrapper .image-delete-button:hover{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:#000;background-color:rgb(0 0 0/var(--tw-bg-opacity));color:#fff;color:rgb(255 255 255/var(--tw-text-opacity))}.dark .garment-designer-app .image-previews-list .image-preview-wrapper .image-delete-button-wrapper .image-delete-button{--tw-bg-opacity:1;--tw-text-opacity:1;--tw-shadow-color:#171717;--tw-shadow:var(--tw-shadow-colored);background-color:#e5e5e5;background-color:rgb(229 229 229/var(--tw-bg-opacity));color:#262626;color:rgb(38 38 38/var(--tw-text-opacity))}.dark .garment-designer-app .image-previews-list .image-preview-wrapper .image-delete-button-wrapper .image-delete-button:hover{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:#fff;background-color:rgb(255 255 255/var(--tw-bg-opacity));color:#000;color:rgb(0 0 0/var(--tw-text-opacity))}.garment-designer-app .image-previews-list .image-preview-wrapper .image-delete-button-wrapper .image-delete-button{height:2rem;padding:.5rem;width:2rem}.garment-designer-app .image-previews-list .image-preview-wrapper:focus .image-delete-button-wrapper,.garment-designer-app .image-previews-list .image-preview-wrapper:hover .image-delete-button-wrapper{display:block}.garment-designer-app .text-input-wrapper{align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;flex-direction:row;gap:1rem}.garment-designer-app .text-input-wrapper .text-input{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:#fff;background-color:rgb(255 255 255/var(--tw-bg-opacity));color:#000;color:rgb(0 0 0/var(--tw-text-opacity));flex:1 1 auto;height:3rem;padding-left:1rem;padding-right:1rem;width:100%}.dark .garment-designer-app .text-input-wrapper .text-input{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:#000;background-color:rgb(0 0 0/var(--tw-bg-opacity));color:#fff;color:rgb(255 255 255/var(--tw-text-opacity))}.garment-designer-app .modal{display:none}.garment-designer-app .modal.modal-active{--tw-text-opacity:1;background-color:hsla(0,0%,96%,.75);bottom:0;color:#262626;color:rgb(38 38 38/var(--tw-text-opacity));display:-webkit-box;display:-ms-flexbox;display:flex;left:0;position:fixed;right:0;top:0;z-index:50}.dark .garment-designer-app .modal.modal-active{--tw-text-opacity:1;background-color:rgba(38,38,38,.75);color:#e5e5e5;color:rgb(229 229 229/var(--tw-text-opacity))}@media (min-width:640px){.garment-designer-app .modal.modal-active{padding:2rem}}@media (min-width:768px){.garment-designer-app .modal.modal-active{padding:3rem}}@media (min-width:1024px){.garment-designer-app .modal.modal-active{padding:4rem}}@media (min-width:1280px){.garment-designer-app .modal.modal-active{padding:5rem}}.garment-designer-app .modal .modal-box{--tw-border-opacity:1;--tw-bg-opacity:1;background-color:#f5f5f5;background-color:rgb(245 245 245/var(--tw-bg-opacity));border-color:#e5e5e5;border-color:rgb(229 229 229/var(--tw-border-opacity));border-width:1px;display:-webkit-box;display:-ms-flexbox;display:flex;flex-direction:column;height:100%;margin:auto;max-height:100vh;padding:1rem;width:100%}@media (min-width:640px){.garment-designer-app .modal .modal-box{width:100%}@media (min-width:640px){.garment-designer-app .modal .modal-box{max-width:640px}}@media (min-width:768px){.garment-designer-app .modal .modal-box{max-width:768px}}@media (min-width:1024px){.garment-designer-app .modal .modal-box{max-width:1024px}}@media (min-width:1280px){.garment-designer-app .modal .modal-box{max-width:1280px}}@media (min-width:1536px){.garment-designer-app .modal .modal-box{max-width:1536px}}}.dark .garment-designer-app .modal .modal-box{--tw-border-opacity:1;--tw-bg-opacity:1;background-color:#262626;background-color:rgb(38 38 38/var(--tw-bg-opacity));border-color:#404040;border-color:rgb(64 64 64/var(--tw-border-opacity))}@media (min-width:640px){.garment-designer-app .modal .modal-box{--tw-shadow:0 25px 50px -12px rgba(0,0,0,.25);--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color);box-shadow:0 0 transparent,0 0 transparent,0 25px 50px -12px rgba(0,0,0,.25);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);height:auto;max-height:75vh}}.garment-designer-app .modal .modal-box .modal-header{display:-webkit-box;display:-ms-flexbox;display:flex;flex:none;flex-direction:row;justify-content:space-between;padding-bottom:1rem;position:relative}@media (min-width:640px){.garment-designer-app .modal .modal-box .modal-header{padding:1rem}}.garment-designer-app .modal .modal-box .modal-header .modal-close-button{--tw-bg-opacity:1;--tw-text-opacity:1;--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);--tw-shadow-color:#a3a3a3;--tw-shadow:var(--tw-shadow-colored);align-content:center;background-color:#262626;background-color:rgb(38 38 38/var(--tw-bg-opacity));box-shadow:0 0 transparent,0 0 transparent,0 4px 6px -1px #a3a3a3,0 2px 4px -2px #a3a3a3;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);color:#e5e5e5;color:rgb(229 229 229/var(--tw-text-opacity));display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-weight:700;height:3rem;justify-content:center;line-height:1rem;padding:1rem;place-content:center}.garment-designer-app .modal .modal-box .modal-header .modal-close-button:hover{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:#000;background-color:rgb(0 0 0/var(--tw-bg-opacity));color:#fff;color:rgb(255 255 255/var(--tw-text-opacity))}.dark .garment-designer-app .modal .modal-box .modal-header .modal-close-button{--tw-bg-opacity:1;--tw-text-opacity:1;--tw-shadow-color:#171717;--tw-shadow:var(--tw-shadow-colored);background-color:#e5e5e5;background-color:rgb(229 229 229/var(--tw-bg-opacity));color:#262626;color:rgb(38 38 38/var(--tw-text-opacity))}.dark .garment-designer-app .modal .modal-box .modal-header .modal-close-button:hover{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:#fff;background-color:rgb(255 255 255/var(--tw-bg-opacity));color:#000;color:rgb(0 0 0/var(--tw-text-opacity))}@media (min-width:640px){.garment-designer-app .modal .modal-box .modal-header .modal-close-button{position:absolute;right:-2rem;top:-2rem}}.garment-designer-app .modal .modal-box .modal-title{font-size:2.25rem;font-weight:700;line-height:2.5rem}.garment-designer-app .modal .modal-box .modal-subtitle{font-size:1.875rem;font-weight:700;line-height:2.25rem}.garment-designer-app .modal .modal-box .modal-content{flex-grow:1;overflow:auto}.garment-designer-app .modal .modal-box .modal-content .modal-categories-content{grid-gap:3rem;display:grid;flex-grow:1;gap:3rem;grid-template-columns:repeat(2,minmax(0,1fr));overflow:auto;padding:1rem}@media (min-width:640px){.garment-designer-app .modal .modal-box .modal-content .modal-categories-content{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:768px){.garment-designer-app .modal .modal-box .modal-content .modal-categories-content{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:1024px){.garment-designer-app .modal .modal-box .modal-content .modal-categories-content{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width:1280px){.garment-designer-app .modal .modal-box .modal-content .modal-categories-content{grid-template-columns:repeat(5,minmax(0,1fr))}}.garment-designer-app .modal .modal-box .modal-content .modal-categories-content .category-thumbail-button{display:-webkit-box;display:-ms-flexbox;display:flex;flex-direction:column;gap:.5rem;width:100%}.garment-designer-app .modal .modal-box .modal-content .modal-categories-content .category-thumbail-button .category-thumbnail-wrapper{aspect-ratio:1/1;isolation:isolate;position:relative;width:100%}.garment-designer-app .modal .modal-box .modal-content .modal-categories-content .category-thumbail-button .category-thumbnail-wrapper .category-hover-thumbnail,.garment-designer-app .modal .modal-box .modal-content .modal-categories-content .category-thumbail-button .category-thumbnail-wrapper .category-thumbnail{left:0;position:absolute;top:0;transition-duration:.2s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}.garment-designer-app .modal .modal-box .modal-content .modal-categories-content .category-thumbail-button .category-thumbnail-wrapper .category-thumbnail{opacity:1}.garment-designer-app .modal .modal-box .modal-content .modal-categories-content .category-thumbail-button .category-thumbnail-wrapper:hover .category-thumbnail{opacity:0}.garment-designer-app .modal .modal-box .modal-content .modal-categories-content .category-thumbail-button .category-thumbnail-wrapper .category-hover-thumbnail{mix-blend-mode:plus-lighter;opacity:0}.garment-designer-app .modal .modal-box .modal-content .modal-categories-content .category-thumbail-button .category-thumbnail-wrapper:hover .category-hover-thumbnail{opacity:1}.garment-designer-app .modal .modal-box .modal-content .modal-garment-content{grid-gap:3rem;display:grid;flex-grow:1;gap:3rem;grid-template-columns:repeat(2,minmax(0,1fr));overflow:auto;padding:1rem}@media (min-width:640px){.garment-designer-app .modal .modal-box .modal-content .modal-garment-content{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:768px){.garment-designer-app .modal .modal-box .modal-content .modal-garment-content{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:1024px){.garment-designer-app .modal .modal-box .modal-content .modal-garment-content{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width:1280px){.garment-designer-app .modal .modal-box .modal-content .modal-garment-content{grid-template-columns:repeat(5,minmax(0,1fr))}}.garment-designer-app .modal .modal-box .modal-content .modal-garment-content .garment-thumbail-button{display:-webkit-box;display:-ms-flexbox;display:flex;flex-direction:column;gap:.5rem;width:100%}.garment-designer-app .modal .modal-box .modal-content .modal-garment-content .garment-thumbail-button .garment-thumbnail-wrapper{aspect-ratio:1/1;isolation:isolate;position:relative;width:100%}.garment-designer-app .modal .modal-box .modal-content .modal-garment-content .garment-thumbail-button .garment-thumbnail-wrapper .garment-hover-thumbnail,.garment-designer-app .modal .modal-box .modal-content .modal-garment-content .garment-thumbail-button .garment-thumbnail-wrapper .garment-thumbnail{left:0;position:absolute;top:0;transition-duration:.2s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}.garment-designer-app .modal .modal-box .modal-content .modal-garment-content .garment-thumbail-button .garment-thumbnail-wrapper .garment-thumbnail{opacity:1}.garment-designer-app .modal .modal-box .modal-content .modal-garment-content .garment-thumbail-button .garment-thumbnail-wrapper:hover .garment-thumbnail{opacity:0}.garment-designer-app .modal .modal-box .modal-content .modal-garment-content .garment-thumbail-button .garment-thumbnail-wrapper .garment-hover-thumbnail{mix-blend-mode:plus-lighter;opacity:0}.garment-designer-app .modal .modal-box .modal-content .modal-garment-content .garment-thumbail-button .garment-thumbnail-wrapper:hover .garment-hover-thumbnail{opacity:1}.garment-designer-app .modal .modal-box .modal-content .modal-design-content{grid-gap:3rem;display:grid;flex-grow:1;gap:3rem;grid-template-columns:repeat(2,minmax(0,1fr));overflow:auto;padding:1rem}@media (min-width:640px){.garment-designer-app .modal .modal-box .modal-content .modal-design-content{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:768px){.garment-designer-app .modal .modal-box .modal-content .modal-design-content{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:1024px){.garment-designer-app .modal .modal-box .modal-content .modal-design-content{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width:1280px){.garment-designer-app .modal .modal-box .modal-content .modal-design-content{grid-template-columns:repeat(5,minmax(0,1fr))}}.garment-designer-app .modal .modal-box .modal-content .modal-design-content .design-thumbail-button{display:-webkit-box;display:-ms-flexbox;display:flex;flex-direction:column;gap:.5rem;width:100%}.garment-designer-app .modal .modal-box .modal-content .modal-design-content .design-thumbail-button .design-thumbnail-wrapper{aspect-ratio:1/1;position:relative;width:100%}.garment-designer-app .modal .modal-box .modal-content .modal-design-content .design-thumbail-button .design-thumbnail-wrapper .design-hover-thumbnail,.garment-designer-app .modal .modal-box .modal-content .modal-design-content .design-thumbail-button .design-thumbnail-wrapper .design-thumbnail{left:0;position:absolute;top:0}.garment-designer-app .modal .modal-box .modal-content .modal-design-content .design-thumbail-button .design-thumbnail-wrapper .design-thumbnail{animation-duration:.2s;animation-name:flip-in;opacity:1}.garment-designer-app .modal .modal-box .modal-content .modal-design-content .design-thumbail-button .design-thumbnail-wrapper .design-hover-thumbnail,.garment-designer-app .modal .modal-box .modal-content .modal-design-content .design-thumbail-button .design-thumbnail-wrapper:hover .design-thumbnail{animation-duration:.2s;animation-name:flip-out;opacity:0}.garment-designer-app .modal .modal-box .modal-content .modal-design-content .design-thumbail-button .design-thumbnail-wrapper:hover .design-hover-thumbnail{animation-duration:.2s;animation-name:flip-in;opacity:1}@keyframes flip-in{0%{opacity:0;rotate:y 90deg}50%{opacity:0;rotate:y 90deg}51%{opacity:1;rotate:y 90 deg}to{opacity:1;rotate:none}}@keyframes flip-out{0%{opacity:1;rotate:none}50%{opacity:1;rotate:y 90deg}51%{opacity:0;rotate:y 90deg}to{opacity:0;rotate:y 90deg}}.garment-designer-app .modal .modal-box .modal-content .modal-colour-content{grid-gap:3rem;display:grid;flex-grow:1;gap:3rem;grid-template-columns:repeat(2,minmax(0,1fr));overflow:auto;padding:1rem}@media (min-width:640px){.garment-designer-app .modal .modal-box .modal-content .modal-colour-content{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:768px){.garment-designer-app .modal .modal-box .modal-content .modal-colour-content{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:1024px){.garment-designer-app .modal .modal-box .modal-content .modal-colour-content{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width:1280px){.garment-designer-app .modal .modal-box .modal-content .modal-colour-content{grid-template-columns:repeat(5,minmax(0,1fr))}}.garment-designer-app .modal .modal-box .modal-content .modal-colour-content .swatch-button{aspect-ratio:1/1;width:100%}.garment-designer-app .modal .modal-box .modal-content .modal-typeface-content{display:-webkit-box;display:-ms-flexbox;display:flex;flex-direction:column;flex-grow:1;overflow-y:scroll}.garment-designer-app .modal .modal-box .modal-content .modal-typeface-content .typeface{font-size:1.875rem;line-height:2.25rem;padding:1rem}@media (min-width:640px){.garment-designer-app .modal .modal-box .modal-content .modal-typeface-content .typeface{font-size:2.25rem;line-height:2.5rem}}.garment-designer-app .modal .modal-box .modal-content .modal-typeface-content .typeface.typeface-selected,.garment-designer-app .modal .modal-box .modal-content .modal-typeface-content .typeface:hover{--tw-bg-opacity:1;background-color:#e5e5e5;background-color:rgb(229 229 229/var(--tw-bg-opacity))}.dark .garment-designer-app .modal .modal-box .modal-content .modal-typeface-content .typeface.typeface-selected,.dark .garment-designer-app .modal .modal-box .modal-content .modal-typeface-content .typeface:hover{--tw-bg-opacity:1;background-color:#000;background-color:rgb(0 0 0/var(--tw-bg-opacity))}.garment-designer-app .modal .modal-box .modal-content.modal-submit-content .summary-wrapper .garments-wrapper .garment-wrapper{margin:1.5rem}.garment-designer-app .modal .modal-box .modal-content.modal-submit-content .summary-wrapper .garments-wrapper .garment-wrapper .garment-heading{margin-bottom:.5rem;text-align:center}.garment-designer-app .modal .modal-box .modal-content.modal-submit-content .summary-wrapper .garments-wrapper .garment-wrapper .garment-preview{--tw-border-opacity:1;--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);--tw-shadow-color:#a3a3a3;--tw-shadow:var(--tw-shadow-colored);border-color:#e5e5e5;border-color:rgb(229 229 229/var(--tw-border-opacity));border-width:1px;box-shadow:0 0 transparent,0 0 transparent,0 4px 6px -1px #a3a3a3,0 2px 4px -2px #a3a3a3;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);margin-left:auto;margin-right:auto}.dark .garment-designer-app .modal .modal-box .modal-content.modal-submit-content .summary-wrapper .garments-wrapper .garment-wrapper .garment-preview{--tw-border-opacity:1;--tw-shadow-color:#171717;--tw-shadow:var(--tw-shadow-colored);border-color:#404040;border-color:rgb(64 64 64/var(--tw-border-opacity))}@media (min-width:640px){.garment-designer-app .modal .modal-box .modal-content.modal-submit-content .summary-wrapper .garments-wrapper .garment-wrapper .garment-preview{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}}.garment-designer-app .modal .modal-box .modal-content.modal-submit-content .summary-wrapper .garments-wrapper .garment-wrapper .garment-preview .garment-preview-image{aspect-ratio:1/1;display:block;width:100%}@media (min-width:640px){.sm\:container{width:100%}@media (min-width:640px){.sm\:container{max-width:640px}}@media (min-width:768px){.sm\:container{max-width:768px}}@media (min-width:1024px){.sm\:container{max-width:1024px}}@media (min-width:1280px){.sm\:container{max-width:1280px}}@media (min-width:1536px){.sm\:container{max-width:1536px}}}.before\:transform:before{content:var(--tw-content);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:font-bold:hover{font-weight:700}.before\:hover\:text-center:hover:before,.hover\:before\:text-center:hover:before{content:var(--tw-content);text-align:center}.focus\:hover\:text-center:hover:focus,.hover\:focus\:text-center:focus:hover{text-align:center}.dark .dark\:block{display:block}.dark .dark\:hidden{display:none}@media (min-width:640px){.sm\:text-5xl{font-size:3rem;line-height:1}.sm\:underline{text-decoration-line:underline}}@media (min-width:1024px){.lg\:text-6xl{font-size:3.75rem;line-height:1}.dark .dark\:lg\:hover\:\[paint-order\:markers\]:hover{paint-order:markers}}