updating ressources

5 files changed, 2425 insertions, 369 deletions

diff --git a/exampleSite/resources/_gen/assets/sass/sass/styles.sass_514f8ed7bb3c3dd6ca19ebf08af0ff62.content b/exampleSite/resources/_gen/assets/sass/sass/styles.sass_514f8ed7bb3c3dd6ca19ebf08af0ff62.content
deleted file mode 100644
index 92e7097..0000000
--- a/exampleSite/resources/_gen/assets/sass/sass/styles.sass_514f8ed7bb3c3dd6ca19ebf08af0ff62.content
+++ /dev/null
@@ -1 +0,0 @@
-/*!normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css*/html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}a{background-color:transparent}img{border-style:none}button,input,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}textarea{overflow:auto}template{display:none}[hidden]{display:none}h1,h2,h3,hr,p{margin:0}button{background-color:transparent;background-image:none}button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}html{font-family:system-ui,-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,noto sans,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji;line-height:1.5}*,::before,::after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e2e8f0}hr{border-top-width:1px}img{border-style:solid}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{color:#a0aec0}input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#a0aec0}input::placeholder,textarea::placeholder{color:#a0aec0}button{cursor:pointer}table{border-collapse:collapse}h1,h2,h3{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}button,input,textarea{padding:0;line-height:inherit;color:inherit}img,svg{display:block;vertical-align:middle}img{max-width:100%;height:auto}.bg-transparent{background-color:transparent}.bg-black{--bg-opacity: 1;background-color:#000;background-color:rgba(0,0,0,var(--bg-opacity))}.bg-white{--bg-opacity: 1;background-color:#fff;background-color:rgba(255,255,255,var(--bg-opacity))}.bg-gray-100{--bg-opacity: 1;background-color:#f7fafc;background-color:rgba(247,250,252,var(--bg-opacity))}.bg-gray-200{--bg-opacity: 1;background-color:#edf2f7;background-color:rgba(237,242,247,var(--bg-opacity))}.bg-green-300{--bg-opacity: 1;background-color:#9ae6b4;background-color:rgba(154,230,180,var(--bg-opacity))}.bg-green-400{--bg-opacity: 1;background-color:#68d391;background-color:rgba(104,211,145,var(--bg-opacity))}.bg-green-apple{--bg-opacity: 1;background-color:#e8f3ec;background-color:rgba(232,243,236,var(--bg-opacity))}.bg-grey-200{--bg-opacity: 1;background-color:#eee;background-color:rgba(238,238,238,var(--bg-opacity))}.hover\:bg-green-500:hover{--bg-opacity: 1;background-color:#48bb78;background-color:rgba(72,187,120,var(--bg-opacity))}.hover\:bg-grey-300:hover{--bg-opacity: 1;background-color:#e0e0e0;background-color:rgba(224,224,224,var(--bg-opacity))}.active\:bg-green-600:active{--bg-opacity: 1;background-color:#38a169;background-color:rgba(56,161,105,var(--bg-opacity))}.active\:bg-grey-400:active{--bg-opacity: 1;background-color:#bdbdbd;background-color:rgba(189,189,189,var(--bg-opacity))}.bg-opacity-50{--bg-opacity: 0.5}.bg-center{background-position:50%}.bg-cover{background-size:cover}.border-black{--border-opacity: 1;border-color:#000;border-color:rgba(0,0,0,var(--border-opacity))}.border-gray-200{--border-opacity: 1;border-color:#edf2f7;border-color:rgba(237,242,247,var(--border-opacity))}.border-gray-300{--border-opacity: 1;border-color:#e2e8f0;border-color:rgba(226,232,240,var(--border-opacity))}.border-gray-600{--border-opacity: 1;border-color:#718096;border-color:rgba(113,128,150,var(--border-opacity))}.border-green-400{--border-opacity: 1;border-color:#68d391;border-color:rgba(104,211,145,var(--border-opacity))}.rounded-sm{border-radius:.125rem}.rounded-md{border-radius:.375rem}.rounded-full{border-radius:9999px}.border-none{border-style:none}.border{border-width:1px}.border-t{border-top-width:1px}.border-l{border-left-width:1px}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.table{display:table}.hidden{display:none}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.flex-1{flex:1 1 0%}.flex-initial{flex:0 1 auto}.float-right{float:right}.font-sans{font-family:system-ui,-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,noto sans,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji}.font-serif{font-family:Spectral,Georgia,Cambria,Times New Roman,Times,serif}.font-charter{font-family:charter,Georgia,Cambria,Times New Roman,Times,serif}.font-thin{font-weight:200}.font-light{font-weight:300}.font-normal{font-weight:400}.font-semibold{font-weight:600}.font-bold{font-weight:700}.h-4{height:1rem}.h-8{height:2rem}.h-12{height:3rem}.h-24{height:6rem}.h-32{height:8rem}.h-40{height:10rem}.h-48{height:12rem}.h-full{height:100%}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-3xl{font-size:1.875rem}.text-4xl{font-size:2.25rem}.leading-loose{line-height:2}.m-0{margin:0}.my-0{margin-top:0;margin-bottom:0}.mx-1{margin-left:.25rem;margin-right:.25rem}.my-2{margin-top:.5rem;margin-bottom:.5rem}.mx-2{margin-left:.5rem;margin-right:.5rem}.my-4{margin-top:1rem;margin-bottom:1rem}.my-6{margin-top:1.5rem;margin-bottom:1.5rem}.my-12{margin-top:3rem;margin-bottom:3rem}.my-16{margin-top:4rem;margin-bottom:4rem}.mx-auto{margin-left:auto;margin-right:auto}.mt-0{margin-top:0}.mb-0{margin-bottom:0}.mt-1{margin-top:.25rem}.mr-1{margin-right:.25rem}.mb-1{margin-bottom:.25rem}.mr-2{margin-right:.5rem}.mb-2{margin-bottom:.5rem}.ml-2{margin-left:.5rem}.mt-3{margin-top:.75rem}.mb-3{margin-bottom:.75rem}.mt-4{margin-top:1rem}.mr-4{margin-right:1rem}.mb-4{margin-bottom:1rem}.ml-4{margin-left:1rem}.mt-6{margin-top:1.5rem}.mb-6{margin-bottom:1.5rem}.mt-8{margin-top:2rem}.mr-8{margin-right:2rem}.mb-8{margin-bottom:2rem}.mt-12{margin-top:3rem}.mb-12{margin-bottom:3rem}.mb-16{margin-bottom:4rem}.mt-20{margin-top:5rem}.mt-24{margin-top:6rem}.ml-auto{margin-left:auto}.-mt-2{margin-top:-.5rem}.max-w-xl{max-width:36rem}.max-w-4xl{max-width:56rem}.max-w-6xl{max-width:72rem}.max-w-2\/3{max-width:66.66666666666666%}.min-h-screen{min-height:100vh}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.overflow-x-hidden{overflow-x:hidden}.scrolling-touch{-webkit-overflow-scrolling:touch}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-8{padding:2rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.px-1{padding-left:.25rem;padding-right:.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.pb-0{padding-bottom:0}.pr-1{padding-right:.25rem}.pl-1{padding-left:.25rem}.pt-2{padding-top:.5rem}.pr-2{padding-right:.5rem}.pb-2{padding-bottom:.5rem}.pl-2{padding-left:.5rem}.pl-4{padding-left:1rem}.pt-8{padding-top:2rem}.pb-24{padding-bottom:6rem}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:-webkit-sticky;position:sticky}.top-0{top:0}.right-0{right:0}.bottom-0{bottom:0}.left-0{left:0}.top-12{top:3rem}.-right-16{right:-4rem}.-left-16{left:-4rem}.shadow-2{box-shadow:0 1px 5px rgba(0,0,0,.2),0 2px 2px rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.12)}.shadow-4{box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px rgba(0,0,0,.14),0 1px 10px rgba(0,0,0,.12)}.shadow-6{box-shadow:0 3px 5px -1px rgba(0,0,0,.2),0 6px 10px rgba(0,0,0,.14),0 1px 18px rgba(0,0,0,.12)}.hover\:shadow-8:hover{box-shadow:0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12)}.table-auto{table-layout:auto}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-justify{text-align:justify}.text-white{--text-opacity: 1;color:#fff;color:rgba(255,255,255,var(--text-opacity))}.text-gray-100{--text-opacity: 1;color:#f7fafc;color:rgba(247,250,252,var(--text-opacity))}.text-gray-400{--text-opacity: 1;color:#cbd5e0;color:rgba(203,213,224,var(--text-opacity))}.text-gray-600{--text-opacity: 1;color:#718096;color:rgba(113,128,150,var(--text-opacity))}.text-gray-700{--text-opacity: 1;color:#4a5568;color:rgba(74,85,104,var(--text-opacity))}.text-red-500{--text-opacity: 1;color:#f56565;color:rgba(245,101,101,var(--text-opacity))}.text-grey-600{--text-opacity: 1;color:#757575;color:rgba(117,117,117,var(--text-opacity))}.text-grey-700{--text-opacity: 1;color:#616161;color:rgba(97,97,97,var(--text-opacity))}.text-grey-800{--text-opacity: 1;color:#424242;color:rgba(66,66,66,var(--text-opacity))}.hover\:text-black:hover{--text-opacity: 1;color:#000;color:rgba(0,0,0,var(--text-opacity))}.hover\:text-white:hover{--text-opacity: 1;color:#fff;color:rgba(255,255,255,var(--text-opacity))}.hover\:text-gray-200:hover{--text-opacity: 1;color:#edf2f7;color:rgba(237,242,247,var(--text-opacity))}.italic{font-style:italic}.uppercase{text-transform:uppercase}.underline{text-decoration:underline}.no-underline{text-decoration:none}.tracking-normal{letter-spacing:0}.tracking-widest{letter-spacing:.1em}.select-none{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.align-middle{vertical-align:middle}.break-words{word-wrap:break-word;overflow-wrap:break-word}.w-4{width:1rem}.w-8{width:2rem}.w-48{width:12rem}.w-full{width:100%}.z-50{z-index:50}.transform{--transform-translate-x: 0;--transform-translate-y: 0;--transform-rotate: 0;--transform-skew-x: 0;--transform-skew-y: 0;--transform-scale-x: 1;--transform-scale-y: 1;transform:translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y))}.hover\:scale-110:hover{--transform-scale-x: 1.1;--transform-scale-y: 1.1}.active\:scale-90:active{--transform-scale-x: .9;--transform-scale-y: .9}.rotate-45{--transform-rotate: 45deg}.rotate-90{--transform-rotate: 90deg}.-rotate-90{--transform-rotate: -90deg}.transition{transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform}.transition-transform{transition-property:transform}.ease-in-out{transition-timing-function:cubic-bezier(0.4,0,0.2,1)}.duration-200{transition-duration:200ms}.duration-300{transition-duration:300ms}@keyframes spin{to{transform:rotate(360deg)}}@keyframes ping{75%,100%{transform:scale(2);opacity:0}}@keyframes pulse{50%{opacity:.5}}@keyframes bounce{0%,100%{transform:translateY(-25%);-webkit-animation-timing-function:cubic-bezier(0.8,0,1,1);animation-timing-function:cubic-bezier(0.8,0,1,1)}50%{transform:none;-webkit-animation-timing-function:cubic-bezier(0,0,0.2,1);animation-timing-function:cubic-bezier(0,0,0.2,1)}}@font-face{font-family:charter;src:url(../fonts/charter/bold_italic.woff)format("woff");font-weight:700;font-style:italic;font-display:swap}@font-face{font-family:charter;src:url(../fonts/charter/bold.woff)format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:charter;src:url(../fonts/charter/italic.woff)format("woff");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:charter;src:url(../fonts/charter/regular.woff)format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:spectral;font-style:italic;font-weight:200;font-display:swap;src:url(../fonts/spectral/extra_light_italic.woff2)format("woff2")}@font-face{font-family:spectral;font-style:italic;font-weight:300;font-display:swap;src:url(../fonts/spectral/light_italic.woff2)format("woff2")}@font-face{font-family:spectral;font-style:italic;font-weight:400;font-display:swap;src:url(../fonts/spectral/italic.woff2)format("woff2")}@font-face{font-family:spectral;font-style:italic;font-weight:500;font-display:swap;src:url(../fonts/spectral/medium_italic.woff2)format("woff2")}@font-face{font-family:spectral;font-style:italic;font-weight:600;font-display:swap;src:url(../fonts/spectral/semi_bold_italic.woff2)format("woff2")}@font-face{font-family:spectral;font-style:italic;font-weight:700;font-display:swap;src:url(../fonts/spectral/bold_italic.woff2)format("woff2")}@font-face{font-family:spectral;font-style:italic;font-weight:800;font-display:swap;src:url(../fonts/spectral/extra_bold_italic.woff2)format("woff2")}@font-face{font-family:spectral;font-style:normal;font-weight:200;font-display:swap;src:url(../fonts/spectral/extra_light.woff2)format("woff2")}@font-face{font-family:spectral;font-style:normal;font-weight:300;font-display:swap;src:url(../fonts/spectral/light.woff2)format("woff2")}@font-face{font-family:spectral;font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/spectral/regular.woff2)format("woff2")}@font-face{font-family:spectral;font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/spectral/medium.woff2)format("woff2")}@font-face{font-family:spectral;font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/spectral/semi_bold.woff2)format("woff2")}@font-face{font-family:spectral;font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/spectral/bold.woff2)format("woff2")}@font-face{font-family:spectral;font-style:normal;font-weight:800;font-display:swap;src:url(../fonts/spectral/extra_bold.woff2)format("woff2")}.blend-diff{mix-blend-mode:difference}.absolute-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.overflow-ellipsis{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}*{mix-blend-mode:initial;box-sizing:border-box}html{position:relative;scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}*::-moz-selection{--bg-opacity: 1;background-color:#c6f6d5;background-color:rgba(198,246,213,var(--bg-opacity))}*::selection{--bg-opacity: 1;background-color:#c6f6d5;background-color:rgba(198,246,213,var(--bg-opacity))}h1{font-size:1.875rem;font-family:Spectral,Georgia,Cambria,Times New Roman,Times,serif;margin-top:1.5rem;margin-bottom:1.5rem;letter-spacing:-.025em}h2{font-size:1.25rem;font-weight:700;margin-top:.75rem;margin-bottom:.75rem}h3{font-size:1.125rem;margin-top:.5rem;margin-bottom:.5rem}hr{border-top-width:1px;--border-opacity: 1;border-color:#e0e0e0;border-color:rgba(224,224,224,var(--border-opacity))}a{text-decoration:underline}a,a:hover{color:inherit}p{font-family:system-ui,-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,noto sans,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji;margin-top:1rem}input,textarea,button{outline:2px solid transparent;outline-offset:2px;padding:.5rem;margin-bottom:1rem;border-radius:.375rem}input:not([type=checkbox]):not([type=button]):not([type=submit]):not([type=reset]):not([type=color]):not([type=file]):not([type=hidden]):not([type=image]):not([type=radio]),textarea{width:100%;border-width:2px}input[type=submit],input[type=reset]{cursor:pointer;padding-left:.5rem;padding-right:.5rem}input:focus,textarea:focus,button:hover{--border-opacity: 1;border-color:#9ae6b4;border-color:rgba(154,230,180,var(--border-opacity))}@media(min-width:640px){.sm\:block{display:block}.sm\:hidden{display:none}.sm\:text-5xl{font-size:3rem}.sm\:mx-12{margin-left:3rem;margin-right:3rem}.sm\:text-left{text-align:left}.sm\:text-right{text-align:right}.sm\:w-1\/2{width:50%}}@media(min-width:768px){.md\:block{display:block}.md\:hidden{display:none}.md\:justify-start{justify-content:flex-start}.md\:h-6{height:1.5rem}.md\:text-6xl{font-size:4rem}.md\:mx-2{margin-left:.5rem;margin-right:.5rem}.md\:mx-auto{margin-left:auto;margin-right:auto}.md\:mb-0{margin-bottom:0}.md\:mr-auto{margin-right:auto}.md\:ml-auto{margin-left:auto}.md\:max-w-4xl{max-width:56rem}.md\:max-w-5xl{max-width:64rem}.md\:max-w-1\/2{max-width:50%}.md\:overflow-visible{overflow:visible}.md\:pt-0{padding-top:0}.md\:pl-0{padding-left:0}.md\:pr-4{padding-right:1rem}.md\:pl-4{padding-left:1rem}.md\:text-left{text-align:left}.md\:text-right{text-align:right}.md\:w-6{width:1.5rem}.md\:w-1\/2{width:50%}.md\:w-3\/4{width:75%}.md\:absolute-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}}@media(min-width:1024px){.lg\:block{display:block}.lg\:hidden{display:none}.lg\:-mt-24{margin-top:-6rem}.lg\:max-w-5xl{max-width:64rem}.lg\:pl-2{padding-left:.5rem}.lg\:pl-6{padding-left:1.5rem}.lg\:pr-8{padding-right:2rem}.lg\:sticky{position:-webkit-sticky;position:sticky}.lg\:left-1\/3{left:33.33333333333333%}.lg\:w-1\/3{width:33.333333%}.lg\:w-2\/3{width:66.666667%}}@media(min-width:1280px){.xl\:block{display:block}.xl\:hidden{display:none}.xl\:max-w-6xl{max-width:72rem}}
\ No newline at end of file
diff --git a/exampleSite/resources/_gen/assets/sass/sass/styles.sass_514f8ed7bb3c3dd6ca19ebf08af0ff62.json b/exampleSite/resources/_gen/assets/sass/sass/styles.sass_514f8ed7bb3c3dd6ca19ebf08af0ff62.json
deleted file mode 100644
index ae46e82..0000000
--- a/exampleSite/resources/_gen/assets/sass/sass/styles.sass_514f8ed7bb3c3dd6ca19ebf08af0ff62.json
+++ /dev/null
@@ -1 +0,0 @@
-{"Target":"css/main.min.de56b55f59841949a4d7197e0d1e8389.css","MediaType":"text/css","Data":{"Integrity":"md5-3la1X1mEGUmk1xl+DR6DiQ=="}}
\ No newline at end of file
diff --git a/exampleSite/resources/_gen/assets/sass/sass/styles.sass_b8e3badeabeea89cef291c07b224cc39.content b/exampleSite/resources/_gen/assets/sass/sass/styles.sass_b8e3badeabeea89cef291c07b224cc39.content
index bbbdbef..88bb019 100644
--- a/exampleSite/resources/_gen/assets/sass/sass/styles.sass_b8e3badeabeea89cef291c07b224cc39.content
+++ b/exampleSite/resources/_gen/assets/sass/sass/styles.sass_b8e3badeabeea89cef291c07b224cc39.content
@@ -12609,12 +12609,296 @@ video {
   margin-left: -1px;
 }
 
+.max-h-0 {
+  max-height: 0rem;
+}
+
+.max-h-1 {
+  max-height: 0.25rem;
+}
+
+.max-h-2 {
+  max-height: 0.5rem;
+}
+
+.max-h-3 {
+  max-height: 0.75rem;
+}
+
+.max-h-4 {
+  max-height: 1rem;
+}
+
+.max-h-5 {
+  max-height: 1.25rem;
+}
+
+.max-h-6 {
+  max-height: 1.5rem;
+}
+
+.max-h-8 {
+  max-height: 2rem;
+}
+
+.max-h-10 {
+  max-height: 2.5rem;
+}
+
+.max-h-12 {
+  max-height: 3rem;
+}
+
+.max-h-14 {
+  max-height: 3.5rem;
+}
+
+.max-h-16 {
+  max-height: 4rem;
+}
+
+.max-h-20 {
+  max-height: 5rem;
+}
+
+.max-h-24 {
+  max-height: 6rem;
+}
+
+.max-h-32 {
+  max-height: 8rem;
+}
+
+.max-h-40 {
+  max-height: 10rem;
+}
+
+.max-h-48 {
+  max-height: 12rem;
+}
+
+.max-h-56 {
+  max-height: 14rem;
+}
+
+.max-h-64 {
+  max-height: 16rem;
+}
+
 .max-h-full {
   max-height: 100%;
 }
 
 .max-h-screen {
-  max-height: 100vh;
+  max-height: 100vw;
+}
+
+.max-h-1\/2 {
+  max-height: 50%;
+}
+
+.max-h-1\/3 {
+  max-height: 33.33333333333333%;
+}
+
+.max-h-2\/3 {
+  max-height: 66.66666666666666%;
+}
+
+.max-h-1\/4 {
+  max-height: 25%;
+}
+
+.max-h-2\/4 {
+  max-height: 50%;
+}
+
+.max-h-3\/4 {
+  max-height: 75%;
+}
+
+.max-h-1\/5 {
+  max-height: 20%;
+}
+
+.max-h-2\/5 {
+  max-height: 40%;
+}
+
+.max-h-3\/5 {
+  max-height: 60%;
+}
+
+.max-h-4\/5 {
+  max-height: 80%;
+}
+
+.max-h-1\/6 {
+  max-height: 16.666666666666664%;
+}
+
+.max-h-2\/6 {
+  max-height: 33.33333333333333%;
+}
+
+.max-h-3\/6 {
+  max-height: 50%;
+}
+
+.max-h-4\/6 {
+  max-height: 66.66666666666666%;
+}
+
+.max-h-5\/6 {
+  max-height: 83.33333333333334%;
+}
+
+.max-h-1\/12 {
+  max-height: 8.333333333333332%;
+}
+
+.max-h-2\/12 {
+  max-height: 16.666666666666664%;
+}
+
+.max-h-3\/12 {
+  max-height: 25%;
+}
+
+.max-h-4\/12 {
+  max-height: 33.33333333333333%;
+}
+
+.max-h-5\/12 {
+  max-height: 41.66666666666667%;
+}
+
+.max-h-6\/12 {
+  max-height: 50%;
+}
+
+.max-h-7\/12 {
+  max-height: 58.333333333333336%;
+}
+
+.max-h-8\/12 {
+  max-height: 66.66666666666666%;
+}
+
+.max-h-9\/12 {
+  max-height: 75%;
+}
+
+.max-h-10\/12 {
+  max-height: 83.33333333333334%;
+}
+
+.max-h-11\/12 {
+  max-height: 91.66666666666666%;
+}
+
+.max-h-vh-1\/2 {
+  max-height: 50vh;
+}
+
+.max-h-vh-1\/3 {
+  max-height: 33.33333333333333vh;
+}
+
+.max-h-vh-2\/3 {
+  max-height: 66.66666666666666vh;
+}
+
+.max-h-vh-1\/4 {
+  max-height: 25vh;
+}
+
+.max-h-vh-2\/4 {
+  max-height: 50vh;
+}
+
+.max-h-vh-3\/4 {
+  max-height: 75vh;
+}
+
+.max-h-vh-1\/5 {
+  max-height: 20vh;
+}
+
+.max-h-vh-2\/5 {
+  max-height: 40vh;
+}
+
+.max-h-vh-3\/5 {
+  max-height: 60vh;
+}
+
+.max-h-vh-4\/5 {
+  max-height: 80vh;
+}
+
+.max-h-vh-1\/6 {
+  max-height: 16.666666666666664vh;
+}
+
+.max-h-vh-2\/6 {
+  max-height: 33.33333333333333vh;
+}
+
+.max-h-vh-3\/6 {
+  max-height: 50vh;
+}
+
+.max-h-vh-4\/6 {
+  max-height: 66.66666666666666vh;
+}
+
+.max-h-vh-5\/6 {
+  max-height: 83.33333333333334vh;
+}
+
+.max-h-vh-1\/12 {
+  max-height: 8.333333333333332vh;
+}
+
+.max-h-vh-2\/12 {
+  max-height: 16.666666666666664vh;
+}
+
+.max-h-vh-3\/12 {
+  max-height: 25vh;
+}
+
+.max-h-vh-4\/12 {
+  max-height: 33.33333333333333vh;
+}
+
+.max-h-vh-5\/12 {
+  max-height: 41.66666666666667vh;
+}
+
+.max-h-vh-6\/12 {
+  max-height: 50vh;
+}
+
+.max-h-vh-7\/12 {
+  max-height: 58.333333333333336vh;
+}
+
+.max-h-vh-8\/12 {
+  max-height: 66.66666666666666vh;
+}
+
+.max-h-vh-9\/12 {
+  max-height: 75vh;
+}
+
+.max-h-vh-10\/12 {
+  max-height: 83.33333333333334vh;
+}
+
+.max-h-vh-11\/12 {
+  max-height: 91.66666666666666vh;
 }
 
 .max-w-0 {
@@ -12761,78 +13045,6 @@ video {
   max-width: 100vw;
 }
 
-.max-w--1 {
-  max-width: -0.25rem;
-}
-
-.max-w--2 {
-  max-width: -0.5rem;
-}
-
-.max-w--3 {
-  max-width: -0.75rem;
-}
-
-.max-w--4 {
-  max-width: -1rem;
-}
-
-.max-w--5 {
-  max-width: -1.25rem;
-}
-
-.max-w--6 {
-  max-width: -1.5rem;
-}
-
-.max-w--8 {
-  max-width: -2rem;
-}
-
-.max-w--10 {
-  max-width: -2.5rem;
-}
-
-.max-w--12 {
-  max-width: -3rem;
-}
-
-.max-w--14 {
-  max-width: -3.5rem;
-}
-
-.max-w--16 {
-  max-width: -4rem;
-}
-
-.max-w--20 {
-  max-width: -5rem;
-}
-
-.max-w--24 {
-  max-width: -6rem;
-}
-
-.max-w--32 {
-  max-width: -8rem;
-}
-
-.max-w--40 {
-  max-width: -10rem;
-}
-
-.max-w--48 {
-  max-width: -12rem;
-}
-
-.max-w--56 {
-  max-width: -14rem;
-}
-
-.max-w--64 {
-  max-width: -16rem;
-}
-
 .max-w-1\/2 {
   max-width: 50%;
 }
@@ -12937,6 +13149,110 @@ video {
   max-width: 91.66666666666666%;
 }
 
+.max-w-vw-1\/2 {
+  max-width: 50vw;
+}
+
+.max-w-vw-1\/3 {
+  max-width: 33.33333333333333vw;
+}
+
+.max-w-vw-2\/3 {
+  max-width: 66.66666666666666vw;
+}
+
+.max-w-vw-1\/4 {
+  max-width: 25vw;
+}
+
+.max-w-vw-2\/4 {
+  max-width: 50vw;
+}
+
+.max-w-vw-3\/4 {
+  max-width: 75vw;
+}
+
+.max-w-vw-1\/5 {
+  max-width: 20vw;
+}
+
+.max-w-vw-2\/5 {
+  max-width: 40vw;
+}
+
+.max-w-vw-3\/5 {
+  max-width: 60vw;
+}
+
+.max-w-vw-4\/5 {
+  max-width: 80vw;
+}
+
+.max-w-vw-1\/6 {
+  max-width: 16.666666666666664vw;
+}
+
+.max-w-vw-2\/6 {
+  max-width: 33.33333333333333vw;
+}
+
+.max-w-vw-3\/6 {
+  max-width: 50vw;
+}
+
+.max-w-vw-4\/6 {
+  max-width: 66.66666666666666vw;
+}
+
+.max-w-vw-5\/6 {
+  max-width: 83.33333333333334vw;
+}
+
+.max-w-vw-1\/12 {
+  max-width: 8.333333333333332vw;
+}
+
+.max-w-vw-2\/12 {
+  max-width: 16.666666666666664vw;
+}
+
+.max-w-vw-3\/12 {
+  max-width: 25vw;
+}
+
+.max-w-vw-4\/12 {
+  max-width: 33.33333333333333vw;
+}
+
+.max-w-vw-5\/12 {
+  max-width: 41.66666666666667vw;
+}
+
+.max-w-vw-6\/12 {
+  max-width: 50vw;
+}
+
+.max-w-vw-7\/12 {
+  max-width: 58.333333333333336vw;
+}
+
+.max-w-vw-8\/12 {
+  max-width: 66.66666666666666vw;
+}
+
+.max-w-vw-9\/12 {
+  max-width: 75vw;
+}
+
+.max-w-vw-10\/12 {
+  max-width: 83.33333333333334vw;
+}
+
+.max-w-vw-11\/12 {
+  max-width: 91.66666666666666vw;
+}
+
 .min-h-0 {
   min-height: 0;
 }
@@ -19843,6 +20159,38 @@ video {
   box-shadow: 0 8px 10px -5px rgba(0,0,0,0.2), 0 16px 24px 2px rgba(0,0,0,0.14), 0 6px 30px 5px rgba(0,0,0,0.12);
 }
 
+.shadow-xs {
+  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
+}
+
+.shadow-sm {
+  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+}
+
+.shadow-DEFAULT {
+  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
+}
+
+.shadow-md {
+  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+}
+
+.shadow-lg {
+  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+}
+
+.shadow-xl {
+  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
+}
+
+.shadow-2xl {
+  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
+}
+
+.shadow-soft {
+  box-shadow: 0 30px 60px -10px rgba(0,0,0,.22), 0 18px 36px -18px rgba(0,0,0,.25);
+}
+
 .hover\:shadow-1:hover {
   box-shadow: 0 1px 3px rgba(0,0,0,0.2), 0 1px 1px rgba(0,0,0,0.14), 0 2px 1px -1px rgba(0,0,0,0.12);
 }
@@ -19907,6 +20255,38 @@ video {
   box-shadow: 0 8px 10px -5px rgba(0,0,0,0.2), 0 16px 24px 2px rgba(0,0,0,0.14), 0 6px 30px 5px rgba(0,0,0,0.12);
 }
 
+.hover\:shadow-xs:hover {
+  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
+}
+
+.hover\:shadow-sm:hover {
+  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+}
+
+.hover\:shadow-DEFAULT:hover {
+  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
+}
+
+.hover\:shadow-md:hover {
+  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+}
+
+.hover\:shadow-lg:hover {
+  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+}
+
+.hover\:shadow-xl:hover {
+  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
+}
+
+.hover\:shadow-2xl:hover {
+  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
+}
+
+.hover\:shadow-soft:hover {
+  box-shadow: 0 30px 60px -10px rgba(0,0,0,.22), 0 18px 36px -18px rgba(0,0,0,.25);
+}
+
 .focus\:shadow-1:focus {
   box-shadow: 0 1px 3px rgba(0,0,0,0.2), 0 1px 1px rgba(0,0,0,0.14), 0 2px 1px -1px rgba(0,0,0,0.12);
 }
@@ -19971,6 +20351,38 @@ video {
   box-shadow: 0 8px 10px -5px rgba(0,0,0,0.2), 0 16px 24px 2px rgba(0,0,0,0.14), 0 6px 30px 5px rgba(0,0,0,0.12);
 }
 
+.focus\:shadow-xs:focus {
+  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
+}
+
+.focus\:shadow-sm:focus {
+  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+}
+
+.focus\:shadow-DEFAULT:focus {
+  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
+}
+
+.focus\:shadow-md:focus {
+  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+}
+
+.focus\:shadow-lg:focus {
+  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+}
+
+.focus\:shadow-xl:focus {
+  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
+}
+
+.focus\:shadow-2xl:focus {
+  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
+}
+
+.focus\:shadow-soft:focus {
+  box-shadow: 0 30px 60px -10px rgba(0,0,0,.22), 0 18px 36px -18px rgba(0,0,0,.25);
+}
+
 .fill-current {
   fill: currentColor;
 }
@@ -35910,12 +36322,296 @@ input:focus, textarea:focus, button:hover {
     margin-left: -1px;
   }
 
+  .sm\:max-h-0 {
+    max-height: 0rem;
+  }
+
+  .sm\:max-h-1 {
+    max-height: 0.25rem;
+  }
+
+  .sm\:max-h-2 {
+    max-height: 0.5rem;
+  }
+
+  .sm\:max-h-3 {
+    max-height: 0.75rem;
+  }
+
+  .sm\:max-h-4 {
+    max-height: 1rem;
+  }
+
+  .sm\:max-h-5 {
+    max-height: 1.25rem;
+  }
+
+  .sm\:max-h-6 {
+    max-height: 1.5rem;
+  }
+
+  .sm\:max-h-8 {
+    max-height: 2rem;
+  }
+
+  .sm\:max-h-10 {
+    max-height: 2.5rem;
+  }
+
+  .sm\:max-h-12 {
+    max-height: 3rem;
+  }
+
+  .sm\:max-h-14 {
+    max-height: 3.5rem;
+  }
+
+  .sm\:max-h-16 {
+    max-height: 4rem;
+  }
+
+  .sm\:max-h-20 {
+    max-height: 5rem;
+  }
+
+  .sm\:max-h-24 {
+    max-height: 6rem;
+  }
+
+  .sm\:max-h-32 {
+    max-height: 8rem;
+  }
+
+  .sm\:max-h-40 {
+    max-height: 10rem;
+  }
+
+  .sm\:max-h-48 {
+    max-height: 12rem;
+  }
+
+  .sm\:max-h-56 {
+    max-height: 14rem;
+  }
+
+  .sm\:max-h-64 {
+    max-height: 16rem;
+  }
+
   .sm\:max-h-full {
     max-height: 100%;
   }
 
   .sm\:max-h-screen {
-    max-height: 100vh;
+    max-height: 100vw;
+  }
+
+  .sm\:max-h-1\/2 {
+    max-height: 50%;
+  }
+
+  .sm\:max-h-1\/3 {
+    max-height: 33.33333333333333%;
+  }
+
+  .sm\:max-h-2\/3 {
+    max-height: 66.66666666666666%;
+  }
+
+  .sm\:max-h-1\/4 {
+    max-height: 25%;
+  }
+
+  .sm\:max-h-2\/4 {
+    max-height: 50%;
+  }
+
+  .sm\:max-h-3\/4 {
+    max-height: 75%;
+  }
+
+  .sm\:max-h-1\/5 {
+    max-height: 20%;
+  }
+
+  .sm\:max-h-2\/5 {
+    max-height: 40%;
+  }
+
+  .sm\:max-h-3\/5 {
+    max-height: 60%;
+  }
+
+  .sm\:max-h-4\/5 {
+    max-height: 80%;
+  }
+
+  .sm\:max-h-1\/6 {
+    max-height: 16.666666666666664%;
+  }
+
+  .sm\:max-h-2\/6 {
+    max-height: 33.33333333333333%;
+  }
+
+  .sm\:max-h-3\/6 {
+    max-height: 50%;
+  }
+
+  .sm\:max-h-4\/6 {
+    max-height: 66.66666666666666%;
+  }
+
+  .sm\:max-h-5\/6 {
+    max-height: 83.33333333333334%;
+  }
+
+  .sm\:max-h-1\/12 {
+    max-height: 8.333333333333332%;
+  }
+
+  .sm\:max-h-2\/12 {
+    max-height: 16.666666666666664%;
+  }
+
+  .sm\:max-h-3\/12 {
+    max-height: 25%;
+  }
+
+  .sm\:max-h-4\/12 {
+    max-height: 33.33333333333333%;
+  }
+
+  .sm\:max-h-5\/12 {
+    max-height: 41.66666666666667%;
+  }
+
+  .sm\:max-h-6\/12 {
+    max-height: 50%;
+  }
+
+  .sm\:max-h-7\/12 {
+    max-height: 58.333333333333336%;
+  }
+
+  .sm\:max-h-8\/12 {
+    max-height: 66.66666666666666%;
+  }
+
+  .sm\:max-h-9\/12 {
+    max-height: 75%;
+  }
+
+  .sm\:max-h-10\/12 {
+    max-height: 83.33333333333334%;
+  }
+
+  .sm\:max-h-11\/12 {
+    max-height: 91.66666666666666%;
+  }
+
+  .sm\:max-h-vh-1\/2 {
+    max-height: 50vh;
+  }
+
+  .sm\:max-h-vh-1\/3 {
+    max-height: 33.33333333333333vh;
+  }
+
+  .sm\:max-h-vh-2\/3 {
+    max-height: 66.66666666666666vh;
+  }
+
+  .sm\:max-h-vh-1\/4 {
+    max-height: 25vh;
+  }
+
+  .sm\:max-h-vh-2\/4 {
+    max-height: 50vh;
+  }
+
+  .sm\:max-h-vh-3\/4 {
+    max-height: 75vh;
+  }
+
+  .sm\:max-h-vh-1\/5 {
+    max-height: 20vh;
+  }
+
+  .sm\:max-h-vh-2\/5 {
+    max-height: 40vh;
+  }
+
+  .sm\:max-h-vh-3\/5 {
+    max-height: 60vh;
+  }
+
+  .sm\:max-h-vh-4\/5 {
+    max-height: 80vh;
+  }
+
+  .sm\:max-h-vh-1\/6 {
+    max-height: 16.666666666666664vh;
+  }
+
+  .sm\:max-h-vh-2\/6 {
+    max-height: 33.33333333333333vh;
+  }
+
+  .sm\:max-h-vh-3\/6 {
+    max-height: 50vh;
+  }
+
+  .sm\:max-h-vh-4\/6 {
+    max-height: 66.66666666666666vh;
+  }
+
+  .sm\:max-h-vh-5\/6 {
+    max-height: 83.33333333333334vh;
+  }
+
+  .sm\:max-h-vh-1\/12 {
+    max-height: 8.333333333333332vh;
+  }
+
+  .sm\:max-h-vh-2\/12 {
+    max-height: 16.666666666666664vh;
+  }
+
+  .sm\:max-h-vh-3\/12 {
+    max-height: 25vh;
+  }
+
+  .sm\:max-h-vh-4\/12 {
+    max-height: 33.33333333333333vh;
+  }
+
+  .sm\:max-h-vh-5\/12 {
+    max-height: 41.66666666666667vh;
+  }
+
+  .sm\:max-h-vh-6\/12 {
+    max-height: 50vh;
+  }
+
+  .sm\:max-h-vh-7\/12 {
+    max-height: 58.333333333333336vh;
+  }
+
+  .sm\:max-h-vh-8\/12 {
+    max-height: 66.66666666666666vh;
+  }
+
+  .sm\:max-h-vh-9\/12 {
+    max-height: 75vh;
+  }
+
+  .sm\:max-h-vh-10\/12 {
+    max-height: 83.33333333333334vh;
+  }
+
+  .sm\:max-h-vh-11\/12 {
+    max-height: 91.66666666666666vh;
   }
 
   .sm\:max-w-0 {
@@ -36062,78 +36758,6 @@ input:focus, textarea:focus, button:hover {
     max-width: 100vw;
   }
 
-  .sm\:max-w--1 {
-    max-width: -0.25rem;
-  }
-
-  .sm\:max-w--2 {
-    max-width: -0.5rem;
-  }
-
-  .sm\:max-w--3 {
-    max-width: -0.75rem;
-  }
-
-  .sm\:max-w--4 {
-    max-width: -1rem;
-  }
-
-  .sm\:max-w--5 {
-    max-width: -1.25rem;
-  }
-
-  .sm\:max-w--6 {
-    max-width: -1.5rem;
-  }
-
-  .sm\:max-w--8 {
-    max-width: -2rem;
-  }
-
-  .sm\:max-w--10 {
-    max-width: -2.5rem;
-  }
-
-  .sm\:max-w--12 {
-    max-width: -3rem;
-  }
-
-  .sm\:max-w--14 {
-    max-width: -3.5rem;
-  }
-
-  .sm\:max-w--16 {
-    max-width: -4rem;
-  }
-
-  .sm\:max-w--20 {
-    max-width: -5rem;
-  }
-
-  .sm\:max-w--24 {
-    max-width: -6rem;
-  }
-
-  .sm\:max-w--32 {
-    max-width: -8rem;
-  }
-
-  .sm\:max-w--40 {
-    max-width: -10rem;
-  }
-
-  .sm\:max-w--48 {
-    max-width: -12rem;
-  }
-
-  .sm\:max-w--56 {
-    max-width: -14rem;
-  }
-
-  .sm\:max-w--64 {
-    max-width: -16rem;
-  }
-
   .sm\:max-w-1\/2 {
     max-width: 50%;
   }
@@ -36238,6 +36862,110 @@ input:focus, textarea:focus, button:hover {
     max-width: 91.66666666666666%;
   }
 
+  .sm\:max-w-vw-1\/2 {
+    max-width: 50vw;
+  }
+
+  .sm\:max-w-vw-1\/3 {
+    max-width: 33.33333333333333vw;
+  }
+
+  .sm\:max-w-vw-2\/3 {
+    max-width: 66.66666666666666vw;
+  }
+
+  .sm\:max-w-vw-1\/4 {
+    max-width: 25vw;
+  }
+
+  .sm\:max-w-vw-2\/4 {
+    max-width: 50vw;
+  }
+
+  .sm\:max-w-vw-3\/4 {
+    max-width: 75vw;
+  }
+
+  .sm\:max-w-vw-1\/5 {
+    max-width: 20vw;
+  }
+
+  .sm\:max-w-vw-2\/5 {
+    max-width: 40vw;
+  }
+
+  .sm\:max-w-vw-3\/5 {
+    max-width: 60vw;
+  }
+
+  .sm\:max-w-vw-4\/5 {
+    max-width: 80vw;
+  }
+
+  .sm\:max-w-vw-1\/6 {
+    max-width: 16.666666666666664vw;
+  }
+
+  .sm\:max-w-vw-2\/6 {
+    max-width: 33.33333333333333vw;
+  }
+
+  .sm\:max-w-vw-3\/6 {
+    max-width: 50vw;
+  }
+
+  .sm\:max-w-vw-4\/6 {
+    max-width: 66.66666666666666vw;
+  }
+
+  .sm\:max-w-vw-5\/6 {
+    max-width: 83.33333333333334vw;
+  }
+
+  .sm\:max-w-vw-1\/12 {
+    max-width: 8.333333333333332vw;
+  }
+
+  .sm\:max-w-vw-2\/12 {
+    max-width: 16.666666666666664vw;
+  }
+
+  .sm\:max-w-vw-3\/12 {
+    max-width: 25vw;
+  }
+
+  .sm\:max-w-vw-4\/12 {
+    max-width: 33.33333333333333vw;
+  }
+
+  .sm\:max-w-vw-5\/12 {
+    max-width: 41.66666666666667vw;
+  }
+
+  .sm\:max-w-vw-6\/12 {
+    max-width: 50vw;
+  }
+
+  .sm\:max-w-vw-7\/12 {
+    max-width: 58.333333333333336vw;
+  }
+
+  .sm\:max-w-vw-8\/12 {
+    max-width: 66.66666666666666vw;
+  }
+
+  .sm\:max-w-vw-9\/12 {
+    max-width: 75vw;
+  }
+
+  .sm\:max-w-vw-10\/12 {
+    max-width: 83.33333333333334vw;
+  }
+
+  .sm\:max-w-vw-11\/12 {
+    max-width: 91.66666666666666vw;
+  }
+
   .sm\:min-h-0 {
     min-height: 0;
   }
@@ -43144,6 +43872,38 @@ input:focus, textarea:focus, button:hover {
     box-shadow: 0 8px 10px -5px rgba(0,0,0,0.2), 0 16px 24px 2px rgba(0,0,0,0.14), 0 6px 30px 5px rgba(0,0,0,0.12);
   }
 
+  .sm\:shadow-xs {
+    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
+  }
+
+  .sm\:shadow-sm {
+    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+  }
+
+  .sm\:shadow-DEFAULT {
+    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
+  }
+
+  .sm\:shadow-md {
+    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+  }
+
+  .sm\:shadow-lg {
+    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+  }
+
+  .sm\:shadow-xl {
+    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
+  }
+
+  .sm\:shadow-2xl {
+    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
+  }
+
+  .sm\:shadow-soft {
+    box-shadow: 0 30px 60px -10px rgba(0,0,0,.22), 0 18px 36px -18px rgba(0,0,0,.25);
+  }
+
   .sm\:hover\:shadow-1:hover {
     box-shadow: 0 1px 3px rgba(0,0,0,0.2), 0 1px 1px rgba(0,0,0,0.14), 0 2px 1px -1px rgba(0,0,0,0.12);
   }
@@ -43208,6 +43968,38 @@ input:focus, textarea:focus, button:hover {
     box-shadow: 0 8px 10px -5px rgba(0,0,0,0.2), 0 16px 24px 2px rgba(0,0,0,0.14), 0 6px 30px 5px rgba(0,0,0,0.12);
   }
 
+  .sm\:hover\:shadow-xs:hover {
+    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
+  }
+
+  .sm\:hover\:shadow-sm:hover {
+    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+  }
+
+  .sm\:hover\:shadow-DEFAULT:hover {
+    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
+  }
+
+  .sm\:hover\:shadow-md:hover {
+    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+  }
+
+  .sm\:hover\:shadow-lg:hover {
+    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+  }
+
+  .sm\:hover\:shadow-xl:hover {
+    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
+  }
+
+  .sm\:hover\:shadow-2xl:hover {
+    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
+  }
+
+  .sm\:hover\:shadow-soft:hover {
+    box-shadow: 0 30px 60px -10px rgba(0,0,0,.22), 0 18px 36px -18px rgba(0,0,0,.25);
+  }
+
   .sm\:focus\:shadow-1:focus {
     box-shadow: 0 1px 3px rgba(0,0,0,0.2), 0 1px 1px rgba(0,0,0,0.14), 0 2px 1px -1px rgba(0,0,0,0.12);
   }
@@ -43272,6 +44064,38 @@ input:focus, textarea:focus, button:hover {
     box-shadow: 0 8px 10px -5px rgba(0,0,0,0.2), 0 16px 24px 2px rgba(0,0,0,0.14), 0 6px 30px 5px rgba(0,0,0,0.12);
   }
 
+  .sm\:focus\:shadow-xs:focus {
+    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
+  }
+
+  .sm\:focus\:shadow-sm:focus {
+    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+  }
+
+  .sm\:focus\:shadow-DEFAULT:focus {
+    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
+  }
+
+  .sm\:focus\:shadow-md:focus {
+    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+  }
+
+  .sm\:focus\:shadow-lg:focus {
+    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+  }
+
+  .sm\:focus\:shadow-xl:focus {
+    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
+  }
+
+  .sm\:focus\:shadow-2xl:focus {
+    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
+  }
+
+  .sm\:focus\:shadow-soft:focus {
+    box-shadow: 0 30px 60px -10px rgba(0,0,0,.22), 0 18px 36px -18px rgba(0,0,0,.25);
+  }
+
   .sm\:fill-current {
     fill: currentColor;
   }
@@ -58410,12 +59234,296 @@ input:focus, textarea:focus, button:hover {
     margin-left: -1px;
   }
 
+  .md\:max-h-0 {
+    max-height: 0rem;
+  }
+
+  .md\:max-h-1 {
+    max-height: 0.25rem;
+  }
+
+  .md\:max-h-2 {
+    max-height: 0.5rem;
+  }
+
+  .md\:max-h-3 {
+    max-height: 0.75rem;
+  }
+
+  .md\:max-h-4 {
+    max-height: 1rem;
+  }
+
+  .md\:max-h-5 {
+    max-height: 1.25rem;
+  }
+
+  .md\:max-h-6 {
+    max-height: 1.5rem;
+  }
+
+  .md\:max-h-8 {
+    max-height: 2rem;
+  }
+
+  .md\:max-h-10 {
+    max-height: 2.5rem;
+  }
+
+  .md\:max-h-12 {
+    max-height: 3rem;
+  }
+
+  .md\:max-h-14 {
+    max-height: 3.5rem;
+  }
+
+  .md\:max-h-16 {
+    max-height: 4rem;
+  }
+
+  .md\:max-h-20 {
+    max-height: 5rem;
+  }
+
+  .md\:max-h-24 {
+    max-height: 6rem;
+  }
+
+  .md\:max-h-32 {
+    max-height: 8rem;
+  }
+
+  .md\:max-h-40 {
+    max-height: 10rem;
+  }
+
+  .md\:max-h-48 {
+    max-height: 12rem;
+  }
+
+  .md\:max-h-56 {
+    max-height: 14rem;
+  }
+
+  .md\:max-h-64 {
+    max-height: 16rem;
+  }
+
   .md\:max-h-full {
     max-height: 100%;
   }
 
   .md\:max-h-screen {
-    max-height: 100vh;
+    max-height: 100vw;
+  }
+
+  .md\:max-h-1\/2 {
+    max-height: 50%;
+  }
+
+  .md\:max-h-1\/3 {
+    max-height: 33.33333333333333%;
+  }
+
+  .md\:max-h-2\/3 {
+    max-height: 66.66666666666666%;
+  }
+
+  .md\:max-h-1\/4 {
+    max-height: 25%;
+  }
+
+  .md\:max-h-2\/4 {
+    max-height: 50%;
+  }
+
+  .md\:max-h-3\/4 {
+    max-height: 75%;
+  }
+
+  .md\:max-h-1\/5 {
+    max-height: 20%;
+  }
+
+  .md\:max-h-2\/5 {
+    max-height: 40%;
+  }
+
+  .md\:max-h-3\/5 {
+    max-height: 60%;
+  }
+
+  .md\:max-h-4\/5 {
+    max-height: 80%;
+  }
+
+  .md\:max-h-1\/6 {
+    max-height: 16.666666666666664%;
+  }
+
+  .md\:max-h-2\/6 {
+    max-height: 33.33333333333333%;
+  }
+
+  .md\:max-h-3\/6 {
+    max-height: 50%;
+  }
+
+  .md\:max-h-4\/6 {
+    max-height: 66.66666666666666%;
+  }
+
+  .md\:max-h-5\/6 {
+    max-height: 83.33333333333334%;
+  }
+
+  .md\:max-h-1\/12 {
+    max-height: 8.333333333333332%;
+  }
+
+  .md\:max-h-2\/12 {
+    max-height: 16.666666666666664%;
+  }
+
+  .md\:max-h-3\/12 {
+    max-height: 25%;
+  }
+
+  .md\:max-h-4\/12 {
+    max-height: 33.33333333333333%;
+  }
+
+  .md\:max-h-5\/12 {
+    max-height: 41.66666666666667%;
+  }
+
+  .md\:max-h-6\/12 {
+    max-height: 50%;
+  }
+
+  .md\:max-h-7\/12 {
+    max-height: 58.333333333333336%;
+  }
+
+  .md\:max-h-8\/12 {
+    max-height: 66.66666666666666%;
+  }
+
+  .md\:max-h-9\/12 {
+    max-height: 75%;
+  }
+
+  .md\:max-h-10\/12 {
+    max-height: 83.33333333333334%;
+  }
+
+  .md\:max-h-11\/12 {
+    max-height: 91.66666666666666%;
+  }
+
+  .md\:max-h-vh-1\/2 {
+    max-height: 50vh;
+  }
+
+  .md\:max-h-vh-1\/3 {
+    max-height: 33.33333333333333vh;
+  }
+
+  .md\:max-h-vh-2\/3 {
+    max-height: 66.66666666666666vh;
+  }
+
+  .md\:max-h-vh-1\/4 {
+    max-height: 25vh;
+  }
+
+  .md\:max-h-vh-2\/4 {
+    max-height: 50vh;
+  }
+
+  .md\:max-h-vh-3\/4 {
+    max-height: 75vh;
+  }
+
+  .md\:max-h-vh-1\/5 {
+    max-height: 20vh;
+  }
+
+  .md\:max-h-vh-2\/5 {
+    max-height: 40vh;
+  }
+
+  .md\:max-h-vh-3\/5 {
+    max-height: 60vh;
+  }
+
+  .md\:max-h-vh-4\/5 {
+    max-height: 80vh;
+  }
+
+  .md\:max-h-vh-1\/6 {
+    max-height: 16.666666666666664vh;
+  }
+
+  .md\:max-h-vh-2\/6 {
+    max-height: 33.33333333333333vh;
+  }
+
+  .md\:max-h-vh-3\/6 {
+    max-height: 50vh;
+  }
+
+  .md\:max-h-vh-4\/6 {
+    max-height: 66.66666666666666vh;
+  }
+
+  .md\:max-h-vh-5\/6 {
+    max-height: 83.33333333333334vh;
+  }
+
+  .md\:max-h-vh-1\/12 {
+    max-height: 8.333333333333332vh;
+  }
+
+  .md\:max-h-vh-2\/12 {
+    max-height: 16.666666666666664vh;
+  }
+
+  .md\:max-h-vh-3\/12 {
+    max-height: 25vh;
+  }
+
+  .md\:max-h-vh-4\/12 {
+    max-height: 33.33333333333333vh;
+  }
+
+  .md\:max-h-vh-5\/12 {
+    max-height: 41.66666666666667vh;
+  }
+
+  .md\:max-h-vh-6\/12 {
+    max-height: 50vh;
+  }
+
+  .md\:max-h-vh-7\/12 {
+    max-height: 58.333333333333336vh;
+  }
+
+  .md\:max-h-vh-8\/12 {
+    max-height: 66.66666666666666vh;
+  }
+
+  .md\:max-h-vh-9\/12 {
+    max-height: 75vh;
+  }
+
+  .md\:max-h-vh-10\/12 {
+    max-height: 83.33333333333334vh;
+  }
+
+  .md\:max-h-vh-11\/12 {
+    max-height: 91.66666666666666vh;
   }
 
   .md\:max-w-0 {
@@ -58562,78 +59670,6 @@ input:focus, textarea:focus, button:hover {
     max-width: 100vw;
   }
 
-  .md\:max-w--1 {
-    max-width: -0.25rem;
-  }
-
-  .md\:max-w--2 {
-    max-width: -0.5rem;
-  }
-
-  .md\:max-w--3 {
-    max-width: -0.75rem;
-  }
-
-  .md\:max-w--4 {
-    max-width: -1rem;
-  }
-
-  .md\:max-w--5 {
-    max-width: -1.25rem;
-  }
-
-  .md\:max-w--6 {
-    max-width: -1.5rem;
-  }
-
-  .md\:max-w--8 {
-    max-width: -2rem;
-  }
-
-  .md\:max-w--10 {
-    max-width: -2.5rem;
-  }
-
-  .md\:max-w--12 {
-    max-width: -3rem;
-  }
-
-  .md\:max-w--14 {
-    max-width: -3.5rem;
-  }
-
-  .md\:max-w--16 {
-    max-width: -4rem;
-  }
-
-  .md\:max-w--20 {
-    max-width: -5rem;
-  }
-
-  .md\:max-w--24 {
-    max-width: -6rem;
-  }
-
-  .md\:max-w--32 {
-    max-width: -8rem;
-  }
-
-  .md\:max-w--40 {
-    max-width: -10rem;
-  }
-
-  .md\:max-w--48 {
-    max-width: -12rem;
-  }
-
-  .md\:max-w--56 {
-    max-width: -14rem;
-  }
-
-  .md\:max-w--64 {
-    max-width: -16rem;
-  }
-
   .md\:max-w-1\/2 {
     max-width: 50%;
   }
@@ -58738,6 +59774,110 @@ input:focus, textarea:focus, button:hover {
     max-width: 91.66666666666666%;
   }
 
+  .md\:max-w-vw-1\/2 {
+    max-width: 50vw;
+  }
+
+  .md\:max-w-vw-1\/3 {
+    max-width: 33.33333333333333vw;
+  }
+
+  .md\:max-w-vw-2\/3 {
+    max-width: 66.66666666666666vw;
+  }
+
+  .md\:max-w-vw-1\/4 {
+    max-width: 25vw;
+  }
+
+  .md\:max-w-vw-2\/4 {
+    max-width: 50vw;
+  }
+
+  .md\:max-w-vw-3\/4 {
+    max-width: 75vw;
+  }
+
+  .md\:max-w-vw-1\/5 {
+    max-width: 20vw;
+  }
+
+  .md\:max-w-vw-2\/5 {
+    max-width: 40vw;
+  }
+
+  .md\:max-w-vw-3\/5 {
+    max-width: 60vw;
+  }
+
+  .md\:max-w-vw-4\/5 {
+    max-width: 80vw;
+  }
+
+  .md\:max-w-vw-1\/6 {
+    max-width: 16.666666666666664vw;
+  }
+
+  .md\:max-w-vw-2\/6 {
+    max-width: 33.33333333333333vw;
+  }
+
+  .md\:max-w-vw-3\/6 {
+    max-width: 50vw;
+  }
+
+  .md\:max-w-vw-4\/6 {
+    max-width: 66.66666666666666vw;
+  }
+
+  .md\:max-w-vw-5\/6 {
+    max-width: 83.33333333333334vw;
+  }
+
+  .md\:max-w-vw-1\/12 {
+    max-width: 8.333333333333332vw;
+  }
+
+  .md\:max-w-vw-2\/12 {
+    max-width: 16.666666666666664vw;
+  }
+
+  .md\:max-w-vw-3\/12 {
+    max-width: 25vw;
+  }
+
+  .md\:max-w-vw-4\/12 {
+    max-width: 33.33333333333333vw;
+  }
+
+  .md\:max-w-vw-5\/12 {
+    max-width: 41.66666666666667vw;
+  }
+
+  .md\:max-w-vw-6\/12 {
+    max-width: 50vw;
+  }
+
+  .md\:max-w-vw-7\/12 {
+    max-width: 58.333333333333336vw;
+  }
+
+  .md\:max-w-vw-8\/12 {
+    max-width: 66.66666666666666vw;
+  }
+
+  .md\:max-w-vw-9\/12 {
+    max-width: 75vw;
+  }
+
+  .md\:max-w-vw-10\/12 {
+    max-width: 83.33333333333334vw;
+  }
+
+  .md\:max-w-vw-11\/12 {
+    max-width: 91.66666666666666vw;
+  }
+
   .md\:min-h-0 {
     min-height: 0;
   }
@@ -65644,6 +66784,38 @@ input:focus, textarea:focus, button:hover {
     box-shadow: 0 8px 10px -5px rgba(0,0,0,0.2), 0 16px 24px 2px rgba(0,0,0,0.14), 0 6px 30px 5px rgba(0,0,0,0.12);
   }
 
+  .md\:shadow-xs {
+    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
+  }
+
+  .md\:shadow-sm {
+    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+  }
+
+  .md\:shadow-DEFAULT {
+    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
+  }
+
+  .md\:shadow-md {
+    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+  }
+
+  .md\:shadow-lg {
+    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+  }
+
+  .md\:shadow-xl {
+    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
+  }
+
+  .md\:shadow-2xl {
+    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
+  }
+
+  .md\:shadow-soft {
+    box-shadow: 0 30px 60px -10px rgba(0,0,0,.22), 0 18px 36px -18px rgba(0,0,0,.25);
+  }
+
   .md\:hover\:shadow-1:hover {
     box-shadow: 0 1px 3px rgba(0,0,0,0.2), 0 1px 1px rgba(0,0,0,0.14), 0 2px 1px -1px rgba(0,0,0,0.12);
   }
@@ -65708,6 +66880,38 @@ input:focus, textarea:focus, button:hover {
     box-shadow: 0 8px 10px -5px rgba(0,0,0,0.2), 0 16px 24px 2px rgba(0,0,0,0.14), 0 6px 30px 5px rgba(0,0,0,0.12);
   }
 
+  .md\:hover\:shadow-xs:hover {
+    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
+  }
+
+  .md\:hover\:shadow-sm:hover {
+    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+  }
+
+  .md\:hover\:shadow-DEFAULT:hover {
+    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
+  }
+
+  .md\:hover\:shadow-md:hover {
+    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+  }
+
+  .md\:hover\:shadow-lg:hover {
+    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+  }
+
+  .md\:hover\:shadow-xl:hover {
+    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
+  }
+
+  .md\:hover\:shadow-2xl:hover {
+    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
+  }
+
+  .md\:hover\:shadow-soft:hover {
+    box-shadow: 0 30px 60px -10px rgba(0,0,0,.22), 0 18px 36px -18px rgba(0,0,0,.25);
+  }
+
   .md\:focus\:shadow-1:focus {
     box-shadow: 0 1px 3px rgba(0,0,0,0.2), 0 1px 1px rgba(0,0,0,0.14), 0 2px 1px -1px rgba(0,0,0,0.12);
   }
@@ -65772,6 +66976,38 @@ input:focus, textarea:focus, button:hover {
     box-shadow: 0 8px 10px -5px rgba(0,0,0,0.2), 0 16px 24px 2px rgba(0,0,0,0.14), 0 6px 30px 5px rgba(0,0,0,0.12);
   }
 
+  .md\:focus\:shadow-xs:focus {
+    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
+  }
+
+  .md\:focus\:shadow-sm:focus {
+    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+  }
+
+  .md\:focus\:shadow-DEFAULT:focus {
+    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
+  }
+
+  .md\:focus\:shadow-md:focus {
+    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+  }
+
+  .md\:focus\:shadow-lg:focus {
+    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+  }
+
+  .md\:focus\:shadow-xl:focus {
+    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
+  }
+
+  .md\:focus\:shadow-2xl:focus {
+    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
+  }
+
+  .md\:focus\:shadow-soft:focus {
+    box-shadow: 0 30px 60px -10px rgba(0,0,0,.22), 0 18px 36px -18px rgba(0,0,0,.25);
+  }
+
   .md\:fill-current {
     fill: currentColor;
   }
@@ -80910,12 +82146,296 @@ input:focus, textarea:focus, button:hover {
     margin-left: -1px;
   }
 
+  .lg\:max-h-0 {
+    max-height: 0rem;
+  }
+
+  .lg\:max-h-1 {
+    max-height: 0.25rem;
+  }
+
+  .lg\:max-h-2 {
+    max-height: 0.5rem;
+  }
+
+  .lg\:max-h-3 {
+    max-height: 0.75rem;
+  }
+
+  .lg\:max-h-4 {
+    max-height: 1rem;
+  }
+
+  .lg\:max-h-5 {
+    max-height: 1.25rem;
+  }
+
+  .lg\:max-h-6 {
+    max-height: 1.5rem;
+  }
+
+  .lg\:max-h-8 {
+    max-height: 2rem;
+  }
+
+  .lg\:max-h-10 {
+    max-height: 2.5rem;
+  }
+
+  .lg\:max-h-12 {
+    max-height: 3rem;
+  }
+
+  .lg\:max-h-14 {
+    max-height: 3.5rem;
+  }
+
+  .lg\:max-h-16 {
+    max-height: 4rem;
+  }
+
+  .lg\:max-h-20 {
+    max-height: 5rem;
+  }
+
+  .lg\:max-h-24 {
+    max-height: 6rem;
+  }
+
+  .lg\:max-h-32 {
+    max-height: 8rem;
+  }
+
+  .lg\:max-h-40 {
+    max-height: 10rem;
+  }
+
+  .lg\:max-h-48 {
+    max-height: 12rem;
+  }
+
+  .lg\:max-h-56 {
+    max-height: 14rem;
+  }
+
+  .lg\:max-h-64 {
+    max-height: 16rem;
+  }
+
   .lg\:max-h-full {
     max-height: 100%;
   }
 
   .lg\:max-h-screen {
-    max-height: 100vh;
+    max-height: 100vw;
+  }
+
+  .lg\:max-h-1\/2 {
+    max-height: 50%;
+  }
+
+  .lg\:max-h-1\/3 {
+    max-height: 33.33333333333333%;
+  }
+
+  .lg\:max-h-2\/3 {
+    max-height: 66.66666666666666%;
+  }
+
+  .lg\:max-h-1\/4 {
+    max-height: 25%;
+  }
+
+  .lg\:max-h-2\/4 {
+    max-height: 50%;
+  }
+
+  .lg\:max-h-3\/4 {
+    max-height: 75%;
+  }
+
+  .lg\:max-h-1\/5 {
+    max-height: 20%;
+  }
+
+  .lg\:max-h-2\/5 {
+    max-height: 40%;
+  }
+
+  .lg\:max-h-3\/5 {
+    max-height: 60%;
+  }
+
+  .lg\:max-h-4\/5 {
+    max-height: 80%;
+  }
+
+  .lg\:max-h-1\/6 {
+    max-height: 16.666666666666664%;
+  }
+
+  .lg\:max-h-2\/6 {
+    max-height: 33.33333333333333%;
+  }
+
+  .lg\:max-h-3\/6 {
+    max-height: 50%;
+  }
+
+  .lg\:max-h-4\/6 {
+    max-height: 66.66666666666666%;
+  }
+
+  .lg\:max-h-5\/6 {
+    max-height: 83.33333333333334%;
+  }
+
+  .lg\:max-h-1\/12 {
+    max-height: 8.333333333333332%;
+  }
+
+  .lg\:max-h-2\/12 {
+    max-height: 16.666666666666664%;
+  }
+
+  .lg\:max-h-3\/12 {
+    max-height: 25%;
+  }
+
+  .lg\:max-h-4\/12 {
+    max-height: 33.33333333333333%;
+  }
+
+  .lg\:max-h-5\/12 {
+    max-height: 41.66666666666667%;
+  }
+
+  .lg\:max-h-6\/12 {
+    max-height: 50%;
+  }
+
+  .lg\:max-h-7\/12 {
+    max-height: 58.333333333333336%;
+  }
+
+  .lg\:max-h-8\/12 {
+    max-height: 66.66666666666666%;
+  }
+
+  .lg\:max-h-9\/12 {
+    max-height: 75%;
+  }
+
+  .lg\:max-h-10\/12 {
+    max-height: 83.33333333333334%;
+  }
+
+  .lg\:max-h-11\/12 {
+    max-height: 91.66666666666666%;
+  }
+
+  .lg\:max-h-vh-1\/2 {
+    max-height: 50vh;
+  }
+
+  .lg\:max-h-vh-1\/3 {
+    max-height: 33.33333333333333vh;
+  }
+
+  .lg\:max-h-vh-2\/3 {
+    max-height: 66.66666666666666vh;
+  }
+
+  .lg\:max-h-vh-1\/4 {
+    max-height: 25vh;
+  }
+
+  .lg\:max-h-vh-2\/4 {
+    max-height: 50vh;
+  }
+
+  .lg\:max-h-vh-3\/4 {
+    max-height: 75vh;
+  }
+
+  .lg\:max-h-vh-1\/5 {
+    max-height: 20vh;
+  }
+
+  .lg\:max-h-vh-2\/5 {
+    max-height: 40vh;
+  }
+
+  .lg\:max-h-vh-3\/5 {
+    max-height: 60vh;
+  }
+
+  .lg\:max-h-vh-4\/5 {
+    max-height: 80vh;
+  }
+
+  .lg\:max-h-vh-1\/6 {
+    max-height: 16.666666666666664vh;
+  }
+
+  .lg\:max-h-vh-2\/6 {
+    max-height: 33.33333333333333vh;
+  }
+
+  .lg\:max-h-vh-3\/6 {
+    max-height: 50vh;
+  }
+
+  .lg\:max-h-vh-4\/6 {
+    max-height: 66.66666666666666vh;
+  }
+
+  .lg\:max-h-vh-5\/6 {
+    max-height: 83.33333333333334vh;
+  }
+
+  .lg\:max-h-vh-1\/12 {
+    max-height: 8.333333333333332vh;
+  }
+
+  .lg\:max-h-vh-2\/12 {
+    max-height: 16.666666666666664vh;
+  }
+
+  .lg\:max-h-vh-3\/12 {
+    max-height: 25vh;
+  }
+
+  .lg\:max-h-vh-4\/12 {
+    max-height: 33.33333333333333vh;
+  }
+
+  .lg\:max-h-vh-5\/12 {
+    max-height: 41.66666666666667vh;
+  }
+
+  .lg\:max-h-vh-6\/12 {
+    max-height: 50vh;
+  }
+
+  .lg\:max-h-vh-7\/12 {
+    max-height: 58.333333333333336vh;
+  }
+
+  .lg\:max-h-vh-8\/12 {
+    max-height: 66.66666666666666vh;
+  }
+
+  .lg\:max-h-vh-9\/12 {
+    max-height: 75vh;
+  }
+
+  .lg\:max-h-vh-10\/12 {
+    max-height: 83.33333333333334vh;
+  }
+
+  .lg\:max-h-vh-11\/12 {
+    max-height: 91.66666666666666vh;
   }
 
   .lg\:max-w-0 {
@@ -81062,78 +82582,6 @@ input:focus, textarea:focus, button:hover {
     max-width: 100vw;
   }
 
-  .lg\:max-w--1 {
-    max-width: -0.25rem;
-  }
-
-  .lg\:max-w--2 {
-    max-width: -0.5rem;
-  }
-
-  .lg\:max-w--3 {
-    max-width: -0.75rem;
-  }
-
-  .lg\:max-w--4 {
-    max-width: -1rem;
-  }
-
-  .lg\:max-w--5 {
-    max-width: -1.25rem;
-  }
-
-  .lg\:max-w--6 {
-    max-width: -1.5rem;
-  }
-
-  .lg\:max-w--8 {
-    max-width: -2rem;
-  }
-
-  .lg\:max-w--10 {
-    max-width: -2.5rem;
-  }
-
-  .lg\:max-w--12 {
-    max-width: -3rem;
-  }
-
-  .lg\:max-w--14 {
-    max-width: -3.5rem;
-  }
-
-  .lg\:max-w--16 {
-    max-width: -4rem;
-  }
-
-  .lg\:max-w--20 {
-    max-width: -5rem;
-  }
-
-  .lg\:max-w--24 {
-    max-width: -6rem;
-  }
-
-  .lg\:max-w--32 {
-    max-width: -8rem;
-  }
-
-  .lg\:max-w--40 {
-    max-width: -10rem;
-  }
-
-  .lg\:max-w--48 {
-    max-width: -12rem;
-  }
-
-  .lg\:max-w--56 {
-    max-width: -14rem;
-  }
-
-  .lg\:max-w--64 {
-    max-width: -16rem;
-  }
-
   .lg\:max-w-1\/2 {
     max-width: 50%;
   }
@@ -81238,6 +82686,110 @@ input:focus, textarea:focus, button:hover {
     max-width: 91.66666666666666%;
   }
 
+  .lg\:max-w-vw-1\/2 {
+    max-width: 50vw;
+  }
+
+  .lg\:max-w-vw-1\/3 {
+    max-width: 33.33333333333333vw;
+  }
+
+  .lg\:max-w-vw-2\/3 {
+    max-width: 66.66666666666666vw;
+  }
+
+  .lg\:max-w-vw-1\/4 {
+    max-width: 25vw;
+  }
+
+  .lg\:max-w-vw-2\/4 {
+    max-width: 50vw;
+  }
+
+  .lg\:max-w-vw-3\/4 {
+    max-width: 75vw;
+  }
+
+  .lg\:max-w-vw-1\/5 {
+    max-width: 20vw;
+  }
+
+  .lg\:max-w-vw-2\/5 {
+    max-width: 40vw;
+  }
+
+  .lg\:max-w-vw-3\/5 {
+    max-width: 60vw;
+  }
+
+  .lg\:max-w-vw-4\/5 {
+    max-width: 80vw;
+  }
+
+  .lg\:max-w-vw-1\/6 {
+    max-width: 16.666666666666664vw;
+  }
+
+  .lg\:max-w-vw-2\/6 {
+    max-width: 33.33333333333333vw;
+  }
+
+  .lg\:max-w-vw-3\/6 {
+    max-width: 50vw;
+  }
+
+  .lg\:max-w-vw-4\/6 {
+    max-width: 66.66666666666666vw;
+  }
+
+  .lg\:max-w-vw-5\/6 {
+    max-width: 83.33333333333334vw;
+  }
+
+  .lg\:max-w-vw-1\/12 {
+    max-width: 8.333333333333332vw;
+  }
+
+  .lg\:max-w-vw-2\/12 {
+    max-width: 16.666666666666664vw;
+  }
+
+  .lg\:max-w-vw-3\/12 {
+    max-width: 25vw;
+  }
+
+  .lg\:max-w-vw-4\/12 {
+    max-width: 33.33333333333333vw;
+  }
+
+  .lg\:max-w-vw-5\/12 {
+    max-width: 41.66666666666667vw;
+  }
+
+  .lg\:max-w-vw-6\/12 {
+    max-width: 50vw;
+  }
+
+  .lg\:max-w-vw-7\/12 {
+    max-width: 58.333333333333336vw;
+  }
+
+  .lg\:max-w-vw-8\/12 {
+    max-width: 66.66666666666666vw;
+  }
+
+  .lg\:max-w-vw-9\/12 {
+    max-width: 75vw;
+  }
+
+  .lg\:max-w-vw-10\/12 {
+    max-width: 83.33333333333334vw;
+  }
+
+  .lg\:max-w-vw-11\/12 {
+    max-width: 91.66666666666666vw;
+  }
+
   .lg\:min-h-0 {
     min-height: 0;
   }
@@ -88144,6 +89696,38 @@ input:focus, textarea:focus, button:hover {
     box-shadow: 0 8px 10px -5px rgba(0,0,0,0.2), 0 16px 24px 2px rgba(0,0,0,0.14), 0 6px 30px 5px rgba(0,0,0,0.12);
   }
 
+  .lg\:shadow-xs {
+    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
+  }
+
+  .lg\:shadow-sm {
+    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+  }
+
+  .lg\:shadow-DEFAULT {
+    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
+  }
+
+  .lg\:shadow-md {
+    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+  }
+
+  .lg\:shadow-lg {
+    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+  }
+
+  .lg\:shadow-xl {
+    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
+  }
+
+  .lg\:shadow-2xl {
+    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
+  }
+
+  .lg\:shadow-soft {
+    box-shadow: 0 30px 60px -10px rgba(0,0,0,.22), 0 18px 36px -18px rgba(0,0,0,.25);
+  }
+
   .lg\:hover\:shadow-1:hover {
     box-shadow: 0 1px 3px rgba(0,0,0,0.2), 0 1px 1px rgba(0,0,0,0.14), 0 2px 1px -1px rgba(0,0,0,0.12);
   }
@@ -88208,6 +89792,38 @@ input:focus, textarea:focus, button:hover {
     box-shadow: 0 8px 10px -5px rgba(0,0,0,0.2), 0 16px 24px 2px rgba(0,0,0,0.14), 0 6px 30px 5px rgba(0,0,0,0.12);
   }
 
+  .lg\:hover\:shadow-xs:hover {
+    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
+  }
+
+  .lg\:hover\:shadow-sm:hover {
+    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+  }
+
+  .lg\:hover\:shadow-DEFAULT:hover {
+    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
+  }
+
+  .lg\:hover\:shadow-md:hover {
+    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+  }
+
+  .lg\:hover\:shadow-lg:hover {
+    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+  }
+
+  .lg\:hover\:shadow-xl:hover {
+    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
+  }
+
+  .lg\:hover\:shadow-2xl:hover {
+    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
+  }
+
+  .lg\:hover\:shadow-soft:hover {
+    box-shadow: 0 30px 60px -10px rgba(0,0,0,.22), 0 18px 36px -18px rgba(0,0,0,.25);
+  }
+
   .lg\:focus\:shadow-1:focus {
     box-shadow: 0 1px 3px rgba(0,0,0,0.2), 0 1px 1px rgba(0,0,0,0.14), 0 2px 1px -1px rgba(0,0,0,0.12);
   }
@@ -88272,6 +89888,38 @@ input:focus, textarea:focus, button:hover {
     box-shadow: 0 8px 10px -5px rgba(0,0,0,0.2), 0 16px 24px 2px rgba(0,0,0,0.14), 0 6px 30px 5px rgba(0,0,0,0.12);
   }
 
+  .lg\:focus\:shadow-xs:focus {
+    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
+  }
+
+  .lg\:focus\:shadow-sm:focus {
+    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+  }
+
+  .lg\:focus\:shadow-DEFAULT:focus {
+    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
+  }
+
+  .lg\:focus\:shadow-md:focus {
+    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+  }
+
+  .lg\:focus\:shadow-lg:focus {
+    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+  }
+
+  .lg\:focus\:shadow-xl:focus {
+    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
+  }
+
+  .lg\:focus\:shadow-2xl:focus {
+    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
+  }
+
+  .lg\:focus\:shadow-soft:focus {
+    box-shadow: 0 30px 60px -10px rgba(0,0,0,.22), 0 18px 36px -18px rgba(0,0,0,.25);
+  }
+
   .lg\:fill-current {
     fill: currentColor;
   }
@@ -103410,12 +105058,296 @@ input:focus, textarea:focus, button:hover {
     margin-left: -1px;
   }
 
+  .xl\:max-h-0 {
+    max-height: 0rem;
+  }
+
+  .xl\:max-h-1 {
+    max-height: 0.25rem;
+  }
+
+  .xl\:max-h-2 {
+    max-height: 0.5rem;
+  }
+
+  .xl\:max-h-3 {
+    max-height: 0.75rem;
+  }
+
+  .xl\:max-h-4 {
+    max-height: 1rem;
+  }
+
+  .xl\:max-h-5 {
+    max-height: 1.25rem;
+  }
+
+  .xl\:max-h-6 {
+    max-height: 1.5rem;
+  }
+
+  .xl\:max-h-8 {
+    max-height: 2rem;
+  }
+
+  .xl\:max-h-10 {
+    max-height: 2.5rem;
+  }
+
+  .xl\:max-h-12 {
+    max-height: 3rem;
+  }
+
+  .xl\:max-h-14 {
+    max-height: 3.5rem;
+  }
+
+  .xl\:max-h-16 {
+    max-height: 4rem;
+  }
+
+  .xl\:max-h-20 {
+    max-height: 5rem;
+  }
+
+  .xl\:max-h-24 {
+    max-height: 6rem;
+  }
+
+  .xl\:max-h-32 {
+    max-height: 8rem;
+  }
+
+  .xl\:max-h-40 {
+    max-height: 10rem;
+  }
+
+  .xl\:max-h-48 {
+    max-height: 12rem;
+  }
+
+  .xl\:max-h-56 {
+    max-height: 14rem;
+  }
+
+  .xl\:max-h-64 {
+    max-height: 16rem;
+  }
+
   .xl\:max-h-full {
     max-height: 100%;
   }
 
   .xl\:max-h-screen {
-    max-height: 100vh;
+    max-height: 100vw;
+  }
+
+  .xl\:max-h-1\/2 {
+    max-height: 50%;
+  }
+
+  .xl\:max-h-1\/3 {
+    max-height: 33.33333333333333%;
+  }
+
+  .xl\:max-h-2\/3 {
+    max-height: 66.66666666666666%;
+  }
+
+  .xl\:max-h-1\/4 {
+    max-height: 25%;
+  }
+
+  .xl\:max-h-2\/4 {
+    max-height: 50%;
+  }
+
+  .xl\:max-h-3\/4 {
+    max-height: 75%;
+  }
+
+  .xl\:max-h-1\/5 {
+    max-height: 20%;
+  }
+
+  .xl\:max-h-2\/5 {
+    max-height: 40%;
+  }
+
+  .xl\:max-h-3\/5 {
+    max-height: 60%;
+  }
+
+  .xl\:max-h-4\/5 {
+    max-height: 80%;
+  }
+
+  .xl\:max-h-1\/6 {
+    max-height: 16.666666666666664%;
+  }
+
+  .xl\:max-h-2\/6 {
+    max-height: 33.33333333333333%;
+  }
+
+  .xl\:max-h-3\/6 {
+    max-height: 50%;
+  }
+
+  .xl\:max-h-4\/6 {
+    max-height: 66.66666666666666%;
+  }
+
+  .xl\:max-h-5\/6 {
+    max-height: 83.33333333333334%;
+  }
+
+  .xl\:max-h-1\/12 {
+    max-height: 8.333333333333332%;
+  }
+
+  .xl\:max-h-2\/12 {
+    max-height: 16.666666666666664%;
+  }
+
+  .xl\:max-h-3\/12 {
+    max-height: 25%;
+  }
+
+  .xl\:max-h-4\/12 {
+    max-height: 33.33333333333333%;
+  }
+
+  .xl\:max-h-5\/12 {
+    max-height: 41.66666666666667%;
+  }
+
+  .xl\:max-h-6\/12 {
+    max-height: 50%;
+  }
+
+  .xl\:max-h-7\/12 {
+    max-height: 58.333333333333336%;
+  }
+
+  .xl\:max-h-8\/12 {
+    max-height: 66.66666666666666%;
+  }
+
+  .xl\:max-h-9\/12 {
+    max-height: 75%;
+  }
+
+  .xl\:max-h-10\/12 {
+    max-height: 83.33333333333334%;
+  }
+
+  .xl\:max-h-11\/12 {
+    max-height: 91.66666666666666%;
+  }
+
+  .xl\:max-h-vh-1\/2 {
+    max-height: 50vh;
+  }
+
+  .xl\:max-h-vh-1\/3 {
+    max-height: 33.33333333333333vh;
+  }
+
+  .xl\:max-h-vh-2\/3 {
+    max-height: 66.66666666666666vh;
+  }
+
+  .xl\:max-h-vh-1\/4 {
+    max-height: 25vh;
+  }
+
+  .xl\:max-h-vh-2\/4 {
+    max-height: 50vh;
+  }
+
+  .xl\:max-h-vh-3\/4 {
+    max-height: 75vh;
+  }
+
+  .xl\:max-h-vh-1\/5 {
+    max-height: 20vh;
+  }
+
+  .xl\:max-h-vh-2\/5 {
+    max-height: 40vh;
+  }
+
+  .xl\:max-h-vh-3\/5 {
+    max-height: 60vh;
+  }
+
+  .xl\:max-h-vh-4\/5 {
+    max-height: 80vh;
+  }
+
+  .xl\:max-h-vh-1\/6 {
+    max-height: 16.666666666666664vh;
+  }
+
+  .xl\:max-h-vh-2\/6 {
+    max-height: 33.33333333333333vh;
+  }
+
+  .xl\:max-h-vh-3\/6 {
+    max-height: 50vh;
+  }
+
+  .xl\:max-h-vh-4\/6 {
+    max-height: 66.66666666666666vh;
+  }
+
+  .xl\:max-h-vh-5\/6 {
+    max-height: 83.33333333333334vh;
+  }
+
+  .xl\:max-h-vh-1\/12 {
+    max-height: 8.333333333333332vh;
+  }
+
+  .xl\:max-h-vh-2\/12 {
+    max-height: 16.666666666666664vh;
+  }
+
+  .xl\:max-h-vh-3\/12 {
+    max-height: 25vh;
+  }
+
+  .xl\:max-h-vh-4\/12 {
+    max-height: 33.33333333333333vh;
+  }
+
+  .xl\:max-h-vh-5\/12 {
+    max-height: 41.66666666666667vh;
+  }
+
+  .xl\:max-h-vh-6\/12 {
+    max-height: 50vh;
+  }
+
+  .xl\:max-h-vh-7\/12 {
+    max-height: 58.333333333333336vh;
+  }
+
+  .xl\:max-h-vh-8\/12 {
+    max-height: 66.66666666666666vh;
+  }
+
+  .xl\:max-h-vh-9\/12 {
+    max-height: 75vh;
+  }
+
+  .xl\:max-h-vh-10\/12 {
+    max-height: 83.33333333333334vh;
+  }
+
+  .xl\:max-h-vh-11\/12 {
+    max-height: 91.66666666666666vh;
   }
 
   .xl\:max-w-0 {
@@ -103562,78 +105494,6 @@ input:focus, textarea:focus, button:hover {
     max-width: 100vw;
   }
 
-  .xl\:max-w--1 {
-    max-width: -0.25rem;
-  }
-
-  .xl\:max-w--2 {
-    max-width: -0.5rem;
-  }
-
-  .xl\:max-w--3 {
-    max-width: -0.75rem;
-  }
-
-  .xl\:max-w--4 {
-    max-width: -1rem;
-  }
-
-  .xl\:max-w--5 {
-    max-width: -1.25rem;
-  }
-
-  .xl\:max-w--6 {
-    max-width: -1.5rem;
-  }
-
-  .xl\:max-w--8 {
-    max-width: -2rem;
-  }
-
-  .xl\:max-w--10 {
-    max-width: -2.5rem;
-  }
-
-  .xl\:max-w--12 {
-    max-width: -3rem;
-  }
-
-  .xl\:max-w--14 {
-    max-width: -3.5rem;
-  }
-
-  .xl\:max-w--16 {
-    max-width: -4rem;
-  }
-
-  .xl\:max-w--20 {
-    max-width: -5rem;
-  }
-
-  .xl\:max-w--24 {
-    max-width: -6rem;
-  }
-
-  .xl\:max-w--32 {
-    max-width: -8rem;
-  }
-
-  .xl\:max-w--40 {
-    max-width: -10rem;
-  }
-
-  .xl\:max-w--48 {
-    max-width: -12rem;
-  }
-
-  .xl\:max-w--56 {
-    max-width: -14rem;
-  }
-
-  .xl\:max-w--64 {
-    max-width: -16rem;
-  }
-
   .xl\:max-w-1\/2 {
     max-width: 50%;
   }
@@ -103738,6 +105598,110 @@ input:focus, textarea:focus, button:hover {
     max-width: 91.66666666666666%;
   }
 
+  .xl\:max-w-vw-1\/2 {
+    max-width: 50vw;
+  }
+
+  .xl\:max-w-vw-1\/3 {
+    max-width: 33.33333333333333vw;
+  }
+
+  .xl\:max-w-vw-2\/3 {
+    max-width: 66.66666666666666vw;
+  }
+
+  .xl\:max-w-vw-1\/4 {
+    max-width: 25vw;
+  }
+
+  .xl\:max-w-vw-2\/4 {
+    max-width: 50vw;
+  }
+
+  .xl\:max-w-vw-3\/4 {
+    max-width: 75vw;
+  }
+
+  .xl\:max-w-vw-1\/5 {
+    max-width: 20vw;
+  }
+
+  .xl\:max-w-vw-2\/5 {
+    max-width: 40vw;
+  }
+
+  .xl\:max-w-vw-3\/5 {
+    max-width: 60vw;
+  }
+
+  .xl\:max-w-vw-4\/5 {
+    max-width: 80vw;
+  }
+
+  .xl\:max-w-vw-1\/6 {
+    max-width: 16.666666666666664vw;
+  }
+
+  .xl\:max-w-vw-2\/6 {
+    max-width: 33.33333333333333vw;
+  }
+
+  .xl\:max-w-vw-3\/6 {
+    max-width: 50vw;
+  }
+
+  .xl\:max-w-vw-4\/6 {
+    max-width: 66.66666666666666vw;
+  }
+
+  .xl\:max-w-vw-5\/6 {
+    max-width: 83.33333333333334vw;
+  }
+
+  .xl\:max-w-vw-1\/12 {
+    max-width: 8.333333333333332vw;
+  }
+
+  .xl\:max-w-vw-2\/12 {
+    max-width: 16.666666666666664vw;
+  }
+
+  .xl\:max-w-vw-3\/12 {
+    max-width: 25vw;
+  }
+
+  .xl\:max-w-vw-4\/12 {
+    max-width: 33.33333333333333vw;
+  }
+
+  .xl\:max-w-vw-5\/12 {
+    max-width: 41.66666666666667vw;
+  }
+
+  .xl\:max-w-vw-6\/12 {
+    max-width: 50vw;
+  }
+
+  .xl\:max-w-vw-7\/12 {
+    max-width: 58.333333333333336vw;
+  }
+
+  .xl\:max-w-vw-8\/12 {
+    max-width: 66.66666666666666vw;
+  }
+
+  .xl\:max-w-vw-9\/12 {
+    max-width: 75vw;
+  }
+
+  .xl\:max-w-vw-10\/12 {
+    max-width: 83.33333333333334vw;
+  }
+
+  .xl\:max-w-vw-11\/12 {
+    max-width: 91.66666666666666vw;
+  }
+
   .xl\:min-h-0 {
     min-height: 0;
   }
@@ -110644,6 +112608,38 @@ input:focus, textarea:focus, button:hover {
     box-shadow: 0 8px 10px -5px rgba(0,0,0,0.2), 0 16px 24px 2px rgba(0,0,0,0.14), 0 6px 30px 5px rgba(0,0,0,0.12);
   }
 
+  .xl\:shadow-xs {
+    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
+  }
+
+  .xl\:shadow-sm {
+    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+  }
+
+  .xl\:shadow-DEFAULT {
+    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
+  }
+
+  .xl\:shadow-md {
+    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+  }
+
+  .xl\:shadow-lg {
+    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+  }
+
+  .xl\:shadow-xl {
+    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
+  }
+
+  .xl\:shadow-2xl {
+    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
+  }
+
+  .xl\:shadow-soft {
+    box-shadow: 0 30px 60px -10px rgba(0,0,0,.22), 0 18px 36px -18px rgba(0,0,0,.25);
+  }
+
   .xl\:hover\:shadow-1:hover {
     box-shadow: 0 1px 3px rgba(0,0,0,0.2), 0 1px 1px rgba(0,0,0,0.14), 0 2px 1px -1px rgba(0,0,0,0.12);
   }
@@ -110708,6 +112704,38 @@ input:focus, textarea:focus, button:hover {
     box-shadow: 0 8px 10px -5px rgba(0,0,0,0.2), 0 16px 24px 2px rgba(0,0,0,0.14), 0 6px 30px 5px rgba(0,0,0,0.12);
   }
 
+  .xl\:hover\:shadow-xs:hover {
+    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
+  }
+
+  .xl\:hover\:shadow-sm:hover {
+    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+  }
+
+  .xl\:hover\:shadow-DEFAULT:hover {
+    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
+  }
+
+  .xl\:hover\:shadow-md:hover {
+    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+  }
+
+  .xl\:hover\:shadow-lg:hover {
+    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+  }
+
+  .xl\:hover\:shadow-xl:hover {
+    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
+  }
+
+  .xl\:hover\:shadow-2xl:hover {
+    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
+  }
+
+  .xl\:hover\:shadow-soft:hover {
+    box-shadow: 0 30px 60px -10px rgba(0,0,0,.22), 0 18px 36px -18px rgba(0,0,0,.25);
+  }
+
   .xl\:focus\:shadow-1:focus {
     box-shadow: 0 1px 3px rgba(0,0,0,0.2), 0 1px 1px rgba(0,0,0,0.14), 0 2px 1px -1px rgba(0,0,0,0.12);
   }
@@ -110772,6 +112800,38 @@ input:focus, textarea:focus, button:hover {
     box-shadow: 0 8px 10px -5px rgba(0,0,0,0.2), 0 16px 24px 2px rgba(0,0,0,0.14), 0 6px 30px 5px rgba(0,0,0,0.12);
   }
 
+  .xl\:focus\:shadow-xs:focus {
+    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
+  }
+
+  .xl\:focus\:shadow-sm:focus {
+    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+  }
+
+  .xl\:focus\:shadow-DEFAULT:focus {
+    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
+  }
+
+  .xl\:focus\:shadow-md:focus {
+    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+  }
+
+  .xl\:focus\:shadow-lg:focus {
+    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+  }
+
+  .xl\:focus\:shadow-xl:focus {
+    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
+  }
+
+  .xl\:focus\:shadow-2xl:focus {
+    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
+  }
+
+  .xl\:focus\:shadow-soft:focus {
+    box-shadow: 0 30px 60px -10px rgba(0,0,0,.22), 0 18px 36px -18px rgba(0,0,0,.25);
+  }
+
   .xl\:fill-current {
     fill: currentColor;
   }
diff --git a/exampleSite/resources/_gen/assets/sass/style/theme.sass_472a72f0decec0ba41cdb9d7acce9e49.content b/exampleSite/resources/_gen/assets/sass/style/theme.sass_472a72f0decec0ba41cdb9d7acce9e49.content
deleted file mode 100644
index bad1660..0000000
--- a/exampleSite/resources/_gen/assets/sass/style/theme.sass_472a72f0decec0ba41cdb9d7acce9e49.content
+++ /dev/null
@@ -1 +0,0 @@
-html{background-color:#fff}
\ No newline at end of file
diff --git a/exampleSite/resources/_gen/assets/sass/style/theme.sass_472a72f0decec0ba41cdb9d7acce9e49.json b/exampleSite/resources/_gen/assets/sass/style/theme.sass_472a72f0decec0ba41cdb9d7acce9e49.json
deleted file mode 100644
index c4c5706..0000000
--- a/exampleSite/resources/_gen/assets/sass/style/theme.sass_472a72f0decec0ba41cdb9d7acce9e49.json
+++ /dev/null
@@ -1 +0,0 @@
-{"Target":"css/main.min.d5d46344e3b621a3e3a173927106f45d.css","MediaType":"text/css","Data":{"Integrity":"md5-1dRjROO2IaPjoXOScQb0XQ=="}}
\ No newline at end of file