diff --git a/front-end/styles/output.css b/front-end/styles/output.css index e499be5b..5a65da5f 100644 --- a/front-end/styles/output.css +++ b/front-end/styles/output.css @@ -10,19 +10,19 @@ *, ::before, ::after { - box-sizing: border-box; - /* 1 */ - border-width: 0; - /* 2 */ - border-style: solid; - /* 2 */ - border-color: #e5e7eb; - /* 2 */ + box-sizing: border-box; + /* 1 */ + border-width: 0; + /* 2 */ + border-style: solid; + /* 2 */ + border-color: #e5e7eb; + /* 2 */ } ::before, ::after { - --tw-content: ''; + --tw-content: ''; } /* @@ -35,21 +35,23 @@ */ html { - line-height: 1.5; - /* 1 */ - -webkit-text-size-adjust: 100%; - /* 2 */ - -moz-tab-size: 4; - /* 3 */ - -o-tab-size: 4; - tab-size: 4; - /* 3 */ - font-family: ui-sans-serif, 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"; - /* 4 */ - font-feature-settings: normal; - /* 5 */ - font-variation-settings: normal; - /* 6 */ + line-height: 1.5; + /* 1 */ + -webkit-text-size-adjust: 100%; + /* 2 */ + -moz-tab-size: 4; + /* 3 */ + -o-tab-size: 4; + tab-size: 4; + /* 3 */ + font-family: ui-sans-serif, 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'; + /* 4 */ + font-feature-settings: normal; + /* 5 */ + font-variation-settings: normal; + /* 6 */ } /* @@ -58,10 +60,10 @@ html { */ body { - margin: 0; - /* 1 */ - line-height: inherit; - /* 2 */ + margin: 0; + /* 1 */ + line-height: inherit; + /* 2 */ } /* @@ -71,12 +73,12 @@ body { */ hr { - height: 0; - /* 1 */ - color: inherit; - /* 2 */ - border-top-width: 1px; - /* 3 */ + height: 0; + /* 1 */ + color: inherit; + /* 2 */ + border-top-width: 1px; + /* 3 */ } /* @@ -84,8 +86,8 @@ Add the correct text decoration in Chrome, Edge, and Safari. */ abbr:where([title]) { - -webkit-text-decoration: underline dotted; - text-decoration: underline dotted; + -webkit-text-decoration: underline dotted; + text-decoration: underline dotted; } /* @@ -98,8 +100,8 @@ h3, h4, h5, h6 { - font-size: inherit; - font-weight: inherit; + font-size: inherit; + font-weight: inherit; } /* @@ -107,8 +109,8 @@ Reset links to optimize for opt-in styling instead of opt-out. */ a { - color: inherit; - text-decoration: inherit; + color: inherit; + text-decoration: inherit; } /* @@ -117,7 +119,7 @@ Add the correct font weight in Edge and Safari. b, strong { - font-weight: bolder; + font-weight: bolder; } /* @@ -129,10 +131,11 @@ code, kbd, samp, pre { - font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; - /* 1 */ - font-size: 1em; - /* 2 */ + font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, + 'Liberation Mono', 'Courier New', monospace; + /* 1 */ + font-size: 1em; + /* 2 */ } /* @@ -140,7 +143,7 @@ Add the correct font size in all browsers. */ small { - font-size: 80%; + font-size: 80%; } /* @@ -149,18 +152,18 @@ Prevent `sub` and `sup` elements from affecting the line height in all browsers. sub, sup { - font-size: 75%; - line-height: 0; - position: relative; - vertical-align: baseline; + font-size: 75%; + line-height: 0; + position: relative; + vertical-align: baseline; } sub { - bottom: -0.25em; + bottom: -0.25em; } sup { - top: -0.5em; + top: -0.5em; } /* @@ -170,12 +173,12 @@ sup { */ table { - text-indent: 0; - /* 1 */ - border-color: inherit; - /* 2 */ - border-collapse: collapse; - /* 3 */ + text-indent: 0; + /* 1 */ + border-color: inherit; + /* 2 */ + border-collapse: collapse; + /* 3 */ } /* @@ -189,24 +192,24 @@ input, optgroup, select, textarea { - font-family: inherit; - /* 1 */ - font-feature-settings: inherit; - /* 1 */ - font-variation-settings: inherit; - /* 1 */ - font-size: 100%; - /* 1 */ - font-weight: inherit; - /* 1 */ - line-height: inherit; - /* 1 */ - color: inherit; - /* 1 */ - margin: 0; - /* 2 */ - padding: 0; - /* 3 */ + font-family: inherit; + /* 1 */ + font-feature-settings: inherit; + /* 1 */ + font-variation-settings: inherit; + /* 1 */ + font-size: 100%; + /* 1 */ + font-weight: inherit; + /* 1 */ + line-height: inherit; + /* 1 */ + color: inherit; + /* 1 */ + margin: 0; + /* 2 */ + padding: 0; + /* 3 */ } /* @@ -215,7 +218,7 @@ Remove the inheritance of text transform in Edge and Firefox. button, select { - text-transform: none; + text-transform: none; } /* @@ -227,12 +230,12 @@ button, [type='button'], [type='reset'], [type='submit'] { - -webkit-appearance: button; - /* 1 */ - background-color: transparent; - /* 2 */ - background-image: none; - /* 2 */ + -webkit-appearance: button; + /* 1 */ + background-color: transparent; + /* 2 */ + background-image: none; + /* 2 */ } /* @@ -240,7 +243,7 @@ Use the modern Firefox focus style for all focusable elements. */ :-moz-focusring { - outline: auto; + outline: auto; } /* @@ -248,7 +251,7 @@ Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/ */ :-moz-ui-invalid { - box-shadow: none; + box-shadow: none; } /* @@ -256,7 +259,7 @@ Add the correct vertical alignment in Chrome and Firefox. */ progress { - vertical-align: baseline; + vertical-align: baseline; } /* @@ -265,7 +268,7 @@ Correct the cursor style of increment and decrement buttons in Safari. ::-webkit-inner-spin-button, ::-webkit-outer-spin-button { - height: auto; + height: auto; } /* @@ -274,10 +277,10 @@ Correct the cursor style of increment and decrement buttons in Safari. */ [type='search'] { - -webkit-appearance: textfield; - /* 1 */ - outline-offset: -2px; - /* 2 */ + -webkit-appearance: textfield; + /* 1 */ + outline-offset: -2px; + /* 2 */ } /* @@ -285,7 +288,7 @@ Remove the inner padding in Chrome and Safari on macOS. */ ::-webkit-search-decoration { - -webkit-appearance: none; + -webkit-appearance: none; } /* @@ -294,10 +297,10 @@ Remove the inner padding in Chrome and Safari on macOS. */ ::-webkit-file-upload-button { - -webkit-appearance: button; - /* 1 */ - font: inherit; - /* 2 */ + -webkit-appearance: button; + /* 1 */ + font: inherit; + /* 2 */ } /* @@ -305,7 +308,7 @@ Add the correct display in Chrome and Safari. */ summary { - display: list-item; + display: list-item; } /* @@ -325,24 +328,24 @@ hr, figure, p, pre { - margin: 0; + margin: 0; } fieldset { - margin: 0; - padding: 0; + margin: 0; + padding: 0; } legend { - padding: 0; + padding: 0; } ol, ul, menu { - list-style: none; - margin: 0; - padding: 0; + list-style: none; + margin: 0; + padding: 0; } /* @@ -350,7 +353,7 @@ Reset default styling for dialogs. */ dialog { - padding: 0; + padding: 0; } /* @@ -358,7 +361,7 @@ Prevent resizing textareas horizontally by default. */ textarea { - resize: vertical; + resize: vertical; } /* @@ -366,26 +369,28 @@ textarea { 2. Set the default placeholder color to the user's configured gray 400 color. */ -input::-moz-placeholder, textarea::-moz-placeholder { - opacity: 1; - /* 1 */ - color: #9ca3af; - /* 2 */ +input::-moz-placeholder, +textarea::-moz-placeholder { + opacity: 1; + /* 1 */ + color: #9ca3af; + /* 2 */ } -input:-ms-input-placeholder, textarea:-ms-input-placeholder { - opacity: 1; - /* 1 */ - color: #9ca3af; - /* 2 */ +input:-ms-input-placeholder, +textarea:-ms-input-placeholder { + opacity: 1; + /* 1 */ + color: #9ca3af; + /* 2 */ } input::placeholder, textarea::placeholder { - opacity: 1; - /* 1 */ - color: #9ca3af; - /* 2 */ + opacity: 1; + /* 1 */ + color: #9ca3af; + /* 2 */ } /* @@ -393,8 +398,8 @@ Set the default cursor for buttons. */ button, -[role="button"] { - cursor: pointer; +[role='button'] { + cursor: pointer; } /* @@ -402,7 +407,7 @@ Make sure disabled buttons don't get the pointer cursor. */ :disabled { - cursor: default; + cursor: default; } /* @@ -419,10 +424,10 @@ audio, iframe, embed, object { - display: block; - /* 1 */ - vertical-align: middle; - /* 2 */ + display: block; + /* 1 */ + vertical-align: middle; + /* 2 */ } /* @@ -431,2529 +436,2574 @@ Constrain images and videos to the parent width and preserve their intrinsic asp img, video { - max-width: 100%; - height: auto; + max-width: 100%; + height: auto; } /* Make elements with the HTML hidden attribute stay hidden by default */ [hidden] { - display: none; -} - -*, ::before, ::after { - --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-gradient-from-position: ; - --tw-gradient-via-position: ; - --tw-gradient-to-position: ; - --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: rgb(59 130 246 / 0.5); - --tw-ring-offset-shadow: 0 0 #0000; - --tw-ring-shadow: 0 0 #0000; - --tw-shadow: 0 0 #0000; - --tw-shadow-colored: 0 0 #0000; - --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: ; + display: none; +} + +*, +::before, +::after { + --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-gradient-from-position: ; + --tw-gradient-via-position: ; + --tw-gradient-to-position: ; + --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: rgb(59 130 246 / 0.5); + --tw-ring-offset-shadow: 0 0 #0000; + --tw-ring-shadow: 0 0 #0000; + --tw-shadow: 0 0 #0000; + --tw-shadow-colored: 0 0 #0000; + --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: ; } ::-webkit-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-gradient-from-position: ; - --tw-gradient-via-position: ; - --tw-gradient-to-position: ; - --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: rgb(59 130 246 / 0.5); - --tw-ring-offset-shadow: 0 0 #0000; - --tw-ring-shadow: 0 0 #0000; - --tw-shadow: 0 0 #0000; - --tw-shadow-colored: 0 0 #0000; - --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: ; + --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-gradient-from-position: ; + --tw-gradient-via-position: ; + --tw-gradient-to-position: ; + --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: rgb(59 130 246 / 0.5); + --tw-ring-offset-shadow: 0 0 #0000; + --tw-ring-shadow: 0 0 #0000; + --tw-shadow: 0 0 #0000; + --tw-shadow-colored: 0 0 #0000; + --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-gradient-from-position: ; - --tw-gradient-via-position: ; - --tw-gradient-to-position: ; - --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: rgb(59 130 246 / 0.5); - --tw-ring-offset-shadow: 0 0 #0000; - --tw-ring-shadow: 0 0 #0000; - --tw-shadow: 0 0 #0000; - --tw-shadow-colored: 0 0 #0000; - --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: ; + --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-gradient-from-position: ; + --tw-gradient-via-position: ; + --tw-gradient-to-position: ; + --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: rgb(59 130 246 / 0.5); + --tw-ring-offset-shadow: 0 0 #0000; + --tw-ring-shadow: 0 0 #0000; + --tw-shadow: 0 0 #0000; + --tw-shadow-colored: 0 0 #0000; + --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: ; } .sr-only { - position: absolute; - width: 1px; - height: 1px; - padding: 0; - margin: -1px; - overflow: hidden; - clip: rect(0, 0, 0, 0); - white-space: nowrap; - border-width: 0; + position: absolute; + width: 1px; + height: 1px; + padding: 0; + margin: -1px; + overflow: hidden; + clip: rect(0, 0, 0, 0); + white-space: nowrap; + border-width: 0; } .static { - position: static; + position: static; } .fixed { - position: fixed; + position: fixed; } .absolute { - position: absolute; + position: absolute; } .relative { - position: relative; + position: relative; } .bottom-\[50px\] { - bottom: 50px; + bottom: 50px; } .bottom-\[84px\] { - bottom: 84px; + bottom: 84px; } .left-0 { - left: 0px; + left: 0px; } .left-1 { - left: 0.25rem; + left: 0.25rem; } .left-3 { - left: 0.75rem; + left: 0.75rem; } .left-\[3px\] { - left: 3px; + left: 3px; } .right-0 { - right: 0px; + right: 0px; } .right-\[50px\] { - right: 50px; + right: 50px; } .top-0 { - top: 0px; + top: 0px; } .top-\[-2px\] { - top: -2px; + top: -2px; } .z-10 { - z-index: 10; + z-index: 10; } .z-\[2\] { - z-index: 2; + z-index: 2; } .m-0 { - margin: 0px; + margin: 0px; } .m-0\.5 { - margin: 0.125rem; + margin: 0.125rem; } .m-3 { - margin: 0.75rem; + margin: 0.75rem; } .m-4 { - margin: 1rem; + margin: 1rem; } .m-\[0\.2rem\] { - margin: 0.2rem; + margin: 0.2rem; } .m-\[34px\] { - margin: 34px; + margin: 34px; } .m-\[5px\] { - margin: 5px; + margin: 5px; } .m-auto { - margin: auto; + margin: auto; } .mx-0 { - margin-left: 0px; - margin-right: 0px; + margin-left: 0px; + margin-right: 0px; } .mx-10 { - margin-left: 2.5rem; - margin-right: 2.5rem; + margin-left: 2.5rem; + margin-right: 2.5rem; } .mx-2 { - margin-left: 0.5rem; - margin-right: 0.5rem; + margin-left: 0.5rem; + margin-right: 0.5rem; } .mx-3 { - margin-left: 0.75rem; - margin-right: 0.75rem; + margin-left: 0.75rem; + margin-right: 0.75rem; } .mx-4 { - margin-left: 1rem; - margin-right: 1rem; + margin-left: 1rem; + margin-right: 1rem; } .mx-56 { - margin-left: 14rem; - margin-right: 14rem; + margin-left: 14rem; + margin-right: 14rem; } .mx-8 { - margin-left: 2rem; - margin-right: 2rem; + margin-left: 2rem; + margin-right: 2rem; } .mx-auto { - margin-left: auto; - margin-right: auto; + margin-left: auto; + margin-right: auto; } .my-0 { - margin-top: 0px; - margin-bottom: 0px; + margin-top: 0px; + margin-bottom: 0px; } .my-12 { - margin-top: 3rem; - margin-bottom: 3rem; + margin-top: 3rem; + margin-bottom: 3rem; } .my-2 { - margin-top: 0.5rem; - margin-bottom: 0.5rem; + margin-top: 0.5rem; + margin-bottom: 0.5rem; } .my-3 { - margin-top: 0.75rem; - margin-bottom: 0.75rem; + margin-top: 0.75rem; + margin-bottom: 0.75rem; } .my-4 { - margin-top: 1rem; - margin-bottom: 1rem; + margin-top: 1rem; + margin-bottom: 1rem; } .my-5 { - margin-top: 1.25rem; - margin-bottom: 1.25rem; + margin-top: 1.25rem; + margin-bottom: 1.25rem; } .my-6 { - margin-top: 1.5rem; - margin-bottom: 1.5rem; + margin-top: 1.5rem; + margin-bottom: 1.5rem; } .my-8 { - margin-top: 2rem; - margin-bottom: 2rem; + margin-top: 2rem; + margin-bottom: 2rem; } .my-\[10px\] { - margin-top: 10px; - margin-bottom: 10px; + margin-top: 10px; + margin-bottom: 10px; } .my-\[3px\] { - margin-top: 3px; - margin-bottom: 3px; + margin-top: 3px; + margin-bottom: 3px; } .my-\[63px\] { - margin-top: 63px; - margin-bottom: 63px; + margin-top: 63px; + margin-bottom: 63px; } .my-auto { - margin-top: auto; - margin-bottom: auto; + margin-top: auto; + margin-bottom: auto; } .mb-1 { - margin-bottom: 0.25rem; + margin-bottom: 0.25rem; } .mb-10 { - margin-bottom: 2.5rem; + margin-bottom: 2.5rem; } .mb-12 { - margin-bottom: 3rem; + margin-bottom: 3rem; } .mb-14 { - margin-bottom: 3.5rem; + margin-bottom: 3.5rem; } .mb-2 { - margin-bottom: 0.5rem; + margin-bottom: 0.5rem; } .mb-20 { - margin-bottom: 5rem; + margin-bottom: 5rem; } .mb-24 { - margin-bottom: 6rem; + margin-bottom: 6rem; } .mb-3 { - margin-bottom: 0.75rem; + margin-bottom: 0.75rem; } .mb-32 { - margin-bottom: 8rem; + margin-bottom: 8rem; } .mb-4 { - margin-bottom: 1rem; + margin-bottom: 1rem; } .mb-5 { - margin-bottom: 1.25rem; + margin-bottom: 1.25rem; } .mb-8 { - margin-bottom: 2rem; + margin-bottom: 2rem; } .mb-\[3\%\] { - margin-bottom: 3%; + margin-bottom: 3%; } .mb-\[35px\] { - margin-bottom: 35px; + margin-bottom: 35px; } .ml-0 { - margin-left: 0px; + margin-left: 0px; } .ml-16 { - margin-left: 4rem; + margin-left: 4rem; } .ml-2 { - margin-left: 0.5rem; + margin-left: 0.5rem; } .ml-3 { - margin-left: 0.75rem; + margin-left: 0.75rem; } .ml-4 { - margin-left: 1rem; + margin-left: 1rem; } .ml-6 { - margin-left: 1.5rem; + margin-left: 1.5rem; } .ml-\[18px\] { - margin-left: 18px; + margin-left: 18px; } .ml-\[20px\] { - margin-left: 20px; + margin-left: 20px; } .mr-16 { - margin-right: 4rem; + margin-right: 4rem; } .mr-3 { - margin-right: 0.75rem; + margin-right: 0.75rem; } .mr-4 { - margin-right: 1rem; + margin-right: 1rem; } .mr-8 { - margin-right: 2rem; + margin-right: 2rem; } .mr-\[13px\] { - margin-right: 13px; + margin-right: 13px; } .mr-\[56px\] { - margin-right: 56px; + margin-right: 56px; } .mt-0 { - margin-top: 0px; + margin-top: 0px; } .mt-1 { - margin-top: 0.25rem; + margin-top: 0.25rem; } .mt-10 { - margin-top: 2.5rem; + margin-top: 2.5rem; } .mt-11 { - margin-top: 2.75rem; + margin-top: 2.75rem; } .mt-12 { - margin-top: 3rem; + margin-top: 3rem; } .mt-14 { - margin-top: 3.5rem; + margin-top: 3.5rem; } .mt-2 { - margin-top: 0.5rem; + margin-top: 0.5rem; } .mt-3 { - margin-top: 0.75rem; + margin-top: 0.75rem; } .mt-4 { - margin-top: 1rem; + margin-top: 1rem; } .mt-5 { - margin-top: 1.25rem; + margin-top: 1.25rem; } .mt-6 { - margin-top: 1.5rem; + margin-top: 1.5rem; } .mt-7 { - margin-top: 1.75rem; + margin-top: 1.75rem; } .mt-8 { - margin-top: 2rem; + margin-top: 2rem; } .mt-\[13px\] { - margin-top: 13px; + margin-top: 13px; } .mt-\[4\%\] { - margin-top: 4%; + margin-top: 4%; } .mt-\[50px\] { - margin-top: 50px; + margin-top: 50px; } .box-border { - box-sizing: border-box; + box-sizing: border-box; } .line-clamp-3 { - overflow: hidden; - display: -webkit-box; - -webkit-box-orient: vertical; - -webkit-line-clamp: 3; + overflow: hidden; + display: -webkit-box; + -webkit-box-orient: vertical; + -webkit-line-clamp: 3; } .block { - display: block; + display: block; } .inline { - display: inline; + display: inline; } .flex { - display: flex; + display: flex; } .inline-flex { - display: inline-flex; + display: inline-flex; } .table { - display: table; + display: table; } .grid { - display: grid; + display: grid; } .contents { - display: contents; + display: contents; } .hidden { - display: none; + display: none; } .aspect-video { - aspect-ratio: 16 / 9; + aspect-ratio: 16 / 9; } .h-0 { - height: 0px; + height: 0px; } .h-0\.5 { - height: 0.125rem; + height: 0.125rem; } .h-1 { - height: 0.25rem; + height: 0.25rem; } .h-10 { - height: 2.5rem; + height: 2.5rem; } .h-12 { - height: 3rem; + height: 3rem; } .h-16 { - height: 4rem; + height: 4rem; } .h-2 { - height: 0.5rem; + height: 0.5rem; } .h-2\.5 { - height: 0.625rem; + height: 0.625rem; } .h-20 { - height: 5rem; + height: 5rem; } .h-3 { - height: 0.75rem; + height: 0.75rem; } .h-32 { - height: 8rem; + height: 8rem; } .h-6 { - height: 1.5rem; + height: 1.5rem; } .h-8 { - height: 2rem; + height: 2rem; } .h-\[110px\] { - height: 110px; + height: 110px; } .h-\[150px\] { - height: 150px; + height: 150px; } .h-\[300px\] { - height: 300px; + height: 300px; } .h-\[330px\] { - height: 330px; + height: 330px; } .h-\[400px\] { - height: 400px; + height: 400px; } .h-\[450px\] { - height: 450px; + height: 450px; } .h-\[49px\] { - height: 49px; + height: 49px; } .h-\[50px\] { - height: 50px; + height: 50px; } .h-\[570px\] { - height: 570px; + height: 570px; } .h-\[60px\] { - height: 60px; + height: 60px; } .h-fit { - height: -webkit-fit-content; - height: -moz-fit-content; - height: fit-content; + height: -webkit-fit-content; + height: -moz-fit-content; + height: fit-content; } .h-full { - height: 100%; + height: 100%; } .h-screen { - height: 100vh; + height: 100vh; } .min-h-\[500px\] { - min-height: 500px; + min-height: 500px; } .min-h-full { - min-height: 100%; + min-height: 100%; } .min-h-screen { - min-height: 100vh; + min-height: 100vh; } .w-0 { - width: 0px; + width: 0px; } .w-1 { - width: 0.25rem; + width: 0.25rem; } .w-1\/12 { - width: 8.333333%; + width: 8.333333%; } .w-1\/2 { - width: 50%; + width: 50%; } .w-1\/3 { - width: 33.333333%; + width: 33.333333%; } .w-1\/5 { - width: 20%; + width: 20%; } .w-1\/6 { - width: 16.666667%; + width: 16.666667%; } .w-16 { - width: 4rem; + width: 4rem; } .w-36 { - width: 9rem; + width: 9rem; } .w-4\/5 { - width: 80%; + width: 80%; } .w-44 { - width: 11rem; + width: 11rem; } .w-5 { - width: 1.25rem; + width: 1.25rem; } .w-8 { - width: 2rem; + width: 2rem; } .w-\[10\%\] { - width: 10%; + width: 10%; } .w-\[100px\] { - width: 100px; + width: 100px; } .w-\[1080px\] { - width: 1080px; + width: 1080px; } .w-\[1280px\] { - width: 1280px; + width: 1280px; } .w-\[15\%\] { - width: 15%; + width: 15%; } .w-\[150px\] { - width: 150px; + width: 150px; } .w-\[20\%\] { - width: 20%; + width: 20%; } .w-\[2px\] { - width: 2px; + width: 2px; } .w-\[30\%\] { - width: 30%; + width: 30%; } .w-\[300px\] { - width: 300px; + width: 300px; } .w-\[40\%\] { - width: 40%; + width: 40%; } .w-\[400px\] { - width: 400px; + width: 400px; } .w-\[450px\] { - width: 450px; + width: 450px; } .w-\[500px\] { - width: 500px; + width: 500px; } .w-\[50px\] { - width: 50px; + width: 50px; } .w-\[60\%\] { - width: 60%; + width: 60%; } .w-\[600px\] { - width: 600px; + width: 600px; } .w-\[60px\] { - width: 60px; + width: 60px; } .w-\[75\%\] { - width: 75%; + width: 75%; } .w-\[768px\] { - width: 768px; + width: 768px; } .w-\[800px\] { - width: 800px; + width: 800px; } .w-\[80px\] { - width: 80px; + width: 80px; } .w-\[85\%\] { - width: 85%; + width: 85%; } .w-\[940px\] { - width: 940px; + width: 940px; } .w-full { - width: 100%; + width: 100%; } .w-screen { - width: 100vw; + width: 100vw; } .min-w-\[130px\] { - min-width: 130px; + min-width: 130px; } .min-w-\[280px\] { - min-width: 280px; + min-width: 280px; } .min-w-\[300px\] { - min-width: 300px; + min-width: 300px; } .min-w-\[500px\] { - min-width: 500px; + min-width: 500px; } .min-w-\[768px\] { - min-width: 768px; + min-width: 768px; } .min-w-\[desktop\] { - min-width: desktop; + min-width: desktop; } .max-w-\[1200px\] { - max-width: 1200px; + max-width: 1200px; } .max-w-\[1400px\] { - max-width: 1400px; + max-width: 1400px; } .max-w-full { - max-width: 100%; + max-width: 100%; } .max-w-sm { - max-width: 24rem; + max-width: 24rem; } .flex-1 { - flex: 1 1 0%; + flex: 1 1 0%; } .-rotate-180 { - --tw-rotate: -180deg; - 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)); + --tw-rotate: -180deg; + 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)); } .rotate-0 { - --tw-rotate: 0deg; - 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)); + --tw-rotate: 0deg; + 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)); } @-webkit-keyframes pulse { - 50% { - opacity: .5; - } + 50% { + opacity: 0.5; + } } @keyframes pulse { - 50% { - opacity: .5; - } + 50% { + opacity: 0.5; + } } .animate-pulse { - -webkit-animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite; - animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite; + -webkit-animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite; + animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite; } .cursor-pointer { - cursor: pointer; + cursor: pointer; } .select-none { - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; } .resize-none { - resize: none; + resize: none; } .list-none { - list-style-type: none; + list-style-type: none; } .grid-cols-2 { - grid-template-columns: repeat(2, minmax(0, 1fr)); + grid-template-columns: repeat(2, minmax(0, 1fr)); } .grid-cols-4 { - grid-template-columns: repeat(4, minmax(0, 1fr)); + grid-template-columns: repeat(4, minmax(0, 1fr)); } .grid-cols-5 { - grid-template-columns: repeat(5, minmax(0, 1fr)); + grid-template-columns: repeat(5, minmax(0, 1fr)); } .grid-rows-2 { - grid-template-rows: repeat(2, minmax(0, 1fr)); + grid-template-rows: repeat(2, minmax(0, 1fr)); } .grid-rows-4 { - grid-template-rows: repeat(4, minmax(0, 1fr)); + grid-template-rows: repeat(4, minmax(0, 1fr)); } .flex-row { - flex-direction: row; + flex-direction: row; } .flex-row-reverse { - flex-direction: row-reverse; + flex-direction: row-reverse; } .flex-col { - flex-direction: column; + flex-direction: column; } .place-content-center { - place-content: center; + place-content: center; } .items-start { - align-items: flex-start; + align-items: flex-start; } .items-end { - align-items: flex-end; + align-items: flex-end; } .items-center { - align-items: center; + align-items: center; } .justify-start { - justify-content: flex-start; + justify-content: flex-start; } .justify-end { - justify-content: flex-end; + justify-content: flex-end; } .justify-center { - justify-content: center; + justify-content: center; } .justify-between { - justify-content: space-between; + justify-content: space-between; } .justify-around { - justify-content: space-around; + justify-content: space-around; } .justify-evenly { - justify-content: space-evenly; + justify-content: space-evenly; } .gap-x-1 { - -moz-column-gap: 0.25rem; - column-gap: 0.25rem; + -moz-column-gap: 0.25rem; + column-gap: 0.25rem; } .gap-x-10 { - -moz-column-gap: 2.5rem; - column-gap: 2.5rem; + -moz-column-gap: 2.5rem; + column-gap: 2.5rem; } .gap-x-12 { - -moz-column-gap: 3rem; - column-gap: 3rem; + -moz-column-gap: 3rem; + column-gap: 3rem; } .gap-x-20 { - -moz-column-gap: 5rem; - column-gap: 5rem; + -moz-column-gap: 5rem; + column-gap: 5rem; } .gap-x-4 { - -moz-column-gap: 1rem; - column-gap: 1rem; + -moz-column-gap: 1rem; + column-gap: 1rem; } .gap-x-5 { - -moz-column-gap: 1.25rem; - column-gap: 1.25rem; + -moz-column-gap: 1.25rem; + column-gap: 1.25rem; } .gap-y-10 { - row-gap: 2.5rem; + row-gap: 2.5rem; } .gap-y-12 { - row-gap: 3rem; + row-gap: 3rem; } .gap-y-14 { - row-gap: 3.5rem; + row-gap: 3.5rem; } .gap-y-20 { - row-gap: 5rem; + row-gap: 5rem; } .gap-y-4 { - row-gap: 1rem; + row-gap: 1rem; } .space-x-4 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(1rem * var(--tw-space-x-reverse)); - margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse))); + --tw-space-x-reverse: 0; + margin-right: calc(1rem * var(--tw-space-x-reverse)); + margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse))); } .overflow-hidden { - overflow: hidden; + overflow: hidden; } .overflow-y-scroll { - overflow-y: scroll; + overflow-y: scroll; } .overflow-ellipsis { - text-overflow: ellipsis; + text-overflow: ellipsis; } .text-ellipsis { - text-overflow: ellipsis; + text-overflow: ellipsis; } .whitespace-nowrap { - white-space: nowrap; + white-space: nowrap; } .break-words { - overflow-wrap: break-word; + overflow-wrap: break-word; } .rounded { - border-radius: 0.25rem; + border-radius: 0.25rem; } .rounded-3xl { - border-radius: 1.5rem; + border-radius: 1.5rem; } .rounded-\[15px\] { - border-radius: 15px; + border-radius: 15px; } .rounded-\[30px\] { - border-radius: 30px; + border-radius: 30px; } .rounded-\[36px\] { - border-radius: 36px; + border-radius: 36px; } .rounded-\[3px\] { - border-radius: 3px; + border-radius: 3px; } .rounded-\[3rem\] { - border-radius: 3rem; + border-radius: 3rem; } .rounded-\[5px\] { - border-radius: 5px; + border-radius: 5px; } .rounded-\[60px\] { - border-radius: 60px; + border-radius: 60px; } .rounded-full { - border-radius: 9999px; + border-radius: 9999px; } .rounded-lg { - border-radius: 0.5rem; + border-radius: 0.5rem; } .rounded-md { - border-radius: 0.375rem; + border-radius: 0.375rem; } .rounded-sm { - border-radius: 0.125rem; + border-radius: 0.125rem; } .rounded-xl { - border-radius: 0.75rem; + border-radius: 0.75rem; } .rounded-b-lg { - border-bottom-right-radius: 0.5rem; - border-bottom-left-radius: 0.5rem; + border-bottom-right-radius: 0.5rem; + border-bottom-left-radius: 0.5rem; } .rounded-b-md { - border-bottom-right-radius: 0.375rem; - border-bottom-left-radius: 0.375rem; + border-bottom-right-radius: 0.375rem; + border-bottom-left-radius: 0.375rem; } .rounded-t-lg { - border-top-left-radius: 0.5rem; - border-top-right-radius: 0.5rem; + border-top-left-radius: 0.5rem; + border-top-right-radius: 0.5rem; } .rounded-t-md { - border-top-left-radius: 0.375rem; - border-top-right-radius: 0.375rem; + border-top-left-radius: 0.375rem; + border-top-right-radius: 0.375rem; } .rounded-bl-lg { - border-bottom-left-radius: 0.5rem; + border-bottom-left-radius: 0.5rem; } .rounded-br-lg { - border-bottom-right-radius: 0.5rem; + border-bottom-right-radius: 0.5rem; } .rounded-tl-lg { - border-top-left-radius: 0.5rem; + border-top-left-radius: 0.5rem; } .rounded-tr-lg { - border-top-right-radius: 0.5rem; + border-top-right-radius: 0.5rem; } .border { - border-width: 1px; + border-width: 1px; } .border-0 { - border-width: 0px; + border-width: 0px; } .border-2 { - border-width: 2px; + border-width: 2px; } .border-4 { - border-width: 4px; + border-width: 4px; } .border-\[0\.1px\] { - border-width: 0.1px; + border-width: 0.1px; } .border-\[1\.5px\] { - border-width: 1.5px; + border-width: 1.5px; } .border-\[1px\] { - border-width: 1px; + border-width: 1px; } .border-y { - border-top-width: 1px; - border-bottom-width: 1px; + border-top-width: 1px; + border-bottom-width: 1px; } .border-b { - border-bottom-width: 1px; + border-bottom-width: 1px; } .border-b-2 { - border-bottom-width: 2px; + border-bottom-width: 2px; } .border-b-\[0\.5px\] { - border-bottom-width: 0.5px; + border-bottom-width: 0.5px; } .border-b-\[1px\] { - border-bottom-width: 1px; + border-bottom-width: 1px; } .border-l-\[3px\] { - border-left-width: 3px; + border-left-width: 3px; } .border-t-2 { - border-top-width: 2px; + border-top-width: 2px; } .border-t-\[1px\] { - border-top-width: 1px; + border-top-width: 1px; } .border-solid { - border-style: solid; + border-style: solid; } .border-dashed { - border-style: dashed; + border-style: dashed; } .border-none { - border-style: none; + border-style: none; } .border-\[\#393939\] { - --tw-border-opacity: 1; - border-color: rgb(57 57 57 / var(--tw-border-opacity)); + --tw-border-opacity: 1; + border-color: rgb(57 57 57 / var(--tw-border-opacity)); } .border-\[\#adb5bd\] { - --tw-border-opacity: 1; - border-color: rgb(173 181 189 / var(--tw-border-opacity)); + --tw-border-opacity: 1; + border-color: rgb(173 181 189 / var(--tw-border-opacity)); } .border-\[\#aeaeae\] { - --tw-border-opacity: 1; - border-color: rgb(174 174 174 / var(--tw-border-opacity)); + --tw-border-opacity: 1; + border-color: rgb(174 174 174 / var(--tw-border-opacity)); } .border-\[\#dee2e6\] { - --tw-border-opacity: 1; - border-color: rgb(222 226 230 / var(--tw-border-opacity)); + --tw-border-opacity: 1; + border-color: rgb(222 226 230 / var(--tw-border-opacity)); } .border-\[\#dfdfdf\] { - --tw-border-opacity: 1; - border-color: rgb(223 223 223 / var(--tw-border-opacity)); + --tw-border-opacity: 1; + border-color: rgb(223 223 223 / var(--tw-border-opacity)); } .border-\[\#e2e2e2\] { - --tw-border-opacity: 1; - border-color: rgb(226 226 226 / var(--tw-border-opacity)); + --tw-border-opacity: 1; + border-color: rgb(226 226 226 / var(--tw-border-opacity)); } .border-\[\#e4e4e4\] { - --tw-border-opacity: 1; - border-color: rgb(228 228 228 / var(--tw-border-opacity)); + --tw-border-opacity: 1; + border-color: rgb(228 228 228 / var(--tw-border-opacity)); } .border-\[\#e7e7e7\] { - --tw-border-opacity: 1; - border-color: rgb(231 231 231 / var(--tw-border-opacity)); + --tw-border-opacity: 1; + border-color: rgb(231 231 231 / var(--tw-border-opacity)); } .border-\[\#e9ecef\] { - --tw-border-opacity: 1; - border-color: rgb(233 236 239 / var(--tw-border-opacity)); + --tw-border-opacity: 1; + border-color: rgb(233 236 239 / var(--tw-border-opacity)); } .border-\[var\(--color-Background\)\] { - border-color: var(--color-Background); + border-color: var(--color-Background); } .border-\[var\(--color-Primary\)\] { - border-color: var(--color-Primary); + border-color: var(--color-Primary); } .border-\[var\(--color-gray-3\)\] { - border-color: var(--color-gray-3); + border-color: var(--color-gray-3); } .border-\[var\(--color-mrgreen-5\)\] { - border-color: var(--color-mrgreen-5); + border-color: var(--color-mrgreen-5); } .border-\[var\(--color-mrgreen-7\)\] { - border-color: var(--color-mrgreen-7); + border-color: var(--color-mrgreen-7); } .border-\[var\(--color-mrgreen-9\)\] { - border-color: var(--color-mrgreen-9); + border-color: var(--color-mrgreen-9); } .border-\[var\(--color-onSurface-100\)\] { - border-color: var(--color-onSurface-100); + border-color: var(--color-onSurface-100); } .border-slate-200 { - --tw-border-opacity: 1; - border-color: rgb(226 232 240 / var(--tw-border-opacity)); + --tw-border-opacity: 1; + border-color: rgb(226 232 240 / var(--tw-border-opacity)); } .border-slate-400 { - --tw-border-opacity: 1; - border-color: rgb(148 163 184 / var(--tw-border-opacity)); + --tw-border-opacity: 1; + border-color: rgb(148 163 184 / var(--tw-border-opacity)); } .border-y-gray-400 { - --tw-border-opacity: 1; - border-top-color: rgb(156 163 175 / var(--tw-border-opacity)); - border-bottom-color: rgb(156 163 175 / var(--tw-border-opacity)); + --tw-border-opacity: 1; + border-top-color: rgb(156 163 175 / var(--tw-border-opacity)); + border-bottom-color: rgb(156 163 175 / var(--tw-border-opacity)); } .border-b-black\/\[0\.2\] { - border-bottom-color: rgb(0 0 0 / 0.2); + border-bottom-color: rgb(0 0 0 / 0.2); } .bg-\[\#323232\] { - --tw-bg-opacity: 1; - background-color: rgb(50 50 50 / var(--tw-bg-opacity)); + --tw-bg-opacity: 1; + background-color: rgb(50 50 50 / var(--tw-bg-opacity)); } .bg-\[\#343535\] { - --tw-bg-opacity: 1; - background-color: rgb(52 53 53 / var(--tw-bg-opacity)); + --tw-bg-opacity: 1; + background-color: rgb(52 53 53 / var(--tw-bg-opacity)); } .bg-\[\#717171\] { - --tw-bg-opacity: 1; - background-color: rgb(113 113 113 / var(--tw-bg-opacity)); + --tw-bg-opacity: 1; + background-color: rgb(113 113 113 / var(--tw-bg-opacity)); } .bg-\[\#7dad47\] { - --tw-bg-opacity: 1; - background-color: rgb(125 173 71 / var(--tw-bg-opacity)); + --tw-bg-opacity: 1; + background-color: rgb(125 173 71 / var(--tw-bg-opacity)); } .bg-\[\#94c865\]\/\[0\.9\] { - background-color: rgb(148 200 101 / 0.9); + background-color: rgb(148 200 101 / 0.9); } .bg-\[\#b3df8c\] { - --tw-bg-opacity: 1; - background-color: rgb(179 223 140 / var(--tw-bg-opacity)); + --tw-bg-opacity: 1; + background-color: rgb(179 223 140 / var(--tw-bg-opacity)); } .bg-\[\#e3e3e3\] { - --tw-bg-opacity: 1; - background-color: rgb(227 227 227 / var(--tw-bg-opacity)); + --tw-bg-opacity: 1; + background-color: rgb(227 227 227 / var(--tw-bg-opacity)); } .bg-\[\#f0f0f0\] { - --tw-bg-opacity: 1; - background-color: rgb(240 240 240 / var(--tw-bg-opacity)); + --tw-bg-opacity: 1; + background-color: rgb(240 240 240 / var(--tw-bg-opacity)); } .bg-\[\#fcfcfc\] { - --tw-bg-opacity: 1; - background-color: rgb(252 252 252 / var(--tw-bg-opacity)); + --tw-bg-opacity: 1; + background-color: rgb(252 252 252 / var(--tw-bg-opacity)); } .bg-\[\#ff0000\] { - --tw-bg-opacity: 1; - background-color: rgb(255 0 0 / var(--tw-bg-opacity)); + --tw-bg-opacity: 1; + background-color: rgb(255 0 0 / var(--tw-bg-opacity)); } .bg-\[var\(--color-Primary\)\] { - background-color: var(--color-Primary); + background-color: var(--color-Primary); } .bg-\[var\(--color-Surface\)\] { - background-color: var(--color-Surface); + background-color: var(--color-Surface); } .bg-\[var\(--color-grey-100\)\] { - background-color: var(--color-grey-100); + background-color: var(--color-grey-100); } .bg-\[var\(--color-mrgreen-7\)\] { - background-color: var(--color-mrgreen-7); + background-color: var(--color-mrgreen-7); } .bg-\[var\(--color-mrgreen-9\)\] { - background-color: var(--color-mrgreen-9); + background-color: var(--color-mrgreen-9); } .bg-\[var\(--color-onPrimary\)\] { - background-color: var(--color-onPrimary); + background-color: var(--color-onPrimary); } .bg-\[var\(--color-onPrimary-100\)\] { - background-color: var(--color-onPrimary-100); + background-color: var(--color-onPrimary-100); } .bg-\[var\(--color-onSurface-100\)\] { - background-color: var(--color-onSurface-100); + background-color: var(--color-onSurface-100); } .bg-black { - --tw-bg-opacity: 1; - background-color: rgb(0 0 0 / var(--tw-bg-opacity)); + --tw-bg-opacity: 1; + background-color: rgb(0 0 0 / var(--tw-bg-opacity)); } .bg-black\/\[0\.5\] { - background-color: rgb(0 0 0 / 0.5); + background-color: rgb(0 0 0 / 0.5); } .bg-gray-200 { - --tw-bg-opacity: 1; - background-color: rgb(229 231 235 / var(--tw-bg-opacity)); + --tw-bg-opacity: 1; + background-color: rgb(229 231 235 / var(--tw-bg-opacity)); } .bg-gray-300 { - --tw-bg-opacity: 1; - background-color: rgb(209 213 219 / var(--tw-bg-opacity)); + --tw-bg-opacity: 1; + background-color: rgb(209 213 219 / var(--tw-bg-opacity)); } .bg-red-500 { - --tw-bg-opacity: 1; - background-color: rgb(239 68 68 / var(--tw-bg-opacity)); + --tw-bg-opacity: 1; + background-color: rgb(239 68 68 / var(--tw-bg-opacity)); } .bg-red-600 { - --tw-bg-opacity: 1; - background-color: rgb(220 38 38 / var(--tw-bg-opacity)); + --tw-bg-opacity: 1; + background-color: rgb(220 38 38 / var(--tw-bg-opacity)); } .bg-transparent { - background-color: transparent; + background-color: transparent; } .bg-white { - --tw-bg-opacity: 1; - background-color: rgb(255 255 255 / var(--tw-bg-opacity)); + --tw-bg-opacity: 1; + background-color: rgb(255 255 255 / var(--tw-bg-opacity)); } .bg-gradient-to-r { - background-image: linear-gradient(to right, var(--tw-gradient-stops)); + background-image: linear-gradient(to right, var(--tw-gradient-stops)); } .from-green-700 { - --tw-gradient-from: #15803d var(--tw-gradient-from-position); - --tw-gradient-to: rgb(21 128 61 / 0) var(--tw-gradient-to-position); - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); + --tw-gradient-from: #15803d var(--tw-gradient-from-position); + --tw-gradient-to: rgb(21 128 61 / 0) var(--tw-gradient-to-position); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .to-green-800 { - --tw-gradient-to: #166534 var(--tw-gradient-to-position); + --tw-gradient-to: #166534 var(--tw-gradient-to-position); } .p-0 { - padding: 0px; + padding: 0px; } .p-1 { - padding: 0.25rem; + padding: 0.25rem; } .p-10 { - padding: 2.5rem; + padding: 2.5rem; } .p-12 { - padding: 3rem; + padding: 3rem; } .p-2 { - padding: 0.5rem; + padding: 0.5rem; } .p-20 { - padding: 5rem; + padding: 5rem; } .p-3 { - padding: 0.75rem; + padding: 0.75rem; } .p-4 { - padding: 1rem; + padding: 1rem; } .p-5 { - padding: 1.25rem; + padding: 1.25rem; } .p-6 { - padding: 1.5rem; + padding: 1.5rem; } .p-8 { - padding: 2rem; + padding: 2rem; } .p-\[0\.3rem\] { - padding: 0.3rem; + padding: 0.3rem; } .p-\[0\.85rem\] { - padding: 0.85rem; + padding: 0.85rem; } .p-\[0\.8rem\] { - padding: 0.8rem; + padding: 0.8rem; } .p-\[10px\] { - padding: 10px; + padding: 10px; } .px-0 { - padding-left: 0px; - padding-right: 0px; + padding-left: 0px; + padding-right: 0px; } .px-1 { - padding-left: 0.25rem; - padding-right: 0.25rem; + padding-left: 0.25rem; + padding-right: 0.25rem; } .px-10 { - padding-left: 2.5rem; - padding-right: 2.5rem; + padding-left: 2.5rem; + padding-right: 2.5rem; } .px-12 { - padding-left: 3rem; - padding-right: 3rem; + padding-left: 3rem; + padding-right: 3rem; } .px-2 { - padding-left: 0.5rem; - padding-right: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; } .px-3 { - padding-left: 0.75rem; - padding-right: 0.75rem; + padding-left: 0.75rem; + padding-right: 0.75rem; } .px-4 { - padding-left: 1rem; - padding-right: 1rem; + padding-left: 1rem; + padding-right: 1rem; } .px-5 { - padding-left: 1.25rem; - padding-right: 1.25rem; + padding-left: 1.25rem; + padding-right: 1.25rem; } .px-6 { - padding-left: 1.5rem; - padding-right: 1.5rem; + padding-left: 1.5rem; + padding-right: 1.5rem; } .px-7 { - padding-left: 1.75rem; - padding-right: 1.75rem; + padding-left: 1.75rem; + padding-right: 1.75rem; } .px-8 { - padding-left: 2rem; - padding-right: 2rem; + padding-left: 2rem; + padding-right: 2rem; } .px-\[0\.8rem\] { - padding-left: 0.8rem; - padding-right: 0.8rem; + padding-left: 0.8rem; + padding-right: 0.8rem; } .px-\[10\%\] { - padding-left: 10%; - padding-right: 10%; + padding-left: 10%; + padding-right: 10%; } .px-\[18px\] { - padding-left: 18px; - padding-right: 18px; + padding-left: 18px; + padding-right: 18px; } .px-\[23px\] { - padding-left: 23px; - padding-right: 23px; + padding-left: 23px; + padding-right: 23px; } .px-\[35px\] { - padding-left: 35px; - padding-right: 35px; + padding-left: 35px; + padding-right: 35px; } .px-\[5\%\] { - padding-left: 5%; - padding-right: 5%; + padding-left: 5%; + padding-right: 5%; } .px-\[60px\] { - padding-left: 60px; - padding-right: 60px; + padding-left: 60px; + padding-right: 60px; } .px-\[7\%\] { - padding-left: 7%; - padding-right: 7%; + padding-left: 7%; + padding-right: 7%; } .py-0 { - padding-top: 0px; - padding-bottom: 0px; + padding-top: 0px; + padding-bottom: 0px; } .py-1 { - padding-top: 0.25rem; - padding-bottom: 0.25rem; + padding-top: 0.25rem; + padding-bottom: 0.25rem; } .py-10 { - padding-top: 2.5rem; - padding-bottom: 2.5rem; + padding-top: 2.5rem; + padding-bottom: 2.5rem; } .py-12 { - padding-top: 3rem; - padding-bottom: 3rem; + padding-top: 3rem; + padding-bottom: 3rem; } .py-2 { - padding-top: 0.5rem; - padding-bottom: 0.5rem; + padding-top: 0.5rem; + padding-bottom: 0.5rem; } .py-3 { - padding-top: 0.75rem; - padding-bottom: 0.75rem; + padding-top: 0.75rem; + padding-bottom: 0.75rem; } .py-4 { - padding-top: 1rem; - padding-bottom: 1rem; + padding-top: 1rem; + padding-bottom: 1rem; } .py-5 { - padding-top: 1.25rem; - padding-bottom: 1.25rem; + padding-top: 1.25rem; + padding-bottom: 1.25rem; } .py-6 { - padding-top: 1.5rem; - padding-bottom: 1.5rem; + padding-top: 1.5rem; + padding-bottom: 1.5rem; } .py-8 { - padding-top: 2rem; - padding-bottom: 2rem; + padding-top: 2rem; + padding-bottom: 2rem; } .py-\[18px\] { - padding-top: 18px; - padding-bottom: 18px; + padding-top: 18px; + padding-bottom: 18px; } .py-\[2\.5\%\] { - padding-top: 2.5%; - padding-bottom: 2.5%; + padding-top: 2.5%; + padding-bottom: 2.5%; } .py-\[4\%\] { - padding-top: 4%; - padding-bottom: 4%; + padding-top: 4%; + padding-bottom: 4%; } .py-\[5px\] { - padding-top: 5px; - padding-bottom: 5px; + padding-top: 5px; + padding-bottom: 5px; } .py-\[7px\] { - padding-top: 7px; - padding-bottom: 7px; + padding-top: 7px; + padding-bottom: 7px; } .pb-24 { - padding-bottom: 6rem; + padding-bottom: 6rem; } .pb-3 { - padding-bottom: 0.75rem; + padding-bottom: 0.75rem; } .pb-4 { - padding-bottom: 1rem; + padding-bottom: 1rem; } .pb-7 { - padding-bottom: 1.75rem; + padding-bottom: 1.75rem; } .pb-\[50px\] { - padding-bottom: 50px; + padding-bottom: 50px; } .pl-10 { - padding-left: 2.5rem; + padding-left: 2.5rem; } .pl-2 { - padding-left: 0.5rem; + padding-left: 0.5rem; } .pl-4 { - padding-left: 1rem; + padding-left: 1rem; } .pl-5 { - padding-left: 1.25rem; + padding-left: 1.25rem; } .pl-\[1\.5rem\] { - padding-left: 1.5rem; + padding-left: 1.5rem; } .pl-\[10px\] { - padding-left: 10px; + padding-left: 10px; } .pl-\[11px\] { - padding-left: 11px; + padding-left: 11px; } .pl-\[15px\] { - padding-left: 15px; + padding-left: 15px; } .pl-\[45px\] { - padding-left: 45px; + padding-left: 45px; } .pl-\[5px\] { - padding-left: 5px; + padding-left: 5px; } .pr-0 { - padding-right: 0px; + padding-right: 0px; } .pr-10 { - padding-right: 2.5rem; + padding-right: 2.5rem; } .pr-\[10px\] { - padding-right: 10px; + padding-right: 10px; } .pr-\[18px\] { - padding-right: 18px; + padding-right: 18px; } .pr-\[39px\] { - padding-right: 39px; + padding-right: 39px; } .pt-1 { - padding-top: 0.25rem; + padding-top: 0.25rem; } .pt-2 { - padding-top: 0.5rem; + padding-top: 0.5rem; } .pt-3 { - padding-top: 0.75rem; + padding-top: 0.75rem; } .pt-8 { - padding-top: 2rem; + padding-top: 2rem; } .pt-\[15px\] { - padding-top: 15px; + padding-top: 15px; } .pt-\[60px\] { - padding-top: 60px; + padding-top: 60px; } .text-left { - text-align: left; + text-align: left; } .text-center { - text-align: center; + text-align: center; } .text-right { - text-align: right; + text-align: right; } .text-justify { - text-align: justify; + text-align: justify; } .text-start { - text-align: start; + text-align: start; } .align-middle { - vertical-align: middle; + vertical-align: middle; } .font-\[\'Gugi\'\] { - font-family: 'Gugi'; + font-family: 'Gugi'; } .font-\[Gugi\] { - font-family: Gugi; + font-family: Gugi; } .font-\[Inter\] { - font-family: Inter; + font-family: Inter; } .text-2xl { - font-size: 1.5rem; - line-height: 2rem; + font-size: 1.5rem; + line-height: 2rem; } .text-3xl { - font-size: 1.875rem; - line-height: 2.25rem; + font-size: 1.875rem; + line-height: 2.25rem; } .text-4xl { - font-size: 2.25rem; - line-height: 2.5rem; + font-size: 2.25rem; + line-height: 2.5rem; } .text-\[0\.5rem\] { - font-size: 0.5rem; + font-size: 0.5rem; } .text-\[0\.7rem\] { - font-size: 0.7rem; + font-size: 0.7rem; } .text-\[0\.8rem\] { - font-size: 0.8rem; + font-size: 0.8rem; } .text-\[0\.95rem\] { - font-size: 0.95rem; + font-size: 0.95rem; } .text-\[1\.2rem\] { - font-size: 1.2rem; + font-size: 1.2rem; } .text-\[1\.3rem\] { - font-size: 1.3rem; + font-size: 1.3rem; } .text-\[1\.4rem\] { - font-size: 1.4rem; + font-size: 1.4rem; } .text-\[100px\] { - font-size: 100px; + font-size: 100px; } .text-\[28px\] { - font-size: 28px; + font-size: 28px; } .text-\[2rem\] { - font-size: 2rem; + font-size: 2rem; } .text-base { - font-size: 1rem; - line-height: 1.5rem; + font-size: 1rem; + line-height: 1.5rem; } .text-lg { - font-size: 1.125rem; - line-height: 1.75rem; + font-size: 1.125rem; + line-height: 1.75rem; } .text-sm { - font-size: 0.875rem; - line-height: 1.25rem; + font-size: 0.875rem; + line-height: 1.25rem; } .text-xl { - font-size: 1.25rem; - line-height: 1.75rem; + font-size: 1.25rem; + line-height: 1.75rem; } .text-xs { - font-size: 0.75rem; - line-height: 1rem; + font-size: 0.75rem; + line-height: 1rem; } .font-\[var\(--font-NotoSans\)\] { - font-weight: var(--font-NotoSans); + font-weight: var(--font-NotoSans); } .font-bold { - font-weight: 700; + font-weight: 700; } .font-extrabold { - font-weight: 800; + font-weight: 800; } .font-medium { - font-weight: 500; + font-weight: 500; } .font-normal { - font-weight: 400; + font-weight: 400; } .font-semibold { - font-weight: 600; + font-weight: 600; } .font-thin { - font-weight: 100; + font-weight: 100; } .uppercase { - text-transform: uppercase; + text-transform: uppercase; } .leading-5 { - line-height: 1.25rem; + line-height: 1.25rem; } .leading-\[1\.7\] { - line-height: 1.7; + line-height: 1.7; } .leading-\[49px\] { - line-height: 49px; + line-height: 49px; } .text-\[\#086ac5\] { - --tw-text-opacity: 1; - color: rgb(8 106 197 / var(--tw-text-opacity)); + --tw-text-opacity: 1; + color: rgb(8 106 197 / var(--tw-text-opacity)); } .text-\[\#232323\] { - --tw-text-opacity: 1; - color: rgb(35 35 35 / var(--tw-text-opacity)); + --tw-text-opacity: 1; + color: rgb(35 35 35 / var(--tw-text-opacity)); } .text-\[\#393939\] { - --tw-text-opacity: 1; - color: rgb(57 57 57 / var(--tw-text-opacity)); + --tw-text-opacity: 1; + color: rgb(57 57 57 / var(--tw-text-opacity)); } .text-\[\#404040\] { - --tw-text-opacity: 1; - color: rgb(64 64 64 / var(--tw-text-opacity)); + --tw-text-opacity: 1; + color: rgb(64 64 64 / var(--tw-text-opacity)); } .text-\[\#585858\] { - --tw-text-opacity: 1; - color: rgb(88 88 88 / var(--tw-text-opacity)); + --tw-text-opacity: 1; + color: rgb(88 88 88 / var(--tw-text-opacity)); } .text-\[\#595959\] { - --tw-text-opacity: 1; - color: rgb(89 89 89 / var(--tw-text-opacity)); + --tw-text-opacity: 1; + color: rgb(89 89 89 / var(--tw-text-opacity)); } .text-\[\#5d5c5c\] { - --tw-text-opacity: 1; - color: rgb(93 92 92 / var(--tw-text-opacity)); + --tw-text-opacity: 1; + color: rgb(93 92 92 / var(--tw-text-opacity)); } .text-\[\#616568\] { - --tw-text-opacity: 1; - color: rgb(97 101 104 / var(--tw-text-opacity)); + --tw-text-opacity: 1; + color: rgb(97 101 104 / var(--tw-text-opacity)); } .text-\[\#696969\] { - --tw-text-opacity: 1; - color: rgb(105 105 105 / var(--tw-text-opacity)); + --tw-text-opacity: 1; + color: rgb(105 105 105 / var(--tw-text-opacity)); } .text-\[\#848484\] { - --tw-text-opacity: 1; - color: rgb(132 132 132 / var(--tw-text-opacity)); + --tw-text-opacity: 1; + color: rgb(132 132 132 / var(--tw-text-opacity)); } .text-\[\#858a8d\] { - --tw-text-opacity: 1; - color: rgb(133 138 141 / var(--tw-text-opacity)); + --tw-text-opacity: 1; + color: rgb(133 138 141 / var(--tw-text-opacity)); } .text-\[\#9a9a9a\] { - --tw-text-opacity: 1; - color: rgb(154 154 154 / var(--tw-text-opacity)); + --tw-text-opacity: 1; + color: rgb(154 154 154 / var(--tw-text-opacity)); } .text-\[\#adb5bd\] { - --tw-text-opacity: 1; - color: rgb(173 181 189 / var(--tw-text-opacity)); + --tw-text-opacity: 1; + color: rgb(173 181 189 / var(--tw-text-opacity)); } .text-\[\#bcbcbc\] { - --tw-text-opacity: 1; - color: rgb(188 188 188 / var(--tw-text-opacity)); + --tw-text-opacity: 1; + color: rgb(188 188 188 / var(--tw-text-opacity)); } .text-\[\#c2c1c1\] { - --tw-text-opacity: 1; - color: rgb(194 193 193 / var(--tw-text-opacity)); + --tw-text-opacity: 1; + color: rgb(194 193 193 / var(--tw-text-opacity)); } .text-\[\#c7c6c6\] { - --tw-text-opacity: 1; - color: rgb(199 198 198 / var(--tw-text-opacity)); + --tw-text-opacity: 1; + color: rgb(199 198 198 / var(--tw-text-opacity)); } .text-\[\#dddddd\] { - --tw-text-opacity: 1; - color: rgb(221 221 221 / var(--tw-text-opacity)); + --tw-text-opacity: 1; + color: rgb(221 221 221 / var(--tw-text-opacity)); } .text-\[\#ea0000\] { - --tw-text-opacity: 1; - color: rgb(234 0 0 / var(--tw-text-opacity)); + --tw-text-opacity: 1; + color: rgb(234 0 0 / var(--tw-text-opacity)); } .text-\[\#f15d0c\] { - --tw-text-opacity: 1; - color: rgb(241 93 12 / var(--tw-text-opacity)); + --tw-text-opacity: 1; + color: rgb(241 93 12 / var(--tw-text-opacity)); } .text-\[\#fefefe\] { - --tw-text-opacity: 1; - color: rgb(254 254 254 / var(--tw-text-opacity)); + --tw-text-opacity: 1; + color: rgb(254 254 254 / var(--tw-text-opacity)); } .text-\[var\(--color-Background\)\] { - color: var(--color-Background); + color: var(--color-Background); } .text-\[var\(--color-Primary\)\] { - color: var(--color-Primary); + color: var(--color-Primary); } .text-\[var\(--color-dark-2\)\] { - color: var(--color-dark-2); + color: var(--color-dark-2); } .text-\[var\(--color-mrgreen-5\)\] { - color: var(--color-mrgreen-5); + color: var(--color-mrgreen-5); } .text-\[var\(--color-mrgreen-9\)\] { - color: var(--color-mrgreen-9); + color: var(--color-mrgreen-9); } .text-\[var\(--color-onBackground\)\] { - color: var(--color-onBackground); + color: var(--color-onBackground); } .text-\[var\(--color-onBackground-100\)\] { - color: var(--color-onBackground-100); + color: var(--color-onBackground-100); } .text-\[var\(--color-onBackground-300\)\] { - color: var(--color-onBackground-300); + color: var(--color-onBackground-300); } .text-\[var\(--color-onPrimary\)\] { - color: var(--color-onPrimary); + color: var(--color-onPrimary); } .text-\[var\(--color-onPrimary-200\)\] { - color: var(--color-onPrimary-200); + color: var(--color-onPrimary-200); } .text-\[var\(--color-onSurface\)\] { - color: var(--color-onSurface); + color: var(--color-onSurface); } .text-black\/\[0\.5\] { - color: rgb(0 0 0 / 0.5); + color: rgb(0 0 0 / 0.5); } .text-gray-600 { - --tw-text-opacity: 1; - color: rgb(75 85 99 / var(--tw-text-opacity)); + --tw-text-opacity: 1; + color: rgb(75 85 99 / var(--tw-text-opacity)); } .text-red-500 { - --tw-text-opacity: 1; - color: rgb(239 68 68 / var(--tw-text-opacity)); + --tw-text-opacity: 1; + color: rgb(239 68 68 / var(--tw-text-opacity)); } .text-white { - --tw-text-opacity: 1; - color: rgb(255 255 255 / var(--tw-text-opacity)); + --tw-text-opacity: 1; + color: rgb(255 255 255 / var(--tw-text-opacity)); } .no-underline { - -webkit-text-decoration-line: none; - text-decoration-line: none; + -webkit-text-decoration-line: none; + text-decoration-line: none; } .decoration-black { - -webkit-text-decoration-color: #000; - text-decoration-color: #000; + -webkit-text-decoration-color: #000; + text-decoration-color: #000; } .opacity-0 { - opacity: 0; + opacity: 0; } .opacity-25 { - opacity: 0.25; + opacity: 0.25; } .opacity-40 { - opacity: 0.4; + opacity: 0.4; } .opacity-60 { - opacity: 0.6; + opacity: 0.6; } .opacity-70 { - opacity: 0.7; + opacity: 0.7; } .opacity-\[0\.6\] { - opacity: 0.6; + opacity: 0.6; } .opacity-\[1\.0\] { - opacity: 1.0; + opacity: 1; } .shadow { - --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 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: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); + --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 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: var(--tw-ring-offset-shadow, 0 0 #0000), + var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-lg { - --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1); - --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); + --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), + 0 4px 6px -4px rgb(0 0 0 / 0.1); + --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), + 0 4px 6px -4px var(--tw-shadow-color); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), + var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-xl { - --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1); - --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); + --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), + 0 8px 10px -6px rgb(0 0 0 / 0.1); + --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), + 0 8px 10px -6px var(--tw-shadow-color); + 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: 2px solid transparent; + outline-offset: 2px; } .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: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) + var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) + var(--tw-sepia) var(--tw-drop-shadow); } .transition { - transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -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-text-decoration-color, -webkit-backdrop-filter; - transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); - transition-duration: 150ms; + transition-property: color, background-color, border-color, fill, stroke, + opacity, box-shadow, transform, filter, -webkit-text-decoration-color, + -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-text-decoration-color, -webkit-backdrop-filter; + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); + transition-duration: 150ms; } .transition-all { - transition-property: all; - transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); - transition-duration: 150ms; + transition-property: all; + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); + transition-duration: 150ms; } .transition-colors { - transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color; - transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; - transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color; - transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); - transition-duration: 150ms; + transition-property: color, background-color, border-color, fill, stroke, + -webkit-text-decoration-color; + transition-property: color, background-color, border-color, + text-decoration-color, fill, stroke; + transition-property: color, background-color, border-color, + text-decoration-color, fill, stroke, -webkit-text-decoration-color; + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); + transition-duration: 150ms; } .transition-transform { - transition-property: transform; - transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); - transition-duration: 150ms; + transition-property: transform; + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); + transition-duration: 150ms; } .duration-150 { - transition-duration: 150ms; + transition-duration: 150ms; } .duration-300 { - transition-duration: 300ms; + transition-duration: 300ms; } input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { - -webkit-appearance: none; - margin: 0; + -webkit-appearance: none; + margin: 0; } .hover\:left-0:hover { - left: 0px; + left: 0px; } .hover\:left-0\.5:hover { - left: 0.125rem; + left: 0.125rem; } .hover\:left-3:hover { - left: 0.75rem; + left: 0.75rem; } .hover\:left-3\.5:hover { - left: 0.875rem; + left: 0.875rem; } .hover\:rotate-45:hover { - --tw-rotate: 45deg; - 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)); + --tw-rotate: 45deg; + 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\:scale-\[1\.01\]:hover { - --tw-scale-x: 1.01; - --tw-scale-y: 1.01; - 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)); + --tw-scale-x: 1.01; + --tw-scale-y: 1.01; + 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\:scale-\[1\.02\]:hover { - --tw-scale-x: 1.02; - --tw-scale-y: 1.02; - 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)); + --tw-scale-x: 1.02; + --tw-scale-y: 1.02; + 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\:scale-\[1\.03\]:hover { - --tw-scale-x: 1.03; - --tw-scale-y: 1.03; - 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)); + --tw-scale-x: 1.03; + --tw-scale-y: 1.03; + 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\:scale-\[1\.08\]:hover { - --tw-scale-x: 1.08; - --tw-scale-y: 1.08; - 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)); + --tw-scale-x: 1.08; + --tw-scale-y: 1.08; + 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\:scale-\[1\.1\]:hover { - --tw-scale-x: 1.1; - --tw-scale-y: 1.1; - transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); + --tw-scale-x: 1.1; + --tw-scale-y: 1.1; + 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\:border-\[var\(--color-mrgreen-5\)\]:hover { - border-color: var(--color-mrgreen-5); + border-color: var(--color-mrgreen-5); } .hover\:bg-\[\#393939\]:hover { - --tw-bg-opacity: 1; - background-color: rgb(57 57 57 / var(--tw-bg-opacity)); + --tw-bg-opacity: 1; + background-color: rgb(57 57 57 / var(--tw-bg-opacity)); } .hover\:bg-\[\#8dbd58\]:hover { - --tw-bg-opacity: 1; - background-color: rgb(141 189 88 / var(--tw-bg-opacity)); + --tw-bg-opacity: 1; + background-color: rgb(141 189 88 / var(--tw-bg-opacity)); } .hover\:bg-\[\#b9c7ad\]:hover { - --tw-bg-opacity: 1; - background-color: rgb(185 199 173 / var(--tw-bg-opacity)); + --tw-bg-opacity: 1; + background-color: rgb(185 199 173 / var(--tw-bg-opacity)); } .hover\:bg-\[\#cacaca\]:hover { - --tw-bg-opacity: 1; - background-color: rgb(202 202 202 / var(--tw-bg-opacity)); + --tw-bg-opacity: 1; + background-color: rgb(202 202 202 / var(--tw-bg-opacity)); } .hover\:bg-\[\#eaeaea\]:hover { - --tw-bg-opacity: 1; - background-color: rgb(234 234 234 / var(--tw-bg-opacity)); + --tw-bg-opacity: 1; + background-color: rgb(234 234 234 / var(--tw-bg-opacity)); } .hover\:bg-\[\#f8f9fa\]:hover { - --tw-bg-opacity: 1; - background-color: rgb(248 249 250 / var(--tw-bg-opacity)); + --tw-bg-opacity: 1; + background-color: rgb(248 249 250 / var(--tw-bg-opacity)); } .hover\:bg-\[var\(--color-Surface\)\]:hover { - background-color: var(--color-Surface); + background-color: var(--color-Surface); } .hover\:bg-\[var\(--color-gray-1\)\]:hover { - background-color: var(--color-gray-1); + background-color: var(--color-gray-1); } .hover\:bg-\[var\(--color-mrgreen-0\)\]:hover { - background-color: var(--color-mrgreen-0); + background-color: var(--color-mrgreen-0); } .hover\:bg-\[var\(--color-mrgreen-5\)\]:hover { - background-color: var(--color-mrgreen-5); + background-color: var(--color-mrgreen-5); } .hover\:bg-\[var\(--color-mrgreen-6\)\]:hover { - background-color: var(--color-mrgreen-6); + background-color: var(--color-mrgreen-6); } .hover\:bg-slate-200:hover { - --tw-bg-opacity: 1; - background-color: rgb(226 232 240 / var(--tw-bg-opacity)); + --tw-bg-opacity: 1; + background-color: rgb(226 232 240 / var(--tw-bg-opacity)); } .hover\:text-\[28px\]:hover { - font-size: 28px; + font-size: 28px; } .hover\:text-\[\#121212\]:hover { - --tw-text-opacity: 1; - color: rgb(18 18 18 / var(--tw-text-opacity)); + --tw-text-opacity: 1; + color: rgb(18 18 18 / var(--tw-text-opacity)); } .hover\:text-\[var\(--color-green-300\)\]:hover { - color: var(--color-green-300); + color: var(--color-green-300); } .hover\:text-\[var\(--color-onSurface\)\]:hover { - color: var(--color-onSurface); + color: var(--color-onSurface); } .hover\:text-black\/\[0\.6\]:hover { - color: rgb(0 0 0 / 0.6); + color: rgb(0 0 0 / 0.6); } .hover\:text-white:hover { - --tw-text-opacity: 1; - color: rgb(255 255 255 / var(--tw-text-opacity)); + --tw-text-opacity: 1; + color: rgb(255 255 255 / var(--tw-text-opacity)); } .hover\:opacity-100:hover { - opacity: 1; + opacity: 1; } .hover\:opacity-50:hover { - opacity: 0.5; + opacity: 0.5; } .hover\:opacity-90:hover { - opacity: 0.9; + opacity: 0.9; } .hover\:outline-none:hover { - outline: 2px solid transparent; - outline-offset: 2px; + outline: 2px solid transparent; + outline-offset: 2px; } .hover\:duration-300:hover { - transition-duration: 300ms; + transition-duration: 300ms; } .focus\:border-none:focus { - border-style: none; + border-style: none; } .focus\:border-\[var\(--color-mrgreen-5\)\]:focus { - border-color: var(--color-mrgreen-5); + border-color: var(--color-mrgreen-5); } .focus\:outline-none:focus { - outline: 2px solid transparent; - outline-offset: 2px; + outline: 2px solid transparent; + outline-offset: 2px; } .focus\:outline-0:focus { - outline-width: 0px; + outline-width: 0px; } .focus\:outline-\[var\(--color-mrgreen-5\)\]:focus { - outline-color: var(--color-mrgreen-5); + outline-color: var(--color-mrgreen-5); } .focus\:outline-\[var\(--color-mrgreen-9\)\]:focus { - outline-color: var(--color-mrgreen-9); + outline-color: var(--color-mrgreen-9); } .focus\:ring-1:focus { - --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(1px + var(--tw-ring-offset-width)) var(--tw-ring-color); - box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); + --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(1px + var(--tw-ring-offset-width)) var(--tw-ring-color); + box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), + var(--tw-shadow, 0 0 #0000); } .focus\:ring-2:focus { - --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(2px + var(--tw-ring-offset-width)) var(--tw-ring-color); - box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); + --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(2px + var(--tw-ring-offset-width)) var(--tw-ring-color); + box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), + var(--tw-shadow, 0 0 #0000); } .focus\:ring-\[var\(--color-mrgreen-5\)\]:focus { - --tw-ring-color: var(--color-mrgreen-5); + --tw-ring-color: var(--color-mrgreen-5); } .focus\:ring-teal-800:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgb(17 94 89 / var(--tw-ring-opacity)); + --tw-ring-opacity: 1; + --tw-ring-color: rgb(17 94 89 / var(--tw-ring-opacity)); } .disabled\:rotate-0:disabled { - --tw-rotate: 0deg; - 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)); + --tw-rotate: 0deg; + 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)); } .disabled\:text-\[var\(--color-grey-300\)\]:disabled { - color: var(--color-grey-300); + color: var(--color-grey-300); } @media (prefers-color-scheme: dark) { - .dark\:bg-gray-700 { - --tw-bg-opacity: 1; - background-color: rgb(55 65 81 / var(--tw-bg-opacity)); - } + .dark\:bg-gray-700 { + --tw-bg-opacity: 1; + background-color: rgb(55 65 81 / var(--tw-bg-opacity)); + } } @media (max-width: 1440px) { - .dt\:mx-3 { - margin-left: 0.75rem; - margin-right: 0.75rem; - } + .dt\:mx-3 { + margin-left: 0.75rem; + margin-right: 0.75rem; + } - .dt\:grid-cols-3 { - grid-template-columns: repeat(3, minmax(0, 1fr)); - } + .dt\:grid-cols-3 { + grid-template-columns: repeat(3, minmax(0, 1fr)); + } - .dt\:px-\[10px\] { - padding-left: 10px; - padding-right: 10px; - } + .dt\:px-\[10px\] { + padding-left: 10px; + padding-right: 10px; + } - .dt\:py-0 { - padding-top: 0px; - padding-bottom: 0px; - } + .dt\:py-0 { + padding-top: 0px; + padding-bottom: 0px; + } } @media (max-width: 1024px) { - .tbl\:mx-auto { - margin-left: auto; - margin-right: auto; - } + .tbl\:mx-auto { + margin-left: auto; + margin-right: auto; + } - .tbl\:w-\[80\%\] { - width: 80%; - } + .tbl\:w-\[80\%\] { + width: 80%; + } - .tbl\:grid-cols-3 { - grid-template-columns: repeat(3, minmax(0, 1fr)); - } + .tbl\:grid-cols-3 { + grid-template-columns: repeat(3, minmax(0, 1fr)); + } } @media (max-width: 768px) { - .mbl\:w-\[300px\] { - width: 300px; - } + .mbl\:w-\[300px\] { + width: 300px; + } - .mbl\:grid-cols-1 { - grid-template-columns: repeat(1, minmax(0, 1fr)); - } + .mbl\:grid-cols-1 { + grid-template-columns: repeat(1, minmax(0, 1fr)); + } }