@import url('https://fonts.googleapis.com/css2?family=Sora:wght@100..800&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.17 | 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 */
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 */
}
/*
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]) {
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::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;
}
:root {
/* font */
--sora: 'Sora', sans-serif;
--f10: 10px;
--f12: 12px;
--f14: 14px;
--f15: 15px;
--f16: 16px;
--f17: 17px;
--f18: 18px;
--f19: 19px;
--f20: 20px;
--f22: 22px;
--f24: 24px;
--f26: 26px;
--f28: 28px;
--f30: 30px;
--f32: 32px;
--f36: 36px;
--f38: 38px;
--f44: 44px;
--f48: 48px;
--f64: 64px;
--f68: 68px;
--f50: 50px;
--f52: 52px;
--f56: 56px;
/* font */
/* color */
--ik_pink: hsla(348, 75%, 57%, 1);
--ik_pinks: hsla(348, 74%, 57%, 1);
--ik_pinkbg: hsla(350, 100%, 99%, 1);
--ik_pinkbgcolor: hsla(348, 74%, 57%, 0.05);
--ik_pink-foreground: hsla(0, 0%, 100%, 1);
--ik_pink_button: hsla(0, 0%, 100%, 1);
--ik_pink-foreground-button: hsla(348, 75%, 57%, 1);
--ik_black: hsla(0, 0%, 0%, 1);
--ik_green: hsla(175, 100%, 29%, 1);
--ik_green-foreground: hsla(0, 0%, 100%, 1);
--ik_blue: hsla(256, 50%, 24%, 1);
--ik_blue-foreground: hsla(0, 0%, 100%, 1);
--ik_multicolor: linear-gradient(180deg, #e34061 0%, #00968a 100%);
--ik_multicolor1: linear-gradient(90deg, #e34061 0%, #3c1393 44%, #1e9d77 100%);
--ik_multicolor2: linear-gradient(272.65deg, #2e1e5a -3.81%, #e34061 116.02%);
--ik_multicolor-foreground: hsla(0, 0%, 100%, 1);
--ik_white: hsla(0, 0%, 100%, 1);
--ik_white-foreground: hsla(348, 75%, 57%, 1);
--ik_whitevariant: hsla(349, 100%, 97%, 1);
--ik_whitevariant-foreground: hsla(348, 75%, 57%, 1);
--ik_lightblue: hsla(204, 15%, 94%);
--ik_lightbluevariant: hsla(195, 18%, 96%);
--ik_lightbluevariant1: hsla(256, 100%, 97%, 1);
--ik_bluegreydarken4: hsla(200, 19%, 18%, 1);
--ik_bluegreydarken3: hsla(200, 18%, 26%, 1);
--ik_bluegreydarken2: hsla(199, 18%, 33%, 1);
--ik_bluegreydarken1: hsla(199, 18%, 40%, 1);
--ik_bluegreylighten1: hsla(200, 15%, 54%, 1);
--ik_bluegreylighten2: hsla(200, 16%, 62%, 1);
--ik_bluegreylighten3: hsla(204, 15%, 94%, 1);
--ik_bluegreylighten4: hsla(198, 16%, 84%, 1);
--ik_bluegreylighten5: hsla(204, 15%, 94%, 1);
--ik_bluegreylighten7: hsla(200, 30%, 96%, 1);
--ik_bluegreydarken6: hsla(223, 19%, 29%, 1);
--ik_bluegreybluegrey: hsla(200, 18%, 46%, 1);
--ik_bluegreylighten6: hsla(174, 38%, 95%, 1);
--ik_bluegreylightens3: hsla(200, 15%, 73%, 1);
--ik_redvariant1: hsla(51, 83%, 92%, 1);
--ik_bordervariant: hsla(0, 0%, 80%, 1);
--ik_bordervariant2: hsla(213, 15%, 85%, 1);
--ik_bluevariantcolor: hsla(256, 50%, 24%, 0.9);
--ik_lightgrey: hsla(224, 8%, 54%, 1);
--ik_darkblue: hsla(212, 100%, 44%, 1);
--ik_darkblue1: hsla(210, 79%, 46%, 1);
--ik_titlecolor: linear-gradient(90deg, #ff5252 0%, #2e1e5a 51.5%, #10bac5 100%);
--ik_lightorange: hsla(48, 100%, 88%, 1);
--ik_boxshadiowcolor: hsla(0, 0%, 0%, 0.15);
--ik_lightorangevariant: hsla(47, 100%, 90%, 1);
--ik_greenvariant: hsla(176, 44%, 94%, 1);
--ik_red: hsla(0, 88%, 61%, 1);
/* color */
/* --background: 0 0% 100%;
--foreground: 240 10% 3.9%;
--card: 0 0% 100%;
--card-foreground: 240 10% 3.9%;
--popover: 0 0% 100%;
--popover-foreground: 240 10% 3.9%;
--primary: 346.8 77.2% 49.8%;
--primary-foreground: 355.7 100% 97.3%;
--secondary: 240 4.8% 95.9%;
--secondary-foreground: 240 5.9% 10%;
--muted: 240 4.8% 95.9%;
--muted-foreground: 240 3.8% 46.1%;
--accent: 240 4.8% 95.9%;
--accent-foreground: 240 5.9% 10%;
--destructive: 0 84.2% 60.2%;
--destructive-foreground: 0 0% 98%;
--border: 240 5.9% 90%;
--input: 240 5.9% 90%;
--ring: 346.8 77.2% 49.8%;
--radius: 8px;
--chart-1: 12 76% 61%;
--chart-2: 173 58% 39%;
--chart-3: 197 37% 24%;
--chart-4: 43 74% 66%;
--chart-5: 27 87% 67%; */
}
/*
.dark {
--background: 20 14.3% 4.1%;
--foreground: 0 0% 95%;
--card: 24 9.8% 10%;
--card-foreground: 0 0% 95%;
--popover: 0 0% 9%;
--popover-foreground: 0 0% 95%;
--primary: 346.8 77.2% 49.8%;
--primary-foreground: 355.7 100% 97.3%;
--secondary: 240 3.7% 15.9%;
--secondary-foreground: 0 0% 98%;
--muted: 0 0% 15%;
--muted-foreground: 240 5% 64.9%;
--accent: 12 6.5% 15.1%;
--accent-foreground: 0 0% 98%;
--destructive: 0 62.8% 30.6%;
--destructive-foreground: 0 85.7% 97.3%;
--border: 240 3.7% 15.9%;
--input: 240 3.7% 15.9%;
--ring: 346.8 77.2% 49.8%;
--chart-1: 220 70% 50%;
--chart-2: 160 60% 45%;
--chart-3: 30 80% 55%;
--chart-4: 280 65% 60%;
--chart-5: 340 75% 55%;
} */
*{
box-sizing: border-box;
}
body{
background-color: hsl(var(--background));
color: hsl(var(--foreground));
}
.container{
width: 100%;
margin-right: auto;
margin-left: auto;
}
@media (min-width: 420px){
.container{
max-width: 420px;
}
}
@media (min-width: 640px){
.container{
max-width: 640px;
}
}
@media (min-width: 768px){
.container{
max-width: 768px;
}
}
@media (min-width: 1100px){
.container{
max-width: 1100px;
}
}
@media (min-width: 1280px){
.container{
max-width: 1280px;
}
}
@media (min-width: 1440px){
.container{
max-width: 1440px;
}
}
@media (min-width: 1496px){
.container{
max-width: 1496px;
}
}
.visible{
visibility: visible;
}
.invisible{
visibility: hidden;
}
.static{
position: static;
}
.fixed{
position: fixed;
}
.absolute{
position: absolute;
}
.relative{
position: relative;
}
.\!sticky{
position: sticky !important;
}
.sticky{
position: sticky;
}
.inset-0{
inset: 0px;
}
.inset-x-0{
left: 0px;
right: 0px;
}
.\!bottom-0{
bottom: 0px !important;
}
.\!left-\[20px\]{
left: 20px !important;
}
.bottom-0{
bottom: 0px;
}
.bottom-5{
bottom: 1.25rem;
}
.bottom-\[11\.45px\]{
bottom: 11.45px;
}
.bottom-\[80px\]{
bottom: 80px;
}
.left-0{
left: 0px;
}
.left-1{
left: 0.25rem;
}
.left-\[10px\]{
left: 10px;
}
.left-\[11\.45px\]{
left: 11.45px;
}
.left-\[13px\]{
left: 13px;
}
.left-\[460px\]{
left: 460px;
}
.left-\[50\%\]{
left: 50%;
}
.right-0{
right: 0px;
}
.right-1{
right: 0.25rem;
}
.right-2{
right: 0.5rem;
}
.right-\[-10px\]{
right: -10px;
}
.right-\[0px\]{
right: 0px;
}
.right-\[10px\]{
right: 10px;
}
.top-0{
top: 0px;
}
.top-16{
top: 4rem;
}
.top-\[-10px\]{
top: -10px;
}
.top-\[-12px\]{
top: -12px;
}
.top-\[10px\]{
top: 10px;
}
.top-\[110px\]{
top: 110px;
}
.top-\[14px\]{
top: 14px;
}
.top-\[35px\]{
top: 35px;
}
.top-\[37px\]{
top: 37px;
}
.top-\[50\%\]{
top: 50%;
}
.top-\[50px\]{
top: 50px;
}
.top-\[84px\]{
top: 84px;
}
.z-10{
z-index: 10;
}
.z-30{
z-index: 30;
}
.z-40{
z-index: 40;
}
.z-50{
z-index: 50;
}
.z-\[-1\]{
z-index: -1;
}
.z-\[1px\]{
z-index: 1px;
}
.z-\[995\]{
z-index: 995;
}
.col-span-full{
grid-column: 1 / -1;
}
.m-2{
margin: 0.5rem;
}
.m-4{
margin: 1rem;
}
.mx-4{
margin-left: 1rem;
margin-right: 1rem;
}
.mx-auto{
margin-left: auto;
margin-right: auto;
}
.my-1{
margin-top: 0.25rem;
margin-bottom: 0.25rem;
}
.my-2{
margin-top: 0.5rem;
margin-bottom: 0.5rem;
}
.my-3{
margin-top: 0.75rem;
margin-bottom: 0.75rem;
}
.my-\[16px\]{
margin-top: 16px;
margin-bottom: 16px;
}
.my-\[17px\]{
margin-top: 17px;
margin-bottom: 17px;
}
.my-\[24px\]{
margin-top: 24px;
margin-bottom: 24px;
}
.mb-0{
margin-bottom: 0px;
}
.mb-1{
margin-bottom: 0.25rem;
}
.mb-2{
margin-bottom: 0.5rem;
}
.mb-2\.5{
margin-bottom: 0.625rem;
}
.mb-3{
margin-bottom: 0.75rem;
}
.mb-4{
margin-bottom: 1rem;
}
.mb-5{
margin-bottom: 1.25rem;
}
.mb-6{
margin-bottom: 1.5rem;
}
.mb-8{
margin-bottom: 2rem;
}
.mb-\[-10px\]{
margin-bottom: -10px;
}
.mb-\[-6px\]{
margin-bottom: -6px;
}
.mb-\[-8px\]{
margin-bottom: -8px;
}
.mb-\[0\]{
margin-bottom: 0;
}
.mb-\[10\.83px\]{
margin-bottom: 10.83px;
}
.mb-\[10\.98px\]{
margin-bottom: 10.98px;
}
.mb-\[10px\]{
margin-bottom: 10px;
}
.mb-\[11px\]{
margin-bottom: 11px;
}
.mb-\[12\.25px\]{
margin-bottom: 12.25px;
}
.mb-\[12\.32px\]{
margin-bottom: 12.32px;
}
.mb-\[12px\]{
margin-bottom: 12px;
}
.mb-\[14\.2px\]{
margin-bottom: 14.2px;
}
.mb-\[14\.32px\]{
margin-bottom: 14.32px;
}
.mb-\[140px\]{
margin-bottom: 140px;
}
.mb-\[15\.16px\]{
margin-bottom: 15.16px;
}
.mb-\[15\.8px\]{
margin-bottom: 15.8px;
}
.mb-\[15px\]{
margin-bottom: 15px;
}
.mb-\[16\.23px\]{
margin-bottom: 16.23px;
}
.mb-\[16\.83px\]{
margin-bottom: 16.83px;
}
.mb-\[16\.92px\]{
margin-bottom: 16.92px;
}
.mb-\[16px\]{
margin-bottom: 16px;
}
.mb-\[17px\]{
margin-bottom: 17px;
}
.mb-\[199px\]{
margin-bottom: 199px;
}
.mb-\[19px\]{
margin-bottom: 19px;
}
.mb-\[20\.7px\]{
margin-bottom: 20.7px;
}
.mb-\[20\.95px\]{
margin-bottom: 20.95px;
}
.mb-\[20px\]{
margin-bottom: 20px;
}
.mb-\[21\.92px\]{
margin-bottom: 21.92px;
}
.mb-\[210px\]{
margin-bottom: 210px;
}
.mb-\[22\.65px\]{
margin-bottom: 22.65px;
}
.mb-\[23\.11px\]{
margin-bottom: 23.11px;
}
.mb-\[23\.5px\]{
margin-bottom: 23.5px;
}
.mb-\[23\.91px\]{
margin-bottom: 23.91px;
}
.mb-\[24px\]{
margin-bottom: 24px;
}
.mb-\[25\.5px\]{
margin-bottom: 25.5px;
}
.mb-\[28\.92px\]{
margin-bottom: 28.92px;
}
.mb-\[40px\]{
margin-bottom: 40px;
}
.mb-\[4px\]{
margin-bottom: 4px;
}
.mb-\[50px\]{
margin-bottom: 50px;
}
.mb-\[51px\]{
margin-bottom: 51px;
}
.mb-\[5px\]{
margin-bottom: 5px;
}
.mb-\[6\.41px\]{
margin-bottom: 6.41px;
}
.mb-\[60px\]{
margin-bottom: 60px;
}
.mb-\[67\.85px\]{
margin-bottom: 67.85px;
}
.mb-\[6px\]{
margin-bottom: 6px;
}
.mb-\[8\.6px\]{
margin-bottom: 8.6px;
}
.mb-\[80px\]{
margin-bottom: 80px;
}
.mb-\[8px\]{
margin-bottom: 8px;
}
.mb-\[99px\]{
margin-bottom: 99px;
}
.ml-1{
margin-left: 0.25rem;
}
.ml-2{
margin-left: 0.5rem;
}
.ml-\[0px\]{
margin-left: 0px;
}
.ml-\[12px\]{
margin-left: 12px;
}
.ml-\[15px\]{
margin-left: 15px;
}
.ml-\[16px\]{
margin-left: 16px;
}
.ml-\[38px\]{
margin-left: 38px;
}
.ml-\[3px\]{
margin-left: 3px;
}
.mr-1{
margin-right: 0.25rem;
}
.mr-2{
margin-right: 0.5rem;
}
.mr-3{
margin-right: 0.75rem;
}
.mr-auto{
margin-right: auto;
}
.mt-0{
margin-top: 0px;
}
.mt-1{
margin-top: 0.25rem;
}
.mt-2{
margin-top: 0.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-\[-10px\]{
margin-top: -10px;
}
.mt-\[-130px\]{
margin-top: -130px;
}
.mt-\[0px\]{
margin-top: 0px;
}
.mt-\[10\.91px\]{
margin-top: 10.91px;
}
.mt-\[10px\]{
margin-top: 10px;
}
.mt-\[11\.77px\]{
margin-top: 11.77px;
}
.mt-\[12\.14px\]{
margin-top: 12.14px;
}
.mt-\[12\.68px\]{
margin-top: 12.68px;
}
.mt-\[126px\]{
margin-top: 126px;
}
.mt-\[12px\]{
margin-top: 12px;
}
.mt-\[13\.9px\]{
margin-top: 13.9px;
}
.mt-\[13px\]{
margin-top: 13px;
}
.mt-\[14\.61px\]{
margin-top: 14.61px;
}
.mt-\[14px\]{
margin-top: 14px;
}
.mt-\[15px\]{
margin-top: 15px;
}
.mt-\[16\.2px\]{
margin-top: 16.2px;
}
.mt-\[16px\]{
margin-top: 16px;
}
.mt-\[19\.12px\]{
margin-top: 19.12px;
}
.mt-\[19\.15px\]{
margin-top: 19.15px;
}
.mt-\[19\.7px\]{
margin-top: 19.7px;
}
.mt-\[20\.27px\]{
margin-top: 20.27px;
}
.mt-\[20px\]{
margin-top: 20px;
}
.mt-\[21\.53px\]{
margin-top: 21.53px;
}
.mt-\[23\.71px\]{
margin-top: 23.71px;
}
.mt-\[24px\]{
margin-top: 24px;
}
.mt-\[30\.14px\]{
margin-top: 30.14px;
}
.mt-\[30px\]{
margin-top: 30px;
}
.mt-\[32\.71px\]{
margin-top: 32.71px;
}
.mt-\[3px\]{
margin-top: 3px;
}
.mt-\[4\.5px\]{
margin-top: 4.5px;
}
.mt-\[40px\]{
margin-top: 40px;
}
.mt-\[47\.9px\]{
margin-top: 47.9px;
}
.mt-\[4px\]{
margin-top: 4px;
}
.mt-\[55px\]{
margin-top: 55px;
}
.mt-\[5px\]{
margin-top: 5px;
}
.mt-\[6px\]{
margin-top: 6px;
}
.mt-\[7\.3px\]{
margin-top: 7.3px;
}
.mt-\[7px\]{
margin-top: 7px;
}
.mt-\[8\.37px\]{
margin-top: 8.37px;
}
.mt-\[8px\]{
margin-top: 8px;
}
.line-clamp-1{
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
}
.line-clamp-2{
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
.line-clamp-4{
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 4;
}
.line-clamp-6{
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 6;
}
.line-clamp-\[9\]{
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 9;
}
.block{
display: block;
}
.inline-block{
display: inline-block;
}
.\!flex{
display: flex !important;
}
.flex{
display: flex;
}
.inline-flex{
display: inline-flex;
}
.table{
display: table;
}
.grid{
display: grid;
}
.hidden{
display: none;
}
.aspect-\[174\/168\]{
aspect-ratio: 174/168;
}
.aspect-video{
aspect-ratio: 16 / 9;
}
.size-4{
width: 1rem;
height: 1rem;
}
.size-9{
width: 2.25rem;
height: 2.25rem;
}
.size-\[100px\]{
width: 100px;
height: 100px;
}
.size-\[122px\]{
width: 122px;
height: 122px;
}
.size-\[128px\]{
width: 128px;
height: 128px;
}
.size-\[12px\]{
width: 12px;
height: 12px;
}
.size-\[132px\]{
width: 132px;
height: 132px;
}
.size-\[140px\]{
width: 140px;
height: 140px;
}
.size-\[15px\]{
width: 15px;
height: 15px;
}
.size-\[160px\]{
width: 160px;
height: 160px;
}
.size-\[16px\]{
width: 16px;
height: 16px;
}
.size-\[20px\]{
width: 20px;
height: 20px;
}
.size-\[22px\]{
width: 22px;
height: 22px;
}
.size-\[24px\]{
width: 24px;
height: 24px;
}
.size-\[28px\]{
width: 28px;
height: 28px;
}
.size-\[40px\]{
width: 40px;
height: 40px;
}
.size-\[42px\]{
width: 42px;
height: 42px;
}
.size-\[44px\]{
width: 44px;
height: 44px;
}
.size-\[48px\]{
width: 48px;
height: 48px;
}
.size-\[54px\]{
width: 54px;
height: 54px;
}
.size-\[60px\]{
width: 60px;
height: 60px;
}
.size-\[67px\]{
width: 67px;
height: 67px;
}
.size-\[71\.56px\]{
width: 71.56px;
height: 71.56px;
}
.size-\[71px\]{
width: 71px;
height: 71px;
}
.size-\[72px\]{
width: 72px;
height: 72px;
}
.size-\[78\.61px\]{
width: 78.61px;
height: 78.61px;
}
.size-\[79px\]{
width: 79px;
height: 79px;
}
.size-\[80px\]{
width: 80px;
height: 80px;
}
.size-\[84px\]{
width: 84px;
height: 84px;
}
.size-auto{
width: auto;
height: auto;
}
.size-full{
width: 100%;
height: 100%;
}
.h-10{
height: 2.5rem;
}
.h-7{
height: 1.75rem;
}
.h-8{
height: 2rem;
}
.h-9{
height: 2.25rem;
}
.h-\[100\%\]{
height: 100%;
}
.h-\[100px\]{
height: 100px;
}
.h-\[100vh\]{
height: 100vh;
}
.h-\[108\.99px\]{
height: 108.99px;
}
.h-\[110px\]{
height: 110px;
}
.h-\[120px\]{
height: 120px;
}
.h-\[124\.31px\]{
height: 124.31px;
}
.h-\[126px\]{
height: 126px;
}
.h-\[12px\]{
height: 12px;
}
.h-\[139\.32px\]{
height: 139.32px;
}
.h-\[13px\]{
height: 13px;
}
.h-\[15\.33px\]{
height: 15.33px;
}
.h-\[155px\]{
height: 155px;
}
.h-\[16\]{
height: 16;
}
.h-\[172\.62px\]{
height: 172.62px;
}
.h-\[180px\]{
height: 180px;
}
.h-\[19\.82px\]{
height: 19.82px;
}
.h-\[20px\]{
height: 20px;
}
.h-\[218\.31px\]{
height: 218.31px;
}
.h-\[226px\]{
height: 226px;
}
.h-\[22px\]{
height: 22px;
}
.h-\[240px\]{
height: 240px;
}
.h-\[24px\]{
height: 24px;
}
.h-\[250px\]{
height: 250px;
}
.h-\[251px\]{
height: 251px;
}
.h-\[261\]{
height: 261;
}
.h-\[28px\]{
height: 28px;
}
.h-\[32px\]{
height: 32px;
}
.h-\[33px\]{
height: 33px;
}
.h-\[34px\]{
height: 34px;
}
.h-\[35px\]{
height: 35px;
}
.h-\[369\.44px\]{
height: 369.44px;
}
.h-\[37px\]{
height: 37px;
}
.h-\[38\.33px\]{
height: 38.33px;
}
.h-\[400px\]{
height: 400px;
}
.h-\[40px\]{
height: 40px;
}
.h-\[42px\]{
height: 42px;
}
.h-\[43\.15px\]{
height: 43.15px;
}
.h-\[43\.9px\]{
height: 43.9px;
}
.h-\[43px\]{
height: 43px;
}
.h-\[44px\]{
height: 44px;
}
.h-\[46px\]{
height: 46px;
}
.h-\[48px\]{
height: 48px;
}
.h-\[50px\]{
height: 50px;
}
.h-\[541px\]{
height: 541px;
}
.h-\[54px\]{
height: 54px;
}
.h-\[57px\]{
height: 57px;
}
.h-\[63\.12px\]{
height: 63.12px;
}
.h-\[64px\]{
height: 64px;
}
.h-\[67px\]{
height: 67px;
}
.h-\[6px\]{
height: 6px;
}
.h-\[70px\]{
height: 70px;
}
.h-\[75px\]{
height: 75px;
}
.h-\[80px\]{
height: 80px;
}
.h-\[80vh\]{
height: 80vh;
}
.h-\[84px\]{
height: 84px;
}
.h-\[88px\]{
height: 88px;
}
.h-\[90px\]{
height: 90px;
}
.h-\[90vh\]{
height: 90vh;
}
.h-\[95px\]{
height: 95px;
}
.h-fit{
height: fit-content;
}
.h-full{
height: 100%;
}
.h-screen{
height: 100vh;
}
.max-h-11{
max-height: 2.75rem;
}
.max-h-\[1000px\]{
max-height: 1000px;
}
.max-h-\[124\.31px\]{
max-height: 124.31px;
}
.max-h-\[139\.32px\]{
max-height: 139.32px;
}
.max-h-\[218\.31px\]{
max-height: 218.31px;
}
.max-h-\[226px\]{
max-height: 226px;
}
.max-h-\[337px\]{
max-height: 337px;
}
.max-h-\[360px\]{
max-height: 360px;
}
.max-h-\[408px\]{
max-height: 408px;
}
.max-h-\[452px\]{
max-height: 452px;
}
.max-h-\[46px\]{
max-height: 46px;
}
.max-h-\[48px\]{
max-height: 48px;
}
.max-h-\[500px\]{
max-height: 500px;
}
.max-h-\[60px\]{
max-height: 60px;
}
.max-h-\[64px\]{
max-height: 64px;
}
.max-h-\[72px\]{
max-height: 72px;
}
.max-h-\[84px\]{
max-height: 84px;
}
.min-h-\[208px\]{
min-height: 208px;
}
.min-h-\[300px\]{
min-height: 300px;
}
.min-h-\[30px\]{
min-height: 30px;
}
.min-h-\[337px\]{
min-height: 337px;
}
.min-h-\[380px\]{
min-height: 380px;
}
.min-h-\[452px\]{
min-height: 452px;
}
.min-h-\[50px\]{
min-height: 50px;
}
.min-h-\[80px\]{
min-height: 80px;
}
.min-h-\[997px\]{
min-height: 997px;
}
.w-1\/4{
width: 25%;
}
.w-3\/5{
width: 60%;
}
.w-64{
width: 16rem;
}
.w-7{
width: 1.75rem;
}
.w-8{
width: 2rem;
}
.w-\[10\%\]{
width: 10%;
}
.w-\[100\%\]{
width: 100%;
}
.w-\[100px\]{
width: 100px;
}
.w-\[101\.09px\]{
width: 101.09px;
}
.w-\[116px\]{
width: 116px;
}
.w-\[118px\]{
width: 118px;
}
.w-\[120px\]{
width: 120px;
}
.w-\[12px\]{
width: 12px;
}
.w-\[132\.72px\]{
width: 132.72px;
}
.w-\[133\.14px\]{
width: 133.14px;
}
.w-\[137px\]{
width: 137px;
}
.w-\[13px\]{
width: 13px;
}
.w-\[140px\]{
width: 140px;
}
.w-\[15\.79px\]{
width: 15.79px;
}
.w-\[150px\]{
width: 150px;
}
.w-\[159px\]{
width: 159px;
}
.w-\[160px\]{
width: 160px;
}
.w-\[165px\]{
width: 165px;
}
.w-\[167px\]{
width: 167px;
}
.w-\[168px\]{
width: 168px;
}
.w-\[16px\]{
width: 16px;
}
.w-\[170\.08px\]{
width: 170.08px;
}
.w-\[170px\]{
width: 170px;
}
.w-\[174px\]{
width: 174px;
}
.w-\[175px\]{
width: 175px;
}
.w-\[185px\]{
width: 185px;
}
.w-\[204px\]{
width: 204px;
}
.w-\[20px\]{
width: 20px;
}
.w-\[210px\]{
width: 210px;
}
.w-\[217px\]{
width: 217px;
}
.w-\[229\.01px\]{
width: 229.01px;
}
.w-\[22px\]{
width: 22px;
}
.w-\[23px\]{
width: 23px;
}
.w-\[25px\]{
width: 25px;
}
.w-\[265px\]{
width: 265px;
}
.w-\[277px\]{
width: 277px;
}
.w-\[28px\]{
width: 28px;
}
.w-\[290px\]{
width: 290px;
}
.w-\[301px\]{
width: 301px;
}
.w-\[30px\]{
width: 30px;
}
.w-\[32px\]{
width: 32px;
}
.w-\[351px\]{
width: 351px;
}
.w-\[400px\]{
width: 400px;
}
.w-\[40px\]{
width: 40px;
}
.w-\[44px\]{
width: 44px;
}
.w-\[46px\]{
width: 46px;
}
.w-\[52px\]{
width: 52px;
}
.w-\[552px\]{
width: 552px;
}
.w-\[556px\]{
width: 556px;
}
.w-\[67px\]{
width: 67px;
}
.w-\[700px\]{
width: 700px;
}
.w-\[71\.43px\]{
width: 71.43px;
}
.w-\[84\.65px\]{
width: 84.65px;
}
.w-\[89\.5px\]{
width: 89.5px;
}
.w-\[90\%\]{
width: 90%;
}
.w-\[90px\]{
width: 90px;
}
.w-\[94\%\]{
width: 94%;
}
.w-fit{
width: fit-content;
}
.w-full{
width: 100%;
}
.min-w-\[140px\]{
min-width: 140px;
}
.min-w-\[179px\]{
min-width: 179px;
}
.max-w-\[110px\]{
max-width: 110px;
}
.max-w-\[200px\]{
max-width: 200px;
}
.max-w-\[365px\]{
max-width: 365px;
}
.max-w-\[417px\]{
max-width: 417px;
}
.max-w-\[573px\]{
max-width: 573px;
}
.max-w-\[60px\]{
max-width: 60px;
}
.max-w-\[64px\]{
max-width: 64px;
}
.max-w-\[72px\]{
max-width: 72px;
}
.max-w-\[84px\]{
max-width: 84px;
}
.max-w-\[89\.5px\]{
max-width: 89.5px;
}
.max-w-screen-3xl{
max-width: 1496px;
}
.max-w-screen-sm{
max-width: 640px;
}
.max-w-screen-xs{
max-width: 420px;
}
.max-w-xs{
max-width: 20rem;
}
.flex-1{
flex: 1 1 0%;
}
.shrink-0{
flex-shrink: 0;
}
.grow{
flex-grow: 1;
}
.grow-0{
flex-grow: 0;
}
.border-collapse{
border-collapse: collapse;
}
.-translate-x-\[50\%\]{
--tw-translate-x: -50%;
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));
}
.-translate-y-\[50\%\]{
--tw-translate-y: -50%;
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-110{
--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));
}
.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));
}
.cursor-pointer{
cursor: pointer;
}
.resize{
resize: both;
}
.grid-cols-1{
grid-template-columns: repeat(1, minmax(0, 1fr));
}
.grid-cols-2{
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.flex-row{
flex-direction: row;
}
.flex-col{
flex-direction: column;
}
.flex-wrap{
flex-wrap: wrap;
}
.items-start{
align-items: flex-start;
}
.items-end{
align-items: flex-end;
}
.items-center{
align-items: center;
}
.items-baseline{
align-items: baseline;
}
.justify-start{
justify-content: flex-start;
}
.justify-end{
justify-content: flex-end;
}
.justify-center{
justify-content: center;
}
.justify-between{
justify-content: space-between;
}
.gap-1{
gap: 0.25rem;
}
.gap-2{
gap: 0.5rem;
}
.gap-3{
gap: 0.75rem;
}
.gap-4{
gap: 1rem;
}
.gap-5{
gap: 1.25rem;
}
.gap-6{
gap: 1.5rem;
}
.gap-7{
gap: 1.75rem;
}
.gap-\[10\.39px\]{
gap: 10.39px;
}
.gap-\[10px\]{
gap: 10px;
}
.gap-\[12\.96px\]{
gap: 12.96px;
}
.gap-\[12px\]{
gap: 12px;
}
.gap-\[13\.33px\]{
gap: 13.33px;
}
.gap-\[13\.6px\]{
gap: 13.6px;
}
.gap-\[14\.33px\]{
gap: 14.33px;
}
.gap-\[14\.53px\]{
gap: 14.53px;
}
.gap-\[14px\]{
gap: 14px;
}
.gap-\[15\.5px\]{
gap: 15.5px;
}
.gap-\[15px\]{
gap: 15px;
}
.gap-\[16\.14px\]{
gap: 16.14px;
}
.gap-\[16\.42px\]{
gap: 16.42px;
}
.gap-\[16px\]{
gap: 16px;
}
.gap-\[17\.54px\]{
gap: 17.54px;
}
.gap-\[18\.43px\]{
gap: 18.43px;
}
.gap-\[18px\]{
gap: 18px;
}
.gap-\[20px\]{
gap: 20px;
}
.gap-\[24\.98px\]{
gap: 24.98px;
}
.gap-\[47px\]{
gap: 47px;
}
.gap-\[4px\]{
gap: 4px;
}
.gap-\[5px\]{
gap: 5px;
}
.gap-\[6px\]{
gap: 6px;
}
.gap-\[7\.5px\]{
gap: 7.5px;
}
.gap-\[8\.79px\]{
gap: 8.79px;
}
.gap-\[8px\]{
gap: 8px;
}
.gap-\[9px\]{
gap: 9px;
}
.space-x-1 > :not([hidden]) ~ :not([hidden]){
--tw-space-x-reverse: 0;
margin-right: calc(0.25rem * var(--tw-space-x-reverse));
margin-left: calc(0.25rem * calc(1 - var(--tw-space-x-reverse)));
}
.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-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));
}
.self-start{
align-self: flex-start;
}
.overflow-hidden{
overflow: hidden;
}
.overflow-y-auto{
overflow-y: auto;
}
.overflow-x-hidden{
overflow-x: hidden;
}
.text-ellipsis{
text-overflow: ellipsis;
}
.whitespace-nowrap{
white-space: nowrap;
}
.text-wrap{
text-wrap: wrap;
}
.break-all{
word-break: break-all;
}
.rounded{
border-radius: 0.25rem;
}
.rounded-2xl{
border-radius: 1rem;
}
.rounded-3xl{
border-radius: 1.5rem;
}
.rounded-\[12px\]{
border-radius: 12px;
}
.rounded-\[15px\]{
border-radius: 15px;
}
.rounded-\[16px\]{
border-radius: 16px;
}
.rounded-\[18px\]{
border-radius: 18px;
}
.rounded-\[30px\]{
border-radius: 30px;
}
.rounded-\[4px\]{
border-radius: 4px;
}
.rounded-\[50\%\]{
border-radius: 50%;
}
.rounded-\[50px\]{
border-radius: 50px;
}
.rounded-\[6px\]{
border-radius: 6px;
}
.rounded-\[70px\]{
border-radius: 70px;
}
.rounded-\[7px\]{
border-radius: 7px;
}
.rounded-\[8px\]{
border-radius: 8px;
}
.rounded-full{
border-radius: 9999px;
}
.rounded-lg{
border-radius: 0.5rem;
}
.rounded-md{
border-radius: 0.375rem;
}
.rounded-none{
border-radius: 0px;
}
.rounded-xl{
border-radius: 0.75rem;
}
.rounded-b-\[32px\]{
border-bottom-right-radius: 32px;
border-bottom-left-radius: 32px;
}
.rounded-b-\[8px\]{
border-bottom-right-radius: 8px;
border-bottom-left-radius: 8px;
}
.rounded-l-\[12px\]{
border-top-left-radius: 12px;
border-bottom-left-radius: 12px;
}
.rounded-r-\[32px\]{
border-top-right-radius: 32px;
border-bottom-right-radius: 32px;
}
.rounded-t-\[12px\]{
border-top-left-radius: 12px;
border-top-right-radius: 12px;
}
.rounded-t-\[8px\]{
border-top-left-radius: 8px;
border-top-right-radius: 8px;
}
.rounded-t-md{
border-top-left-radius: 0.375rem;
border-top-right-radius: 0.375rem;
}
.rounded-bl-\[32px\]{
border-bottom-left-radius: 32px;
}
.rounded-br-\[32px\]{
border-bottom-right-radius: 32px;
}
.rounded-tl-\[32px\]{
border-top-left-radius: 32px;
}
.border{
border-width: 1px;
}
.border-0{
border-width: 0px;
}
.border-2{
border-width: 2px;
}
.border-8{
border-width: 8px;
}
.border-\[1px\]{
border-width: 1px;
}
.border-b{
border-bottom-width: 1px;
}
.border-l-2{
border-left-width: 2px;
}
.border-r{
border-right-width: 1px;
}
.border-none{
border-style: none;
}
.border-gray-300{
--tw-border-opacity: 1;
border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
}
.border-ik_bluegreybluegrey{
border-color: var(--ik_bluegreybluegrey);
}
.border-ik_bluegreydarken1{
border-color: var(--ik_bluegreydarken1);
}
.border-ik_bluegreydarken3{
border-color: var(--ik_bluegreydarken3);
}
.border-ik_bluegreydarken6{
border-color: var(--ik_bluegreydarken6);
}
.border-ik_bluegreylighten1{
border-color: var( --ik_bluegreylighten1);
}
.border-ik_bluegreylighten3{
border-color: var( --ik_bluegreylighten3);
}
.border-ik_bluegreylighten4{
border-color: var( --ik_bluegreylighten4);
}
.border-ik_bluegreylightens3{
border-color: var(--ik_bluegreylightens3);
}
.border-ik_bordervariant2{
border-color: var(--ik_bordervariant2);
}
.border-ik_lightgrey{
border-color: var(--ik_lightgrey);
}
.border-ik_lightorange{
border-color: var(--ik_lightorange);
}
.border-ik_pink{
border-color: var(--ik_pink);
}
.border-ik_pinks{
border-color: var(--ik_pinks);
}
.border-ik_white{
border-color: var(--ik_white);
}
.border-ik_whitevariant-foreground{
border-color: var(--ik_whitevariant-foreground);
}
.\!bg-white{
--tw-bg-opacity: 1 !important;
background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)) !important;
}
.bg-accent{
background-color: hsl(var(--accent));
}
.bg-background{
background-color: hsl(var(--background));
}
.bg-destructive{
background-color: hsl(var(--destructive));
}
.bg-ik_blue{
background-color: var(--ik_blue);
}
.bg-ik_bluegreydarken3{
background-color: var(--ik_bluegreydarken3);
}
.bg-ik_bluegreylighten3{
background-color: var( --ik_bluegreylighten3);
}
.bg-ik_bluegreylighten5{
background-color: var(--ik_bluegreylighten5);
}
.bg-ik_bluegreylighten6{
background-color: var(--ik_bluegreylighten6);
}
.bg-ik_bluegreylighten7{
background-color: var(--ik_bluegreylighten7);
}
.bg-ik_bluegreylightens3{
background-color: var(--ik_bluegreylightens3);
}
.bg-ik_bluevariantcolor{
background-color: var(--ik_bluevariantcolor);
}
.bg-ik_bordervariant2{
background-color: var(--ik_bordervariant2);
}
.bg-ik_green{
background-color: var(--ik_green);
}
.bg-ik_lightblue{
background-color: var(--ik_lightblue);
}
.bg-ik_lightbluevariant{
background-color: var(--ik_lightbluevariant);
}
.bg-ik_lightbluevariant1{
background-color: var(--ik_lightbluevariant1);
}
.bg-ik_lightorange{
background-color: var(--ik_lightorange);
}
.bg-ik_pink{
background-color: var(--ik_pink);
}
.bg-ik_pink-foreground{
background-color: var(--ik_pink-foreground);
}
.bg-ik_pinkbg{
background-color: var(--ik_pinkbg);
}
.bg-ik_redvariant1{
background-color: var(--ik_redvariant1);
}
.bg-ik_white{
background-color: var(--ik_white);
}
.bg-ik_whitevariant{
background-color: var(--ik_whitevariant);
}
.bg-primary{
background-color: var(--ik_pink);
}
.bg-secondary{
background-color: var(--ik_pink_button);
}
.bg-transparent{
background-color: transparent;
}
.bg-white{
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.bg-yellow-100{
--tw-bg-opacity: 1;
background-color: rgb(254 249 195 / var(--tw-bg-opacity, 1));
}
.bg-cover{
background-size: cover;
}
.bg-clip-text{
background-clip: text;
}
.bg-no-repeat{
background-repeat: no-repeat;
}
.object-contain{
object-fit: contain;
}
.object-cover{
object-fit: cover;
}
.\!p-0{
padding: 0px !important;
}
.p-0{
padding: 0px;
}
.p-1{
padding: 0.25rem;
}
.p-2{
padding: 0.5rem;
}
.p-2\.5{
padding: 0.625rem;
}
.p-3{
padding: 0.75rem;
}
.p-4{
padding: 1rem;
}
.p-5{
padding: 1.25rem;
}
.p-6{
padding: 1.5rem;
}
.p-\[10px\]{
padding: 10px;
}
.p-\[12px\]{
padding: 12px;
}
.p-\[13px_9px_12px_9px\]{
padding: 13px 9px 12px 9px;
}
.p-\[15px\]{
padding: 15px;
}
.p-\[19px\]{
padding: 19px;
}
.p-\[20px\]{
padding: 20px;
}
.p-\[21\.8px\]{
padding: 21.8px;
}
.p-\[2px\]{
padding: 2px;
}
.p-\[3px\]{
padding: 3px;
}
.p-\[4px\]{
padding: 4px;
}
.p-\[5px\]{
padding: 5px;
}
.p-\[6px\]{
padding: 6px;
}
.p-\[8px\]{
padding: 8px;
}
.px-0{
padding-left: 0px;
padding-right: 0px;
}
.px-1{
padding-left: 0.25rem;
padding-right: 0.25rem;
}
.px-16{
padding-left: 4rem;
padding-right: 4rem;
}
.px-2{
padding-left: 0.5rem;
padding-right: 0.5rem;
}
.px-3{
padding-left: 0.75rem;
padding-right: 0.75rem;
}
.px-3\.5{
padding-left: 0.875rem;
padding-right: 0.875rem;
}
.px-4{
padding-left: 1rem;
padding-right: 1rem;
}
.px-5{
padding-left: 1.25rem;
padding-right: 1.25rem;
}
.px-7{
padding-left: 1.75rem;
padding-right: 1.75rem;
}
.px-8{
padding-left: 2rem;
padding-right: 2rem;
}
.px-\[0\.9px\]{
padding-left: 0.9px;
padding-right: 0.9px;
}
.px-\[100px\]{
padding-left: 100px;
padding-right: 100px;
}
.px-\[12px\]{
padding-left: 12px;
padding-right: 12px;
}
.px-\[13px\]{
padding-left: 13px;
padding-right: 13px;
}
.px-\[14\.09px\]{
padding-left: 14.09px;
padding-right: 14.09px;
}
.px-\[14px\]{
padding-left: 14px;
padding-right: 14px;
}
.px-\[15\.6px\]{
padding-left: 15.6px;
padding-right: 15.6px;
}
.px-\[16\.43px\]{
padding-left: 16.43px;
padding-right: 16.43px;
}
.px-\[16\.54px\]{
padding-left: 16.54px;
padding-right: 16.54px;
}
.px-\[16\.55px\]{
padding-left: 16.55px;
padding-right: 16.55px;
}
.px-\[16\.61px\]{
padding-left: 16.61px;
padding-right: 16.61px;
}
.px-\[16px\]{
padding-left: 16px;
padding-right: 16px;
}
.px-\[18px\]{
padding-left: 18px;
padding-right: 18px;
}
.px-\[19\.6px\]{
padding-left: 19.6px;
padding-right: 19.6px;
}
.px-\[20\.48px\]{
padding-left: 20.48px;
padding-right: 20.48px;
}
.px-\[20\.5px\]{
padding-left: 20.5px;
padding-right: 20.5px;
}
.px-\[20px\]{
padding-left: 20px;
padding-right: 20px;
}
.px-\[21px\]{
padding-left: 21px;
padding-right: 21px;
}
.px-\[22\.2px\]{
padding-left: 22.2px;
padding-right: 22.2px;
}
.px-\[23\.2px\]{
padding-left: 23.2px;
padding-right: 23.2px;
}
.px-\[24px\]{
padding-left: 24px;
padding-right: 24px;
}
.px-\[25\.56px\]{
padding-left: 25.56px;
padding-right: 25.56px;
}
.px-\[25px\]{
padding-left: 25px;
padding-right: 25px;
}
.px-\[26\.28px\]{
padding-left: 26.28px;
padding-right: 26.28px;
}
.px-\[28px\]{
padding-left: 28px;
padding-right: 28px;
}
.px-\[34\.5px\]{
padding-left: 34.5px;
padding-right: 34.5px;
}
.px-\[38\.49px\]{
padding-left: 38.49px;
padding-right: 38.49px;
}
.px-\[3px\]{
padding-left: 3px;
padding-right: 3px;
}
.px-\[67px\]{
padding-left: 67px;
padding-right: 67px;
}
.px-\[6px\]{
padding-left: 6px;
padding-right: 6px;
}
.px-\[8px\]{
padding-left: 8px;
padding-right: 8px;
}
.px-\[9\.5px\]{
padding-left: 9.5px;
padding-right: 9.5px;
}
.px-\[92px\]{
padding-left: 92px;
padding-right: 92px;
}
.py-0{
padding-top: 0px;
padding-bottom: 0px;
}
.py-1{
padding-top: 0.25rem;
padding-bottom: 0.25rem;
}
.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-3\.5{
padding-top: 0.875rem;
padding-bottom: 0.875rem;
}
.py-4{
padding-top: 1rem;
padding-bottom: 1rem;
}
.py-5{
padding-top: 1.25rem;
padding-bottom: 1.25rem;
}
.py-\[0px\]{
padding-top: 0px;
padding-bottom: 0px;
}
.py-\[10\.57px\]{
padding-top: 10.57px;
padding-bottom: 10.57px;
}
.py-\[10px\]{
padding-top: 10px;
padding-bottom: 10px;
}
.py-\[11\.57px\]{
padding-top: 11.57px;
padding-bottom: 11.57px;
}
.py-\[11\.97px\]{
padding-top: 11.97px;
padding-bottom: 11.97px;
}
.py-\[11px\]{
padding-top: 11px;
padding-bottom: 11px;
}
.py-\[12\.75px\]{
padding-top: 12.75px;
padding-bottom: 12.75px;
}
.py-\[12px\]{
padding-top: 12px;
padding-bottom: 12px;
}
.py-\[13px\]{
padding-top: 13px;
padding-bottom: 13px;
}
.py-\[14\.05px\]{
padding-top: 14.05px;
padding-bottom: 14.05px;
}
.py-\[14\.5px\]{
padding-top: 14.5px;
padding-bottom: 14.5px;
}
.py-\[14\.92px\]{
padding-top: 14.92px;
padding-bottom: 14.92px;
}
.py-\[14px\]{
padding-top: 14px;
padding-bottom: 14px;
}
.py-\[15px\]{
padding-top: 15px;
padding-bottom: 15px;
}
.py-\[16\.6px\]{
padding-top: 16.6px;
padding-bottom: 16.6px;
}
.py-\[16\.92px\]{
padding-top: 16.92px;
padding-bottom: 16.92px;
}
.py-\[16px\]{
padding-top: 16px;
padding-bottom: 16px;
}
.py-\[17px\]{
padding-top: 17px;
padding-bottom: 17px;
}
.py-\[19\.95px\]{
padding-top: 19.95px;
padding-bottom: 19.95px;
}
.py-\[20px\]{
padding-top: 20px;
padding-bottom: 20px;
}
.py-\[21\.47px\]{
padding-top: 21.47px;
padding-bottom: 21.47px;
}
.py-\[21px\]{
padding-top: 21px;
padding-bottom: 21px;
}
.py-\[22\.87px\]{
padding-top: 22.87px;
padding-bottom: 22.87px;
}
.py-\[22px\]{
padding-top: 22px;
padding-bottom: 22px;
}
.py-\[23px\]{
padding-top: 23px;
padding-bottom: 23px;
}
.py-\[25px\]{
padding-top: 25px;
padding-bottom: 25px;
}
.py-\[26\.08px\]{
padding-top: 26.08px;
padding-bottom: 26.08px;
}
.py-\[28\.2px\]{
padding-top: 28.2px;
padding-bottom: 28.2px;
}
.py-\[2px\]{
padding-top: 2px;
padding-bottom: 2px;
}
.py-\[30\.43px\]{
padding-top: 30.43px;
padding-bottom: 30.43px;
}
.py-\[38px\]{
padding-top: 38px;
padding-bottom: 38px;
}
.py-\[6px\]{
padding-top: 6px;
padding-bottom: 6px;
}
.py-\[8px\]{
padding-top: 8px;
padding-bottom: 8px;
}
.py-\[9\.2px\]{
padding-top: 9.2px;
padding-bottom: 9.2px;
}
.pb-0{
padding-bottom: 0px;
}
.pb-2{
padding-bottom: 0.5rem;
}
.pb-3{
padding-bottom: 0.75rem;
}
.pb-4{
padding-bottom: 1rem;
}
.pb-5{
padding-bottom: 1.25rem;
}
.pb-\[0px\]{
padding-bottom: 0px;
}
.pb-\[10\.6px\]{
padding-bottom: 10.6px;
}
.pb-\[10px\]{
padding-bottom: 10px;
}
.pb-\[11\.97px\]{
padding-bottom: 11.97px;
}
.pb-\[12\.41px\]{
padding-bottom: 12.41px;
}
.pb-\[12\.78px\]{
padding-bottom: 12.78px;
}
.pb-\[12px\]{
padding-bottom: 12px;
}
.pb-\[13\.06px\]{
padding-bottom: 13.06px;
}
.pb-\[14\.3px\]{
padding-bottom: 14.3px;
}
.pb-\[14px\]{
padding-bottom: 14px;
}
.pb-\[15\.63px\]{
padding-bottom: 15.63px;
}
.pb-\[15\.68px\]{
padding-bottom: 15.68px;
}
.pb-\[15\.71px\]{
padding-bottom: 15.71px;
}
.pb-\[15px\]{
padding-bottom: 15px;
}
.pb-\[16\.47px\]{
padding-bottom: 16.47px;
}
.pb-\[16\.71px\]{
padding-bottom: 16.71px;
}
.pb-\[16\.7px\]{
padding-bottom: 16.7px;
}
.pb-\[16px\]{
padding-bottom: 16px;
}
.pb-\[18\.37px\]{
padding-bottom: 18.37px;
}
.pb-\[18px\]{
padding-bottom: 18px;
}
.pb-\[20\.3px\]{
padding-bottom: 20.3px;
}
.pb-\[200px\]{
padding-bottom: 200px;
}
.pb-\[20px\]{
padding-bottom: 20px;
}
.pb-\[21px\]{
padding-bottom: 21px;
}
.pb-\[23\.46px\]{
padding-bottom: 23.46px;
}
.pb-\[23\.5px\]{
padding-bottom: 23.5px;
}
.pb-\[23px\]{
padding-bottom: 23px;
}
.pb-\[24\.01px\]{
padding-bottom: 24.01px;
}
.pb-\[24px\]{
padding-bottom: 24px;
}
.pb-\[28\.2px\]{
padding-bottom: 28.2px;
}
.pb-\[28px\]{
padding-bottom: 28px;
}
.pb-\[29\.99px\]{
padding-bottom: 29.99px;
}
.pb-\[29px\]{
padding-bottom: 29px;
}
.pb-\[30\.13px\]{
padding-bottom: 30.13px;
}
.pb-\[30px\]{
padding-bottom: 30px;
}
.pb-\[31\.15px\]{
padding-bottom: 31.15px;
}
.pb-\[32\.41px\]{
padding-bottom: 32.41px;
}
.pb-\[32\.59px\]{
padding-bottom: 32.59px;
}
.pb-\[33\.23px\]{
padding-bottom: 33.23px;
}
.pb-\[33px\]{
padding-bottom: 33px;
}
.pb-\[35\.34px\]{
padding-bottom: 35.34px;
}
.pb-\[36\.02px\]{
padding-bottom: 36.02px;
}
.pb-\[3px\]{
padding-bottom: 3px;
}
.pb-\[40\.11px\]{
padding-bottom: 40.11px;
}
.pb-\[40px\]{
padding-bottom: 40px;
}
.pb-\[43px\]{
padding-bottom: 43px;
}
.pb-\[4px\]{
padding-bottom: 4px;
}
.pb-\[6\.97px\]{
padding-bottom: 6.97px;
}
.pb-\[8\.34px\]{
padding-bottom: 8.34px;
}
.pb-\[8px\]{
padding-bottom: 8px;
}
.pb-\[9\.75px\]{
padding-bottom: 9.75px;
}
.pl-2{
padding-left: 0.5rem;
}
.pl-3{
padding-left: 0.75rem;
}
.pl-4{
padding-left: 1rem;
}
.pl-5{
padding-left: 1.25rem;
}
.pl-\[10px\]{
padding-left: 10px;
}
.pl-\[12px\]{
padding-left: 12px;
}
.pl-\[16px\]{
padding-left: 16px;
}
.pl-\[17px\]{
padding-left: 17px;
}
.pl-\[18px\]{
padding-left: 18px;
}
.pl-\[19px\]{
padding-left: 19px;
}
.pl-\[21px\]{
padding-left: 21px;
}
.pl-\[24px\]{
padding-left: 24px;
}
.pl-\[39px\]{
padding-left: 39px;
}
.pl-\[5px\]{
padding-left: 5px;
}
.pl-\[6px\]{
padding-left: 6px;
}
.pr-0{
padding-right: 0px;
}
.pr-2{
padding-right: 0.5rem;
}
.pr-4{
padding-right: 1rem;
}
.pr-\[12px\]{
padding-right: 12px;
}
.pr-\[15\.12px\]{
padding-right: 15.12px;
}
.pr-\[30\.94px\]{
padding-right: 30.94px;
}
.pr-\[8px\]{
padding-right: 8px;
}
.pr-\[9\.42px\]{
padding-right: 9.42px;
}
.pt-0{
padding-top: 0px;
}
.pt-1{
padding-top: 0.25rem;
}
.pt-10{
padding-top: 2.5rem;
}
.pt-2{
padding-top: 0.5rem;
}
.pt-3{
padding-top: 0.75rem;
}
.pt-4{
padding-top: 1rem;
}
.pt-5{
padding-top: 1.25rem;
}
.pt-6{
padding-top: 1.5rem;
}
.pt-8{
padding-top: 2rem;
}
.pt-9{
padding-top: 2.25rem;
}
.pt-\[0\.5px\]{
padding-top: 0.5px;
}
.pt-\[10px\]{
padding-top: 10px;
}
.pt-\[11px\]{
padding-top: 11px;
}
.pt-\[12\.12px\]{
padding-top: 12.12px;
}
.pt-\[12\.51px\]{
padding-top: 12.51px;
}
.pt-\[12\.62px\]{
padding-top: 12.62px;
}
.pt-\[12\.71px\]{
padding-top: 12.71px;
}
.pt-\[12\.86px\]{
padding-top: 12.86px;
}
.pt-\[12\.92px\]{
padding-top: 12.92px;
}
.pt-\[12\.97px\]{
padding-top: 12.97px;
}
.pt-\[12px\]{
padding-top: 12px;
}
.pt-\[13\.36px\]{
padding-top: 13.36px;
}
.pt-\[14\.83px\]{
padding-top: 14.83px;
}
.pt-\[14px\]{
padding-top: 14px;
}
.pt-\[15\.39px\]{
padding-top: 15.39px;
}
.pt-\[16\.09px\]{
padding-top: 16.09px;
}
.pt-\[16\.21px\]{
padding-top: 16.21px;
}
.pt-\[16\.26px\]{
padding-top: 16.26px;
}
.pt-\[16\.56px\]{
padding-top: 16.56px;
}
.pt-\[16\.6px\]{
padding-top: 16.6px;
}
.pt-\[16px\]{
padding-top: 16px;
}
.pt-\[17\.37px\]{
padding-top: 17.37px;
}
.pt-\[20\.01px\]{
padding-top: 20.01px;
}
.pt-\[20\.79px\]{
padding-top: 20.79px;
}
.pt-\[20px\]{
padding-top: 20px;
}
.pt-\[21\.36px\]{
padding-top: 21.36px;
}
.pt-\[23px\]{
padding-top: 23px;
}
.pt-\[24\.9px\]{
padding-top: 24.9px;
}
.pt-\[24px\]{
padding-top: 24px;
}
.pt-\[26\.51px\]{
padding-top: 26.51px;
}
.pt-\[2px\]{
padding-top: 2px;
}
.pt-\[32px\]{
padding-top: 32px;
}
.pt-\[34px\]{
padding-top: 34px;
}
.pt-\[40\.88px\]{
padding-top: 40.88px;
}
.pt-\[40px\]{
padding-top: 40px;
}
.pt-\[51\.55px\]{
padding-top: 51.55px;
}
.pt-\[5px\]{
padding-top: 5px;
}
.pt-\[6\.88px\]{
padding-top: 6.88px;
}
.pt-\[6px\]{
padding-top: 6px;
}
.pt-\[8\.49px\]{
padding-top: 8.49px;
}
.pt-\[8px\]{
padding-top: 8px;
}
.pt-\[9\.9px\]{
padding-top: 9.9px;
}
.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;
}
.align-middle{
vertical-align: middle;
}
.align-bottom{
vertical-align: bottom;
}
.font-sora{
font-family: var(--sora);
}
.text-\[0\.8rem\]{
font-size: 0.8rem;
}
.text-\[10px\]{
font-size: 10px;
}
.text-\[11px\]{
font-size: 11px;
}
.text-\[14px\]{
font-size: 14px;
}
.text-\[150px\]{
font-size: 150px;
}
.text-f10{
font-size: var(--f10);
}
.text-f12{
font-size: var(--f12);
}
.text-f14{
font-size: var(--f14);
}
.text-f15{
font-size: var(--f15);
}
.text-f16{
font-size: var(--f16);
}
.text-f18{
font-size: var(--f18);
}
.text-f20{
font-size: var(--f20);
}
.text-f22{
font-size: var(--f22);
}
.text-f24{
font-size: var(--f24);
}
.text-f28{
font-size: var(--f28);
}
.text-f30{
font-size: var(--f30);
}
.text-f32{
font-size: var(--f32);
}
.text-f36{
font-size: var(--f36);
}
.text-f38{
font-size: var(--f38);
}
.text-f48{
font-size: var(--f48);
}
.text-f56{
font-size: var(--f56);
}
.font-\[500\]{
font-weight: 500;
}
.font-bold{
font-weight: 700;
}
.font-extrabold{
font-weight: 800;
}
.font-medium{
font-weight: 500;
}
.font-normal{
font-weight: 400;
}
.font-semibold{
font-weight: 600;
}
.\!capitalize{
text-transform: capitalize !important;
}
.capitalize{
text-transform: capitalize;
}
.leading-10{
line-height: 2.5rem;
}
.leading-4{
line-height: 1rem;
}
.leading-5{
line-height: 1.25rem;
}
.leading-6{
line-height: 1.5rem;
}
.leading-7{
line-height: 1.75rem;
}
.leading-8{
line-height: 2rem;
}
.leading-9{
line-height: 2.25rem;
}
.leading-\[14px\]{
line-height: 14px;
}
.leading-\[15\.09px\]{
line-height: 15.09px;
}
.leading-\[15\.12px\]{
line-height: 15.12px;
}
.leading-\[15\.52px\]{
line-height: 15.52px;
}
.leading-\[15\.64px\]{
line-height: 15.64px;
}
.leading-\[15px\]{
line-height: 15px;
}
.leading-\[16px\]{
line-height: 16px;
}
.leading-\[17\.64px\]{
line-height: 17.64px;
}
.leading-\[17\.89px\]{
line-height: 17.89px;
}
.leading-\[17px\]{
line-height: 17px;
}
.leading-\[18px\]{
line-height: 18px;
}
.leading-\[19\.84px\]{
line-height: 19.84px;
}
.leading-\[19\.95px\]{
line-height: 19.95px;
}
.leading-\[20\.12px\]{
line-height: 20.12px;
}
.leading-\[20\.16px\]{
line-height: 20.16px;
}
.leading-\[20\.44px\]{
line-height: 20.44px;
}
.leading-\[20px\]{
line-height: 20px;
}
.leading-\[22\.44px\]{
line-height: 22.44px;
}
.leading-\[22\.68px\]{
line-height: 22.68px;
}
.leading-\[22px\]{
line-height: 22px;
}
.leading-\[23px\]{
line-height: 23px;
}
.leading-\[24\.8px\]{
line-height: 24.8px;
}
.leading-\[24px\]{
line-height: 24px;
}
.leading-\[25\.2px\]{
line-height: 25.2px;
}
.leading-\[25\.3px\]{
line-height: 25.3px;
}
.leading-\[26px\]{
line-height: 26px;
}
.leading-\[27\.22px\]{
line-height: 27.22px;
}
.leading-\[27\.2px\]{
line-height: 27.2px;
}
.leading-\[27\.72px\]{
line-height: 27.72px;
}
.leading-\[28px\]{
line-height: 28px;
}
.leading-\[30px\]{
line-height: 30px;
}
.leading-\[32\.76px\]{
line-height: 32.76px;
}
.leading-\[32px\]{
line-height: 32px;
}
.leading-\[37\.8px\]{
line-height: 37.8px;
}
.leading-\[49px\]{
line-height: 49px;
}
.leading-\[6px\]{
line-height: 6px;
}
.leading-\[70px\]{
line-height: 70px;
}
.\!text-ik_white{
color: var(--ik_white) !important;
}
.text-\[\#3b4357\]{
--tw-text-opacity: 1;
color: rgb(59 67 87 / var(--tw-text-opacity, 1));
}
.text-accent-foreground{
color: hsl(var(--accent-foreground));
}
.text-black{
--tw-text-opacity: 1;
color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}
.text-destructive-foreground{
color: hsl(var(--destructive-foreground));
}
.text-gray-500{
--tw-text-opacity: 1;
color: rgb(107 114 128 / var(--tw-text-opacity, 1));
}
.text-ik_blue{
color: var(--ik_blue);
}
.text-ik_blue-foreground{
color: var(--ik_blue-foreground);
}
.text-ik_bluegreybluegrey{
color: var(--ik_bluegreybluegrey);
}
.text-ik_bluegreydarken1{
color: var(--ik_bluegreydarken1);
}
.text-ik_bluegreydarken2{
color: var(--ik_bluegreydarken2);
}
.text-ik_bluegreydarken3{
color: var(--ik_bluegreydarken3);
}
.text-ik_bluegreydarken4{
color: var(--ik_bluegreydarken4);
}
.text-ik_bluegreydarken6{
color: var(--ik_bluegreydarken6);
}
.text-ik_bluegreylighten1{
color: var( --ik_bluegreylighten1);
}
.text-ik_bluegreylighten2{
color: var( --ik_bluegreylighten2);
}
.text-ik_darkblue{
color: var(--ik_darkblue);
}
.text-ik_darkblue1{
color: var(--ik_darkblue1);
}
.text-ik_green-foreground{
color: var(--ik_green-foreground);
}
.text-ik_lightgrey{
color: var(--ik_lightgrey);
}
.text-ik_pink{
color: var(--ik_pink);
}
.text-ik_pink-foreground{
color: var(--ik_pink-foreground);
}
.text-ik_pinks{
color: var(--ik_pinks);
}
.text-ik_red{
color: var(--ik_red);
}
.text-ik_titlecolor{
color: var(--ik_titlecolor);
}
.text-ik_white{
color: var(--ik_white);
}
.text-ik_whitevariant-foreground{
color: var(--ik_whitevariant-foreground);
}
.text-inherit{
color: inherit;
}
.text-muted-foreground{
color: hsl(var(--muted-foreground));
}
.text-primary{
color: var(--ik_pink);
}
.text-primary-foreground{
color: var(--ik_pink-foreground);
}
.text-secondary-foreground{
color: var(--ik_pink-foreground-button);
}
.text-white{
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.underline{
text-decoration-line: underline;
}
.decoration-2{
text-decoration-thickness: 2px;
}
.underline-offset-4{
text-underline-offset: 4px;
}
.underline-offset-8{
text-underline-offset: 8px;
}
.antialiased{
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.opacity-50{
opacity: 0.5;
}
.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-custom-hsla{
--tw-shadow: 0px 1px 2px 0px hsla(0, 0%, 0%, 0.25);
--tw-shadow-colored: 0px 1px 2px 0px 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-custom-shadow{
--tw-shadow: 0px 5px 10px 0px hsla(0, 0%, 0%, 0.15);
--tw-shadow-colored: 0px 5px 10px 0px 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-none{
--tw-shadow: 0 0 #0000;
--tw-shadow-colored: 0 0 #0000;
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);
}
.shadow-ik_boxshadiowcolor{
--tw-shadow-color: var(--ik_boxshadiowcolor);
--tw-shadow: var(--tw-shadow-colored);
}
.outline-none{
outline: 2px solid transparent;
outline-offset: 2px;
}
.outline{
outline-style: solid;
}
.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);
}
.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);
}
.grayscale-0{
--tw-grayscale: grayscale(0);
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);
}
.transition{
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
}
.transition-colors{
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
}
.duration-200{
transition-duration: 200ms;
}
.duration-300{
transition-duration: 300ms;
}
.ease-in-out{
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
@keyframes enter{
from{
opacity: var(--tw-enter-opacity, 1);
transform: translate3d(var(--tw-enter-translate-x, 0), var(--tw-enter-translate-y, 0), 0) scale3d(var(--tw-enter-scale, 1), var(--tw-enter-scale, 1), var(--tw-enter-scale, 1)) rotate(var(--tw-enter-rotate, 0));
}
}
@keyframes exit{
to{
opacity: var(--tw-exit-opacity, 1);
transform: translate3d(var(--tw-exit-translate-x, 0), var(--tw-exit-translate-y, 0), 0) scale3d(var(--tw-exit-scale, 1), var(--tw-exit-scale, 1), var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0));
}
}
.duration-200{
animation-duration: 200ms;
}
.duration-300{
animation-duration: 300ms;
}
.ease-in-out{
animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.custom-textwrap {
word-break: break-word;
}
.hide-scrollbar::-webkit-scrollbar {
display: none;
}
.cookie_new > div > div {
flex: unset !important;
}
.cookie_new > div {
justify-content: center !important;
}
.link-cookie {
text-decoration: underline !important;
}
.cookie_new > div > div {
flex: unset !important;
margin: 0px !important;
padding-block: 5px !important;
}
.cookie_new > div {
justify-content: center !important;
padding: 1px;
background: vara(--ik_pink);
}
.cookie_new button {
/* margin: 5px !important; */
border-radius: 25px !important;
}
.CookieConsent {
align-items: center !important;
}
@media (max-width: 1099px) {
.cookie_new > div > div {
font-size: 11px !important;
padding-block: 0px !important;
}
.cookie_new button {
font-size: 11px !important;
/* padding: 0px 7px !important; */
margin: 0px !important;
}
.cookie_new > .CookieConsent > div {
font-size: 11px !important;
}
.cookie_new > div {
padding: 6px 15px !important;
min-height: 46px !important;
}
}
@media (max-width: 356px) and (min-width: 320px) {
.cookie_new > div {
height: 62px !important;
font-size: 11px !important;
}
}
#rcc-confirm-button {
display: none !important;
background: transparent !important;
}
.CookieConsent > div:first-child > button {
padding: 0px !important;
margin: 0px !important;
}
.cookie_new {
font-size: 14px !important;
}
.before\:mt-0\.5::before{
content: var(--tw-content);
margin-top: 0.125rem;
}
.before\:flex-1::before{
content: var(--tw-content);
flex: 1 1 0%;
}
.before\:border-t::before{
content: var(--tw-content);
border-top-width: 1px;
}
.before\:border-neutral-300::before{
content: var(--tw-content);
--tw-border-opacity: 1;
border-color: rgb(212 212 212 / var(--tw-border-opacity, 1));
}
.after\:absolute::after{
content: var(--tw-content);
position: absolute;
}
.after\:bottom-0::after{
content: var(--tw-content);
bottom: 0px;
}
.after\:bottom-\[3px\]::after{
content: var(--tw-content);
bottom: 3px;
}
.after\:left-0::after{
content: var(--tw-content);
left: 0px;
}
.after\:right-\[-12px\]::after{
content: var(--tw-content);
right: -12px;
}
.after\:top-\[14px\]::after{
content: var(--tw-content);
top: 14px;
}
.after\:mt-0\.5::after{
content: var(--tw-content);
margin-top: 0.125rem;
}
.after\:h-\[2px\]::after{
content: var(--tw-content);
height: 2px;
}
.after\:h-px::after{
content: var(--tw-content);
height: 1px;
}
.after\:w-\[104px\]::after{
content: var(--tw-content);
width: 104px;
}
.after\:w-\[4px\]::after{
content: var(--tw-content);
width: 4px;
}
.after\:w-full::after{
content: var(--tw-content);
width: 100%;
}
.after\:flex-1::after{
content: var(--tw-content);
flex: 1 1 0%;
}
.after\:border-t::after{
content: var(--tw-content);
border-top-width: 1px;
}
.after\:border-neutral-300::after{
content: var(--tw-content);
--tw-border-opacity: 1;
border-color: rgb(212 212 212 / var(--tw-border-opacity, 1));
}
.after\:bg-ik_bluegreylighten4::after{
content: var(--tw-content);
background-color: var( --ik_bluegreylighten4);
}
.after\:bg-white::after{
content: var(--tw-content);
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.after\:content-\[\'\'\]::after{
--tw-content: '';
content: var(--tw-content);
}
.last-of-type\:mb-\[64px\]:last-of-type{
margin-bottom: 64px;
}
.focus-within\:relative:focus-within{
position: relative;
}
.focus-within\:z-20:focus-within{
z-index: 20;
}
.hover\:scale-105:hover{
--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));
}
.hover\:scale-110: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));
}
.hover\:border-2:hover{
border-width: 2px;
}
.hover\:border-ik_whitevariant-foreground:hover{
border-color: var(--ik_whitevariant-foreground);
}
.hover\:\!bg-ik_bordervariant2:hover{
background-color: var(--ik_bordervariant2) !important;
}
.hover\:bg-accent:hover{
background-color: hsl(var(--accent));
}
.hover\:bg-destructive\/90:hover{
background-color: hsl(var(--destructive) / 0.9);
}
.hover\:bg-ik_bluegreylighten5:hover{
background-color: var(--ik_bluegreylighten5);
}
.hover\:bg-primary:hover{
background-color: var(--ik_pink);
}
.hover\:text-accent-foreground:hover{
color: hsl(var(--accent-foreground));
}
.hover\:text-ik_pink:hover{
color: var(--ik_pink);
}
.hover\:text-ik_whitevariant-foreground:hover{
color: var(--ik_whitevariant-foreground);
}
.hover\:text-primary-foreground:hover{
color: var(--ik_pink-foreground);
}
.hover\:underline:hover{
text-decoration-line: underline;
}
.hover\:opacity-100:hover{
opacity: 1;
}
.hover\:shadow-xl:hover{
--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);
}
.hover\:grayscale:hover{
--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);
}
.focus\:bg-primary:focus{
background-color: var(--ik_pink);
}
.focus\:text-primary-foreground:focus{
color: var(--ik_pink-foreground);
}
.focus-visible\:outline-none:focus-visible{
outline: 2px solid transparent;
outline-offset: 2px;
}
.focus-visible\:ring-1:focus-visible{
--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);
}
.disabled\:pointer-events-none:disabled{
pointer-events: none;
}
.disabled\:opacity-50:disabled{
opacity: 0.5;
}
.group:hover .group-hover\:block{
display: block;
}
.aria-selected\:bg-accent[aria-selected="true"]{
background-color: hsl(var(--accent));
}
.aria-selected\:bg-accent\/50[aria-selected="true"]{
background-color: hsl(var(--accent) / 0.5);
}
.aria-selected\:text-accent-foreground[aria-selected="true"]{
color: hsl(var(--accent-foreground));
}
.aria-selected\:text-muted-foreground[aria-selected="true"]{
color: hsl(var(--muted-foreground));
}
.aria-selected\:opacity-100[aria-selected="true"]{
opacity: 1;
}
.aria-selected\:opacity-30[aria-selected="true"]{
opacity: 0.3;
}
.dark\:before\:border-neutral-500:is(.dark *)::before{
content: var(--tw-content);
--tw-border-opacity: 1;
border-color: rgb(115 115 115 / var(--tw-border-opacity, 1));
}
.dark\:after\:border-neutral-500:is(.dark *)::after{
content: var(--tw-content);
--tw-border-opacity: 1;
border-color: rgb(115 115 115 / var(--tw-border-opacity, 1));
}
@media (min-width: 420px){
.xs\:mt-0{
margin-top: 0px;
}
.xs\:text-center{
text-align: center;
}
}
@media (min-width: 640px){
.sm\:relative{
position: relative;
}
.sm\:mb-0{
margin-bottom: 0px;
}
.sm\:mt-\[-125px\]{
margin-top: -125px;
}
.sm\:mt-\[20px\]{
margin-top: 20px;
}
.sm\:line-clamp-5{
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 5;
}
.sm\:line-clamp-\[5\]{
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 5;
}
.sm\:block{
display: block;
}
.sm\:flex{
display: flex;
}
.sm\:hidden{
display: none;
}
.sm\:size-\[122px\]{
width: 122px;
height: 122px;
}
.sm\:size-\[20px\]{
width: 20px;
height: 20px;
}
.sm\:h-\[135px\]{
height: 135px;
}
.sm\:h-\[145px\]{
height: 145px;
}
.sm\:h-\[150px\]{
height: 150px;
}
.sm\:h-\[16px\]{
height: 16px;
}
.sm\:h-\[300px\]{
height: 300px;
}
.sm\:max-h-\[150px\]{
max-height: 150px;
}
.sm\:max-h-\[300px\]{
max-height: 300px;
}
.sm\:min-h-\[400px\]{
min-height: 400px;
}
.sm\:w-4\/5{
width: 80%;
}
.sm\:w-\[100px\]{
width: 100px;
}
.sm\:w-\[150px\]{
width: 150px;
}
.sm\:w-\[160px\]{
width: 160px;
}
.sm\:w-\[165px\]{
width: 165px;
}
.sm\:w-\[170\.08px\]{
width: 170.08px;
}
.sm\:w-\[175\.31px\]{
width: 175.31px;
}
.sm\:w-\[176px\]{
width: 176px;
}
.sm\:w-\[180px\]{
width: 180px;
}
.sm\:w-\[18px\]{
width: 18px;
}
.sm\:w-\[190px\]{
width: 190px;
}
.sm\:w-\[217px\]{
width: 217px;
}
.sm\:w-\[238px\]{
width: 238px;
}
.sm\:w-\[400px\]{
width: 400px;
}
.sm\:w-\[91\%\]{
width: 91%;
}
.sm\:max-w-screen-sm{
max-width: 640px;
}
.sm\:grid-cols-3{
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.sm\:flex-row{
flex-direction: row;
}
.sm\:items-start{
align-items: flex-start;
}
.sm\:items-center{
align-items: center;
}
.sm\:justify-start{
justify-content: flex-start;
}
.sm\:justify-end{
justify-content: flex-end;
}
.sm\:gap-4{
gap: 1rem;
}
.sm\:gap-5{
gap: 1.25rem;
}
.sm\:gap-\[13px\]{
gap: 13px;
}
.sm\: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)));
}
.sm\:space-y-0 > :not([hidden]) ~ :not([hidden]){
--tw-space-y-reverse: 0;
margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(0px * var(--tw-space-y-reverse));
}
.sm\:text-nowrap{
text-wrap: nowrap;
}
.sm\:bg-transparent{
background-color: transparent;
}
.sm\:p-4{
padding: 1rem;
}
.sm\:px-5{
padding-left: 1.25rem;
padding-right: 1.25rem;
}
.sm\:px-\[20\.5px\]{
padding-left: 20.5px;
padding-right: 20.5px;
}
.sm\:px-\[25px\]{
padding-left: 25px;
padding-right: 25px;
}
.sm\:px-\[40px\]{
padding-left: 40px;
padding-right: 40px;
}
.sm\:py-6{
padding-top: 1.5rem;
padding-bottom: 1.5rem;
}
.sm\:pb-0{
padding-bottom: 0px;
}
.sm\:pb-\[24\.21px\]{
padding-bottom: 24.21px;
}
.sm\:pb-\[28px\]{
padding-bottom: 28px;
}
.sm\:pb-\[4px\]{
padding-bottom: 4px;
}
.sm\:pr-0{
padding-right: 0px;
}
.sm\:pr-\[9\.42px\]{
padding-right: 9.42px;
}
.sm\:pt-0{
padding-top: 0px;
}
.sm\:pt-\[50px\]{
padding-top: 50px;
}
.sm\:text-left{
text-align: left;
}
.sm\:text-start{
text-align: start;
}
.sm\:text-f22{
font-size: var(--f22);
}
.sm\:text-f24{
font-size: var(--f24);
}
.sm\:text-f32{
font-size: var(--f32);
}
.sm\:text-f50{
font-size: var(--f50);
}
.sm\:leading-\[24px\]{
line-height: 24px;
}
.sm\:shadow-none{
--tw-shadow: 0 0 #0000;
--tw-shadow-colored: 0 0 #0000;
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
}
@media (min-width: 768px){
.md\:top-\[100px\]{
top: 100px;
}
.md\:top-\[140px\]{
top: 140px;
}
.md\:mb-0{
margin-bottom: 0px;
}
.md\:mb-\[unset\]{
margin-bottom: unset;
}
.md\:ml-\[20\.93px\]{
margin-left: 20.93px;
}
.md\:ml-\[30px\]{
margin-left: 30px;
}
.md\:mt-0{
margin-top: 0px;
}
.md\:mt-1{
margin-top: 0.25rem;
}
.md\:mt-2{
margin-top: 0.5rem;
}
.md\:mt-4{
margin-top: 1rem;
}
.md\:mt-8{
margin-top: 2rem;
}
.md\:mt-\[-230px\]{
margin-top: -230px;
}
.md\:mt-\[12px\]{
margin-top: 12px;
}
.md\:mt-\[16\]{
margin-top: 16;
}
.md\:mt-\[16px\]{
margin-top: 16px;
}
.md\:mt-\[19px\]{
margin-top: 19px;
}
.md\:block{
display: block;
}
.md\:flex{
display: flex;
}
.md\:hidden{
display: none;
}
.md\:size-\[101\.4px\]{
width: 101.4px;
height: 101.4px;
}
.md\:size-\[120px\]{
width: 120px;
height: 120px;
}
.md\:size-\[132px\]{
width: 132px;
height: 132px;
}
.md\:size-\[20px\]{
width: 20px;
height: 20px;
}
.md\:size-\[42px\]{
width: 42px;
height: 42px;
}
.md\:size-\[54px\]{
width: 54px;
height: 54px;
}
.md\:h-\[100px\]{
height: 100px;
}
.md\:h-\[165px\]{
height: 165px;
}
.md\:h-\[24px\]{
height: 24px;
}
.md\:h-\[300px\]{
height: 300px;
}
.md\:h-\[400px\]{
height: 400px;
}
.md\:h-\[450px\]{
height: 450px;
}
.md\:h-\[50px\]{
height: 50px;
}
.md\:h-\[691px\]{
height: 691px;
}
.md\:h-\[80px\]{
height: 80px;
}
.md\:h-\[80vh\]{
height: 80vh;
}
.md\:max-h-\[150px\]{
max-height: 150px;
}
.md\:max-h-\[249px\]{
max-height: 249px;
}
.md\:min-h-\[250px\]{
min-height: 250px;
}
.md\:w-\[120px\]{
width: 120px;
}
.md\:w-\[150px\]{
width: 150px;
}
.md\:w-\[155px\]{
width: 155px;
}
.md\:w-\[168px\]{
width: 168px;
}
.md\:w-\[200px\]{
width: 200px;
}
.md\:w-\[217px\]{
width: 217px;
}
.md\:w-\[238px\]{
width: 238px;
}
.md\:w-\[24px\]{
width: 24px;
}
.md\:w-full{
width: 100%;
}
.md\:max-w-screen-md{
max-width: 768px;
}
.md\:flex-row{
flex-direction: row;
}
.md\:items-center{
align-items: center;
}
.md\:justify-normal{
justify-content: normal;
}
.md\:justify-start{
justify-content: flex-start;
}
.md\:gap-1{
gap: 0.25rem;
}
.md\:gap-2{
gap: 0.5rem;
}
.md\:gap-\[0px\]{
gap: 0px;
}
.md\:gap-\[8px\]{
gap: 8px;
}
.md\:bg-transparent{
background-color: transparent;
}
.md\:p-1{
padding: 0.25rem;
}
.md\:p-\[5px\]{
padding: 5px;
}
.md\:px-\[16px\]{
padding-left: 16px;
padding-right: 16px;
}
.md\:px-\[22\.84px\]{
padding-left: 22.84px;
padding-right: 22.84px;
}
.md\:px-\[28\.87px\]{
padding-left: 28.87px;
padding-right: 28.87px;
}
.md\:px-\[28\.88px\]{
padding-left: 28.88px;
padding-right: 28.88px;
}
.md\:px-\[37\.97px\]{
padding-left: 37.97px;
padding-right: 37.97px;
}
.md\:px-\[38\.49px\]{
padding-left: 38.49px;
padding-right: 38.49px;
}
.md\:py-7{
padding-top: 1.75rem;
padding-bottom: 1.75rem;
}
.md\:py-\[0px\]{
padding-top: 0px;
padding-bottom: 0px;
}
.md\:py-\[22\.41px\]{
padding-top: 22.41px;
padding-bottom: 22.41px;
}
.md\:py-\[22\.87px\]{
padding-top: 22.87px;
padding-bottom: 22.87px;
}
.md\:py-\[31\.56px\]{
padding-top: 31.56px;
padding-bottom: 31.56px;
}
.md\:pb-\[13\.48px\]{
padding-bottom: 13.48px;
}
.md\:pb-\[32\.59px\]{
padding-bottom: 32.59px;
}
.md\:pb-\[41px\]{
padding-bottom: 41px;
}
.md\:pl-0{
padding-left: 0px;
}
.md\:pl-7{
padding-left: 1.75rem;
}
.md\:pr-\[9\.42px\]{
padding-right: 9.42px;
}
.md\:pt-0{
padding-top: 0px;
}
.md\:pt-12{
padding-top: 3rem;
}
.md\:pt-4{
padding-top: 1rem;
}
.md\:pt-\[100px\]{
padding-top: 100px;
}
.md\:pt-\[14px\]{
padding-top: 14px;
}
.md\:pt-\[24\.76px\]{
padding-top: 24.76px;
}
.md\:text-left{
text-align: left;
}
.md\:text-f10{
font-size: var(--f10);
}
.md\:text-f14{
font-size: var(--f14);
}
.md\:text-f16{
font-size: var(--f16);
}
.md\:text-f18{
font-size: var(--f18);
}
.md\:text-f20{
font-size: var(--f20);
}
.md\:text-f36{
font-size: var(--f36);
}
.md\:leading-\[20\.16px\]{
line-height: 20.16px;
}
.md\:leading-\[20px\]{
line-height: 20px;
}
.md\:leading-\[22\.68px\]{
line-height: 22.68px;
}
.md\:leading-\[27\.72px\]{
line-height: 27.72px;
}
.md\:leading-\[35\.28px\]{
line-height: 35.28px;
}
.md\:shadow-none{
--tw-shadow: 0 0 #0000;
--tw-shadow-colored: 0 0 #0000;
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
}
@media (min-width: 1100px){
.lg\:fixed{
position: fixed;
}
.lg\:inset-x-0{
left: 0px;
right: 0px;
}
.lg\:bottom-\[12\.5px\]{
bottom: 12.5px;
}
.lg\:bottom-px{
bottom: 1px;
}
.lg\:left-\[12\.5px\]{
left: 12.5px;
}
.lg\:right-\[unset\]{
right: unset;
}
.lg\:top-\[135px\]{
top: 135px;
}
.lg\:top-\[95px\]{
top: 95px;
}
.lg\:z-\[990\]{
z-index: 990;
}
.lg\:order-2{
order: 2;
}
.lg\:mx-auto{
margin-left: auto;
margin-right: auto;
}
.lg\:mb-0{
margin-bottom: 0px;
}
.lg\:mb-14{
margin-bottom: 3.5rem;
}
.lg\:mb-2{
margin-bottom: 0.5rem;
}
.lg\:mb-4{
margin-bottom: 1rem;
}
.lg\:mb-6{
margin-bottom: 1.5rem;
}
.lg\:mb-7{
margin-bottom: 1.75rem;
}
.lg\:mb-\[0px\]{
margin-bottom: 0px;
}
.lg\:mb-\[118px\]{
margin-bottom: 118px;
}
.lg\:mb-\[12px\]{
margin-bottom: 12px;
}
.lg\:mb-\[15px\]{
margin-bottom: 15px;
}
.lg\:mb-\[200px\]{
margin-bottom: 200px;
}
.lg\:mb-\[20px\]{
margin-bottom: 20px;
}
.lg\:mb-\[219\.02px\]{
margin-bottom: 219.02px;
}
.lg\:mb-\[23\.2px\]{
margin-bottom: 23.2px;
}
.lg\:mb-\[23\.91px\]{
margin-bottom: 23.91px;
}
.lg\:mb-\[23px\]{
margin-bottom: 23px;
}
.lg\:mb-\[28\.7px\]{
margin-bottom: 28.7px;
}
.lg\:mb-\[28px\]{
margin-bottom: 28px;
}
.lg\:mb-\[29px\]{
margin-bottom: 29px;
}
.lg\:mb-\[32\.12px\]{
margin-bottom: 32.12px;
}
.lg\:mb-\[35px\]{
margin-bottom: 35px;
}
.lg\:mb-\[36\.33px\]{
margin-bottom: 36.33px;
}
.lg\:mb-\[51px\]{
margin-bottom: 51px;
}
.lg\:mb-\[70px\]{
margin-bottom: 70px;
}
.lg\:mb-\[77px\]{
margin-bottom: 77px;
}
.lg\:ml-\[-10px\]{
margin-left: -10px;
}
.lg\:ml-\[-18px\]{
margin-left: -18px;
}
.lg\:ml-\[0px\]{
margin-left: 0px;
}
.lg\:ml-\[16px\]{
margin-left: 16px;
}
.lg\:mt-0{
margin-top: 0px;
}
.lg\:mt-3{
margin-top: 0.75rem;
}
.lg\:mt-4{
margin-top: 1rem;
}
.lg\:mt-\[-210px\]{
margin-top: -210px;
}
.lg\:mt-\[0px\]{
margin-top: 0px;
}
.lg\:mt-\[10px\]{
margin-top: 10px;
}
.lg\:mt-\[12px\]{
margin-top: 12px;
}
.lg\:mt-\[15px\]{
margin-top: 15px;
}
.lg\:mt-\[16px\]{
margin-top: 16px;
}
.lg\:mt-\[20\.06px\]{
margin-top: 20.06px;
}
.lg\:mt-\[25px\]{
margin-top: 25px;
}
.lg\:mt-\[84px\]{
margin-top: 84px;
}
.lg\:mt-\[8px\]{
margin-top: 8px;
}
.lg\:line-clamp-2{
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
.lg\:block{
display: block;
}
.lg\:flex{
display: flex;
}
.lg\:hidden{
display: none;
}
.lg\:size-\[100px\]{
width: 100px;
height: 100px;
}
.lg\:size-\[16px\]{
width: 16px;
height: 16px;
}
.lg\:size-\[20px\]{
width: 20px;
height: 20px;
}
.lg\:size-\[28px\]{
width: 28px;
height: 28px;
}
.lg\:size-\[30px\]{
width: 30px;
height: 30px;
}
.lg\:size-\[36px\]{
width: 36px;
height: 36px;
}
.lg\:size-\[40px\]{
width: 40px;
height: 40px;
}
.lg\:size-\[44px\]{
width: 44px;
height: 44px;
}
.lg\:size-\[45px\]{
width: 45px;
height: 45px;
}
.lg\:size-\[50px\]{
width: 50px;
height: 50px;
}
.lg\:size-\[62px\]{
width: 62px;
height: 62px;
}
.lg\:size-\[75px\]{
width: 75px;
height: 75px;
}
.lg\:h-10{
height: 2.5rem;
}
.lg\:h-\[100vh\]{
height: 100vh;
}
.lg\:h-\[120px\]{
height: 120px;
}
.lg\:h-\[135px\]{
height: 135px;
}
.lg\:h-\[150px\]{
height: 150px;
}
.lg\:h-\[163px\]{
height: 163px;
}
.lg\:h-\[16px\]{
height: 16px;
}
.lg\:h-\[175px\]{
height: 175px;
}
.lg\:h-\[200px\]{
height: 200px;
}
.lg\:h-\[350px\]{
height: 350px;
}
.lg\:h-\[36px\]{
height: 36px;
}
.lg\:h-\[40px\]{
height: 40px;
}
.lg\:h-\[42px\]{
height: 42px;
}
.lg\:h-\[44px\]{
height: 44px;
}
.lg\:h-\[450px\]{
height: 450px;
}
.lg\:h-\[48px\]{
height: 48px;
}
.lg\:h-\[50px\]{
height: 50px;
}
.lg\:h-\[5px\]{
height: 5px;
}
.lg\:h-\[60px\]{
height: 60px;
}
.lg\:h-\[68px\]{
height: 68px;
}
.lg\:h-\[700px\]{
height: 700px;
}
.lg\:h-\[71px\]{
height: 71px;
}
.lg\:h-\[84px\]{
height: 84px;
}
.lg\:h-\[90px\]{
height: 90px;
}
.lg\:max-h-\[175px\]{
max-height: 175px;
}
.lg\:max-h-\[350px\]{
max-height: 350px;
}
.lg\:min-h-\[305px\]{
min-height: 305px;
}
.lg\:w-4\/5{
width: 80%;
}
.lg\:w-\[100px\]{
width: 100px;
}
.lg\:w-\[107px\]{
width: 107px;
}
.lg\:w-\[10px\]{
width: 10px;
}
.lg\:w-\[110px\]{
width: 110px;
}
.lg\:w-\[1140px\]{
width: 1140px;
}
.lg\:w-\[12\.75px\]{
width: 12.75px;
}
.lg\:w-\[134px\]{
width: 134px;
}
.lg\:w-\[138px\]{
width: 138px;
}
.lg\:w-\[140px\]{
width: 140px;
}
.lg\:w-\[150px\]{
width: 150px;
}
.lg\:w-\[158\.13px\]{
width: 158.13px;
}
.lg\:w-\[164px\]{
width: 164px;
}
.lg\:w-\[167px\]{
width: 167px;
}
.lg\:w-\[175px\]{
width: 175px;
}
.lg\:w-\[180px\]{
width: 180px;
}
.lg\:w-\[190px\]{
width: 190px;
}
.lg\:w-\[195px\]{
width: 195px;
}
.lg\:w-\[20\.5\%\]{
width: 20.5%;
}
.lg\:w-\[488px\]{
width: 488px;
}
.lg\:w-\[50\%\]{
width: 50%;
}
.lg\:w-\[500px\]{
width: 500px;
}
.lg\:w-\[730px\]{
width: 730px;
}
.lg\:w-\[750px\]{
width: 750px;
}
.lg\:w-\[79\.5\%\]{
width: 79.5%;
}
.lg\:w-\[90px\]{
width: 90px;
}
.lg\:w-auto{
width: auto;
}
.lg\:w-fit{
width: fit-content;
}
.lg\:w-full{
width: 100%;
}
.lg\:min-w-\[160px\]{
min-width: 160px;
}
.lg\:max-w-\[1146\.62px\]{
max-width: 1146.62px;
}
.lg\:max-w-\[134px\]{
max-width: 134px;
}
.lg\:max-w-\[140px\]{
max-width: 140px;
}
.lg\:max-w-\[168px\]{
max-width: 168px;
}
.lg\:max-w-\[200px\]{
max-width: 200px;
}
.lg\:max-w-\[220px\]{
max-width: 220px;
}
.lg\:max-w-\[237\.06px\]{
max-width: 237.06px;
}
.lg\:max-w-\[280px\]{
max-width: 280px;
}
.lg\:max-w-\[300px\]{
max-width: 300px;
}
.lg\:max-w-\[320px\]{
max-width: 320px;
}
.lg\:max-w-\[362px\]{
max-width: 362px;
}
.lg\:max-w-\[370px\]{
max-width: 370px;
}
.lg\:max-w-\[488px\]{
max-width: 488px;
}
.lg\:max-w-\[675px\]{
max-width: 675px;
}
.lg\:max-w-\[730px\]{
max-width: 730px;
}
.lg\:max-w-\[750px\]{
max-width: 750px;
}
.lg\:max-w-\[90px\]{
max-width: 90px;
}
.lg\:max-w-screen-lg{
max-width: 1100px;
}
.lg\:flex-1{
flex: 1 1 0%;
}
.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-5{
grid-template-columns: repeat(5, minmax(0, 1fr));
}
.lg\:flex-row{
flex-direction: row;
}
.lg\:flex-col{
flex-direction: column;
}
.lg\:items-start{
align-items: flex-start;
}
.lg\:items-center{
align-items: center;
}
.lg\:justify-start{
justify-content: flex-start;
}
.lg\:justify-end{
justify-content: flex-end;
}
.lg\:gap-0{
gap: 0px;
}
.lg\:gap-1{
gap: 0.25rem;
}
.lg\:gap-2{
gap: 0.5rem;
}
.lg\:gap-3{
gap: 0.75rem;
}
.lg\:gap-5{
gap: 1.25rem;
}
.lg\:gap-\[0px\]{
gap: 0px;
}
.lg\:gap-\[10px\]{
gap: 10px;
}
.lg\:gap-\[12px\]{
gap: 12px;
}
.lg\:gap-\[16px\]{
gap: 16px;
}
.lg\:gap-\[1px\]{
gap: 1px;
}
.lg\:gap-\[20px\]{
gap: 20px;
}
.lg\:overflow-y-auto{
overflow-y: auto;
}
.lg\:bg-white{
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.lg\:p-2{
padding: 0.5rem;
}
.lg\:p-3{
padding: 0.75rem;
}
.lg\:p-5{
padding: 1.25rem;
}
.lg\:p-\[14px\]{
padding: 14px;
}
.lg\:p-\[20px\]{
padding: 20px;
}
.lg\:p-\[24px\]{
padding: 24px;
}
.lg\:p-\[30px\]{
padding: 30px;
}
.lg\:px-10{
padding-left: 2.5rem;
padding-right: 2.5rem;
}
.lg\:px-3{
padding-left: 0.75rem;
padding-right: 0.75rem;
}
.lg\:px-4{
padding-left: 1rem;
padding-right: 1rem;
}
.lg\:px-5{
padding-left: 1.25rem;
padding-right: 1.25rem;
}
.lg\:px-7{
padding-left: 1.75rem;
padding-right: 1.75rem;
}
.lg\:px-8{
padding-left: 2rem;
padding-right: 2rem;
}
.lg\:px-\[10px\]{
padding-left: 10px;
padding-right: 10px;
}
.lg\:px-\[14\.08px\]{
padding-left: 14.08px;
padding-right: 14.08px;
}
.lg\:px-\[20px\]{
padding-left: 20px;
padding-right: 20px;
}
.lg\:px-\[21px\]{
padding-left: 21px;
padding-right: 21px;
}
.lg\:px-\[22\.75px\]{
padding-left: 22.75px;
padding-right: 22.75px;
}
.lg\:px-\[24\.36px\]{
padding-left: 24.36px;
padding-right: 24.36px;
}
.lg\:px-\[24px\]{
padding-left: 24px;
padding-right: 24px;
}
.lg\:px-\[26\.53px\]{
padding-left: 26.53px;
padding-right: 26.53px;
}
.lg\:px-\[36\.9px\]{
padding-left: 36.9px;
padding-right: 36.9px;
}
.lg\:px-\[46\.9px\]{
padding-left: 46.9px;
padding-right: 46.9px;
}
.lg\:py-0{
padding-top: 0px;
padding-bottom: 0px;
}
.lg\:py-1{
padding-top: 0.25rem;
padding-bottom: 0.25rem;
}
.lg\:py-5{
padding-top: 1.25rem;
padding-bottom: 1.25rem;
}
.lg\:py-\[15px\]{
padding-top: 15px;
padding-bottom: 15px;
}
.lg\:py-\[16\.6px\]{
padding-top: 16.6px;
padding-bottom: 16.6px;
}
.lg\:py-\[16px\]{
padding-top: 16px;
padding-bottom: 16px;
}
.lg\:py-\[18px\]{
padding-top: 18px;
padding-bottom: 18px;
}
.lg\:py-\[20\.25px\]{
padding-top: 20.25px;
padding-bottom: 20.25px;
}
.lg\:py-\[20px\]{
padding-top: 20px;
padding-bottom: 20px;
}
.lg\:py-\[22px\]{
padding-top: 22px;
padding-bottom: 22px;
}
.lg\:py-\[23px\]{
padding-top: 23px;
padding-bottom: 23px;
}
.lg\:py-\[24\.7px\]{
padding-top: 24.7px;
padding-bottom: 24.7px;
}
.lg\:py-\[26px\]{
padding-top: 26px;
padding-bottom: 26px;
}
.lg\:py-\[29\.39px\]{
padding-top: 29.39px;
padding-bottom: 29.39px;
}
.lg\:py-\[38\.21px\]{
padding-top: 38.21px;
padding-bottom: 38.21px;
}
.lg\:py-\[4px\]{
padding-top: 4px;
padding-bottom: 4px;
}
.lg\:py-\[6px\]{
padding-top: 6px;
padding-bottom: 6px;
}
.lg\:pb-0{
padding-bottom: 0px;
}
.lg\:pb-14{
padding-bottom: 3.5rem;
}
.lg\:pb-3{
padding-bottom: 0.75rem;
}
.lg\:pb-5{
padding-bottom: 1.25rem;
}
.lg\:pb-6{
padding-bottom: 1.5rem;
}
.lg\:pb-\[0px\]{
padding-bottom: 0px;
}
.lg\:pb-\[16\.6px\]{
padding-bottom: 16.6px;
}
.lg\:pb-\[16px\]{
padding-bottom: 16px;
}
.lg\:pb-\[18px\]{
padding-bottom: 18px;
}
.lg\:pb-\[20\.67px\]{
padding-bottom: 20.67px;
}
.lg\:pb-\[20px\]{
padding-bottom: 20px;
}
.lg\:pb-\[22\.41px\]{
padding-bottom: 22.41px;
}
.lg\:pb-\[24\.45px\]{
padding-bottom: 24.45px;
}
.lg\:pb-\[26\.5px\]{
padding-bottom: 26.5px;
}
.lg\:pb-\[28\.76px\]{
padding-bottom: 28.76px;
}
.lg\:pb-\[32\.41px\]{
padding-bottom: 32.41px;
}
.lg\:pb-\[36\.5px\]{
padding-bottom: 36.5px;
}
.lg\:pb-\[4\.41px\]{
padding-bottom: 4.41px;
}
.lg\:pb-\[54\.93px\]{
padding-bottom: 54.93px;
}
.lg\:pb-\[60\.1px\]{
padding-bottom: 60.1px;
}
.lg\:pb-\[66\.64px\]{
padding-bottom: 66.64px;
}
.lg\:pl-\[210px\]{
padding-left: 210px;
}
.lg\:pl-\[25px\]{
padding-left: 25px;
}
.lg\:pl-\[26px\]{
padding-left: 26px;
}
.lg\:pl-\[45px\]{
padding-left: 45px;
}
.lg\:pr-\[16px\]{
padding-right: 16px;
}
.lg\:pr-\[205px\]{
padding-right: 205px;
}
.lg\:pr-\[20px\]{
padding-right: 20px;
}
.lg\:pr-\[8px\]{
padding-right: 8px;
}
.lg\:pt-0{
padding-top: 0px;
}
.lg\:pt-5{
padding-top: 1.25rem;
}
.lg\:pt-\[0px\]{
padding-top: 0px;
}
.lg\:pt-\[12px\]{
padding-top: 12px;
}
.lg\:pt-\[15\.51px\]{
padding-top: 15.51px;
}
.lg\:pt-\[16px\]{
padding-top: 16px;
}
.lg\:pt-\[18\.5px\]{
padding-top: 18.5px;
}
.lg\:pt-\[19px\]{
padding-top: 19px;
}
.lg\:pt-\[20\.69px\]{
padding-top: 20.69px;
}
.lg\:pt-\[24\.83px\]{
padding-top: 24.83px;
}
.lg\:pt-\[24px\]{
padding-top: 24px;
}
.lg\:pt-\[26px\]{
padding-top: 26px;
}
.lg\:pt-\[27\.1px\]{
padding-top: 27.1px;
}
.lg\:pt-\[28px\]{
padding-top: 28px;
}
.lg\:pt-\[30px\]{
padding-top: 30px;
}
.lg\:pt-\[39\.43px\]{
padding-top: 39.43px;
}
.lg\:pt-\[40\.88px\]{
padding-top: 40.88px;
}
.lg\:pt-\[40px\]{
padding-top: 40px;
}
.lg\:pt-\[60px\]{
padding-top: 60px;
}
.lg\:pt-\[8\.6px\]{
padding-top: 8.6px;
}
.lg\:pt-\[9\.05px\]{
padding-top: 9.05px;
}
.lg\:text-left{
text-align: left;
}
.lg\:text-center{
text-align: center;
}
.lg\:text-start{
text-align: start;
}
.lg\:text-f12{
font-size: var(--f12);
}
.lg\:text-f14{
font-size: var(--f14);
}
.lg\:text-f15{
font-size: var(--f15);
}
.lg\:text-f16{
font-size: var(--f16);
}
.lg\:text-f18{
font-size: var(--f18);
}
.lg\:text-f19{
font-size: var(--f19);
}
.lg\:text-f20{
font-size: var(--f20);
}
.lg\:text-f22{
font-size: var(--f22);
}
.lg\:text-f24{
font-size: var(--f24);
}
.lg\:text-f26{
font-size: var(--f26);
}
.lg\:text-f28{
font-size: var(--f28);
}
.lg\:text-f32{
font-size: var(--f32);
}
.lg\:text-f36{
font-size: var(--f36);
}
.lg\:text-f38{
font-size: var(--f38);
}
.lg\:text-f44{
font-size: var(--f44);
}
.lg\:text-f48{
font-size: var(--f48);
}
.lg\:font-semibold{
font-weight: 600;
}
.lg\:leading-5{
line-height: 1.25rem;
}
.lg\:leading-6{
line-height: 1.5rem;
}
.lg\:leading-\[15\.12px\]{
line-height: 15.12px;
}
.lg\:leading-\[18px\]{
line-height: 18px;
}
.lg\:leading-\[20\.16px\]{
line-height: 20.16px;
}
.lg\:leading-\[20px\]{
line-height: 20px;
}
.lg\:leading-\[22\.68px\]{
line-height: 22.68px;
}
.lg\:leading-\[25\.2px\]{
line-height: 25.2px;
}
.lg\:leading-\[26\.36px\]{
line-height: 26.36px;
}
.lg\:leading-\[26px\]{
line-height: 26px;
}
.lg\:leading-\[27\.72px\]{
line-height: 27.72px;
}
.lg\:leading-\[28px\]{
line-height: 28px;
}
.lg\:leading-\[30px\]{
line-height: 30px;
}
.lg\:leading-\[32\.76px\]{
line-height: 32.76px;
}
.lg\:leading-\[35\.28px\]{
line-height: 35.28px;
}
.lg\:leading-\[50px\]{
line-height: 50px;
}
.lg\:leading-\[63px\]{
line-height: 63px;
}
.lg\:leading-\[64px\]{
line-height: 64px;
}
.after\:lg\:h-\[3px\]::after{
content: var(--tw-content);
height: 3px;
}
.after\:lg\:h-\[50px\]::after{
content: var(--tw-content);
height: 50px;
}
.lg\:after\:h-px::after{
content: var(--tw-content);
height: 1px;
}
}
@media (min-width: 1280px){
.xl\:mt-\[0px\]{
margin-top: 0px;
}
.xl\:flex{
display: flex;
}
.xl\:h-\[220px\]{
height: 220px;
}
.xl\:h-\[48px\]{
height: 48px;
}
.xl\:w-full{
width: 100%;
}
.xl\:max-w-\[1200px\]{
max-width: 1200px;
}
.xl\:max-w-\[350px\]{
max-width: 350px;
}
.xl\:max-w-\[400px\]{
max-width: 400px;
}
.xl\:max-w-screen-xl{
max-width: 1280px;
}
.xl\:flex-row{
flex-direction: row;
}
.xl\:flex-col{
flex-direction: column;
}
.xl\:justify-center{
justify-content: center;
}
.xl\:gap-\[0px\]{
gap: 0px;
}
.xl\:px-7{
padding-left: 1.75rem;
padding-right: 1.75rem;
}
.xl\:px-\[56\.9px\]{
padding-left: 56.9px;
padding-right: 56.9px;
}
.xl\:py-\[23px\]{
padding-top: 23px;
padding-bottom: 23px;
}
.xl\:text-f14{
font-size: var(--f14);
}
.xl\:text-f16{
font-size: var(--f16);
}
}
@media (min-width: 1440px){
.\32xl\:left-1{
left: 0.25rem;
}
.\32xl\:right-1{
right: 0.25rem;
}
.\32xl\:mt-\[27px\]{
margin-top: 27px;
}
.\32xl\:size-\[120px\]{
width: 120px;
height: 120px;
}
.\32xl\:h-\[135px\]{
height: 135px;
}
.\32xl\:h-\[140px\]{
height: 140px;
}
.\32xl\:h-\[155px\]{
height: 155px;
}
.\32xl\:h-\[200px\]{
height: 200px;
}
.\32xl\:h-\[245px\]{
height: 245px;
}
.\32xl\:h-\[24px\]{
height: 24px;
}
.\32xl\:h-\[400px\]{
height: 400px;
}
.\32xl\:h-\[44px\]{
height: 44px;
}
.\32xl\:h-\[54px\]{
height: 54px;
}
.\32xl\:h-\[64px\]{
height: 64px;
}
.\32xl\:h-\[900px\]{
height: 900px;
}
.\32xl\:max-h-\[200px\]{
max-height: 200px;
}
.\32xl\:max-h-\[400px\]{
max-height: 400px;
}
.\32xl\:min-h-\[50px\]{
min-height: 50px;
}
.\32xl\:w-\[155px\]{
width: 155px;
}
.\32xl\:w-\[217px\]{
width: 217px;
}
.\32xl\:w-\[225px\]{
width: 225px;
}
.\32xl\:w-\[37px\]{
width: 37px;
}
.\32xl\:w-\[400px\]{
width: 400px;
}
.\32xl\:w-\[665px\]{
width: 665px;
}
.\32xl\:w-\[960px\]{
width: 960px;
}
.\32xl\:w-\[976px\]{
width: 976px;
}
.\32xl\:w-full{
width: 100%;
}
.\32xl\:min-w-\[179px\]{
min-width: 179px;
}
.\32xl\:max-w-\[1440px\]{
max-width: 1440px;
}
.\32xl\:max-w-\[200px\]{
max-width: 200px;
}
.\32xl\:max-w-\[236px\]{
max-width: 236px;
}
.\32xl\:max-w-\[362px\]{
max-width: 362px;
}
.\32xl\:max-w-\[400px\]{
max-width: 400px;
}
.\32xl\:max-w-\[413px\]{
max-width: 413px;
}
.\32xl\:max-w-\[488px\]{
max-width: 488px;
}
.\32xl\:max-w-\[960px\]{
max-width: 960px;
}
.\32xl\:max-w-\[976px\]{
max-width: 976px;
}
.\32xl\:max-w-screen-xl{
max-width: 1280px;
}
.\32xl\:gap-\[20px\]{
gap: 20px;
}
.\32xl\:p-6{
padding: 1.5rem;
}
.\32xl\:p-\[10px\]{
padding: 10px;
}
.\32xl\:px-5{
padding-left: 1.25rem;
padding-right: 1.25rem;
}
.\32xl\:px-\[76\.9px\]{
padding-left: 76.9px;
padding-right: 76.9px;
}
.\32xl\:py-3\.5{
padding-top: 0.875rem;
padding-bottom: 0.875rem;
}
.\32xl\:py-\[6px\]{
padding-top: 6px;
padding-bottom: 6px;
}
.\32xl\:pb-\[6\.41px\]{
padding-bottom: 6.41px;
}
.\32xl\:pl-\[110px\]{
padding-left: 110px;
}
.\32xl\:pl-\[63px\]{
padding-left: 63px;
}
.\32xl\:pr-\[18\.56px\]{
padding-right: 18.56px;
}
.\32xl\:pt-\[31px\]{
padding-top: 31px;
}
.\32xl\:text-f14{
font-size: var(--f14);
}
.\32xl\:text-f15{
font-size: var(--f15);
}
.\32xl\:text-f16{
font-size: var(--f16);
}
.\32xl\:text-f18{
font-size: var(--f18);
}
.\32xl\:text-f20{
font-size: var(--f20);
}
.\32xl\:text-f22{
font-size: var(--f22);
}
.\32xl\:leading-\[25\.2px\]{
line-height: 25.2px;
}
.\32xl\:leading-\[27\.72px\]{
line-height: 27.72px;
}
.\32xl\:leading-\[35\.28px\]{
line-height: 35.28px;
}
}
@media (min-width: 1496px){
.\33xl\:bottom-\[16px\]{
bottom: 16px;
}
.\33xl\:left-\[16px\]{
left: 16px;
}
.\33xl\:top-\[165px\]{
top: 165px;
}
.\33xl\:top-\[200px\]{
top: 200px;
}
.\33xl\:my-4{
margin-top: 1rem;
margin-bottom: 1rem;
}
.\33xl\:mb-\[16px\]{
margin-bottom: 16px;
}
.\33xl\:mb-\[20\.95px\]{
margin-bottom: 20.95px;
}
.\33xl\:mb-\[20px\]{
margin-bottom: 20px;
}
.\33xl\:mb-\[21px\]{
margin-bottom: 21px;
}
.\33xl\:mb-\[26\.91px\]{
margin-bottom: 26.91px;
}
.\33xl\:mb-\[36\.33px\]{
margin-bottom: 36.33px;
}
.\33xl\:mb-\[40\.1px\]{
margin-bottom: 40.1px;
}
.\33xl\:mb-\[40px\]{
margin-bottom: 40px;
}
.\33xl\:mb-\[6px\]{
margin-bottom: 6px;
}
.\33xl\:mt-2{
margin-top: 0.5rem;
}
.\33xl\:mt-\[110px\]{
margin-top: 110px;
}
.\33xl\:mt-\[16px\]{
margin-top: 16px;
}
.\33xl\:mt-\[20px\]{
margin-top: 20px;
}
.\33xl\:mt-\[23\.9px\]{
margin-top: 23.9px;
}
.\33xl\:mt-\[29\.7px\]{
margin-top: 29.7px;
}
.\33xl\:size-\[100px\]{
width: 100px;
height: 100px;
}
.\33xl\:size-\[160px\]{
width: 160px;
height: 160px;
}
.\33xl\:size-\[20px\]{
width: 20px;
height: 20px;
}
.\33xl\:size-\[22px\]{
width: 22px;
height: 22px;
}
.\33xl\:size-\[24px\]{
width: 24px;
height: 24px;
}
.\33xl\:size-\[26\]{
width: 26;
height: 26;
}
.\33xl\:size-\[28px\]{
width: 28px;
height: 28px;
}
.\33xl\:size-\[32px\]{
width: 32px;
height: 32px;
}
.\33xl\:size-\[40px\]{
width: 40px;
height: 40px;
}
.\33xl\:size-\[48px\]{
width: 48px;
height: 48px;
}
.\33xl\:size-\[50px\]{
width: 50px;
height: 50px;
}
.\33xl\:size-\[54px\]{
width: 54px;
height: 54px;
}
.\33xl\:size-\[64px\]{
width: 64px;
height: 64px;
}
.\33xl\:size-\[90px\]{
width: 90px;
height: 90px;
}
.\33xl\:h-\[100px\]{
height: 100px;
}
.\33xl\:h-\[110px\]{
height: 110px;
}
.\33xl\:h-\[129\.07px\]{
height: 129.07px;
}
.\33xl\:h-\[160px\]{
height: 160px;
}
.\33xl\:h-\[175px\]{
height: 175px;
}
.\33xl\:h-\[20px\]{
height: 20px;
}
.\33xl\:h-\[21\.82px\]{
height: 21.82px;
}
.\33xl\:h-\[240px\]{
height: 240px;
}
.\33xl\:h-\[247\.26px\]{
height: 247.26px;
}
.\33xl\:h-\[248\.26px\]{
height: 248.26px;
}
.\33xl\:h-\[249px\]{
height: 249px;
}
.\33xl\:h-\[250px\]{
height: 250px;
}
.\33xl\:h-\[305px\]{
height: 305px;
}
.\33xl\:h-\[40px\]{
height: 40px;
}
.\33xl\:h-\[44px\]{
height: 44px;
}
.\33xl\:h-\[45\.04px\]{
height: 45.04px;
}
.\33xl\:h-\[48px\]{
height: 48px;
}
.\33xl\:h-\[500px\]{
height: 500px;
}
.\33xl\:h-\[50px\]{
height: 50px;
}
.\33xl\:h-\[54px\]{
height: 54px;
}
.\33xl\:h-\[600px\]{
height: 600px;
}
.\33xl\:h-\[60px\]{
height: 60px;
}
.\33xl\:h-\[64px\]{
height: 64px;
}
.\33xl\:h-\[70px\]{
height: 70px;
}
.\33xl\:h-\[74px\]{
height: 74px;
}
.\33xl\:h-\[7px\]{
height: 7px;
}
.\33xl\:h-\[80px\]{
height: 80px;
}
.\33xl\:max-h-\[247\.26px\]{
max-height: 247.26px;
}
.\33xl\:max-h-\[248\.26px\]{
max-height: 248.26px;
}
.\33xl\:max-h-\[249px\]{
max-height: 249px;
}
.\33xl\:max-h-\[500px\]{
max-height: 500px;
}
.\33xl\:w-\[100px\]{
width: 100px;
}
.\33xl\:w-\[1200px\]{
width: 1200px;
}
.\33xl\:w-\[134px\]{
width: 134px;
}
.\33xl\:w-\[142\.72px\]{
width: 142.72px;
}
.\33xl\:w-\[145\.68px\]{
width: 145.68px;
}
.\33xl\:w-\[14px\]{
width: 14px;
}
.\33xl\:w-\[158\.13px\]{
width: 158.13px;
}
.\33xl\:w-\[158px\]{
width: 158px;
}
.\33xl\:w-\[164px\]{
width: 164px;
}
.\33xl\:w-\[167px\]{
width: 167px;
}
.\33xl\:w-\[17\.38px\]{
width: 17.38px;
}
.\33xl\:w-\[175\.31px\]{
width: 175.31px;
}
.\33xl\:w-\[175px\]{
width: 175px;
}
.\33xl\:w-\[17px\]{
width: 17px;
}
.\33xl\:w-\[190px\]{
width: 190px;
}
.\33xl\:w-\[200px\]{
width: 200px;
}
.\33xl\:w-\[204px\]{
width: 204px;
}
.\33xl\:w-\[216px\]{
width: 216px;
}
.\33xl\:w-\[217px\]{
width: 217px;
}
.\33xl\:w-\[236px\]{
width: 236px;
}
.\33xl\:w-\[285px\]{
width: 285px;
}
.\33xl\:w-\[47px\]{
width: 47px;
}
.\33xl\:w-\[500px\]{
width: 500px;
}
.\33xl\:max-w-\[112px\]{
max-width: 112px;
}
.\33xl\:max-w-\[1200\.62px\]{
max-width: 1200.62px;
}
.\33xl\:max-w-\[1496px\]{
max-width: 1496px;
}
.\33xl\:max-w-\[184px\]{
max-width: 184px;
}
.\33xl\:max-w-\[236px\]{
max-width: 236px;
}
.\33xl\:max-w-\[240px\]{
max-width: 240px;
}
.\33xl\:max-w-\[400px\]{
max-width: 400px;
}
.\33xl\:max-w-screen-2xl{
max-width: 1440px;
}
.\33xl\:grid-cols-5{
grid-template-columns: repeat(5, minmax(0, 1fr));
}
.\33xl\:flex-row{
flex-direction: row;
}
.\33xl\:gap-\[10px\]{
gap: 10px;
}
.\33xl\:gap-\[34\.2px\]{
gap: 34.2px;
}
.\33xl\:border{
border-width: 1px;
}
.\33xl\:border-ik_bluegreylightens3{
border-color: var(--ik_bluegreylightens3);
}
.\33xl\:p-3{
padding: 0.75rem;
}
.\33xl\:p-\[12px\]{
padding: 12px;
}
.\33xl\:p-\[14px\]{
padding: 14px;
}
.\33xl\:p-\[24px\]{
padding: 24px;
}
.\33xl\:px-5{
padding-left: 1.25rem;
padding-right: 1.25rem;
}
.\33xl\:px-7{
padding-left: 1.75rem;
padding-right: 1.75rem;
}
.\33xl\:px-8{
padding-left: 2rem;
padding-right: 2rem;
}
.\33xl\:px-\[40px\]{
padding-left: 40px;
padding-right: 40px;
}
.\33xl\:py-0{
padding-top: 0px;
padding-bottom: 0px;
}
.\33xl\:py-10{
padding-top: 2.5rem;
padding-bottom: 2.5rem;
}
.\33xl\:py-3{
padding-top: 0.75rem;
padding-bottom: 0.75rem;
}
.\33xl\:py-\[14px\]{
padding-top: 14px;
padding-bottom: 14px;
}
.\33xl\:py-\[16\.6px\]{
padding-top: 16.6px;
padding-bottom: 16.6px;
}
.\33xl\:py-\[27\.53px\]{
padding-top: 27.53px;
padding-bottom: 27.53px;
}
.\33xl\:py-\[31\.56px\]{
padding-top: 31.56px;
padding-bottom: 31.56px;
}
.\33xl\:py-\[31px\]{
padding-top: 31px;
padding-bottom: 31px;
}
.\33xl\:py-\[33\.5px\]{
padding-top: 33.5px;
padding-bottom: 33.5px;
}
.\33xl\:py-\[36\.82px\]{
padding-top: 36.82px;
padding-bottom: 36.82px;
}
.\33xl\:py-\[48px\]{
padding-top: 48px;
padding-bottom: 48px;
}
.\33xl\:pb-6{
padding-bottom: 1.5rem;
}
.\33xl\:pb-\[16px\]{
padding-bottom: 16px;
}
.\33xl\:pb-\[24\.45px\]{
padding-bottom: 24.45px;
}
.\33xl\:pb-\[43px\]{
padding-bottom: 43px;
}
.\33xl\:pr-\[46px\]{
padding-right: 46px;
}
.\33xl\:pt-10{
padding-top: 2.5rem;
}
.\33xl\:pt-9{
padding-top: 2.25rem;
}
.\33xl\:pt-\[15\.39px\]{
padding-top: 15.39px;
}
.\33xl\:pt-\[16px\]{
padding-top: 16px;
}
.\33xl\:pt-\[21px\]{
padding-top: 21px;
}
.\33xl\:pt-\[22\.87px\]{
padding-top: 22.87px;
}
.\33xl\:pt-\[29\.82px\]{
padding-top: 29.82px;
}
.\33xl\:pt-\[2px\]{
padding-top: 2px;
}
.\33xl\:pt-\[40\.61px\]{
padding-top: 40.61px;
}
.\33xl\:pt-\[8px\]{
padding-top: 8px;
}
.\33xl\:text-\[22px\]{
font-size: 22px;
}
.\33xl\:text-\[64px\]{
font-size: 64px;
}
.\33xl\:text-f14{
font-size: var(--f14);
}
.\33xl\:text-f16{
font-size: var(--f16);
}
.\33xl\:text-f18{
font-size: var(--f18);
}
.\33xl\:text-f19{
font-size: var(--f19);
}
.\33xl\:text-f20{
font-size: var(--f20);
}
.\33xl\:text-f22{
font-size: var(--f22);
}
.\33xl\:text-f24{
font-size: var(--f24);
}
.\33xl\:text-f26{
font-size: var(--f26);
}
.\33xl\:text-f28{
font-size: var(--f28);
}
.\33xl\:text-f30{
font-size: var(--f30);
}
.\33xl\:text-f32{
font-size: var(--f32);
}
.\33xl\:text-f36{
font-size: var(--f36);
}
.\33xl\:text-f50{
font-size: var(--f50);
}
.\33xl\:text-f52{
font-size: var(--f52);
}
.\33xl\:text-f56{
font-size: var(--f56);
}
.\33xl\:text-f68{
font-size: var(--f68);
}
.\33xl\:font-bold{
font-weight: 700;
}
.\33xl\:leading-10{
line-height: 2.5rem;
}
.\33xl\:leading-6{
line-height: 1.5rem;
}
.\33xl\:leading-7{
line-height: 1.75rem;
}
.\33xl\:leading-\[100px\]{
line-height: 100px;
}
.\33xl\:leading-\[17\.62px\]{
line-height: 17.62px;
}
.\33xl\:leading-\[20\.16px\]{
line-height: 20.16px;
}
.\33xl\:leading-\[22\.68px\]{
line-height: 22.68px;
}
.\33xl\:leading-\[22px\]{
line-height: 22px;
}
.\33xl\:leading-\[23\.94px\]{
line-height: 23.94px;
}
.\33xl\:leading-\[25\.2px\]{
line-height: 25.2px;
}
.\33xl\:leading-\[26px\]{
line-height: 26px;
}
.\33xl\:leading-\[27\.16px\]{
line-height: 27.16px;
}
.\33xl\:leading-\[27\.72px\]{
line-height: 27.72px;
}
.\33xl\:leading-\[27px\]{
line-height: 27px;
}
.\33xl\:leading-\[28px\]{
line-height: 28px;
}
.\33xl\:leading-\[29\.76px\]{
line-height: 29.76px;
}
.\33xl\:leading-\[30\.24px\]{
line-height: 30.24px;
}
.\33xl\:leading-\[32px\]{
line-height: 32px;
}
.\33xl\:leading-\[70px\]{
line-height: 70px;
}
}
.\[\&\:has\(\>\.day-range-end\)\]\:rounded-r-md:has(>.day-range-end){
border-top-right-radius: 0.375rem;
border-bottom-right-radius: 0.375rem;
}
.\[\&\:has\(\>\.day-range-start\)\]\:rounded-l-md:has(>.day-range-start){
border-top-left-radius: 0.375rem;
border-bottom-left-radius: 0.375rem;
}
.\[\&\:has\(\[aria-selected\]\)\]\:rounded-md:has([aria-selected]){
border-radius: 0.375rem;
}
.\[\&\:has\(\[aria-selected\]\)\]\:bg-accent:has([aria-selected]){
background-color: hsl(var(--accent));
}
.first\:\[\&\:has\(\[aria-selected\]\)\]\:rounded-l-md:has([aria-selected]):first-child{
border-top-left-radius: 0.375rem;
border-bottom-left-radius: 0.375rem;
}
.last\:\[\&\:has\(\[aria-selected\]\)\]\:rounded-r-md:has([aria-selected]):last-child{
border-top-right-radius: 0.375rem;
border-bottom-right-radius: 0.375rem;
}
.\[\&\:has\(\[aria-selected\]\.day-outside\)\]\:bg-accent\/50:has([aria-selected].day-outside){
background-color: hsl(var(--accent) / 0.5);
}
.\[\&\:has\(\[aria-selected\]\.day-range-end\)\]\:rounded-r-md:has([aria-selected].day-range-end){
border-top-right-radius: 0.375rem;
border-bottom-right-radius: 0.375rem;
}
* {
scrollbar-width: thin;
}
::-webkit-scrollbar {
width: 6px;
height: 6px;
}
::-webkit-scrollbar-track {
margin-block: 5px;
margin-inline: 5px;
}
::-webkit-scrollbar-thumb {
background-color: #d3d3d3;
border-radius: 100vw;
}
/* Header css */
.search-bar-new1 .MuiAutocomplete-inputRoot {
border: none !important;
}
.search-here1 .MuiAutocomplete-inputRoot {
padding: 15px 3px 11px 15px !important;
}
.search-bar .MuiAutocomplete-inputRoot {
border: none !important;
padding-right: 5px !important;
height: 44px !important;
}
/* .search-bar .auto-item {
background-color: #ECEFF1 !important;
height: 48px !important;
} */
.search-here .MuiAutocomplete-inputRoot input {
width: 100% !important;
height: 48px !important;
padding: 0px 40px 0px 40px !important;
}
.auto-select-section .MuiInputBase-sizeSmall {
padding-right: 0px !important;
}
.search-here .MuiAutocomplete-inputRoot {
padding: 0px !important;
padding-top: 0px !important;
padding-bottom: 0px !important;
padding-left: 0px !important;
}
.search-here .MuiAutocomplete-input {
font-size: 14px !important;
}
.best-sellers-section .slick-track .slick-slide > div {
margin-right: 15px;
}
.best-sellers-sections .slick-track .slick-slide > div {
margin-right: 15px;
}
.slider-white-dots .slick-dots .slick-active {
width: 100px !important;
height: 6px !important;
}
.best-sellers-section .slick-dots {
bottom: -36px !important;
}
.best-sellers-sections .slick-dots {
bottom: -36px !important;
}
.slider-white-dots .slick-active .reactslick-custom-dots {
width: 100px;
height: 6px;
background: white;
border-radius: 28px !important;
}
.slider-white-dots .reactslick-custom-dots {
width: 100px;
height: 6px;
background: #ffffff52;
border-radius: 28px !important;
}
.slider-block-dots .reactslick-custom-dots {
width: 5px;
height: 5px;
background: #333;
border-radius: 28px !important;
opacity: 50%;
}
.slider-block-dots .slick-active .reactslick-custom-dots {
width: 24px;
height: 5px;
background: black;
border-radius: 28px !important;
opacity: 100%;
}
.slick-slider .slick-dots li {
height: unset !important;
width: unset !important;
}
.slider-white-dots .slick-slide img {
opacity: 0.3;
transition: opacity 0.3s ease-in-out;
}
.slider-white-dots .slick-center img {
opacity: 1;
}
.slider-white-dots .slick-dots li {
width: 110px !important;
height: 6px !important;
}
.category-section-sec .slick-prev:before {
content: '' !important;
display: inline-block !important;
width: 35px !important;
height: 35px !important;
background-image: url('https://staging.iktaraa.com/connect/assets/icons/category-prev.svg') !important;
background-size: cover !important;
position: relative;
left: 0%;
z-index: 0 !important;
top: 100%;
}
.category-section-sec .slick-prev {
left: 47% !important;
z-index: 100;
top: 100% !important;
}
.category-section-sec .slick-next:before {
content: '' !important;
display: inline-block !important;
width: 35px !important;
height: 35px !important;
background-image: url('https://staging.iktaraa.com/connect/assets/icons/category-next.svg') !important;
background-size: cover !important;
position: relative;
right: 0%;
z-index: 9999;
top: 100%;
}
.category-section-sec .slick-next {
right: 47% !important;
z-index: 100;
top: 100% !important;
}
.slick-prev:before {
content: '' !important;
display: inline-block !important;
width: 35px !important;
height: 35px !important;
background-image: url('https://staging.iktaraa.com/connect/assets/icons/arrow-left.svg') !important;
background-size: cover !important;
position: relative;
left: -7px;
z-index: 0 !important;
bottom: 60px;
}
.slick-prev {
left: -5px !important;
z-index: 100;
}
.slick-next:before {
content: '' !important;
display: inline-block !important;
width: 35px !important;
height: 35px !important;
background-image: url('https://staging.iktaraa.com/connect/assets/icons/arrow-right.svg') !important;
background-size: cover !important;
position: relative;
right: -10px;
z-index: 9999;
bottom: 60px;
/* top: -11px !important; */
}
.business-slick .slick-next:before {
right: 1px !important;
}
.slick-next {
right: 13px !important;
z-index: 100;
}
.category-section-category .slick-prev:before {
content: '' !important;
display: inline-block !important;
width: 35px !important;
height: 35px !important;
background-image: url('https://staging.iktaraa.com/connect/assets/icons/arrow-left.svg') !important;
background-size: cover !important;
position: relative;
left: -7px;
z-index: 0 !important;
bottom: 40px;
}
.category-section-category .slick-prev {
left: -5px !important;
z-index: 100;
}
.category-section-category .slick-next:before {
content: '' !important;
display: inline-block !important;
width: 35px !important;
height: 35px !important;
background-image: url('https://staging.iktaraa.com/connect/assets/icons/arrow-right.svg') !important;
background-size: cover !important;
position: relative;
right: -10px;
z-index: 9999;
bottom: 40px;
/* top: -11px !important; */
}
.category-section-category .slick-next {
right: 13px !important;
z-index: 100;
}
.video-section-sec .slick-prev:before {
content: '' !important;
display: inline-block !important;
width: 35px !important;
height: 35px !important;
background-image: url('https://staging.iktaraa.com/connect/assets/icons/arrow-left.svg') !important;
background-size: cover !important;
position: relative;
left: -10px;
z-index: 0 !important;
top: -15px;
}
.video-section-sec .slick-prev {
left: -5px !important;
z-index: 100;
}
.video-section-sec .slick-next:before {
content: '' !important;
display: inline-block !important;
width: 35px !important;
height: 35px !important;
background-image: url('https://staging.iktaraa.com/connect/assets/icons/arrow-right.svg') !important;
background-size: cover !important;
position: relative;
right: -10px;
z-index: 9999;
top: -15px;
}
.video-section-sec .slick-next {
right: 13px !important;
z-index: 100;
}
.Category-button {
border: 1px solid #cccccc;
}
.category-section-sec .slick-slide,
.category-section-week .slick-slide {
display: flex !important;
flex-direction: column;
gap: 12px;
}
.music-select .slick-slide {
display: flex !important;
flex-direction: column;
gap: 16px;
}
.music-select .slick-slide,
.category-section-sec .slick-slide,
.about-section-sec .slick-slide,
.category-section-week .slick-slide {
margin-right: 12px;
display: flex;
}
.music-select .slick-slide:last-child,
.category-section-sec .slick-slide:last-child,
.about-section-sec .slick-slide:last-child,
.category-section-week .slick-slide:last-child,
.category-section-category .slick-slide:last-child {
margin-right: 0px;
}
.category-section-category .slick-slide {
margin-right: 16px;
display: flex;
}
.category-section-sec .slick-track,
.about-section-sec .slick-track,
.category-section-week .slick-track,
.category-section-category .slick-track {
/* gap: 12px; */
display: flex;
}
.category-section-category .slick-list {
height: 290px;
}
.music-select .slick-track {
/* gap: 12px; */
display: flex;
}
.music-section-sec .slick-track {
/* .video-section-sec .slick-track { */
gap: 12px;
display: flex;
}
/* .music-section-sec1 .slick-track {
gap: 12px;
display: flex;
/* } */
.music-section-sec2 .slick-track {
gap: 12px;
display: flex;
}
.reviews-section .slick-track {
gap: 12px;
display: flex;
}
.image-category img {
border-radius: 8px;
filter: brightness(0.7);
}
.category-name {
bottom: 10px;
left: 15px;
}
.Category-button.active {
background-color: var(--ik_pink);
color: white;
}
.gro-card-sections {
padding: 15px;
border-radius: 12px;
background-color: #43346a;
}
.paragraph-Ctr > ul {
list-style: none !important;
padding-left: 0px !important;
}
.paragraph-Ctr > ul > li {
display: inline-block;
position: relative;
width: 100%;
padding-left: 28px;
margin-bottom: 10px;
height: 100%;
min-height: 20px;
}
.paragraph-Ctr > ul > li::before {
content: '';
background-image: url('https://staging.iktaraa.com/connect/assets/icons/bulletin.svg');
position: absolute;
width: 18px;
height: 18px;
top: 12px;
left: 10px;
transform: translate(-50%, -50%);
background-size: contain;
background-repeat: no-repeat;
background-position: center top;
}
.category-table .MuiTabs-hideScrollbar .MuiTabs-indicator {
position: unset !important;
}
.category-table .Mui-selected {
background-color: var(--ik_white-foreground);
color: var(--ik_white);
}
.category-table .Mui-selected img {
filter: brightness(0) invert(1);
}
.category-table .MuiTab-textColorPrimary {
border: 1px solid var(--ik_bordervariant) !important;
}
.category-table .MuiTabs-flexContainer {
gap: 8px !important;
}
.category-table1 .MuiTabs-hideScrollbar .MuiTabs-indicator {
position: unset !important;
}
.category-table1 .Mui-selected {
background-color: var(--ik_whitevariant);
color: var(--ik_pink);
border: 1px solid var(--ik_pink) !important;
border-radius: 34px;
}
.category-table1 .MuiTab-textColorPrimary {
border: 1px solid var(--ik_bordervariant2);
/* border-radius: 34px; */
}
.category-table1 .MuiTabs-flexContainer {
gap: 8px !important;
}
.font-linear {
background: linear-gradient(90deg, #e34061 30%, #3c1393 44%, #1e9d77 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
text-transform: capitalize !important;
}
.askcolor {
background-image: linear-gradient(272.65deg, #2e1e5a -3.81%, #e34061 116.02%);
}
.shadow-color {
box-shadow: 0px 10px 30px 0px hsla(0, 0%, 0%, 0.15);
}
.reviews-section .slick-prev:before {
content: '' !important;
display: inline-block !important;
width: 10px !important;
height: 20px !important;
background-image: url('https://staging.iktaraa.com/connect/assets/icons/reviews-prev.svg') !important;
background-size: cover !important;
position: relative;
z-index: 0 !important;
top: 50%;
left: -15px;
}
.reviews-section .slick-prev {
z-index: 100;
top: 48% !important;
}
.reviews-section .slick-track {
padding-top: 16px;
padding-bottom: 30px;
}
.reviews-section .slick-next:before {
content: '' !important;
display: inline-block !important;
width: 10px !important;
height: 20px !important;
background-image: url('https://staging.iktaraa.com/connect/assets/icons/reviewa-next.svg') !important;
background-size: cover !important;
position: relative;
z-index: 9999;
top: 50%;
right: -30px;
}
.reviews-section .slick-next {
top: 48% !important;
z-index: 100;
}
.new {
padding: 5px 5px 5px 5px;
background-color: var(--ik_bluegreylighten5);
border-radius: 6px;
/* border: 5px solid var(--ik_bluegreylighten5) !important; */
}
.new1 {
/* padding: 7px 7px 7px 12px; */
/* background-color: var(--ik_bluegreylighten5);
border-radius: 6px; */
border: 5px solid var(--ik_bluegreydarken3) !important;
}
.inputconditions {
margin-left: 0px !important;
}
.terms .MuiInputBase-multiline {
border: 1px solid var(--ik_bluegreydarken3) !important;
}
.date-picker-event table th {
/* width: 3.7rem !important; */
background-color: var(--ik_bluegreylighten5) !important;
width: 75.38px;
}
.date-picker-event table thead {
border-radius: 8px !important;
padding: 5px !important;
display: flex;
justify-content: center;
align-items: center;
background-color: var(--ik_bluegreylighten5) !important;
height: 54px;
}
.date-picker-event {
padding-top: 0px !important;
}
.date-picker-event table tbody {
display: block !important;
padding-inline: 8px !important;
padding-block: 10px !important;
}
.date-picker-event table tbody td {
padding-block: 8px !important;
padding-inline: 2px !important;
background-color: white !important;
}
.date-picker-event table td button {
/* width: 3.5rem !important; */
width: 71.38px;
height: 54px;
color: var(--ik_bluegreydarken1);
}
.date-picker-event .rdp-button_reset {
border: none !important;
}
.date-picker-event .focus\:text-primary-foreground:focus {
color: var(--ik_pink-foreground) !important;
}
.date-picker-event .aria-selected\:opacity-100[aria-selected='true'] {
color: white !important;
}
.buisness-slicknew .slider-container {
width: 100%;
margin: 0 auto;
/* Center the slider */
}
.buisness-slicknew .slick-slide {
/* width: 348px !important; */
/* Force each slide to be 348px */
display: inline-block;
/* Ensure that the slides stay in a single row */
justify-content: center;
height: 346px !important;
}
.buisness-slicknew .slick-track {
display: flex !important;
/* Ensure all slides are in the same row */
align-items: center;
/* Vertically align slides (optional) */
}
.buisness-slicknew .slick-list {
overflow: hidden;
/* Hide overflow to avoid slide content spilling */
/* white-space: nowrap; Prevent slides from wrapping to a new line */
}
.buisness-slicknew .slide-item {
width: 100%;
/* Allow responsive adjustment for card width */
display: flex;
justify-content: center;
}
.events-slider .slick-slide {
/* width: 280px !important; */
display: inline-block;
justify-content: center;
}
.image-padding:nth-child(2) {
padding-right: 0px !important;
}
/* @media screen and (max-width: 575px) {
}
@media screen and (min-width: 576px) and (max-width: 767px) {
}
@media screen and (min-width: 768px) and (max-width: 995px) {
.event-banner {
margin-top: -428px !important;
}
.event-image {
margin-top: -139px !important;
}
}
@media screen and (min-width: 1201px) and (max-width: 1400px) {
.event-banner {
margin-top: -468px !important;
}
.event-image {
margin-top: -139px !important;
}
}
@media screen and (min-width: 1401px) and (max-width: 1500px) {
.event-banner {
margin-top: -428px !important;
}
.event-image {
margin-top: -139px !important;
}
}
@media screen and (min-width: 1501px) and (max-width: 1600px) {
.event-banner {
margin-top: -468px !important;
}
.event-image {
margin-top: -162px !important;
}
}
@media screen and (min-width: 1601px) and (max-width: 1800px) {
.event-banner {
margin-top: -525px !important;
}
.event-image {
margin-top: -160px !important;
}
}
@media screen and (min-width: 1801px) and (max-width: 2000px) {
.event-banner {
margin-top: -590px !important;
}
.event-image {
margin-top: -158px !important;
}
}
@media screen and (min-width: 2001px) and (max-width: 2200px) {
.event-banner {
margin-top: -635px !important;
}
.event-image {
margin-top: -158px !important;
}
}
@media screen and (min-width: 2201px) and (max-width: 4000px) {
.event-banner {
margin-top: -705px !important;
}
.event-image {
margin-top: -158px !important;
}
}
.event-banner {
margin-top: -428px;
}
.event-image {
margin-top: -139px;
} */
.event-banner {
content: '' !important;
/* display: inline-block !important;
width: 35px !important;
height: 35px !important; */
background-image: url('https://staging.iktaraa.com/connect/assets/static/image_30.png') !important;
background-size: cover !important;
height: 691px !important;
/* position: relative;
left: 0%;
z-index: 0 !important;
top: 100%; */
}
.price-range-slider .range-slider__track {
background-color: hsla(348, 75%, 57%, 1) !important;
/* Track background */
}
.price-range-slider .range-slider__thumb {
background-color: hsla(348, 75%, 57%, 1) !important;
/* Thumb color */
border-color: hsla(348, 75%, 57%, 1) !important;
/* Optional: add border color */
}
.range-slider .range-slider__range {
background-color: hsla(348, 75%, 57%, 1) !important;
}
.price-range-slider .range-slider__active-track {
background-color: hsla(348, 75%, 57%, 1) !important;
/* Color for the active (selected) range */
}
/*
.MuiMultiSectionDigitalClock-root{
} */
/* width */
.MuiMultiSectionDigitalClock-root ::-webkit-scrollbar,
.MuiAutocomplete-popper ::-webkit-scrollbar {
width: 0px !important;
}
.MuiMultiSectionDigitalClock-root ul {
scrollbar-width: none !important;
}
/* Track */
.MuiMultiSectionDigitalClock-root ::-webkit-scrollbar-track,
.MuiAutocomplete-popper ::-webkit-scrollbar-track {
background: #f1f1f1 !important;
}
/* Handle */
.MuiMultiSectionDigitalClock-root ::-webkit-scrollbar-thumb,
.MuiAutocomplete-popper ::-webkit-scrollbar-thumb {
background: #888 !important;
}
/* Handle on hover */
.MuiMultiSectionDigitalClock-root ::-webkit-scrollbar-thumb:hover,
.MuiAutocomplete-popper ::-webkit-scrollbar-thumb:hover {
background: #555 !important;
}
.music-section-sec .slick-track,
.category-section-sec .slick-track,
.category-section-week .slick-track,
.category-section-category .slick-track,
.music-section-sec1 .slick-track,
.music-section-sec2 .slick-track {
margin-right: unset;
margin-left: unset;
}
.service-music-section .slick-prev:before {
content: '' !important;
display: inline-block !important;
width: 35px !important;
height: 35px !important;
background-image: url('https://staging.iktaraa.com/connect/assets/icons/arrow-left.svg') !important;
background-size: cover !important;
position: relative;
left: -7px;
z-index: 0 !important;
bottom: 0px;
}
.service-music-section .slick-prev {
left: -5px !important;
z-index: 100;
}
.custom-autocomplete-paper {
padding: 16px 0px !important;
}
/* .search-data-main:hover {
background-color: #f2f6f8;
} */
/* .MuiAutocomplete-paper {
padding: 24px 0px;
} */
.search-bar-new .MuiInputBase-adornedEnd {
background: var(--ik_bluegreylighten5);
}
.search-bar-new .MuiInputBase-adornedEnd input:focus {
background: #ffff !important;
box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px !important;
border-radius: 8px 8px 0px 0px;
}
.service-music-section .slick-next:before {
content: '' !important;
display: inline-block !important;
width: 35px !important;
height: 35px !important;
background-image: url('https://staging.iktaraa.com/connect/assets/icons/arrow-right.svg') !important;
background-size: cover !important;
position: relative;
right: -10px;
z-index: 9999;
bottom: 0px;
}
.service-music-section .slick-next {
right: 13px !important;
z-index: 100;
}
.category-table > div > .Mui-disabled {
width: '0px' !important;
}
.tooltip {
position: relative;
font-weight: bold;
font-size: 24px;
border: 5px solid #5494db;
padding: 10px 15px;
background-color: #f7fff7;
width: 16.5%;
/* margin: 2em auto; */
text-align: center;
}
.tooltip-top:before {
content: '';
position: absolute;
display: block;
width: 0px;
left: 50%;
top: 100;
border: 15px solid transparent;
border-top: 0;
border-bottom: 15px solid #5494db;
transform: translate(-50%, calc(-100% - 5px));
z-index: 100;
}
.splash-image {
animation: slideInFromTop 5s ease-out;
}
/* global.css */
@media (min-width: 900px) and (max-width: 1023px) {
.custom-ml-16 {
margin-left: 16px;
}
.custom-box-height {
height: 100% !important;
min-height: 70px;
}
.custom-mb-8 {
margin-bottom: 32px;
}
.custom-mt-4 {
margin-top: 16px !important;
}
.custom-block {
display: none;
}
/* .custom-chatbox {
width: 320px !important;
} */
}
@media (min-width: 768px) and (max-width: 900px) {
.custom1-ml-16 {
margin-left: 0px;
}
}
@media (max-width: 400px) {
.reviews-section .slick-prev:before {
left: 0% !important;
}
.reviews-section .slick-next:before {
right: 0% !important;
}
.new-class-add-button {
padding-top: '40px' !important;
}
}
@media (min-width: 400px) and (max-width: 639px) {
.reviews-section .slick-slide > div {
width: 351px !important;
}
.reviews-section .slick-initialized .slick-slide {
display: flex !important;
justify-content: center;
}
}
@media (max-width: 639px) {
.music-section-sec .slick-list {
padding: 0px 25px 0px 0px !important;
/* padding-right: 20px !important; */
}
.date-picker-event table td button {
width: 31px;
height: 35px;
}
.date-picker-event {
display: flex;
justify-content: center;
align-items: center;
}
.date-picker-event table th {
width: 34px;
}
.date-picker-event {
padding-top: 0.75rem !important;
}
.reviews-section .slick-prev:before {
content: '' !important;
display: inline-block !important;
width: 35px !important;
height: 35px !important;
background-image: url('https://staging.iktaraa.com/connect/assets/icons/arrow-left.svg') !important;
background-size: cover !important;
position: relative;
left: 39%;
z-index: 0 !important;
top: 90%;
}
.category-section-category .slick-list {
height: 390px;
}
.category-section-category .slick-slide {
display: flex !important;
flex-direction: column;
gap: 16px;
}
.category-section-category .slick-prev:before,
.category-section-category .slick-next:before {
bottom: 25px !important;
}
.reviews-section .slick-prev {
left: 39% !important;
z-index: 100;
top: 90% !important;
}
.reviews-section .slick-track {
padding-bottom: 56px !important;
}
.reviews-section .slick-next:before {
content: '' !important;
display: inline-block !important;
width: 35px !important;
height: 35px !important;
background-image: url('https://staging.iktaraa.com/connect/assets/icons/arrow-right.svg') !important;
background-size: cover !important;
position: relative;
right: 39%;
z-index: 9999;
top: 90%;
}
.reviews-section .slick-next {
right: 39% !important;
z-index: 100;
top: 90% !important;
}
.slider-white-dots .reactslick-custom-dots,
.sliders-white-dots .reactslick-custom-dots {
width: 5px !important;
height: 5px !important;
background: #333 !important;
border-radius: 28px !important;
opacity: 50% !important;
}
.slider-white-dots .slick-active .reactslick-custom-dots,
.sliders-white-dots .slick-active .reactslick-custom-dots {
width: 24px !important;
height: 5px !important;
background: black !important;
border-radius: 28px !important;
opacity: 100% !important;
}
.slider-white-dots .slick-dots li,
.sliders-white-dots .slick-dots li {
height: unset !important;
width: unset !important;
}
.slider-white-dots .slick-dots .slick-active,
.sliders-white-dots .slick-dots .slick-active {
width: unset !important;
height: unset !important;
}
.best-sellers-section .slick-dots {
bottom: -20px !important;
}
.best-sellers-sections .slick-dots {
bottom: -20px !important;
}
.category-table .MuiTabs-flexContainer {
gap: 6px !important;
}
.best-sellers-sections .slick-track .slick-slide > div {
margin-right: 0px !important;
}
.customminput-section ul li {
padding-left: 0px !important;
padding-right: 0px !important;
}
.customminput-section {
font-size: 12px !important;
}
.otp-box1 > input {
border-radius: 6px;
border: 1px solid #b3b8c7;
padding: 10px !important;
font-size: 14px !important;
max-width: 40px !important;
max-height: 50px !important;
}
}
@media (min-width: 640px) and (max-width: 767px) {
.date-picker-event {
padding-top: 0.75rem !important;
}
.slider-white-dots .reactslick-custom-dots {
width: 5px !important;
height: 5px !important;
background: #333 !important;
border-radius: 28px !important;
opacity: 50% !important;
}
.slider-white-dots .slick-active .reactslick-custom-dots {
width: 24px !important;
height: 5px !important;
background: black !important;
border-radius: 28px !important;
opacity: 100% !important;
}
.slider-white-dots .slick-dots li {
height: unset !important;
width: unset !important;
}
.slider-white-dots .slick-dots .slick-active {
width: unset !important;
height: unset !important;
}
.best-sellers-section .slick-dots {
bottom: -20px !important;
}
.best-sellers-sections .slick-dots {
bottom: -20px !important;
}
.category-table .MuiTabs-flexContainer {
gap: 6px !important;
}
.category-section-category .slick-list {
height: 390px;
}
.category-section-category .slick-slide {
display: flex !important;
flex-direction: column;
gap: 12px;
}
.category-section-category .slick-prev:before,
.category-section-category .slick-next:before {
bottom: 25px !important;
}
}
@media (min-width: 768px) and (max-width: 1099px) {
.date-picker-event {
display: flex;
justify-content: center;
align-items: center;
}
}
@media (min-width: 768px) and (max-width: 1023px) {
.slider-white-dots .reactslick-custom-dots {
width: 5px !important;
height: 5px !important;
background: #333 !important;
border-radius: 28px !important;
opacity: 50% !important;
}
.slider-white-dots .slick-active .reactslick-custom-dots {
width: 24px !important;
height: 5px !important;
background: black !important;
border-radius: 28px !important;
opacity: 100% !important;
}
.slider-white-dots .slick-dots li {
height: unset !important;
width: unset !important;
}
.slider-white-dots .slick-dots .slick-active {
width: unset !important;
height: unset !important;
}
.best-sellers-section .slick-dots {
bottom: -20px !important;
}
.best-sellers-sections .slick-dots {
bottom: -20px !important;
}
}
@media (min-width: 1024px) and (max-width: 1099px) {
.best-sellers-section .slick-dots {
bottom: -23px !important;
}
}
@media (min-width: 375px) and (max-width: 475px) {
.music-section-sec1 .slick-prev:before {
opacity: unset !important;
/* bottom:-193px!important; */
top: 210px !important;
left: 131px !important;
}
.music-section-sec1 .slick-next:before {
opacity: unset !important;
/* bottom:-193px!important; */
top: 210px !important;
right: 131px !important;
}
.music-section-sec2 .slick-prev:before {
opacity: unset !important;
/* bottom:-193px!important; */
top: 103px !important;
left: 131px !important;
}
.music-section-sec2 .slick-next:before {
opacity: unset !important;
/* bottom:-193px!important; */
top: 103px !important;
right: 131px !important;
}
}
@media (min-width: 476px) and (max-width: 639px) {
.music-section-sec1 .slick-prev:before {
opacity: unset !important;
left: 180px !important;
z-index: 100;
top: 210px !important;
}
.music-section-sec1 .slick-next:before {
opacity: unset !important;
right: 180px !important;
z-index: 100;
bottom: -210px !important;
}
}
@media (min-width: 476px) and (max-width: 600px) {
.music-section-sec2 .slick-prev:before {
opacity: unset !important;
left: 180px !important;
z-index: 100;
top: 103px !important;
}
.music-section-sec2 .slick-next:before {
opacity: unset !important;
right: 180px !important;
z-index: 100;
top: 103px !important;
}
}
@media (min-width: 768px) and (max-width: 1099px) {
.otp-box1 > input {
border-radius: 6px;
border: 1px solid #b3b8c7;
padding: 10px !important;
font-size: 14px !important;
max-width: 45px !important;
max-height: 55px !important;
}
}
@media (min-width: 1100px) and (max-width: 1695px) {
.date-picker-event table th {
width: 55.38px !important;
}
.date-picker-event table td button {
width: 51.38px !important;
height: 42px !important;
}
}
@media (min-width: 640px) and (max-width: 768px) {
.music-section-sec1 .slick-prev:before {
opacity: unset !important;
top: 230px !important;
left: 231px !important;
}
.music-section-sec1 .slick-next:before {
opacity: unset !important;
top: 230px !important;
right: 231px !important;
}
}
@media (min-width: 601px) and (max-width: 768px) {
.music-section-sec2 .slick-prev:before {
opacity: unset !important;
top: 103px !important;
left: 231px !important;
}
.music-section-sec2 .slick-next:before {
opacity: unset !important;
top: 103px !important;
right: 231px !important;
}
}
.music-section-sec1 .slick-prev {
left: 7px !important;
z-index: 100;
top: 56% !important;
}
.music-section-sec1 .slick-next {
right: 24px !important;
z-index: 100;
top: 56% !important;
}
@media (min-width: 769px) and (max-width: 1099px) {
.music-section-sec2 .slick-prev:before {
opacity: unset !important;
left: -6px !important;
z-index: 100;
top: -22px !important;
}
.music-section-sec2 .slick-next:before {
opacity: unset !important;
right: -14px !important;
z-index: 100;
top: -26px !important;
}
}
@media (min-width: 769px) {
.music-section-sec1 .slick-prev:before {
opacity: unset !important;
left: -16px !important;
z-index: 100;
top: -51px !important;
}
.music-section-sec1 .slick-next:before {
opacity: unset !important;
right: -16px !important;
z-index: 100;
top: -51px !important;
}
}
@media (min-width: 768px) and (max-width: 1099px) {
.category-section-category .slick-list {
height: 230px !important;
}
}
@media (min-width: 1100px) and (max-width: 1279px) {
.tables-postions {
width: 100% !important;
max-width: 744px !important;
}
}
@media (min-width: 1280px) and (max-width: 1439px) {
.tables-postions {
width: 100% !important;
max-width: 924px !important;
}
}
@media (min-width: 1440px) and (max-width: 1495px) {
.tables-postions {
width: 100% !important;
max-width: 1020px !important;
}
}
.tables-postions {
width: 100% !important;
max-width: 1078px;
}
.music-section-sec2 .slick-prev:before {
opacity: unset !important;
left: -6px;
z-index: 100;
top: -55px;
}
.music-section-sec2 .slick-next:before {
opacity: unset !important;
right: -14px;
z-index: 100;
top: -55px;
}
/* .music-section-sec1 .slick-slide {
display: flex;
justify-content: center;
}
.music-section-sec1 .slick-track {
display: flex;
flex-wrap: wrap;
} */
/* Hide scrollbar for Chrome, Safari, and Opera */
.hide-scrollbar::-webkit-scrollbar {
display: none;
}
/* Hide scrollbar for IE, Edge, and Firefox */
.hide-scrollbar {
-ms-overflow-style: none;
/* IE and Edge */
scrollbar-width: none;
/* Firefox */
}
.search-data-main:hover {
background-color: #f2f6f8;
}
.otp-box1 > input {
border-radius: 6px;
border: 1px solid #b3b8c7;
padding: 17px 20px 17px 20px;
font-size: 22px !important;
max-width: 66px;
max-height: 74px;
}
.blur-effect {
filter: blur(1px);
/* Adjust blur strength as needed */
opacity: 0.6;
/* Reduce opacity for the disabled look */
}
.event-analytic-section {
overflow-y: scroll;
}
/* Optional: Style the scrollbar for webkit browsers */
.no-scroll {
overflow: hidden;
}
.MuiPickersLayout-contentWrapper .Mui-selected {
background-color: var(--ik_pink) !important;
}
.shadow-top {
box-shadow:
0px -16px 20px -20px rgba(0, 0, 0, 0.45),
0px 25px 20px -20px rgba(0, 0, 0, 0.45);
}
.scrollbarwidth {
scrollbar-width: none;
}
/* .expanded {
height: 10px;
min-height: 0px !important;
transition: height 0.5s ease-out;
}
.expanded .MuiSvgIcon-fontSizeMedium {
margin-bottom: 35px;
} */
.filter-select {
filter: invert(36%) sepia(42%) saturate(1605%) hue-rotate(309deg) brightness(97%) contrast(98%);
}
.sticky-postions {
position: sticky !important;
bottom: 0 !important;
z-index: 18 !important;
background-color: white !;
}
.hide-scrollbar::-webkit-scrollbar {
display: none !important;
}
.hide-scrollbar {
-ms-overflow-style: none !important;
scrollbar-width: none !important;
}
/* .custom-backdrop > div {
z-index: 1500 !important;
} */
.cookie_new > div > div {
flex: unset !important;
}
/* .custom-backdrop > div {
z-index: 1500 !important;
} */
.cookie_new > div {
justify-content: center !important;
}
.cookie_new > div > div {
flex: unset !important;
margin: 0px !important;
}
.cookie_new > div {
justify-content: center !important;
padding: 7px;
background: vara(--ik_pink);
}
.cookie_new button {
margin: 5px !important;
border-radius: 25px !important;
}
@media (max-width: 1099px) {
.cookie_new > div > div {
font-size: 12px !important;
}
.cookie_new button {
font-size: 12px !important;
padding: 8px 20px !important;
}
.cookie_new > div {
padding: 8px 15px;
}
}
/* Slider */
.slick-slider
{
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list
{
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus
{
outline: none;
}
.slick-list.dragging
{
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list
{
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track
{
position: relative;
top: 0;
left: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
display: table;
content: '';
}
.slick-track:after
{
clear: both;
}
.slick-loading .slick-track
{
visibility: hidden;
}
.slick-slide
{
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[dir='rtl'] .slick-slide
{
float: right;
}
.slick-slide img
{
display: block;
}
.slick-slide.slick-loading img
{
display: none;
}
.slick-slide.dragging img
{
pointer-events: none;
}
.slick-initialized .slick-slide
{
display: block;
}
.slick-loading .slick-slide
{
visibility: hidden;
}
.slick-vertical .slick-slide
{
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}
@charset 'UTF-8';
/* Slider */
.slick-loading .slick-list
{
background: #fff url(/connect/_next/static/media/ajax-loader.0b80f665.gif) center center no-repeat;
}
/* Icons */
@font-face
{
font-family: 'slick';
font-weight: normal;
font-style: normal;
src: url(/connect/_next/static/media/slick.25572f22.eot);
src: url(/connect/_next/static/media/slick.25572f22.eot?#iefix) format('embedded-opentype'), url(/connect/_next/static/media/slick.653a4cbb.woff) format('woff'), url(/connect/_next/static/media/slick.6aa1ee46.ttf) format('truetype'), url(/connect/_next/static/media/slick.f895cfdf.svg#slick) format('svg');
}
/* Arrows */
.slick-prev,
.slick-next
{
font-size: 0;
line-height: 0;
position: absolute;
top: 50%;
display: block;
width: 20px;
height: 20px;
padding: 0;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
cursor: pointer;
color: transparent;
border: none;
outline: none;
background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
color: transparent;
outline: none;
background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
opacity: .25;
}
.slick-prev:before,
.slick-next:before
{
font-family: 'slick';
font-size: 20px;
line-height: 1;
opacity: .75;
color: white;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-prev
{
left: -25px;
}
[dir='rtl'] .slick-prev
{
right: -25px;
left: auto;
}
.slick-prev:before
{
content: 'â†';
}
[dir='rtl'] .slick-prev:before
{
content: '→';
}
.slick-next
{
right: -25px;
}
[dir='rtl'] .slick-next
{
right: auto;
left: -25px;
}
.slick-next:before
{
content: '→';
}
[dir='rtl'] .slick-next:before
{
content: 'â†';
}
/* Dots */
.slick-dotted.slick-slider
{
margin-bottom: 30px;
}
.slick-dots
{
position: absolute;
bottom: -25px;
display: block;
width: 100%;
padding: 0;
margin: 0;
list-style: none;
text-align: center;
}
.slick-dots li
{
position: relative;
display: inline-block;
width: 20px;
height: 20px;
margin: 0 5px;
padding: 0;
cursor: pointer;
}
.slick-dots li button
{
font-size: 0;
line-height: 0;
display: block;
width: 20px;
height: 20px;
padding: 5px;
cursor: pointer;
color: transparent;
border: 0;
outline: none;
background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
opacity: 1;
}
.slick-dots li button:before
{
font-family: 'slick';
font-size: 6px;
line-height: 20px;
position: absolute;
top: 0;
left: 0;
width: 20px;
height: 20px;
content: '•';
text-align: center;
opacity: .25;
color: black;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
opacity: .75;
color: black;
}
/* latin-ext */
@font-face {
font-family: '__Sora_fa3dd4';
font-style: normal;
font-weight: 100;
font-display: swap;
src: url(/connect/_next/static/media/97a9b9c5d2a0c527-s.woff2) format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: '__Sora_fa3dd4';
font-style: normal;
font-weight: 100;
font-display: swap;
src: url(/connect/_next/static/media/a2117d63e64fe351-s.p.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
font-family: '__Sora_fa3dd4';
font-style: normal;
font-weight: 200;
font-display: swap;
src: url(/connect/_next/static/media/97a9b9c5d2a0c527-s.woff2) format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: '__Sora_fa3dd4';
font-style: normal;
font-weight: 200;
font-display: swap;
src: url(/connect/_next/static/media/a2117d63e64fe351-s.p.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
font-family: '__Sora_fa3dd4';
font-style: normal;
font-weight: 300;
font-display: swap;
src: url(/connect/_next/static/media/97a9b9c5d2a0c527-s.woff2) format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: '__Sora_fa3dd4';
font-style: normal;
font-weight: 300;
font-display: swap;
src: url(/connect/_next/static/media/a2117d63e64fe351-s.p.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
font-family: '__Sora_fa3dd4';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(/connect/_next/static/media/97a9b9c5d2a0c527-s.woff2) format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: '__Sora_fa3dd4';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(/connect/_next/static/media/a2117d63e64fe351-s.p.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
font-family: '__Sora_fa3dd4';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url(/connect/_next/static/media/97a9b9c5d2a0c527-s.woff2) format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: '__Sora_fa3dd4';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url(/connect/_next/static/media/a2117d63e64fe351-s.p.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
font-family: '__Sora_fa3dd4';
font-style: normal;
font-weight: 600;
font-display: swap;
src: url(/connect/_next/static/media/97a9b9c5d2a0c527-s.woff2) format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: '__Sora_fa3dd4';
font-style: normal;
font-weight: 600;
font-display: swap;
src: url(/connect/_next/static/media/a2117d63e64fe351-s.p.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
font-family: '__Sora_fa3dd4';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(/connect/_next/static/media/97a9b9c5d2a0c527-s.woff2) format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: '__Sora_fa3dd4';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(/connect/_next/static/media/a2117d63e64fe351-s.p.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
font-family: '__Sora_fa3dd4';
font-style: normal;
font-weight: 800;
font-display: swap;
src: url(/connect/_next/static/media/97a9b9c5d2a0c527-s.woff2) format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: '__Sora_fa3dd4';
font-style: normal;
font-weight: 800;
font-display: swap;
src: url(/connect/_next/static/media/a2117d63e64fe351-s.p.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}@font-face {font-family: '__Sora_Fallback_fa3dd4';src: local("Arial");ascent-override: 85.29%;descent-override: 25.50%;line-gap-override: 0.00%;size-adjust: 113.73%
}.__className_fa3dd4 {font-family: '__Sora_fa3dd4', '__Sora_Fallback_fa3dd4';font-style: normal
}.__variable_fa3dd4 {--sora: '__Sora_fa3dd4', '__Sora_Fallback_fa3dd4'
}