/* @import url("https://fonts.googleapis.com/css2?family=Kanit:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap"); */
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Kanit:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@font-face {
font-family: 'chronical';
src: url('assets/fonts/chronicle/ChronicleDisplayRoman.otf') format('opentype');
font-weight: 400;
font-style: normal;
font-display: swap;
}
*, ::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: ;
--tw-contain-size: ;
--tw-contain-layout: ;
--tw-contain-paint: ;
--tw-contain-style: ;
}
::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-contain-size: ;
--tw-contain-layout: ;
--tw-contain-paint: ;
--tw-contain-style: ;
}
/*
! tailwindcss v3.4.14 | MIT License | https://tailwindcss.com
*/
/*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/
*,
::before,
::after {
box-sizing: border-box;
/* 1 */
border-width: 0;
/* 2 */
border-style: solid;
/* 2 */
border-color: #e5e7eb;
/* 2 */
}
::before,
::after {
--tw-content: '';
}
/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
7. Disable tap highlights on iOS
*/
html,
:host {
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, 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 */
-webkit-tap-highlight-color: transparent;
/* 7 */
scrollbar-gutter: stable;
}
/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/
body {
margin: 0;
/* 1 */
line-height: inherit;
/* 2 */
}
/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/
hr {
height: 0;
/* 1 */
color: inherit;
/* 2 */
border-top-width: 1px;
/* 3 */
}
/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/
abbr:where([title]) {
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted;
}
/*
Remove the default font size and weight for headings.
*/
h1,
h2,
h3,
h4,
h5,
h6 {
font-size: inherit;
font-weight: inherit;
}
/*
Reset links to optimize for opt-in styling instead of opt-out.
*/
a {
color: inherit;
text-decoration: inherit;
}
/*
Add the correct font weight in Edge and Safari.
*/
b,
strong {
font-weight: bolder;
}
/*
1. Use the user's configured `mono` font-family by default.
2. Use the user's configured `mono` font-feature-settings by default.
3. Use the user's configured `mono` font-variation-settings by default.
4. Correct the odd `em` font sizing in all browsers.
*/
code,
kbd,
samp,
pre {
font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
/* 1 */
font-feature-settings: normal;
/* 2 */
font-variation-settings: normal;
/* 3 */
font-size: 1em;
/* 4 */
}
/*
Add the correct font size in all browsers.
*/
small {
font-size: 80%;
}
/*
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;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/
table {
text-indent: 0;
/* 1 */
border-color: inherit;
/* 2 */
border-collapse: collapse;
/* 3 */
}
/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/
button,
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 */
letter-spacing: inherit;
/* 1 */
color: inherit;
/* 1 */
margin: 0;
/* 2 */
padding: 0;
/* 3 */
}
/*
Remove the inheritance of text transform in Edge and Firefox.
*/
button,
select {
text-transform: none;
}
/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/
button,
input:where([type='button']),
input:where([type='reset']),
input:where([type='submit']) {
-webkit-appearance: button;
/* 1 */
background-color: transparent;
/* 2 */
background-image: none;
/* 2 */
}
/*
Use the modern Firefox focus style for all focusable elements.
*/
:-moz-focusring {
outline: auto;
}
/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/
:-moz-ui-invalid {
box-shadow: none;
}
/*
Add the correct vertical alignment in Chrome and Firefox.
*/
progress {
vertical-align: baseline;
}
/*
Correct the cursor style of increment and decrement buttons in Safari.
*/
::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
height: auto;
}
/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/
[type='search'] {
-webkit-appearance: textfield;
/* 1 */
outline-offset: -2px;
/* 2 */
}
/*
Remove the inner padding in Chrome and Safari on macOS.
*/
::-webkit-search-decoration {
-webkit-appearance: none;
}
/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/
::-webkit-file-upload-button {
-webkit-appearance: button;
/* 1 */
font: inherit;
/* 2 */
}
/*
Add the correct display in Chrome and Safari.
*/
summary {
display: list-item;
}
/*
Removes the default spacing and border for appropriate elements.
*/
blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
margin: 0;
}
fieldset {
margin: 0;
padding: 0;
}
legend {
padding: 0;
}
ol,
ul,
menu {
list-style: none;
margin: 0;
padding: 0;
}
/*
Reset default styling for dialogs.
*/
dialog {
padding: 0;
}
/*
Prevent resizing textareas horizontally by default.
*/
textarea {
resize: vertical;
}
/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
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::placeholder,
textarea::placeholder {
opacity: 1;
/* 1 */
color: #9ca3af;
/* 2 */
}
/*
Set the default cursor for buttons.
*/
button,
[role="button"] {
cursor: pointer;
}
/*
Make sure disabled buttons don't get the pointer cursor.
*/
:disabled {
cursor: default;
}
/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
This can trigger a poorly considered lint error in some tools but is included by design.
*/
img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
display: block;
/* 1 */
vertical-align: middle;
/* 2 */
}
/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/
img,
video {
max-width: 100%;
height: auto;
}
/* Make elements with the HTML hidden attribute stay hidden by default */
[hidden]:where(:not([hidden="until-found"])) {
display: none;
}
.container{
width: 100%;
}
@media (min-width: 640px){
.container{
max-width: 640px;
}
}
@media (min-width: 768px){
.container{
max-width: 768px;
}
}
@media (min-width: 1180px){
.container{
max-width: 1180px;
}
}
@media (min-width: 1280px){
.container{
max-width: 1280px;
}
}
@media (min-width: 1536px){
.container{
max-width: 1536px;
}
}
.rotate-180{
rotate: 180deg;
}
.rotate-270{
rotate: 270deg;
}
.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;
}
.not-sr-only{
position: static;
width: auto;
height: auto;
padding: 0;
margin: 0;
overflow: visible;
clip: auto;
white-space: normal;
}
.pointer-events-none{
pointer-events: none;
}
.pointer-events-auto{
pointer-events: auto;
}
.visible{
visibility: visible;
}
.invisible{
visibility: hidden;
}
.collapse{
visibility: collapse;
}
.static{
position: static;
}
.fixed{
position: fixed;
}
.absolute{
position: absolute;
}
.relative{
position: relative;
}
.sticky{
position: sticky;
}
.inset-0{
inset: 0px;
}
.inset-y-0{
top: 0px;
bottom: 0px;
}
.bottom-0{
bottom: 0px;
}
.bottom-\[8\%\]{
bottom: 8%;
}
.left-0{
left: 0px;
}
.left-\[-8px\]{
left: -8px;
}
.left-\[-53\%\]{
left: -53%;
}
.left-\[-55\%\]{
left: -55%;
}
.left-\[-58\%\]{
left: -58%;
}
.left-\[11\%\]{
left: 11%;
}
.left-\[17\.5\%\]{
left: 17.5%;
}
.left-\[19\%\]{
left: 19%;
}
.left-\[37\%\]{
left: 37%;
}
.left-\[45\%\]{
left: 45%;
}
.left-\[52\%\]{
left: 52%;
}
.left-\[54\%\]{
left: 54%;
}
.right-0{
right: 0px;
}
.right-\[8px\]{
right: 8px;
}
.right-10{
right: 2.5rem;
}
.right-\[-46\%\]{
right: -46%;
}
.right-\[-5\%\]{
right: -5%;
}
.right-\[-50\%\]{
right: -50%;
}
.right-\[10px\]{
right: 10px;
}
.right-\[15\%\]{
right: 15%;
}
.right-\[30\.7\%\]{
right: 30.7%;
}
.right-\[32\%\]{
right: 32%;
}
.right-\[83\%\]{
right: 83%;
}
.right-\[50\%\]{
right: 50%;
}
.top-0{
top: 0px;
}
.top-\[3px\]{
top: 3px;
}
.top-10{
top: 2.5rem;
}
.top-2{
top: 0.5rem;
}
.top-3{
top: 0.75rem;
}
.top-\[-2\%\]{
top: -2%;
}
.top-\[10px\]{
top: 10px;
}
.top-\[14\%\]{
top: 14%;
}
.top-\[2\%\]{
top: 2%;
}
.top-\[20\%\]{
top: 20%;
}
.top-\[29\%\]{
top: 29%;
}
.top-\[3\%\]{
top: 3%;
}
.top-\[36\%\]{
top: 36%;
}
.top-\[4\%\]{
top: 4%;
}
.top-\[39\.5\%\]{
top: 39.5%;
}
.top-\[40\%\]{
top: 40%;
}
.top-\[42\%\]{
top: 42%;
}
.top-\[40\.5\%\]{
top: 40.5%;
}
.top-\[45\%\]{
top: 45%;
}
.top-\[46\.5\%\]{
top: 46.5%;
}
.top-\[47\.5\%\]{
top: 47.5%;
}
.top-\[58px\]{
top: 58px;
}
.top-\[5px\]{
top: 5px;
}
.top-\[60px\]{
top: 60px;
}
.top-\[65\%\]{
top: 65%;
}
.top-\[70\%\]{
top: 70%;
}
.top-\[76\%\]{
top: 76%;
}
.top-\[83\%\]{
top: 83%;
}
.top-\[98\%\]{
top: 98%;
}
.top-\[82\%\]{
top: 82%;
}
.top-5{
top: 1.25rem;
}
.isolate{
isolation: isolate;
}
.isolation-auto{
isolation: auto;
}
.z-0{
z-index: 0;
}
.z-10{
z-index: 10;
}
.z-30{
z-index: 30;
}
.z-50{
z-index: 50;
}
.z-\[-1\]{
z-index: -1;
}
.z-\[1000\]{
z-index: 1000;
}
.z-\[999\]{
z-index: 999;
}
.z-\[\FFFD\^\578\FFFD\FFFD\.\=\/\FFFDg\196\15i\FFFD\FFFD_t\]{
z-index: �^ո��.=/�gƖi�� t;
}
.col-span-1{
grid-column: span 1 / span 1;
}
.col-span-2{
grid-column: span 2 / span 2;
}
.col-span-3{
grid-column: span 3 / span 3;
}
.col-span-4{
grid-column: span 4 / span 4;
}
.float-start{
float: inline-start;
}
.float-end{
float: inline-end;
}
.float-right{
float: right;
}
.float-left{
float: left;
}
.float-none{
float: none;
}
.clear-start{
clear: inline-start;
}
.clear-end{
clear: inline-end;
}
.clear-left{
clear: left;
}
.clear-right{
clear: right;
}
.clear-both{
clear: both;
}
.clear-none{
clear: none;
}
.-m-5{
margin: -1.25rem;
}
.m-3{
margin: 0.75rem;
}
.m-36{
margin: 9rem;
}
.m-40{
margin: 10rem;
}
.m-44{
margin: 11rem;
}
.m-5{
margin: 1.25rem;
}
.m-52{
margin: 13rem;
}
.m-6{
margin: 1.5rem;
}
.m-60{
margin: 15rem;
}
.m-7{
margin: 1.75rem;
}
.m-8{
margin: 2rem;
}
.m-9{
margin: 2.25rem;
}
.my-0{
margin-top: 0px;
margin-bottom: 0px;
}
.my-10{
margin-top: 2.5rem;
margin-bottom: 2.5rem;
}
.my-12{
margin-top: 3rem;
margin-bottom: 3rem;
}
.my-2{
margin-top: 0.5rem;
margin-bottom: 0.5rem;
}
.my-20{
margin-top: 5rem;
margin-bottom: 5rem;
}
.my-3{
margin-top: 0.75rem;
margin-bottom: 0.75rem;
}
.my-4{
margin-top: 1rem;
margin-bottom: 1rem;
}
.my-5{
margin-top: 1.25rem;
margin-bottom: 1.25rem;
}
.my-6{
margin-top: 1.5rem;
margin-bottom: 1.5rem;
}
.my-\[10px\]{
margin-top: 10px;
margin-bottom: 10px;
}
.my-\[20px\]{
margin-top: 20px;
margin-bottom: 20px;
}
.my-\[40px\]{
margin-top: 40px;
margin-bottom: 40px;
}
.mb-10{
margin-bottom: 2.5rem;
}
.mb-12{
margin-bottom: 3rem;
}
.mb-2{
margin-bottom: 0.5rem;
}
.mb-4{
margin-bottom: 1rem;
}
.ml-3{
margin-left: 0.75rem;
}
.mr-1{
margin-right: 0.25rem;
}
.mr-2{
margin-right: 0.5rem;
}
.mr-6{
margin-right: 1.5rem;
}
.ms-3{
margin-inline-start: 0.75rem;
}
.ms-auto{
margin-inline-start: auto;
}
.mt-0{
margin-top: 0px;
}
.mt-1{
margin-top: 0.25rem;
}
.mt-10{
margin-top: 2.5rem;
}
.mt-16{
margin-top: 4rem;
}
.mt-2{
margin-top: 0.5rem;
}
.mt-20{
margin-top: 5rem;
}
.mt-3{
margin-top: 0.75rem;
}
.mt-4{
margin-top: 1rem;
}
.mt-5{
margin-top: 1.25rem;
}
.mt-6{
margin-top: 1.5rem;
}
.mt-8{
margin-top: 2rem;
}
.mt-12{
margin-top: 4rem;
}
.mt-\[15vh\]{
margin-top: 15vh;
}
.ml-2{
margin-left: 0.5rem;
}
.mb-1{
margin-bottom: 0.25rem;
}
.box-border{
box-sizing: border-box;
}
.box-content{
box-sizing: content-box;
}
.line-clamp-3{
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
}
.line-clamp-none{
overflow: visible;
display: block;
-webkit-box-orient: horizontal;
-webkit-line-clamp: none;
}
.block{
display: block;
}
.inline-block{
display: inline-block;
}
.inline{
display: inline;
}
.flex{
display: flex;
}
.inline-flex{
display: inline-flex;
}
.table{
display: table;
}
.inline-table{
display: inline-table;
}
.table-caption{
display: table-caption;
}
.table-cell{
display: table-cell;
}
.table-column{
display: table-column;
}
.table-column-group{
display: table-column-group;
}
.table-footer-group{
display: table-footer-group;
}
.table-header-group{
display: table-header-group;
}
.table-row-group{
display: table-row-group;
}
.table-row{
display: table-row;
}
.flow-root{
display: flow-root;
}
.\!grid{
display: grid !important;
}
.grid{
display: grid;
}
.inline-grid{
display: inline-grid;
}
.contents{
display: contents;
}
.list-item{
display: list-item;
}
.hidden{
display: none;
}
.aspect-video{
aspect-ratio: 16 / 9;
}
.size-10{
width: 2.5rem;
height: 2.5rem;
}
.size-14{
width: 3.5rem;
height: 3.5rem;
}
.size-16{
width: 4rem;
height: 4rem;
}
.size-20{
width: 5rem;
height: 5rem;
}
.size-4{
width: 1rem;
height: 1rem;
}
.size-5{
width: 1.25rem;
height: 1.25rem;
}
.size-6{
width: 1.5rem;
height: 1.5rem;
}
.h-0{
height: 0px;
}
.h-1{
height: 0.25rem;
}
.h-12{
height: 3rem;
}
.h-2{
height: 0.5rem;
}
.h-3{
height: 0.75rem;
}
.h-5{
height: 1.25rem;
}
.h-7{
height: 1.75rem;
}
.h-8{
height: 2rem;
}
.h-9{
height: 2.25rem;
}
.h-\[\8\FFFD\6C2K\]{
height: �ۂK;
}
.h-\[10px\]{
height: 10px;
}
.h-\[13px\]{
height: 13px;
}
.h-\[25px\]{
height: 25px;
}
.h-\[2px\]{
height: 2px;
}
.h-\[30\%\]{
height: 30%;
}
.h-\[30px\]{
height: 30px;
}
.h-\[400px\]{
height: 400px;
}
.h-\[500px\]{
height: 500px;
}
.h-\[800px\]{
height: 800px;
}
.h-\[60px\]{
height: 60px;
}
.h-\[70\%\]{
height: 70%;
}
.h-\[76\%\]{
height: 76%;
}
.h-\[7px\]{
height: 7px;
}
.h-auto{
height: auto;
}
.h-fit{
height: -moz-fit-content;
height: fit-content;
}
.h-full{
height: 100%;
}
.h-max{
height: -moz-max-content;
height: max-content;
}
.h-screen{
height: 100vh;
}
.h-10{
height: 2.5rem;
}
.h-6{
height: 1.5rem;
}
.h-4{
height: 1rem;
}
.max-h-56{
max-height: 14rem;
}
.max-h-full{
max-height: 100%;
}
.min-h-full{
min-height: 100%;
}
.min-h-lvh{
min-height: 100lvh;
}
.min-h-svh{
min-height: 100svh;
}
.w-0{
width: 0px;
}
.w-1{
width: 0.25rem;
}
.w-10{
width: 2.5rem;
}
.w-2{
width: 0.5rem;
}
.w-3{
width: 0.75rem;
}
.w-44{
width: 11rem;
}
.w-5{
width: 1.25rem;
}
.w-8{
width: 2rem;
}
.w-\[100\%\]{
width: 100%;
}
.w-\[10px\]{
width: 10px;
}
.w-\[110\%\]{
width: 110%;
}
.w-\[150px\]{
width: 150px;
}
.w-\[20px\]{
width: 20px;
}
.w-\[20vw\]{
width: 20vw;
}
.w-\[25\%\]{
width: 25%;
}
.w-\[25px\]{
width: 25px;
}
.w-\[25vw\]{
width: 25vw;
}
.w-\[30\%\]{
width: 30%;
}
.w-\[30px\]{
width: 30px;
}
.w-\[35\%\]{
width: 35%;
}
.w-\[35px\]{
width: 35px;
}
.w-\[40\%\]{
width: 40%;
}
.w-\[40px\]{
width: 40px;
}
.w-\[45\%\]{
width: 45%;
}
.w-\[45vw\]{
width: 45vw;
}
.w-\[50px\]{
width: 50px;
}
.w-\[50\%\]{
width: 50%;
}
.w-\[54\%\]{
width: 54%;
}
.w-\[55\%\]{
width: 55%;
}
.w-\[65\%\]{
width: 65%;
}
.w-\[70px\]{
width: 70px;
}
.w-\[80vw\]{
width: 80vw;
}
.w-\[85vw\]{
width: 85vw;
}
.w-\[90\%\]{
width: 90%;
}
.w-\[90px\]{
width: 90px;
}
.w-\[70\%\]{
width: 70%;
}
.w-\[60\%\]{
width: 60%;
}
.w-auto{
width: auto;
}
.w-fit{
width: -moz-fit-content;
width: fit-content;
}
.w-full{
width: 100%;
}
.w-min{
width: -moz-min-content;
width: min-content;
}
.w-screen{
width: 100vw;
}
.w-1\/4{
width: 25%;
}
.w-1\/2{
width: 50%;
}
.max-w-10{
max-width: 2.5rem;
}
.max-w-12{
max-width: 3rem;
}
.max-w-xl{
max-width: 30rem;
}
.max-w-2xl{
max-width: 42rem;
}
.max-w-6{
max-width: 1.5rem;
}
.max-w-\[100vw\]{
max-width: 100vw;
}
.max-w-\[100px\]{
max-width: 100px;
}
.max-w-\[200px\]{
max-width: 200px;
}
.flex-shrink{
flex-shrink: 1;
}
.flex-shrink-0{
flex-shrink: 0;
}
.shrink{
flex-shrink: 1;
}
.flex-grow{
flex-grow: 1;
}
.flex-grow-0{
flex-grow: 0;
}
.grow{
flex-grow: 1;
}
.basis-1{
flex-basis: 0.25rem;
}
.table-auto{
table-layout: auto;
}
.table-fixed{
table-layout: fixed;
}
.caption-top{
caption-side: top;
}
.caption-bottom{
caption-side: bottom;
}
.border-collapse{
border-collapse: collapse;
}
.border-separate{
border-collapse: separate;
}
.translate-x-20{
--tw-translate-x: 5rem;
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));
}
.scale-105{
--tw-scale-x: 1.05;
--tw-scale-y: 1.05;
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));
}
.scale-75{
--tw-scale-x: .75;
--tw-scale-y: .75;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.transform{
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.transform-cpu{
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.transform-gpu{
transform: translate3d(var(--tw-translate-x), var(--tw-translate-y), 0) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.transform-none{
transform: none;
}
@keyframes pulse{
50%{
opacity: .5;
}
}
.animate-pulse{
animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}
.cursor-default{
cursor: default;
}
.cursor-pointer{
cursor: pointer;
}
.touch-auto{
touch-action: auto;
}
.touch-none{
touch-action: none;
}
.touch-pan-x{
--tw-pan-x: pan-x;
touch-action: var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom);
}
.touch-pan-left{
--tw-pan-x: pan-left;
touch-action: var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom);
}
.touch-pan-right{
--tw-pan-x: pan-right;
touch-action: var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom);
}
.touch-pan-y{
--tw-pan-y: pan-y;
touch-action: var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom);
}
.touch-pan-up{
--tw-pan-y: pan-up;
touch-action: var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom);
}
.touch-pan-down{
--tw-pan-y: pan-down;
touch-action: var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom);
}
.touch-pinch-zoom{
--tw-pinch-zoom: pinch-zoom;
touch-action: var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom);
}
.touch-manipulation{
touch-action: manipulation;
}
.select-none{
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.select-text{
-webkit-user-select: text;
-moz-user-select: text;
user-select: text;
}
.select-all{
-webkit-user-select: all;
-moz-user-select: all;
user-select: all;
}
.select-auto{
-webkit-user-select: auto;
-moz-user-select: auto;
user-select: auto;
}
.resize-none{
resize: none;
}
.resize-y{
resize: vertical;
}
.resize-x{
resize: horizontal;
}
.resize{
resize: both;
}
.snap-none{
scroll-snap-type: none;
}
.snap-x{
scroll-snap-type: x var(--tw-scroll-snap-strictness);
}
.snap-y{
scroll-snap-type: y var(--tw-scroll-snap-strictness);
}
.snap-both{
scroll-snap-type: both var(--tw-scroll-snap-strictness);
}
.snap-mandatory{
--tw-scroll-snap-strictness: mandatory;
}
.snap-proximity{
--tw-scroll-snap-strictness: proximity;
}
.snap-start{
scroll-snap-align: start;
}
.snap-end{
scroll-snap-align: end;
}
.snap-center{
scroll-snap-align: center;
}
.snap-align-none{
scroll-snap-align: none;
}
.snap-normal{
scroll-snap-stop: normal;
}
.snap-always{
scroll-snap-stop: always;
}
.list-inside{
list-style-position: inside;
}
.list-outside{
list-style-position: outside;
}
.appearance-none{
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.appearance-auto{
-webkit-appearance: auto;
-moz-appearance: auto;
appearance: auto;
}
.break-before-auto{
-moz-column-break-before: auto;
break-before: auto;
}
.break-before-avoid{
-moz-column-break-before: avoid;
break-before: avoid;
}
.break-before-all{
-moz-column-break-before: all;
break-before: all;
}
.break-before-avoid-page{
-moz-column-break-before: avoid;
break-before: avoid-page;
}
.break-before-page{
-moz-column-break-before: page;
break-before: page;
}
.break-before-left{
-moz-column-break-before: left;
break-before: left;
}
.break-before-right{
-moz-column-break-before: right;
break-before: right;
}
.break-before-column{
-moz-column-break-before: column;
break-before: column;
}
.break-inside-auto{
-moz-column-break-inside: auto;
break-inside: auto;
}
.break-inside-avoid{
-moz-column-break-inside: avoid;
break-inside: avoid;
}
.break-inside-avoid-page{
break-inside: avoid-page;
}
.break-inside-avoid-column{
-moz-column-break-inside: avoid;
break-inside: avoid-column;
}
.break-after-auto{
-moz-column-break-after: auto;
break-after: auto;
}
.break-after-avoid{
-moz-column-break-after: avoid;
break-after: avoid;
}
.break-after-all{
-moz-column-break-after: all;
break-after: all;
}
.break-after-avoid-page{
-moz-column-break-after: avoid;
break-after: avoid-page;
}
.break-after-page{
-moz-column-break-after: page;
break-after: page;
}
.break-after-left{
-moz-column-break-after: left;
break-after: left;
}
.break-after-right{
-moz-column-break-after: right;
break-after: right;
}
.break-after-column{
-moz-column-break-after: column;
break-after: column;
}
.grid-flow-row{
grid-auto-flow: row;
}
.grid-flow-col{
grid-auto-flow: column;
}
.grid-flow-dense{
grid-auto-flow: dense;
}
.grid-flow-row-dense{
grid-auto-flow: row dense;
}
.grid-flow-col-dense{
grid-auto-flow: column dense;
}
.grid-cols-1{
grid-template-columns: repeat(1, minmax(0, 1fr));
}
.grid-cols-10{
grid-template-columns: repeat(10, minmax(0, 1fr));
}
.grid-cols-2{
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.grid-cols-3{
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.grid-cols-4{
grid-template-columns: repeat(4, minmax(0, 1fr));
}
.grid-cols-5{
grid-template-columns: repeat(5, minmax(0, 1fr));
}
.grid-cols-6{
grid-template-columns: repeat(6, minmax(0, 1fr));
}
.flex-row{
flex-direction: row;
}
.flex-row-reverse{
flex-direction: row-reverse;
}
.flex-col{
flex-direction: column;
}
.flex-col-reverse{
flex-direction: column-reverse;
}
.flex-wrap{
flex-wrap: wrap;
}
.flex-wrap-reverse{
flex-wrap: wrap-reverse;
}
.flex-nowrap{
flex-wrap: nowrap;
}
.place-content-center{
place-content: center;
}
.place-content-start{
place-content: start;
}
.place-content-end{
place-content: end;
}
.place-content-between{
place-content: space-between;
}
.place-content-around{
place-content: space-around;
}
.place-content-evenly{
place-content: space-evenly;
}
.place-content-baseline{
place-content: baseline;
}
.place-content-stretch{
place-content: stretch;
}
.place-items-start{
place-items: start;
}
.place-items-end{
place-items: end;
}
.place-items-center{
place-items: center;
}
.place-items-baseline{
place-items: baseline;
}
.place-items-stretch{
place-items: stretch;
}
.content-normal{
align-content: normal;
}
.content-center{
align-content: center;
}
.content-start{
align-content: flex-start;
}
.content-end{
align-content: flex-end;
}
.content-between{
align-content: space-between;
}
.content-around{
align-content: space-around;
}
.content-evenly{
align-content: space-evenly;
}
.content-baseline{
align-content: baseline;
}
.content-stretch{
align-content: stretch;
}
.items-start{
align-items: flex-start;
}
.items-end{
align-items: flex-end;
}
.items-center{
align-items: center;
}
.items-baseline{
align-items: baseline;
}
.items-stretch{
align-items: stretch;
}
.justify-normal{
justify-content: normal;
}
.justify-start{
justify-content: flex-start;
}
.justify-end{
justify-content: flex-end;
}
.justify-center{
justify-content: center;
}
.justify-between{
justify-content: space-between;
}
.justify-around{
justify-content: space-around;
}
.justify-evenly{
justify-content: space-evenly;
}
.justify-stretch{
justify-content: stretch;
}
.justify-items-start{
justify-items: start;
}
.justify-items-end{
justify-items: end;
}
.justify-items-center{
justify-items: center;
}
.justify-items-stretch{
justify-items: stretch;
}
.gap-1{
gap: 0.25rem;
}
.gap-10{
gap: 2.5rem;
}
.gap-12{
gap: 3rem;
}
.gap-2{
gap: 0.5rem;
}
.gap-4{
gap: 1rem;
}
.gap-5{
gap: 1.25rem;
}
.space-y-1 > :not([hidden]) ~ :not([hidden]){
--tw-space-y-reverse: 0;
margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));
}
.space-y-10 > :not([hidden]) ~ :not([hidden]){
--tw-space-y-reverse: 0;
margin-top: calc(2.5rem * calc(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(2.5rem * var(--tw-space-y-reverse));
}
.space-y-2 > :not([hidden]) ~ :not([hidden]){
--tw-space-y-reverse: 0;
margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
}
.space-y-3 > :not([hidden]) ~ :not([hidden]){
--tw-space-y-reverse: 0;
margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));
}
.space-y-4 > :not([hidden]) ~ :not([hidden]){
--tw-space-y-reverse: 0;
margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(1rem * var(--tw-space-y-reverse));
}
.space-y-5 > :not([hidden]) ~ :not([hidden]){
--tw-space-y-reverse: 0;
margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(1.25rem * var(--tw-space-y-reverse));
}
.space-y-6 > :not([hidden]) ~ :not([hidden]){
--tw-space-y-reverse: 0;
margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
}
.space-y-reverse > :not([hidden]) ~ :not([hidden]){
--tw-space-y-reverse: 1;
}
.space-x-reverse > :not([hidden]) ~ :not([hidden]){
--tw-space-x-reverse: 1;
}
.divide-x > :not([hidden]) ~ :not([hidden]){
--tw-divide-x-reverse: 0;
border-right-width: calc(1px * var(--tw-divide-x-reverse));
border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
}
.divide-y > :not([hidden]) ~ :not([hidden]){
--tw-divide-y-reverse: 0;
border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
}
.divide-y-reverse > :not([hidden]) ~ :not([hidden]){
--tw-divide-y-reverse: 1;
}
.divide-x-reverse > :not([hidden]) ~ :not([hidden]){
--tw-divide-x-reverse: 1;
}
.divide-solid > :not([hidden]) ~ :not([hidden]){
border-style: solid;
}
.divide-dashed > :not([hidden]) ~ :not([hidden]){
border-style: dashed;
}
.divide-dotted > :not([hidden]) ~ :not([hidden]){
border-style: dotted;
}
.divide-double > :not([hidden]) ~ :not([hidden]){
border-style: double;
}
.divide-none > :not([hidden]) ~ :not([hidden]){
border-style: none;
}
.divide-gray-100 > :not([hidden]) ~ :not([hidden]){
--tw-divide-opacity: 1;
border-color: rgb(243 244 246 / var(--tw-divide-opacity));
}
.divide-gray-600 > :not([hidden]) ~ :not([hidden]){
--tw-divide-opacity: 1;
border-color: rgb(75 85 99 / var(--tw-divide-opacity));
}
.place-self-auto{
place-self: auto;
}
.place-self-start{
place-self: start;
}
.place-self-end{
place-self: end;
}
.place-self-center{
place-self: center;
}
.place-self-stretch{
place-self: stretch;
}
.self-auto{
align-self: auto;
}
.self-start{
align-self: flex-start;
}
.self-end{
align-self: flex-end;
}
.self-center{
align-self: center;
}
.self-stretch{
align-self: stretch;
}
.self-baseline{
align-self: baseline;
}
.justify-self-auto{
justify-self: auto;
}
.justify-self-start{
justify-self: start;
}
.justify-self-end{
justify-self: end;
}
.justify-self-center{
justify-self: center;
}
.justify-self-stretch{
justify-self: stretch;
}
.overflow-auto{
overflow: auto;
}
.overflow-hidden{
overflow: hidden;
}
.overflow-clip{
overflow: clip;
}
.overflow-visible{
overflow: visible;
}
.overflow-scroll{
overflow: scroll;
}
.overflow-x-auto{
overflow-x: auto;
}
.overflow-y-auto{
overflow-y: auto;
}
.overflow-x-hidden{
overflow-x: hidden;
}
.overflow-y-hidden{
overflow-y: hidden;
}
.overflow-x-clip{
overflow-x: clip;
}
.overflow-y-clip{
overflow-y: clip;
}
.overflow-x-visible{
overflow-x: visible;
}
.overflow-y-visible{
overflow-y: visible;
}
.overflow-x-scroll{
overflow-x: scroll;
}
.overflow-y-scroll{
overflow-y: scroll;
}
.overscroll-auto{
overscroll-behavior: auto;
}
.overscroll-contain{
overscroll-behavior: contain;
}
.overscroll-none{
overscroll-behavior: none;
}
.overscroll-y-auto{
overscroll-behavior-y: auto;
}
.overscroll-y-contain{
overscroll-behavior-y: contain;
}
.overscroll-y-none{
overscroll-behavior-y: none;
}
.overscroll-x-auto{
overscroll-behavior-x: auto;
}
.overscroll-x-contain{
overscroll-behavior-x: contain;
}
.overscroll-x-none{
overscroll-behavior-x: none;
}
.scroll-auto{
scroll-behavior: auto;
}
.scroll-smooth{
scroll-behavior: smooth;
}
.truncate{
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.overflow-ellipsis{
text-overflow: ellipsis;
}
.text-ellipsis{
text-overflow: ellipsis;
}
.text-clip{
text-overflow: clip;
}
.hyphens-none{
-webkit-hyphens: none;
hyphens: none;
}
.hyphens-manual{
-webkit-hyphens: manual;
hyphens: manual;
}
.hyphens-auto{
-webkit-hyphens: auto;
hyphens: auto;
}
.whitespace-normal{
white-space: normal;
}
.whitespace-nowrap{
white-space: nowrap;
}
.whitespace-pre{
white-space: pre;
}
.whitespace-pre-line{
white-space: pre-line;
}
.whitespace-pre-wrap{
white-space: pre-wrap;
}
.whitespace-break-spaces{
white-space: break-spaces;
}
.text-wrap{
text-wrap: wrap;
}
.text-nowrap{
text-wrap: nowrap;
}
.text-balance{
text-wrap: balance;
}
.text-pretty{
text-wrap: pretty;
}
.break-normal{
overflow-wrap: normal;
word-break: normal;
}
.break-words{
overflow-wrap: break-word;
}
.break-all{
word-break: break-all;
}
.break-keep{
word-break: keep-all;
}
.rounded{
border-radius: 0.25rem;
}
.rounded-2xl{
border-radius: 1rem;
}
.rounded-3xl{
border-radius: 1.5rem;
}
.rounded-full{
border-radius: 9999px;
}
.rounded-lg{
border-radius: 0.5rem;
}
.rounded-md{
border-radius: 0.375rem;
}
.rounded-sm{
border-radius: 0.125rem;
}
.rounded-xl{
border-radius: 0.75rem;
}
.rounded-b{
border-bottom-right-radius: 0.25rem;
border-bottom-left-radius: 0.25rem;
}
.rounded-b-lg{
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;
}
.rounded-b-sm{
border-bottom-right-radius: 0.125rem;
border-bottom-left-radius: 0.125rem;
}
.rounded-e{
border-start-end-radius: 0.25rem;
border-end-end-radius: 0.25rem;
}
.rounded-e-lg{
border-start-end-radius: 0.5rem;
border-end-end-radius: 0.5rem;
}
.rounded-l{
border-top-left-radius: 0.25rem;
border-bottom-left-radius: 0.25rem;
}
.rounded-r{
border-top-right-radius: 0.25rem;
border-bottom-right-radius: 0.25rem;
}
.rounded-s{
border-start-start-radius: 0.25rem;
border-end-start-radius: 0.25rem;
}
.rounded-t{
border-top-left-radius: 0.25rem;
border-top-right-radius: 0.25rem;
}
.rounded-t-lg{
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;
}
.rounded-t-xl{
border-top-left-radius: 0.75rem;
border-top-right-radius: 0.75rem;
}
.rounded-bl{
border-bottom-left-radius: 0.25rem;
}
.rounded-br{
border-bottom-right-radius: 0.25rem;
}
.rounded-ee{
border-end-end-radius: 0.25rem;
}
.rounded-es{
border-end-start-radius: 0.25rem;
}
.rounded-se{
border-start-end-radius: 0.25rem;
}
.rounded-ss{
border-start-start-radius: 0.25rem;
}
.rounded-tl{
border-top-left-radius: 0.25rem;
}
.rounded-tr{
border-top-right-radius: 0.25rem;
}
.border{
border-width: 1px;
}
.border-2{
border-width: 2px;
}
.border-\[2px\]{
border-width: 2px;
}
.border-x{
border-left-width: 1px;
border-right-width: 1px;
}
.border-x-4{
border-left-width: 4px;
border-right-width: 4px;
}
.border-x-8{
border-left-width: 8px;
border-right-width: 8px;
}
.border-x-\[6px\]{
border-left-width: 6px;
border-right-width: 6px;
}
.border-y{
border-top-width: 1px;
border-bottom-width: 1px;
}
.border-b{
border-bottom-width: 1px;
}
.border-e{
border-inline-end-width: 1px;
}
.border-l{
border-left-width: 1px;
}
.border-r{
border-right-width: 1px;
}
.border-s{
border-inline-start-width: 1px;
}
.border-t{
border-top-width: 1px;
}
.border-t-\[10px\]{
border-top-width: 10px;
}
.border-solid{
border-style: solid;
}
.border-dashed{
border-style: dashed;
}
.border-dotted{
border-style: dotted;
}
.border-double{
border-style: double;
}
.border-hidden{
border-style: hidden;
}
.border-none{
border-style: none;
}
.border-black{
--tw-border-opacity: 1;
border-color: rgb(0 0 0 / var(--tw-border-opacity));
}
.border-gray-200{
--tw-border-opacity: 1;
border-color: rgb(229 231 235 / var(--tw-border-opacity));
}
.border-gray-300{
--tw-border-opacity: 1;
border-color: rgb(209 213 219 / var(--tw-border-opacity));
}
.border-gray-500{
--tw-border-opacity: 1;
border-color: rgb(107 114 128 / var(--tw-border-opacity));
}
.border-gray-600{
--tw-border-opacity: 1;
border-color: rgb(75 85 99 / var(--tw-border-opacity));
}
.border-primary{
--tw-border-opacity: 1;
border-color: rgb(48 38 60 / var(--tw-border-opacity));
}
.border-red-400{
--tw-border-opacity: 1;
border-color: rgb(248 113 113 / var(--tw-border-opacity));
}
.border-red-500{
--tw-border-opacity: 1;
border-color: rgb(239 68 68 / var(--tw-border-opacity));
}
.border-tertiary{
--tw-border-opacity: 1;
border-color: rgb(153 117 178 / var(--tw-border-opacity));
}
.border-white{
--tw-border-opacity: 1;
border-color: rgb(255 255 255 / var(--tw-border-opacity));
}
.border-x-transparent{
border-left-color: transparent;
border-right-color: transparent;
}
.border-b-blue-600{
--tw-border-opacity: 1;
border-bottom-color: rgb(37 99 235 / var(--tw-border-opacity));
}
.border-l-white{
--tw-border-opacity: 1;
border-left-color: rgb(255 255 255 / var(--tw-border-opacity));
}
.border-t-blue-600{
--tw-border-opacity: 1;
border-top-color: rgb(37 99 235 / var(--tw-border-opacity));
}
.border-t-white{
--tw-border-opacity: 1;
border-top-color: rgb(255 255 255 / var(--tw-border-opacity));
}
.bg-\[\#362b45\]{
--tw-bg-opacity: 1;
background-color: rgb(54 43 69 / var(--tw-bg-opacity));
}
.bg-\[rgba\(0\2c 0\2c 0\2c 0\.5\)\]{
background-color: rgba(0,0,0,0.5);
}
.bg-amber-300{
--tw-bg-opacity: 1;
background-color: rgb(252 211 77 / var(--tw-bg-opacity));
}
.bg-amber-500{
--tw-bg-opacity: 1;
background-color: rgb(245 158 11 / var(--tw-bg-opacity));
}
.bg-amber-800{
--tw-bg-opacity: 1;
background-color: rgb(146 64 14 / var(--tw-bg-opacity));
}
.bg-black{
--tw-bg-opacity: 1;
background-color: rgb(0 0 0 / var(--tw-bg-opacity));
}
.bg-blue-400{
--tw-bg-opacity: 1;
background-color: rgb(96 165 250 / var(--tw-bg-opacity));
}
.bg-blue-500{
--tw-bg-opacity: 1;
background-color: rgb(59 130 246 / var(--tw-bg-opacity));
}
.bg-blue-600{
--tw-bg-opacity: 1;
background-color: rgb(37 99 235 / var(--tw-bg-opacity));
}
.bg-blue-700{
--tw-bg-opacity: 1;
background-color: rgb(29 78 216 / var(--tw-bg-opacity));
}
.bg-current{
background-color: currentColor;
}
.bg-fuchsia-300{
--tw-bg-opacity: 1;
background-color: rgb(240 171 252 / var(--tw-bg-opacity));
}
.bg-gray-100{
--tw-bg-opacity: 1;
background-color: rgb(243 244 246 / var(--tw-bg-opacity));
}
.bg-gray-200{
--tw-bg-opacity: 1;
background-color: rgb(229 231 235 / var(--tw-bg-opacity));
}
.bg-gray-400{
--tw-bg-opacity: 1;
background-color: rgb(156 163 175 / var(--tw-bg-opacity));
}
.bg-gray-50{
--tw-bg-opacity: 1;
background-color: rgb(249 250 251 / var(--tw-bg-opacity));
}
.bg-gray-500{
--tw-bg-opacity: 1;
background-color: rgb(107 114 128 / var(--tw-bg-opacity));
}
.bg-gray-700{
--tw-bg-opacity: 1;
background-color: rgb(55 65 81 / var(--tw-bg-opacity));
}
.bg-gray-800{
--tw-bg-opacity: 1;
background-color: rgb(31 41 55 / var(--tw-bg-opacity));
}
.bg-indigo-600{
--tw-bg-opacity: 1;
background-color: rgb(79 70 229 / var(--tw-bg-opacity));
}
.bg-orange-400{
--tw-bg-opacity: 1;
background-color: rgb(251 146 60 / var(--tw-bg-opacity));
}
.bg-primary{
--tw-bg-opacity: 1;
background-color: rgb(48 38 60 / var(--tw-bg-opacity));
}
.bg-quaternary{
--tw-bg-opacity: 1;
background-color: rgb(128 82 159 / var(--tw-bg-opacity));
}
.bg-red-400{
--tw-bg-opacity: 1;
background-color: rgb(248 113 113 / var(--tw-bg-opacity));
}
.bg-red-50{
--tw-bg-opacity: 1;
background-color: rgb(254 242 242 / var(--tw-bg-opacity));
}
.bg-red-500{
--tw-bg-opacity: 1;
background-color: rgb(239 68 68 / var(--tw-bg-opacity));
}
.bg-secondary{
--tw-bg-opacity: 1;
background-color: rgb(248 156 32 / var(--tw-bg-opacity));
}
.bg-tertiary{
--tw-bg-opacity: 1;
background-color: rgb(153 117 178 / var(--tw-bg-opacity));
}
.bg-transparent{
background-color: transparent;
}
.bg-white{
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.bg-yellow-500{
--tw-bg-opacity: 1;
background-color: rgb(234 179 8 / var(--tw-bg-opacity));
}
.bg-\[url\(\'assets\/bg\/about_serene\.png\'\)\]{
background-image: url('assets/bg/about_serene.png');
}
.bg-\[url\(\'assets\/bg\/bg_left\.png\'\)\]{
background-image: url('assets/bg/bg_left.png');
}
.bg-\[url\(\'assets\/bg\/bg_right\.png\'\)\]{
background-image: url('assets/bg/bg_right.png');
}
.bg-\[url\(\'assets\/bg\/contact_us_bg\.png\'\)\]{
background-image: url('assets/bg/contact_us_bg.png');
}
.bg-gradient-to-r{
background-image: linear-gradient(to right, var(--tw-gradient-stops));
}
.from-primary{
--tw-gradient-from: #30263C var(--tw-gradient-from-position);
--tw-gradient-to: rgb(48 38 60 / 0) var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-white{
--tw-gradient-from: #fff var(--tw-gradient-from-position);
--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.via-fuchsia-300{
--tw-gradient-to: rgb(240 171 252 / 0) var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-from), #f0abfc var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.to-primary{
--tw-gradient-to: #30263C var(--tw-gradient-to-position);
}
.to-white{
--tw-gradient-to: #fff var(--tw-gradient-to-position);
}
.decoration-slice{
-webkit-box-decoration-break: slice;
box-decoration-break: slice;
}
.decoration-clone{
-webkit-box-decoration-break: clone;
box-decoration-break: clone;
}
.box-decoration-slice{
-webkit-box-decoration-break: slice;
box-decoration-break: slice;
}
.box-decoration-clone{
-webkit-box-decoration-break: clone;
box-decoration-break: clone;
}
.bg-contain{
background-size: contain;
}
.bg-cover{
background-size: cover;
}
.bg-fixed{
background-attachment: fixed;
}
.bg-local{
background-attachment: local;
}
.bg-scroll{
background-attachment: scroll;
}
.bg-clip-border{
background-clip: border-box;
}
.bg-clip-padding{
background-clip: padding-box;
}
.bg-clip-content{
background-clip: content-box;
}
.bg-clip-text{
-webkit-background-clip: text;
background-clip: text;
}
.bg-center{
background-position: center;
}
.bg-left-top{
background-position: left top;
}
.bg-right-top{
background-position: right top;
}
.bg-repeat{
background-repeat: repeat;
}
.bg-no-repeat{
background-repeat: no-repeat;
}
.bg-repeat-x{
background-repeat: repeat-x;
}
.bg-repeat-y{
background-repeat: repeat-y;
}
.bg-repeat-round{
background-repeat: round;
}
.bg-repeat-space{
background-repeat: space;
}
.bg-origin-border{
background-origin: border-box;
}
.bg-origin-padding{
background-origin: padding-box;
}
.bg-origin-content{
background-origin: content-box;
}
.object-contain{
-o-object-fit: contain;
object-fit: contain;
}
.object-cover{
-o-object-fit: cover;
object-fit: cover;
}
.object-fill{
-o-object-fit: fill;
object-fit: fill;
}
.object-none{
-o-object-fit: none;
object-fit: none;
}
.object-scale-down{
-o-object-fit: scale-down;
object-fit: scale-down;
}
.p-1{
padding: 0.25rem;
}
.p-10{
padding: 2.5rem;
}
.p-2{
padding: 0.5rem;
}
.p-3{
padding: 0.75rem;
}
.p-4{
padding: 1rem;
}
.p-5{
padding: 1.25rem;
}
.p-6{
padding: 1.5rem;
}
.p-8{
padding: 2rem;
}
.p-9{
padding: 2.25rem;
}
.p-\[2px\]{
padding: 2px;
}
.p-\[c\7AE\FFFD\FFFDzF\FFFD\1E\FFFD\FFFD\1D\0\FFFD\FFFD\14 d\FFFD\1 e\FFFD\11\FFFD\3\]{
padding: cޮ��zF� �� ���d�e��;
}
.px-1{
padding-left: 0.25rem;
padding-right: 0.25rem;
}
.px-10{
padding-left: 2.5rem;
padding-right: 2.5rem;
}
.px-2{
padding-left: 0.5rem;
padding-right: 0.5rem;
}
.px-3{
padding-left: 0.75rem;
padding-right: 0.75rem;
}
.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;
}
.px-\[15px\]{
padding-left: 15px;
padding-right: 15px;
}
.px-\[20px\]{
padding-left: 20px;
padding-right: 20px;
}
.px-\[30px\]{
padding-left: 30px;
padding-right: 30px;
}
.px-\[50px\]{
padding-left: 50px;
padding-right: 50px;
}
.py-0{
padding-top: 0px;
padding-bottom: 0px;
}
.py-1{
padding-top: 0.25rem;
padding-bottom: 0.25rem;
}
.py-10{
padding-top: 2.5rem;
padding-bottom: 2.5rem;
}
.py-2{
padding-top: 0.5rem;
padding-bottom: 0.5rem;
}
.py-2\.5{
padding-top: 0.625rem;
padding-bottom: 0.625rem;
}
.py-3{
padding-top: 0.75rem;
padding-bottom: 0.75rem;
}
.py-4{
padding-top: 1rem;
padding-bottom: 1rem;
}
.py-6{
padding-top: 1.5rem;
padding-bottom: 1.5rem;
}
.py-\[10px\]{
padding-top: 10px;
padding-bottom: 10px;
}
.py-\[50px\]{
padding-top: 50px;
padding-bottom: 50px;
}
.px-8{
padding-left: 2rem;
padding-right: 2rem;
}
.py-12{
padding-top: 3rem;
padding-bottom: 3rem;
}
.px-24{
padding-left: 6rem;
padding-right: 6rem;
}
.py-20{
padding-top: 5rem;
padding-bottom: 5rem;
}
.pb-1{
padding-bottom: 0.25rem;
}
.pb-10{
padding-bottom: 2.5rem;
}
.pb-12{
padding-bottom: 3rem;
}
.pb-14{
padding-bottom: 3.5rem;
}
.pb-2{
padding-bottom: 0.5rem;
}
.pb-3{
padding-bottom: 0.75rem;
}
.pb-4{
padding-bottom: 1rem;
}
.pb-5{
padding-bottom: 1.25rem;
}
.pb-6{
padding-bottom: 1.5rem;
}
.pb-8{
padding-bottom: 2rem;
}
.pb-9{
padding-bottom: 2.25rem;
}
.pb-\[40px\]{
padding-bottom: 40px;
}
.pl-24{
padding-left: 6rem;
}
.pl-3{
padding-left: 0.75rem;
}
.pl-\[10px\]{
padding-left: 10px;
}
.pr-10{
padding-right: 2.5rem;
}
.pr-2{
padding-right: 0.5rem;
}
.pr-4{
padding-right: 1rem;
}
.pr-9{
padding-right: 2.25rem;
}
.pt-0{
padding-top: 0px;
}
.pt-10{
padding-top: 2.5rem;
}
.pt-2{
padding-top: 0.5rem;
}
.pt-4{
padding-top: 1rem;
}
.pt-6{
padding-top: 1.5rem;
}
.pt-\[100px\]{
padding-top: 100px;
}
.pt-\[55px\]{
padding-top: 55px;
}
.pt-\[60px\]{
padding-top: 60px;
}
.pt-\[80px\]{
padding-top: 80px;
}
.pt-12{
padding-top: 3rem;
}
.text-left{
text-align: left;
}
.text-center{
text-align: center;
}
.text-right{
text-align: right;
}
.text-justify{
text-align: justify;
}
.text-start{
text-align: start;
}
.text-end{
text-align: end;
}
.indent-2{
text-indent: 0.5rem;
}
.indent-3{
text-indent: 0.75rem;
}
.align-baseline{
vertical-align: baseline;
}
.align-top{
vertical-align: top;
}
.align-middle{
vertical-align: middle;
}
.align-bottom{
vertical-align: bottom;
}
.align-text-top{
vertical-align: text-top;
}
.align-text-bottom{
vertical-align: text-bottom;
}
.align-sub{
vertical-align: sub;
}
.align-super{
vertical-align: super;
}
.text-2xl{
font-size: 1.5rem;
line-height: 2rem;
}
.text-3xl{
font-size: 1.875rem;
line-height: 2.25rem;
}
.text-4xl{
font-size: 2.25rem;
line-height: 2.5rem;
}
.text-5xl{
font-size: 3rem;
line-height: 1;
}
.text-base{
font-size: 1rem;
line-height: 1.5rem;
}
.text-lg{
font-size: 1.125rem;
line-height: 1.75rem;
}
.text-sm{
font-size: 0.875rem;
line-height: 1.25rem;
}
.text-xl{
font-size: 1.25rem;
line-height: 1.75rem;
}
.font-size-5{
font-size: 2.5rem;
}
.font-size-4{
font-size: 2rem;
}
.font-bold{
font-weight: 700;
}
.font-extralight{
font-weight: 200;
}
.font-light{
font-weight: 300;
}
.font-medium{
font-weight: 500;
}
.font-normal{
font-weight: 400;
}
.font-semibold{
font-weight: 600;
}
.font-thin{
font-weight: 100;
}
.uppercase{
text-transform: uppercase;
}
.lowercase{
text-transform: lowercase;
}
.capitalize{
text-transform: capitalize;
}
.normal-case{
text-transform: none;
}
.italic{
font-style: italic;
}
.not-italic{
font-style: normal;
}
.normal-nums{
font-variant-numeric: normal;
}
.ordinal{
--tw-ordinal: ordinal;
font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
}
.slashed-zero{
--tw-slashed-zero: slashed-zero;
font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
}
.lining-nums{
--tw-numeric-figure: lining-nums;
font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
}
.oldstyle-nums{
--tw-numeric-figure: oldstyle-nums;
font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
}
.proportional-nums{
--tw-numeric-spacing: proportional-nums;
font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
}
.tabular-nums{
--tw-numeric-spacing: tabular-nums;
font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
}
.diagonal-fractions{
--tw-numeric-fraction: diagonal-fractions;
font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
}
.stacked-fractions{
--tw-numeric-fraction: stacked-fractions;
font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
}
.leading-6{
line-height: 1.5rem;
}
.leading-relaxed{
line-height: 1.625;
}
.tracking-wide{
letter-spacing: 0.025em;
}
.text-\[\#F89A2C\]{
--tw-text-opacity: 1;
color: rgb(248 154 44 / var(--tw-text-opacity));
}
.text-black{
--tw-text-opacity: 1;
color: rgb(0 0 0 / var(--tw-text-opacity));
}
.text-gray-200{
--tw-text-opacity: 1;
color: rgb(229 231 235 / var(--tw-text-opacity));
}
.text-gray-400{
--tw-text-opacity: 1;
color: rgb(156 163 175 / var(--tw-text-opacity));
}
.text-gray-500{
--tw-text-opacity: 1;
color: rgb(107 114 128 / var(--tw-text-opacity));
}
.text-gray-600{
--tw-text-opacity: 1;
color: rgb(75 85 99 / var(--tw-text-opacity));
}
.text-gray-700{
--tw-text-opacity: 1;
color: rgb(55 65 81 / var(--tw-text-opacity));
}
.text-gray-900{
--tw-text-opacity: 1;
color: rgb(17 24 39 / var(--tw-text-opacity));
}
.text-indigo-600{
--tw-text-opacity: 1;
color: rgb(79 70 229 / var(--tw-text-opacity));
}
.text-primary{
--tw-text-opacity: 1;
color: rgb(48 38 60 / var(--tw-text-opacity));
}
.text-quaternary{
--tw-text-opacity: 1;
color: rgb(128 82 159 / var(--tw-text-opacity));
}
.text-red-500{
--tw-text-opacity: 1;
color: rgb(239 68 68 / var(--tw-text-opacity));
}
.text-secondary{
--tw-text-opacity: 1;
color: rgb(248 156 32 / var(--tw-text-opacity));
}
.text-tertiary{
--tw-text-opacity: 1;
color: rgb(153 117 178 / var(--tw-text-opacity));
}
.text-white{
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
}
.text-gray-form{
color: #9ca3af;
}
.underline{
text-decoration-line: underline;
}
.overline{
text-decoration-line: overline;
}
.line-through{
text-decoration-line: line-through;
}
.no-underline{
text-decoration-line: none;
}
.decoration-solid{
text-decoration-style: solid;
}
.decoration-double{
text-decoration-style: double;
}
.decoration-dotted{
text-decoration-style: dotted;
}
.decoration-dashed{
text-decoration-style: dashed;
}
.decoration-wavy{
text-decoration-style: wavy;
}
.antialiased{
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.subpixel-antialiased{
-webkit-font-smoothing: auto;
-moz-osx-font-smoothing: auto;
}
.opacity-0{
opacity: 0;
}
.opacity-100{
opacity: 1;
}
.opacity-5{
opacity: 0.05;
}
.opacity-05{
opacity: 0.5;
}
.bg-blend-normal{
background-blend-mode: normal;
}
.bg-blend-multiply{
background-blend-mode: multiply;
}
.bg-blend-screen{
background-blend-mode: screen;
}
.bg-blend-overlay{
background-blend-mode: overlay;
}
.bg-blend-darken{
background-blend-mode: darken;
}
.bg-blend-lighten{
background-blend-mode: lighten;
}
.bg-blend-color-dodge{
background-blend-mode: color-dodge;
}
.bg-blend-color-burn{
background-blend-mode: color-burn;
}
.bg-blend-hard-light{
background-blend-mode: hard-light;
}
.bg-blend-soft-light{
background-blend-mode: soft-light;
}
.bg-blend-difference{
background-blend-mode: difference;
}
.bg-blend-exclusion{
background-blend-mode: exclusion;
}
.bg-blend-hue{
background-blend-mode: hue;
}
.bg-blend-saturation{
background-blend-mode: saturation;
}
.bg-blend-color{
background-blend-mode: color;
}
.bg-blend-luminosity{
background-blend-mode: luminosity;
}
.mix-blend-normal{
mix-blend-mode: normal;
}
.mix-blend-multiply{
mix-blend-mode: multiply;
}
.mix-blend-screen{
mix-blend-mode: screen;
}
.mix-blend-overlay{
mix-blend-mode: overlay;
}
.mix-blend-darken{
mix-blend-mode: darken;
}
.mix-blend-lighten{
mix-blend-mode: lighten;
}
.mix-blend-color-dodge{
mix-blend-mode: color-dodge;
}
.mix-blend-color-burn{
mix-blend-mode: color-burn;
}
.mix-blend-hard-light{
mix-blend-mode: hard-light;
}
.mix-blend-soft-light{
mix-blend-mode: soft-light;
}
.mix-blend-difference{
mix-blend-mode: difference;
}
.mix-blend-exclusion{
mix-blend-mode: exclusion;
}
.mix-blend-hue{
mix-blend-mode: hue;
}
.mix-blend-saturation{
mix-blend-mode: saturation;
}
.mix-blend-color{
mix-blend-mode: color;
}
.mix-blend-luminosity{
mix-blend-mode: luminosity;
}
.mix-blend-plus-darker{
mix-blend-mode: plus-darker;
}
.mix-blend-plus-lighter{
mix-blend-mode: plus-lighter;
}
.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-2xl{
--tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
--tw-shadow-colored: 0 25px 50px -12px 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-\[0px_25px_10px_-11px_rgba\(48\2c 38\2c 60\2c 0\.3\)\]{
--tw-shadow: 0px 25px 10px -11px rgba(48,38,60,0.3);
--tw-shadow-colored: 0px 25px 10px -11px 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);
}
.shadow-md{
--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px 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-project-map{
--tw-shadow: 10px 10px 10px -15px rgba(0, 0, 0, 0.8);
--tw-shadow-colored: 10px 10px 10px -15px 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-sm{
--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
--tw-shadow-colored: 0 1px 2px 0 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);
}
.outline-none{
outline: 2px solid transparent;
outline-offset: 2px;
}
.outline{
outline-style: solid;
}
.outline-dashed{
outline-style: dashed;
}
.outline-dotted{
outline-style: dotted;
}
.outline-double{
outline-style: double;
}
.outline-2{
outline-width: 2px;
}
.outline-offset-2{
outline-offset: 2px;
}
.outline-primary{
outline-color: #30263C;
}
.outline-secondary{
outline-color: #F89C20;
}
.outline-tertiary{
outline-color: #9975B2;
}
.outline-white{
outline-color: #fff;
}
.ring{
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.ring-1{
--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);
}
.ring-inset{
--tw-ring-inset: inset;
}
.ring-black{
--tw-ring-opacity: 1;
--tw-ring-color: rgb(0 0 0 / var(--tw-ring-opacity));
}
.ring-gray-300{
--tw-ring-opacity: 1;
--tw-ring-color: rgb(209 213 219 / var(--tw-ring-opacity));
}
.ring-opacity-5{
--tw-ring-opacity: 0.05;
}
.blur{
--tw-blur: blur(8px);
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);
}
.brightness-100{
--tw-brightness: brightness(1);
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);
}
.brightness-200{
--tw-brightness: brightness(2);
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);
}
.contrast-200{
--tw-contrast: contrast(2);
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.drop-shadow{
--tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / 0.1)) drop-shadow(0 1px 1px rgb(0 0 0 / 0.06));
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.drop-shadow-2xl{
--tw-drop-shadow: drop-shadow(0 25px 25px rgb(0 0 0 / 0.15));
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.drop-shadow-lg{
--tw-drop-shadow: drop-shadow(0 10px 8px rgb(0 0 0 / 0.04)) drop-shadow(0 4px 3px rgb(0 0 0 / 0.1));
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.drop-shadow-md{
--tw-drop-shadow: drop-shadow(0 4px 3px rgb(0 0 0 / 0.07)) drop-shadow(0 2px 2px rgb(0 0 0 / 0.06));
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.drop-shadow-xl{
--tw-drop-shadow: drop-shadow(0 20px 13px rgb(0 0 0 / 0.03)) drop-shadow(0 8px 5px rgb(0 0 0 / 0.08));
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.grayscale{
--tw-grayscale: grayscale(100%);
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.invert{
--tw-invert: invert(100%);
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.sepia{
--tw-sepia: sepia(100%);
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.filter{
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.filter-none{
filter: none;
}
.backdrop-blur{
--tw-backdrop-blur: blur(8px);
-webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.backdrop-grayscale{
--tw-backdrop-grayscale: grayscale(100%);
-webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.backdrop-invert{
--tw-backdrop-invert: invert(100%);
-webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.backdrop-sepia{
--tw-backdrop-sepia: sepia(100%);
-webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.backdrop-filter{
-webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.backdrop-filter-none{
-webkit-backdrop-filter: none;
backdrop-filter: none;
}
.transition{
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
transition-timing-function: cubic-bezier(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;
}
.duration-100{
transition-duration: 100ms;
}
.duration-300{
transition-duration: 300ms;
}
.duration-500{
transition-duration: 500ms;
}
.ease-in{
transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
}
.ease-in-out{
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.ease-linear{
transition-timing-function: linear;
}
.ease-out{
transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}
.contain-none{
contain: none;
}
.contain-content{
contain: content;
}
.contain-strict{
contain: strict;
}
.contain-size{
--tw-contain-size: size;
contain: var(--tw-contain-size) var(--tw-contain-layout) var(--tw-contain-paint) var(--tw-contain-style);
}
.contain-inline-size{
--tw-contain-size: inline-size;
contain: var(--tw-contain-size) var(--tw-contain-layout) var(--tw-contain-paint) var(--tw-contain-style);
}
.contain-layout{
--tw-contain-layout: layout;
contain: var(--tw-contain-size) var(--tw-contain-layout) var(--tw-contain-paint) var(--tw-contain-style);
}
.contain-paint{
--tw-contain-paint: paint;
contain: var(--tw-contain-size) var(--tw-contain-layout) var(--tw-contain-paint) var(--tw-contain-style);
}
.contain-style{
--tw-contain-style: style;
contain: var(--tw-contain-size) var(--tw-contain-layout) var(--tw-contain-paint) var(--tw-contain-style);
}
.forced-color-adjust-auto{
forced-color-adjust: auto;
}
.forced-color-adjust-none{
forced-color-adjust: none;
}
.\[e9\:\3\FFFD E\FFFD\1B\FFFD\FFFDK\]{
e9: �E���K;
}
.\[e\:\FFFD\FFFDt\FFFD\6 9q\FFFDVU\]{
e: ��t�9q�VU;
}
.\[h\:\144\FFFD\FFFD\9DF1\]{
h: ń��鷱;
}
.\[hostname\:port\]{
hostname: port;
}
.\[jbk\:\FFFDX7\FFFD\FFFD\FFFD\]{
jbk: �X7���;
}
.\[k\:\1\FFFDM\FFFD\FFFD\]{
k: �M��;
}
.\[l\:\1F\FFFD\FFFD\B5 eJP\FFFD\15\FFFD\]{
l: ��µeJP��;
}
.\[m\:\FFFD\FFFDt\]{
m: ��t;
}
.\[n-3\:\FFFD\FFFD\FFFD B\FFFD\FFFD\!\FFFD\FFFD_u\FFFD\FFFDYKa\.\%\*\$\FFFDJ\5\3\\\}\FFFD\3\1E 7b9\@\]{
n-3: ���B��!�� u��YKa.%*$�J\}� 7b9@;
}
.\[p2qk\:\FFFD\409\FFFD dcK1\FFFD\FFFD\FFFD\#\1C 2w0\6\FFFD\~\FFFD\FFFD E\FFFD Dm\2c \FFFD 8\FFFDM\FFFD\]{
p2qk: �Љ�dcK1���# 2w0�~��E�Dm,�8�M�;
}
.\[p\:\FFFD_\FFFDO\1\FFFDm\FFFD\FFFDo\]{
p: � �O�m��o;
}
.\[r\:u\FFFD\FFFD\FFFD\17\FFFD\FFFD\7 3b\FFFD\FFFD\]{
r: u�����3b��;
}
.\[r\:\613\FFFD\FFFD\FFFD cM\1AN\FFFD\E\FFFDP\?\F\FFFD\]{
r: ؓ���cMN��P?�;
}
.\[tXh\:\FFFD\5\5\FFFD\FFFD\~\]{
t-xh: ���~;
}
.\[viZ\:\FFFD\]{
vi-z: �;
}
.\[wR\:S\]{
w-r: S;
}
.\[y\:\FFFD\35C\2W\FFFD\0\FFFD\FFFD\FFFD\3\FFFD\778\F\FFFD\FFFD f\FFFDt\FFFD\12 4\FFFD\]{
y: �͜W������ݸ��f�t�4�;
}
body {
font-family: "Kanit", sans-serif;
font-weight: 400;
font-style: normal;
}
html {
scroll-behavior: smooth;
}
.easyhtml5video .eh5v_script {
display: none;
}
.container {
padding: 0px 90px 0px 90px;
}
/* .swiper-pagination-bullet {
width: 100px;
height: 20px;
text-align: center;
line-height: 20px;
font-size: 12px;
color: #000;
opacity: 1;
background: rgba(0, 0, 0, 0.2);
}
.swiper-pagination-bullet-active {
color: #fff;
background: #007aff;
} */
#navbar,
#navbar-transparent {
transition: 0.8s;
transition-timing-function: linear;
animation: ease-out 10s;
}
#normal-logo,
#logo-img {
transition-timing-function: linear;
transition: 0.4s;
animation: ease-in-out 10s;
}
#home {
.swiper-slide.swiper-slide-active a{
width: 100%;
}
}
.swiper-slide img {
display: block;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
#sidebar-active {
display: none;
}
.open-sidebar-button,
.close-sidebar-button {
display: none;
}
@media (max-width: 880px) {
.links-container {
flex-direction: column;
align-items: flex-start;
position: fixed;
top: 0;
right: -100%;
z-index: 110;
box-shadow: -5px 0 5px rgba(0, 0, 0, 0.25);
transition: 0.75s ease-out;
}
.open-sidebar-button,
.close-sidebar-button {
padding: 10px;
display: block;
}
#sidebar-active:checked ~ .links-container {
right: 0;
}
#sidebar-active:checked ~ #overlay {
height: 100%;
width: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 9;
}
}
#wrapper {
height: 0;
overflow: hidden;
transition: 0.8s;
animation: ease-out 10s;
}
@media (min-width: 1280px){
.xl\:container{
width: 100%;
}
@media (min-width: 640px){
.xl\:container{
max-width: 640px;
}
}
@media (min-width: 768px){
.xl\:container{
max-width: 768px;
}
}
@media (min-width: 1180px){
.xl\:container{
max-width: 1180px;
}
}
@media (min-width: 1280px){
.xl\:container{
max-width: 1280px;
}
}
@media (min-width: 1536px){
.xl\:container{
max-width: 1536px;
}
}
}
.hover\:bg-primary:hover{
--tw-bg-opacity: 1;
background-color: rgb(48 38 60 / var(--tw-bg-opacity));
}
.hover\:text-secondary:hover{
--tw-text-opacity: 1;
color: rgb(248 156 32 / var(--tw-text-opacity));
}
.hover\:text-white:hover{
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
}
.focus\:outline-none:focus{
outline: 2px solid transparent;
outline-offset: 2px;
}
.group:hover .group-hover\:w-full{
width: 100%;
}
.group:hover .group-hover\:scale-105{
--tw-scale-x: 1.05;
--tw-scale-y: 1.05;
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));
}
@media (min-width: 640px){
.sm\:my-0{
margin-top: 0px;
margin-bottom: 0px;
}
.sm\:h-\[15px\]{
height: 15px;
}
.sm\:h-\[19px\]{
height: 19px;
}
.sm\:h-\[25px\]{
height: 25px;
}
.sm\:w-\[19px\]{
width: 19px;
}
.sm\:w-\[20\%\]{
width: 20%;
}
.sm\:gap-\[10px\]{
gap: 10px;
}
.sm\:p-\[4px\]{
padding: 4px;
}
.sm\:px-\[40px\]{
padding-left: 40px;
padding-right: 40px;
}
.sm\:py-0{
padding-top: 0px;
padding-bottom: 0px;
}
.sm\:pb-10{
padding-bottom: 2.5rem;
}
.sm\:pt-\[50px\]{
padding-top: 50px;
}
.sm\:pt-12{
padding-top: 3rem;
}
.sm\:text-lg{
font-size: 1.125rem;
line-height: 1.75rem;
}
}
@media (min-width: 768px){
.md\:top-\[25\%\]{
top: 25%;
}
.md\:top-\[3\%\]{
top: 3%;
}
.md\:top-\[50\%\]{
top: 50%;
}
.md\:block{
display: block;
}
.md\:flex{
display: flex;
}
.md\:hidden{
display: none;
}
.md\:h-\[25\%\]{
height: 25%;
}
.md\:w-\[30\%\]{
width: 30%;
}
.md\:w-\[50\%\]{
width: 50%;
}
.md\:grid-cols-3{
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.md\:flex-nowrap{
flex-wrap: nowrap;
}
.md\:gap-2{
gap: 0.5rem;
}
.md\:gap-\[15px\]{
gap: 15px;
}
.md\:px-3{
padding-left: 0.75rem;
padding-right: 0.75rem;
}
.md\:px-\[50px\]{
padding-left: 50px;
padding-right: 50px;
}
.md\:py-2{
padding-top: 0.5rem;
padding-bottom: 0.5rem;
}
.md\:pt-\[70px\]{
padding-top: 70px;
}
}
@media (min-width: 1180px){
.lg\:top-\[15px\]{
top: 15px;
}
.lg\:top-\[52\%\]{
top: 52%;
}
.lg\:col-span-1{
grid-column: span 1 / span 1;
}
.lg\:col-span-3{
grid-column: span 3 / span 3;
}
.lg\:my-0{
margin-top: 0px;
margin-bottom: 0px;
}
.lg\:my-10{
margin-top: 2.5rem;
margin-bottom: 2.5rem;
}
.lg\:my-\[80px\]{
margin-top: 80px;
margin-bottom: 80px;
}
.lg\:mt-4{
margin-top: 1rem;
}
.lg\:mt-6{
margin-top: 1.5rem;
}
.lg\:mt-10{
margin-top: 4rem;
}
.lg\:mb-4{
margin-bottom: 1rem;
}
.lg\:block{
display: block;
}
.lg\:flex{
display: flex;
}
.lg\:grid{
display: grid;
}
.lg\:hidden{
display: none;
}
.lg\:h-\[120px\]{
height: 120px;
}
.lg\:h-\[75\%\]{
height: 75%;
}
.lg\:h-\[80px\]{
height: 80px;
}
.lg\:w-\[150px\]{
width: 150px;
}
.lg\:w-\[18\%\]{
width: 18%;
}
.lg\:w-\[20\%\]{
width: 20%;
}
.lg\:w-\[30\%\]{
width: 30%;
}
.lg\:w-\[35\%\]{
width: 35%;
}
.lg\:w-\[37\%\]{
width: 37%;
}
.lg\:w-\[40px\]{
width: 40px;
}
.lg\:w-\[50\%\]{
width: 50%;
}
.lg\:w-\[50px\]{
width: 50px;
}
.lg\:w-\[54\%\]{
width: 54%;
}
.lg\:w-\[60\%\]{
width: 60%;
}
.lg\:w-\[65\%\]{
width: 65%;
}
.lg\:w-\[80\%\]{
width: 80%;
}
.lg\:w-\[80vw\]{
width: 80vw;
}
.lg\:max-w-\[120px\]{
max-width: 120px;
}
.lg\:grid-cols-2{
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.lg\:grid-cols-3{
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.lg\:grid-cols-4{
grid-template-columns: repeat(4, minmax(0, 1fr));
}
.lg\:flex-nowrap{
flex-wrap: nowrap;
}
.lg\:items-center{
align-items: center;
}
.lg\:justify-end{
justify-content: flex-end;
}
.lg\:gap-10{
gap: 2.5rem;
}
.lg\:gap-2{
gap: 0.5rem;
}
.lg\:gap-4{
gap: 1rem;
}
.lg\:gap-5{
gap: 1.25rem;
}
.lg\:gap-\[10px\]{
gap: 10px;
}
.lg\:gap-\[20px\]{
gap: 20px;
}
.lg\:bg-transparent{
background-color: transparent;
}
.lg\:px-2{
padding-left: 0.5rem;
padding-right: 0.5rem;
}
.lg\:px-3{
padding-left: 0.75rem;
padding-right: 0.75rem;
}
.lg\:px-5{
padding-left: 1.25rem;
padding-right: 1.25rem;
}
.lg\:px-6{
padding-left: 1.5rem;
padding-right: 1.5rem;
}
.lg\:px-\[50px\]{
padding-left: 50px;
padding-right: 50px;
}
.lg\:px-\[90px\]{
padding-left: 90px;
padding-right: 90px;
}
.lg\:py-2{
padding-top: 0.5rem;
padding-bottom: 0.5rem;
}
.lg\:py-3{
padding-top: 0.75rem;
padding-bottom: 0.75rem;
}
.lg\:py-6{
padding-top: 1.5rem;
padding-bottom: 1.5rem;
}
.lg\:py-\[50px\]{
padding-top: 50px;
padding-bottom: 50px;
}
.lg\:pt-0{
padding-top: 0px;
}
.lg\:pt-\[100px\]{
padding-top: 100px;
}
.lg\:pt-\[80px\]{
padding-top: 80px;
}
.lg\:text-3xl{
font-size: 1.875rem;
line-height: 2.25rem;
}
.lg\:text-base{
font-size: 1rem;
line-height: 1.5rem;
}
.lg\:text-lg{
font-size: 1.125rem;
line-height: 1.75rem;
}
.lg\:font-size-5{
font-size: 2.5rem;
}
}
@media (min-width: 1280px){
.xl\:left-\[-60px\]{
left: -60px;
}
.xl\:right-\[-22\%\]{
right: -22%;
}
.xl\:right-\[-80px\]{
right: -80px;
}
.xl\:flex{
display: flex;
}
.xl\:grid{
display: grid;
}
.xl\:h-auto{
height: auto;
}
.xl\:w-\[24vw\]{
width: 24vw;
}
.xl\:w-\[22vw\]{
width: 22vw;
}
.xl\:w-\[30vw\]{
width: 30vw;
}
.xl\:w-\[35vw\]{
width: 35vw;
}
.xl\:w-\[35px\]{
width: 35px;
}
.xl\:w-\[37\%\]{
width: 37%;
}
.xl\:w-\[50px\]{
width: 50px;
}
.xl\:w-\[50vw\]{
width: 50vw;
}
.xl\:w-\[53\%\]{
width: 53%;
}
.xl\:w-\[55\%\]{
width: 55%;
}
.xl\:w-\[60\%\]{
width: 60%;
}
.xl\:w-\[65\%\]{
width: 65%;
}
.xl\:w-\[70\%\]{
width: 70%;
}
.xl\:w-\[80\%\]{
width: 80%;
}
.xl\:w-\[90\%\]{
width: 90%;
}
.xl\:grid-cols-10{
grid-template-columns: repeat(10, minmax(0, 1fr));
}
.xl\:px-3{
padding-left: .5rem;
padding-right: .5rem;
}
.xl\:px-4{
padding-left: 1rem;
padding-right: 1rem;
}
.xl\:px-\[90px\]{
padding-left: 90px;
padding-right: 90px;
}
.xl\:py-4{
padding-top: 1rem;
padding-bottom: 1rem;
}
.xl\:py-\[80px\]{
padding-top: 80px;
padding-bottom: 80px;
}
.xl\:px-24{
padding-left: 6rem;
padding-right: 6rem;
}
.xl\:py-20{
padding-top: 5rem;
padding-bottom: 5rem;
}
.xl\:text-xl{
font-size: 1.25rem !important;
line-height: 1.75rem;
}
.xl\:text-iframe-\[4\]{
font-size: 1rem;
}
.xl\:mt-6{
margin-top: 1.5rem;
}
.xl\:mt-10{
margin-top: 4rem;
}
.xl\:mb-6{
margin-bottom: 1.5rem;
}
.xl\:max-w-\[120px\]{
max-width: 120px;
}
.xl\:font-size-5{
font-size: 2.5rem;
}
.xl\:gap-\[20px\]{
gap: 20px;
}
}
@media (min-width: 1536px){
.\32xl\:left-\[-5px\]{
left: -5px;
}
.\32xl\:left-\[18\.5\%\]{
left: 18.5%;
}
.\32xl\:left-\[53\%\]{
left: 53%;
}
.\32xl\:left-\[54\%\]{
left: 54%;
}
.\32xl\:right-0{
right: 0px;
}
.\32xl\:right-\[-5\%\]{
right: -5%;
}
.\32xl\:right-\[32\%\]{
right: 32%;
}
.\32xl\:w-\[37\%\]{
width: 37%;
}
.\32xl\:w-\[53\%\]{
width: 53%;
}
.\32xl\:w-\[55\%\]{
width: 55%;
}
.\32xl\:w-\[57\%\]{
width: 57%;
}
.\32xl\:w-\[60\%\]{
width: 60%;
}
.\32xl\:py-\[50px\]{
padding-top: 50px;
padding-bottom: 50px;
}
.\32xl\:py-12{
padding-top: 3rem;
padding-bottom: 3rem;
}
.\32xl\:text-2xl{
font-size: 1.5rem;
line-height: 2rem;
}
.\32xl\:text-xl{
font-size: 1.25rem !important;
line-height: 1.75rem;
}
.\32xl\:top-\[40\.5\%\]{
top: 40.5%;
}
.\32xl\:top-\[47\.5\%\]{
top: 47.5%;
}
.\32xl\:bottom-\[8\.5\%\]{
bottom: 8.5%;
}
}
@media (min-width: 1180px) and (max-width: 1280px){
.text-project-30m{
p:first-child{
left: -5px;
position: relative;
white-space: nowrap;
}
}
}
@media (min-width: 1479px) {
.text-project-30m{
p:first-child{
left: -5px;
position: relative;
white-space: nowrap;
}
}
}