*, :before, :after, ::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: #2f7dff80;
--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: ;
}
*, :before, :after {
box-sizing: border-box;
border: 0 solid #e4e1e0;
}
:before, :after {
--tw-content: "";
}
html, :host {
-webkit-text-size-adjust: 100%;
tab-size: 4;
font-feature-settings: normal;
font-variation-settings: normal;
-webkit-tap-highlight-color: transparent;
font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif;
line-height: 1.5;
}
body {
line-height: inherit;
margin: 0;
}
hr {
height: 0;
color: inherit;
border-top-width: 1px;
}
abbr:where([title]) {
text-decoration: underline dotted;
}
h1, h2, h3, h4, h5, h6 {
font-size: inherit;
font-weight: inherit;
}
a {
color: inherit;
text-decoration: inherit;
}
b, strong {
font-weight: bolder;
}
code, kbd, samp, pre {
font-feature-settings: normal;
font-variation-settings: normal;
font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
font-size: 1em;
}
small {
font-size: 80%;
}
sub, sup {
vertical-align: baseline;
font-size: 75%;
line-height: 0;
position: relative;
}
sub {
bottom: -.25em;
}
sup {
top: -.5em;
}
table {
text-indent: 0;
border-color: inherit;
border-collapse: collapse;
}
button, input, optgroup, select, textarea {
font-feature-settings: inherit;
font-variation-settings: inherit;
font-family: inherit;
font-size: 100%;
font-weight: inherit;
line-height: inherit;
letter-spacing: inherit;
color: inherit;
margin: 0;
padding: 0;
}
button, select {
text-transform: none;
}
button, input:where([type="button"]), input:where([type="reset"]), input:where([type="submit"]) {
-webkit-appearance: button;
background-color: #0000;
background-image: none;
}
:-moz-focusring {
outline: auto;
}
:-moz-ui-invalid {
box-shadow: none;
}
progress {
vertical-align: baseline;
}
::-webkit-inner-spin-button {
height: auto;
}
::-webkit-outer-spin-button {
height: auto;
}
[type="search"] {
-webkit-appearance: textfield;
outline-offset: -2px;
}
::-webkit-search-decoration {
-webkit-appearance: none;
}
::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit;
}
summary {
display: list-item;
}
blockquote, 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 {
margin: 0;
padding: 0;
list-style: none;
}
dialog {
padding: 0;
}
textarea {
resize: vertical;
}
input::-moz-placeholder {
opacity: 1;
color: #9c9591;
}
textarea::-moz-placeholder {
opacity: 1;
color: #9c9591;
}
input::placeholder, textarea::placeholder {
opacity: 1;
color: #9c9591;
}
button, [role="button"] {
cursor: pointer;
}
:disabled {
cursor: default;
}
img, svg, video, canvas, audio, iframe, embed, object {
vertical-align: middle;
display: block;
}
img, video {
max-width: 100%;
height: auto;
}
[hidden]:where(:not([hidden="until-found"])) {
display: none;
}
html {
font-family: Inter, system-ui, sans-serif;
}
.container {
width: 100%;
}
@media (width >= 640px) {
.container {
max-width: 640px;
}
}
@media (width >= 768px) {
.container {
max-width: 768px;
}
}
@media (width >= 1024px) {
.container {
max-width: 1024px;
}
}
@media (width >= 1280px) {
.container {
max-width: 1280px;
}
}
@media (width >= 1536px) {
.container {
max-width: 1536px;
}
}
.btn {
cursor: pointer;
justify-content: center;
align-items: center;
display: inline-flex;
}
.btn-primary {
--tw-border-opacity: 1;
border-bottom-width: 2px;
border-color: rgb(23 41 105 / var(--tw-border-opacity, 1));
background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
--tw-gradient-from: #1539b8 var(--tw-gradient-from-position);
--tw-gradient-to: #172969 var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity, 1));
--tw-shadow: 0px 4px 24px 0px #0000001a;
--tw-shadow-colored: 0px 4px 24px 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);
border-radius: .5rem;
justify-content: center;
align-items: center;
padding: .75rem 1.5rem;
font-weight: 600;
display: inline-flex;
}
.btn-primary.sm {
padding: .5rem 1rem;
font-size: .875rem;
line-height: 1.25rem;
}
.btn-secondary {
--tw-border-opacity: 1;
border-bottom-width: 2px;
border-color: rgb(228 225 224 / var(--tw-border-opacity, 1));
background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
--tw-gradient-from: #fff var(--tw-gradient-from-position);
--tw-gradient-to: #f3f4f3 var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
--tw-text-opacity: 1;
color: rgb(77 73 68 / var(--tw-text-opacity, 1));
--tw-shadow: 0px 4px 24px 0px #0000001a;
--tw-shadow-colored: 0px 4px 24px 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);
border-radius: .5rem;
justify-content: center;
align-items: center;
padding: .75rem 1.5rem;
font-weight: 600;
display: inline-flex;
}
.btn-text {
--tw-text-opacity: 1;
color: rgb(109 102 96 / var(--tw-text-opacity, 1));
justify-content: center;
align-items: center;
padding: .75rem 1.5rem;
font-weight: 600;
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
transition-duration: .15s;
transition-timing-function: cubic-bezier(.4, 0, .2, 1);
display: inline-flex;
}
.btn-text:hover {
--tw-text-opacity: 1;
color: rgb(60 56 52 / var(--tw-text-opacity, 1));
}
.btn-cta {
--tw-border-opacity: 1;
border-bottom-width: 2px;
border-color: rgb(68 11 13 / var(--tw-border-opacity, 1));
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity, 1));
background: linear-gradient(#b91c1c, #991b1b);
border-radius: .5rem;
justify-content: center;
align-items: center;
font-weight: 600;
transition-property: all;
transition-duration: .15s;
transition-timing-function: cubic-bezier(.4, 0, .2, 1);
display: inline-flex;
}
.btn-cta.btn-icon {
width: 3rem;
height: 3rem;
padding: 0;
}
.btn-muted {
--tw-border-opacity: 1;
border-bottom-width: 2px;
border-color: rgb(37 33 32 / var(--tw-border-opacity, 1));
background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
--tw-gradient-from: #4d4944 var(--tw-gradient-from-position);
--tw-gradient-to: #3c3834 var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity, 1));
border-radius: .5rem;
justify-content: center;
align-items: center;
font-weight: 600;
transition-property: all;
transition-duration: .15s;
transition-timing-function: cubic-bezier(.4, 0, .2, 1);
display: inline-flex;
}
.btn-muted:hover {
--tw-shadow: var(--tw-shadow-colored);
--tw-shadow-colored: 0px 4px 24px 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);
--tw-shadow-color: #1a17164d;
}
.btn-muted.btn-icon {
width: 3rem;
height: 3rem;
padding: 0;
}
.product-card {
transition-property: box-shadow;
transition-duration: .3s;
transition-timing-function: cubic-bezier(.4, 0, .2, 1);
}
.product-card:hover {
--tw-shadow: var(--tw-shadow-colored);
--tw-shadow-colored: 0px 4px 24px 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);
--tw-shadow-color: #e4e1e0;
}
.order-steps li .step-number {
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
--tw-text-opacity: 1;
color: rgb(109 102 96 / var(--tw-text-opacity, 1));
}
.order-steps li.active .step-number {
--tw-bg-opacity: 1;
background-color: rgb(25 92 247 / var(--tw-bg-opacity, 1));
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.form-label {
--tw-text-opacity: 1;
color: rgb(77 73 68 / var(--tw-text-opacity, 1));
font-size: .875rem;
font-weight: 400;
line-height: 1.25rem;
display: block;
}
.form-input {
--tw-border-opacity: 1;
border-width: 1px;
border-color: rgb(209 205 203 / var(--tw-border-opacity, 1));
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
--tw-text-opacity: 1;
width: 100%;
color: rgb(37 33 32 / var(--tw-text-opacity, 1));
border-radius: .5rem;
padding: .75rem;
font-size: 1rem;
line-height: 1.5rem;
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
transition-duration: .15s;
transition-timing-function: cubic-bezier(.4, 0, .2, 1);
display: block;
}
.form-input::placeholder {
--tw-text-opacity: 1;
color: rgb(156 149 145 / var(--tw-text-opacity, 1));
}
.form-input:focus {
--tw-border-opacity: 1;
border-color: rgb(23 54 145 / var(--tw-border-opacity, 1));
outline-offset: 2px;
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
--tw-ring-opacity: 1;
--tw-ring-color: rgb(23 54 145 / var(--tw-ring-opacity, 1));
outline: 2px solid #0000;
}
@media (width >= 640px) {
.form-input {
font-size: .875rem;
line-height: 1.5rem;
}
}
.form-group {
margin-top: .25rem;
}
.\!toggle, .toggle {
cursor: pointer;
border-radius: 9999px;
flex-shrink: 0;
align-items: center;
width: 2.75rem;
height: 1.5rem;
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
transition-duration: .2s;
transition-timing-function: cubic-bezier(.4, 0, .2, 1);
display: inline-flex;
position: relative;
}
.\!toggle:focus, .toggle:focus {
outline-offset: 2px;
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
--tw-ring-opacity: 1;
--tw-ring-color: rgb(23 54 145 / var(--tw-ring-opacity, 1));
--tw-ring-offset-width: 2px;
outline: 2px solid #0000;
}
.\!toggle .toggle-track, .toggle .toggle-track {
--tw-bg-opacity: 1;
background-color: rgb(228 225 224 / var(--tw-bg-opacity, 1));
border-radius: 9999px;
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
transition-duration: .2s;
transition-timing-function: cubic-bezier(.4, 0, .2, 1);
position: absolute;
inset: 0;
}
.\!toggle .toggle-knob, .toggle .toggle-knob {
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
--tw-shadow: 0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f;
--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -1px var(--tw-shadow-color);
width: 1.25rem;
height: 1.25rem;
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
--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(0px + 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);
border-radius: 9999px;
transition-property: transform;
transition-duration: .2s;
transition-timing-function: cubic-bezier(.4, 0, .2, 1);
display: inline-block;
position: absolute;
left: .125rem;
}
.\!toggle.toggle-on .toggle-track, .\!toggle[aria-checked="true"] .toggle-track, .toggle.toggle-on .toggle-track, .toggle[aria-checked="true"] .toggle-track, .\!toggle.toggle-on .toggle-track, .\!toggle[aria-checked="true"] .toggle-track {
--tw-bg-opacity: 1;
background-color: rgb(23 54 145 / var(--tw-bg-opacity, 1));
}
.\!toggle.toggle-on .toggle-knob, .\!toggle[aria-checked="true"] .toggle-knob, .toggle.toggle-on .toggle-knob, .toggle[aria-checked="true"] .toggle-knob, .\!toggle.toggle-on .toggle-knob, .\!toggle[aria-checked="true"] .toggle-knob {
--tw-translate-x: 1.25rem;
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));
}
.static-description {
--tw-text-opacity: 1;
color: rgb(60 56 52 / var(--tw-text-opacity, 1));
font-size: 1rem;
line-height: 1.625;
}
.static-description > div, .static-description > p {
margin-bottom: 1rem;
}
.static-description span {
color: inherit !important;
}
.static-description h1 {
--tw-text-opacity: 1;
color: rgb(37 33 32 / var(--tw-text-opacity, 1));
margin-top: 2rem;
margin-bottom: 1rem;
font-family: Barlow Semi Condensed, Inter, ui-sans-serif, system-ui, sans-serif;
font-size: 1.875rem;
font-weight: 600;
line-height: 2.25rem;
}
.static-description h2 {
--tw-text-opacity: 1;
color: rgb(37 33 32 / var(--tw-text-opacity, 1));
margin-top: 2rem;
margin-bottom: 1rem;
font-family: Barlow Semi Condensed, Inter, ui-sans-serif, system-ui, sans-serif;
font-size: 1.5rem;
font-weight: 600;
line-height: 2rem;
}
.static-description h3 {
--tw-text-opacity: 1;
color: rgb(37 33 32 / var(--tw-text-opacity, 1));
margin-top: 1.5rem;
margin-bottom: .75rem;
font-family: Barlow Semi Condensed, Inter, ui-sans-serif, system-ui, sans-serif;
font-size: 1.25rem;
font-weight: 600;
line-height: 1.75rem;
}
.static-description h4 {
--tw-text-opacity: 1;
color: rgb(37 33 32 / var(--tw-text-opacity, 1));
margin-top: 1.5rem;
margin-bottom: .75rem;
font-family: Barlow Semi Condensed, Inter, ui-sans-serif, system-ui, sans-serif;
font-size: 1.125rem;
font-weight: 600;
line-height: 1.75rem;
}
.static-description h1 span, .static-description h1 a, .static-description h2 span, .static-description h2 a, .static-description h3 span, .static-description h3 a, .static-description h4 span, .static-description h4 a {
color: inherit !important;
font-size: inherit !important;
}
.static-description a {
--tw-text-opacity: 1;
color: rgb(182 30 35 / var(--tw-text-opacity, 1));
text-underline-offset: 2px;
text-decoration-line: underline;
text-decoration-color: #fca5a5;
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
transition-duration: .15s;
transition-timing-function: cubic-bezier(.4, 0, .2, 1);
}
.static-description a:hover {
--tw-text-opacity: 1;
color: rgb(151 29 33 / var(--tw-text-opacity, 1));
text-decoration-color: #ef4444;
}
.static-description h1 a, .static-description h2 a, .static-description h3 a, .static-description h4 a {
--tw-text-opacity: 1;
color: rgb(37 33 32 / var(--tw-text-opacity, 1));
text-decoration-line: none;
}
.static-description h1 a:hover, .static-description h2 a:hover, .static-description h3 a:hover, .static-description h4 a:hover {
--tw-text-opacity: 1;
color: rgb(37 33 32 / var(--tw-text-opacity, 1));
}
.static-description strong, .static-description b {
--tw-text-opacity: 1;
color: rgb(37 33 32 / var(--tw-text-opacity, 1));
font-weight: 600;
}
.static-description ul {
margin-bottom: 1rem;
list-style-type: disc;
}
.static-description ul > :not([hidden]) ~ :not([hidden]) {
--tw-space-y-reverse: 0;
margin-top: calc(.25rem * calc(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(.25rem * var(--tw-space-y-reverse));
}
.static-description ul {
padding-left: 1.5rem;
}
.static-description ol {
margin-bottom: 1rem;
list-style-type: decimal;
}
.static-description ol > :not([hidden]) ~ :not([hidden]) {
--tw-space-y-reverse: 0;
margin-top: calc(.25rem * calc(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(.25rem * var(--tw-space-y-reverse));
}
.static-description ol {
padding-left: 1.5rem;
}
.static-description li {
--tw-text-opacity: 1;
color: rgb(60 56 52 / var(--tw-text-opacity, 1));
}
.static-description img {
border-radius: .5rem;
max-width: 100%;
height: auto;
margin-top: 1.5rem;
margin-bottom: 1.5rem;
}
.static-description blockquote {
--tw-border-opacity: 1;
border-left-width: 4px;
border-color: rgb(254 202 202 / var(--tw-border-opacity, 1));
--tw-text-opacity: 1;
color: rgb(77 73 68 / var(--tw-text-opacity, 1));
margin-top: 1.5rem;
margin-bottom: 1.5rem;
padding-left: 1rem;
font-style: italic;
}
.static-description table {
border-collapse: collapse;
width: 100%;
margin-top: 1.5rem;
margin-bottom: 1.5rem;
}
.static-description th {
--tw-border-opacity: 1;
border-width: 1px;
border-color: rgb(228 225 224 / var(--tw-border-opacity, 1));
--tw-bg-opacity: 1;
background-color: rgb(243 244 243 / var(--tw-bg-opacity, 1));
text-align: left;
--tw-text-opacity: 1;
color: rgb(37 33 32 / var(--tw-text-opacity, 1));
padding: .5rem 1rem;
font-size: .875rem;
font-weight: 600;
line-height: 1.25rem;
}
.static-description td {
--tw-border-opacity: 1;
border-width: 1px;
border-color: rgb(228 225 224 / var(--tw-border-opacity, 1));
--tw-text-opacity: 1;
color: rgb(60 56 52 / var(--tw-text-opacity, 1));
padding: .5rem 1rem;
font-size: .875rem;
line-height: 1.25rem;
}
.static-description hr {
--tw-border-opacity: 1;
border-color: rgb(228 225 224 / var(--tw-border-opacity, 1));
margin-top: 2rem;
margin-bottom: 2rem;
}
.sr-only {
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border-width: 0;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
position: absolute;
overflow: hidden;
}
.pointer-events-none {
pointer-events: none;
}
.pointer-events-auto {
pointer-events: auto;
}
.visible {
visibility: visible;
}
.invisible {
visibility: hidden;
}
.collapse {
visibility: collapse;
}
.static {
position: static;
}
.fixed {
position: fixed;
}
.absolute {
position: absolute;
}
.relative {
position: relative;
}
.sticky {
position: sticky;
}
.inset-0 {
inset: 0;
}
.inset-x-0 {
left: 0;
right: 0;
}
.inset-y-0 {
top: 0;
bottom: 0;
}
.-right-1 {
right: -.25rem;
}
.-top-1 {
top: -.25rem;
}
.bottom-0 {
bottom: 0;
}
.bottom-2 {
bottom: .5rem;
}
.bottom-8 {
bottom: 2rem;
}
.left-0 {
left: 0;
}
.left-1\/2 {
left: 50%;
}
.left-2 {
left: .5rem;
}
.left-3\/4 {
left: 75%;
}
.right-0 {
right: 0;
}
.right-2 {
right: .5rem;
}
.right-3 {
right: .75rem;
}
.right-4 {
right: 1rem;
}
.top-0 {
top: 0;
}
.top-1\/2 {
top: 50%;
}
.top-2 {
top: .5rem;
}
.top-20 {
top: 5rem;
}
.top-3 {
top: .75rem;
}
.top-3\/4 {
top: 75%;
}
.top-4 {
top: 1rem;
}
.top-8 {
top: 2rem;
}
.top-full {
top: 100%;
}
.isolate {
isolation: isolate;
}
.-z-10 {
z-index: -10;
}
.z-10 {
z-index: 10;
}
.z-30 {
z-index: 30;
}
.z-50 {
z-index: 50;
}
.z-\[100\] {
z-index: 100;
}
.z-\[60\] {
z-index: 60;
}
.z-\[90\] {
z-index: 90;
}
.order-1 {
order: 1;
}
.order-2 {
order: 2;
}
.col-span-2 {
grid-column: span 2 / span 2;
}
.col-start-2 {
grid-column-start: 2;
}
.col-start-8 {
grid-column-start: 8;
}
.-m-1\.5 {
margin: -.375rem;
}
.-m-2\.5 {
margin: -.625rem;
}
.-mx-3 {
margin-left: -.75rem;
margin-right: -.75rem;
}
.-my-3 {
margin-top: -.75rem;
margin-bottom: -.75rem;
}
.-my-6 {
margin-top: -1.5rem;
margin-bottom: -1.5rem;
}
.mx-auto {
margin-left: auto;
margin-right: auto;
}
.my-4 {
margin-top: 1rem;
margin-bottom: 1rem;
}
.-mb-6 {
margin-bottom: -1.5rem;
}
.-mb-px {
margin-bottom: -1px;
}
.-ml-0\.5 {
margin-left: -.125rem;
}
.-ml-24 {
margin-left: -6rem;
}
.-ml-4 {
margin-left: -1rem;
}
.-mt-12 {
margin-top: -3rem;
}
.-mt-2 {
margin-top: -.5rem;
}
.mb-1 {
margin-bottom: .25rem;
}
.mb-10 {
margin-bottom: 2.5rem;
}
.mb-12 {
margin-bottom: 3rem;
}
.mb-2 {
margin-bottom: .5rem;
}
.mb-3 {
margin-bottom: .75rem;
}
.mb-4 {
margin-bottom: 1rem;
}
.mb-5 {
margin-bottom: 1.25rem;
}
.mb-6 {
margin-bottom: 1.5rem;
}
.mb-8 {
margin-bottom: 2rem;
}
.mb-9 {
margin-bottom: 2.25rem;
}
.ml-1 {
margin-left: .25rem;
}
.ml-1\.5 {
margin-left: .375rem;
}
.ml-2 {
margin-left: .5rem;
}
.ml-3 {
margin-left: .75rem;
}
.ml-4 {
margin-left: 1rem;
}
.ml-6 {
margin-left: 1.5rem;
}
.ml-7 {
margin-left: 1.75rem;
}
.ml-8 {
margin-left: 2rem;
}
.ml-auto {
margin-left: auto;
}
.mr-1 {
margin-right: .25rem;
}
.mr-2 {
margin-right: .5rem;
}
.mr-3 {
margin-right: .75rem;
}
.mr-4 {
margin-right: 1rem;
}
.mr-8 {
margin-right: 2rem;
}
.mr-auto {
margin-right: auto;
}
.mt-0\.5 {
margin-top: .125rem;
}
.mt-1 {
margin-top: .25rem;
}
.mt-10 {
margin-top: 2.5rem;
}
.mt-12 {
margin-top: 3rem;
}
.mt-14 {
margin-top: 3.5rem;
}
.mt-16 {
margin-top: 4rem;
}
.mt-2 {
margin-top: .5rem;
}
.mt-20 {
margin-top: 5rem;
}
.mt-24 {
margin-top: 6rem;
}
.mt-3 {
margin-top: .75rem;
}
.mt-32 {
margin-top: 8rem;
}
.mt-4 {
margin-top: 1rem;
}
.mt-5 {
margin-top: 1.25rem;
}
.mt-6 {
margin-top: 1.5rem;
}
.mt-8 {
margin-top: 2rem;
}
.mt-auto {
margin-top: auto;
}
.line-clamp-2 {
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
display: -webkit-box;
overflow: hidden;
}
.block {
display: block;
}
.inline-block {
display: inline-block;
}
.inline {
display: inline;
}
.\!flex {
display: flex !important;
}
.flex {
display: flex;
}
.inline-flex {
display: inline-flex;
}
.table {
display: table;
}
.flow-root {
display: flow-root;
}
.grid {
display: grid;
}
.hidden {
display: none;
}
.aspect-\[16\/10\] {
aspect-ratio: 16 / 10;
}
.aspect-\[2\/3\] {
aspect-ratio: 2 / 3;
}
.aspect-\[4\/3\] {
aspect-ratio: 4 / 3;
}
.aspect-\[5\/2\] {
aspect-ratio: 5 / 2;
}
.aspect-\[801\/1036\] {
aspect-ratio: 801 / 1036;
}
.size-0\.5 {
width: .125rem;
height: .125rem;
}
.size-10 {
width: 2.5rem;
height: 2.5rem;
}
.size-12 {
width: 3rem;
height: 3rem;
}
.size-14 {
width: 3.5rem;
height: 3.5rem;
}
.size-16 {
width: 4rem;
height: 4rem;
}
.size-2\.5 {
width: .625rem;
height: .625rem;
}
.size-20 {
width: 5rem;
height: 5rem;
}
.size-24 {
width: 6rem;
height: 6rem;
}
.size-3 {
width: .75rem;
height: .75rem;
}
.size-4 {
width: 1rem;
height: 1rem;
}
.size-5 {
width: 1.25rem;
height: 1.25rem;
}
.size-6 {
width: 1.5rem;
height: 1.5rem;
}
.size-7 {
width: 1.75rem;
height: 1.75rem;
}
.size-8 {
width: 2rem;
height: 2rem;
}
.size-full {
width: 100%;
height: 100%;
}
.h-10 {
height: 2.5rem;
}
.h-12 {
height: 3rem;
}
.h-14 {
height: 3.5rem;
}
.h-16 {
height: 4rem;
}
.h-2 {
height: .5rem;
}
.h-20 {
height: 5rem;
}
.h-24 {
height: 6rem;
}
.h-32 {
height: 8rem;
}
.h-44 {
height: 11rem;
}
.h-48 {
height: 12rem;
}
.h-5 {
height: 1.25rem;
}
.h-6 {
height: 1.5rem;
}
.h-8 {
height: 2rem;
}
.h-9 {
height: 2.25rem;
}
.h-\[140px\] {
height: 140px;
}
.h-\[160px\] {
height: 160px;
}
.h-\[185px\] {
height: 185px;
}
.h-\[220px\] {
height: 220px;
}
.h-\[40rem\] {
height: 40rem;
}
.h-\[60px\] {
height: 60px;
}
.h-\[64rem\] {
height: 64rem;
}
.h-\[70vh\] {
height: 70vh;
}
.h-\[75px\] {
height: 75px;
}
.h-auto {
height: auto;
}
.h-full {
height: 100%;
}
.max-h-12 {
max-height: 3rem;
}
.max-h-\[120px\] {
max-height: 120px;
}
.max-h-\[90vh\] {
max-height: 90vh;
}
.min-h-\[400px\] {
min-height: 400px;
}
.min-h-\[500px\] {
min-height: 500px;
}
.min-h-full {
min-height: 100%;
}
.min-h-screen {
min-height: 100vh;
}
.w-0 {
width: 0;
}
.w-10 {
width: 2.5rem;
}
.w-11 {
width: 2.75rem;
}
.w-11\/12 {
width: 91.6667%;
}
.w-12 {
width: 3rem;
}
.w-14 {
width: 3.5rem;
}
.w-16 {
width: 4rem;
}
.w-20 {
width: 5rem;
}
.w-24 {
width: 6rem;
}
.w-28 {
width: 7rem;
}
.w-44 {
width: 11rem;
}
.w-48 {
width: 12rem;
}
.w-5 {
width: 1.25rem;
}
.w-56 {
width: 14rem;
}
.w-64 {
width: 16rem;
}
.w-72 {
width: 18rem;
}
.w-\[120px\] {
width: 120px;
}
.w-\[160px\] {
width: 160px;
}
.w-\[50\.0625rem\] {
width: 50.0625rem;
}
.w-\[60px\] {
width: 60px;
}
.w-\[80rem\] {
width: 80rem;
}
.w-auto {
width: auto;
}
.w-full {
width: 100%;
}
.w-screen {
width: 100vw;
}
.min-w-0 {
min-width: 0;
}
.min-w-5 {
min-width: 1.25rem;
}
.min-w-6 {
min-width: 1.5rem;
}
.min-w-\[200px\] {
min-width: 200px;
}
.min-w-\[40px\] {
min-width: 40px;
}
.min-w-\[44px\] {
min-width: 44px;
}
.max-w-2xl {
max-width: 42rem;
}
.max-w-3xl {
max-width: 48rem;
}
.max-w-4xl {
max-width: 56rem;
}
.max-w-5xl {
max-width: 64rem;
}
.max-w-7xl {
max-width: 80rem;
}
.max-w-lg {
max-width: 32rem;
}
.max-w-none {
max-width: none;
}
.max-w-sm {
max-width: 24rem;
}
.max-w-xl {
max-width: 36rem;
}
.flex-1 {
flex: 1;
}
.flex-auto {
flex: auto;
}
.flex-none {
flex: none;
}
.flex-shrink {
flex-shrink: 1;
}
.flex-shrink-0, .shrink-0 {
flex-shrink: 0;
}
.flex-grow, .grow {
flex-grow: 1;
}
.origin-top-right {
transform-origin: 100% 0;
}
.-translate-x-1\/2 {
--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-x-full {
--tw-translate-x: -100%;
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-1\/2 {
--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));
}
.-translate-y-full {
--tw-translate-y: -100%;
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-x-0 {
--tw-translate-x: 0px;
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-x-5 {
--tw-translate-x: 1.25rem;
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-0 {
--tw-translate-y: 0px;
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-2 {
--tw-translate-y: .5rem;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-y-4 {
--tw-translate-y: 1rem;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.rotate-180 {
--tw-rotate: 180deg;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.transform {
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.transform-gpu {
transform: translate3d(var(--tw-translate-x), var(--tw-translate-y), 0) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
@keyframes bounce {
0%, 100% {
animation-timing-function: cubic-bezier(.8, 0, 1, 1);
transform: translateY(-25%);
}
50% {
animation-timing-function: cubic-bezier(0, 0, .2, 1);
transform: none;
}
}
.animate-bounce {
animation: 1s infinite bounce;
}
.cursor-default {
cursor: default;
}
.cursor-not-allowed {
cursor: not-allowed;
}
.cursor-pointer {
cursor: pointer;
}
.select-none {
user-select: none;
}
.resize {
resize: both;
}
.list-inside {
list-style-position: inside;
}
.list-disc {
list-style-type: disc;
}
.list-none {
list-style-type: none;
}
.appearance-none {
appearance: none;
}
.auto-rows-fr {
grid-auto-rows: minmax(0, 1fr);
}
.grid-cols-1 {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
.grid-cols-2 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.grid-cols-3 {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.grid-cols-4 {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
.grid-cols-\[1fr_auto_auto_auto\] {
grid-template-columns: 1fr auto auto auto;
}
.flex-col {
flex-direction: column;
}
.flex-col-reverse {
flex-direction: column-reverse;
}
.flex-wrap {
flex-wrap: wrap;
}
.place-items-center {
place-items: center;
}
.content-end {
align-content: flex-end;
}
.items-start {
align-items: flex-start;
}
.items-end {
align-items: flex-end;
}
.items-center {
align-items: center;
}
.justify-end {
justify-content: flex-end;
}
.justify-center {
justify-content: center;
}
.justify-between {
justify-content: space-between;
}
.gap-1 {
gap: .25rem;
}
.gap-1\.5 {
gap: .375rem;
}
.gap-10 {
gap: 2.5rem;
}
.gap-12 {
gap: 3rem;
}
.gap-16 {
gap: 4rem;
}
.gap-2 {
gap: .5rem;
}
.gap-2\.5 {
gap: .625rem;
}
.gap-3 {
gap: .75rem;
}
.gap-4 {
gap: 1rem;
}
.gap-5 {
gap: 1.25rem;
}
.gap-6 {
gap: 1.5rem;
}
.gap-8 {
gap: 2rem;
}
.gap-9 {
gap: 2.25rem;
}
.gap-x-10 {
-moz-column-gap: 2.5rem;
column-gap: 2.5rem;
}
.gap-x-12 {
-moz-column-gap: 3rem;
column-gap: 3rem;
}
.gap-x-14 {
-moz-column-gap: 3.5rem;
column-gap: 3.5rem;
}
.gap-x-2 {
-moz-column-gap: .5rem;
column-gap: .5rem;
}
.gap-x-2\.5 {
-moz-column-gap: .625rem;
column-gap: .625rem;
}
.gap-x-3 {
-moz-column-gap: .75rem;
column-gap: .75rem;
}
.gap-x-4 {
-moz-column-gap: 1rem;
column-gap: 1rem;
}
.gap-x-5 {
-moz-column-gap: 1.25rem;
column-gap: 1.25rem;
}
.gap-x-6 {
-moz-column-gap: 1.5rem;
column-gap: 1.5rem;
}
.gap-x-8 {
-moz-column-gap: 2rem;
column-gap: 2rem;
}
.gap-y-1 {
row-gap: .25rem;
}
.gap-y-10 {
row-gap: 2.5rem;
}
.gap-y-16 {
row-gap: 4rem;
}
.gap-y-2 {
row-gap: .5rem;
}
.gap-y-20 {
row-gap: 5rem;
}
.gap-y-3 {
row-gap: .75rem;
}
.gap-y-4 {
row-gap: 1rem;
}
.gap-y-6 {
row-gap: 1.5rem;
}
.space-x-1\.5 > :not([hidden]) ~ :not([hidden]) {
--tw-space-x-reverse: 0;
margin-right: calc(.375rem * var(--tw-space-x-reverse));
margin-left: calc(.375rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-x-3 > :not([hidden]) ~ :not([hidden]) {
--tw-space-x-reverse: 0;
margin-right: calc(.75rem * var(--tw-space-x-reverse));
margin-left: calc(.75rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-x-6 > :not([hidden]) ~ :not([hidden]) {
--tw-space-x-reverse: 0;
margin-right: calc(1.5rem * var(--tw-space-x-reverse));
margin-left: calc(1.5rem * calc(1 - var(--tw-space-x-reverse)));
}
.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));
}
.space-y-1 > :not([hidden]) ~ :not([hidden]) {
--tw-space-y-reverse: 0;
margin-top: calc(.25rem * calc(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(.25rem * var(--tw-space-y-reverse));
}
.space-y-10 > :not([hidden]) ~ :not([hidden]) {
--tw-space-y-reverse: 0;
margin-top: calc(2.5rem * calc(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(2.5rem * var(--tw-space-y-reverse));
}
.space-y-16 > :not([hidden]) ~ :not([hidden]) {
--tw-space-y-reverse: 0;
margin-top: calc(4rem * calc(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(4rem * var(--tw-space-y-reverse));
}
.space-y-2 > :not([hidden]) ~ :not([hidden]) {
--tw-space-y-reverse: 0;
margin-top: calc(.5rem * calc(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(.5rem * var(--tw-space-y-reverse));
}
.space-y-3 > :not([hidden]) ~ :not([hidden]) {
--tw-space-y-reverse: 0;
margin-top: calc(.75rem * calc(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(.75rem * var(--tw-space-y-reverse));
}
.space-y-4 > :not([hidden]) ~ :not([hidden]) {
--tw-space-y-reverse: 0;
margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(1rem * var(--tw-space-y-reverse));
}
.space-y-5 > :not([hidden]) ~ :not([hidden]) {
--tw-space-y-reverse: 0;
margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(1.25rem * var(--tw-space-y-reverse));
}
.space-y-6 > :not([hidden]) ~ :not([hidden]) {
--tw-space-y-reverse: 0;
margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
}
.space-y-8 > :not([hidden]) ~ :not([hidden]) {
--tw-space-y-reverse: 0;
margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(2rem * var(--tw-space-y-reverse));
}
.divide-y > :not([hidden]) ~ :not([hidden]) {
--tw-divide-y-reverse: 0;
border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
}
.divide-gray-500\/10 > :not([hidden]) ~ :not([hidden]) {
border-color: #6d66601a;
}
.divide-stone-100 > :not([hidden]) ~ :not([hidden]) {
--tw-divide-opacity: 1;
border-color: rgb(243 244 243 / var(--tw-divide-opacity, 1));
}
.self-start {
align-self: flex-start;
}
.self-end {
align-self: flex-end;
}
.self-stretch {
align-self: stretch;
}
.overflow-hidden {
overflow: hidden;
}
.overflow-visible {
overflow: visible;
}
.overflow-x-auto {
overflow-x: auto;
}
.overflow-y-auto {
overflow-y: auto;
}
.overflow-x-hidden {
overflow-x: hidden;
}
.truncate {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.whitespace-nowrap {
white-space: nowrap;
}
.text-balance {
text-wrap: balance;
}
.text-pretty {
text-wrap: pretty;
}
.rounded {
border-radius: .25rem;
}
.rounded-2xl {
border-radius: 1rem;
}
.rounded-full {
border-radius: 9999px;
}
.rounded-lg {
border-radius: .5rem;
}
.rounded-md {
border-radius: .375rem;
}
.rounded-sm {
border-radius: .125rem;
}
.rounded-xl {
border-radius: .75rem;
}
.rounded-l-lg {
border-top-left-radius: .5rem;
border-bottom-left-radius: .5rem;
}
.rounded-t-lg {
border-top-left-radius: .5rem;
border-top-right-radius: .5rem;
}
.rounded-tl-2xl {
border-top-left-radius: 1rem;
}
.rounded-tr-2xl {
border-top-right-radius: 1rem;
}
.border {
border-width: 1px;
}
.border-2 {
border-width: 2px;
}
.border-b {
border-bottom-width: 1px;
}
.border-b-2 {
border-bottom-width: 2px;
}
.border-r {
border-right-width: 1px;
}
.border-t {
border-top-width: 1px;
}
.border-t-\[3px\] {
border-top-width: 3px;
}
.border-amber-200 {
--tw-border-opacity: 1;
border-color: rgb(253 230 138 / var(--tw-border-opacity, 1));
}
.border-blue-200 {
--tw-border-opacity: 1;
border-color: rgb(187 218 255 / var(--tw-border-opacity, 1));
}
.border-blue-400\/20 {
border-color: #56a2ff33;
}
.border-blue-600 {
--tw-border-opacity: 1;
border-color: rgb(25 92 247 / var(--tw-border-opacity, 1));
}
.border-blue-700 {
--tw-border-opacity: 1;
border-color: rgb(17 70 228 / var(--tw-border-opacity, 1));
}
.border-blue-900 {
--tw-border-opacity: 1;
border-color: rgb(23 54 145 / var(--tw-border-opacity, 1));
}
.border-blue-950 {
--tw-border-opacity: 1;
border-color: rgb(23 41 105 / var(--tw-border-opacity, 1));
}
.border-gray-200 {
--tw-border-opacity: 1;
border-color: rgb(228 225 224 / var(--tw-border-opacity, 1));
}
.border-gray-50 {
--tw-border-opacity: 1;
border-color: rgb(249 249 248 / var(--tw-border-opacity, 1));
}
.border-green-200 {
--tw-border-opacity: 1;
border-color: rgb(187 247 208 / var(--tw-border-opacity, 1));
}
.border-red-600 {
--tw-border-opacity: 1;
border-color: rgb(220 38 38 / var(--tw-border-opacity, 1));
}
.border-red-700 {
--tw-border-opacity: 1;
border-color: rgb(182 30 35 / var(--tw-border-opacity, 1));
}
.border-red-800 {
--tw-border-opacity: 1;
border-color: rgb(151 29 33 / var(--tw-border-opacity, 1));
}
.border-red-950 {
--tw-border-opacity: 1;
border-color: rgb(68 11 13 / var(--tw-border-opacity, 1));
}
.border-stone-100 {
--tw-border-opacity: 1;
border-color: rgb(243 244 243 / var(--tw-border-opacity, 1));
}
.border-stone-200 {
--tw-border-opacity: 1;
border-color: rgb(228 225 224 / var(--tw-border-opacity, 1));
}
.border-stone-200\/50 {
border-color: #e4e1e080;
}
.border-stone-300 {
--tw-border-opacity: 1;
border-color: rgb(209 205 203 / var(--tw-border-opacity, 1));
}
.border-transparent {
border-color: #0000;
}
.border-white\/5 {
border-color: #ffffff0d;
}
.bg-amber-50 {
--tw-bg-opacity: 1;
background-color: rgb(255 251 235 / var(--tw-bg-opacity, 1));
}
.bg-blue-100 {
--tw-bg-opacity: 1;
background-color: rgb(217 234 255 / var(--tw-bg-opacity, 1));
}
.bg-blue-600 {
--tw-bg-opacity: 1;
background-color: rgb(25 92 247 / var(--tw-bg-opacity, 1));
}
.bg-blue-900 {
--tw-bg-opacity: 1;
background-color: rgb(23 54 145 / var(--tw-bg-opacity, 1));
}
.bg-gray-200 {
--tw-bg-opacity: 1;
background-color: rgb(228 225 224 / var(--tw-bg-opacity, 1));
}
.bg-gray-25 {
--tw-bg-opacity: 1;
background-color: rgb(250 250 249 / var(--tw-bg-opacity, 1));
}
.bg-gray-50 {
--tw-bg-opacity: 1;
background-color: rgb(249 249 248 / var(--tw-bg-opacity, 1));
}
.bg-gray-900 {
--tw-bg-opacity: 1;
background-color: rgb(26 23 22 / var(--tw-bg-opacity, 1));
}
.bg-gray-900\/5 {
background-color: #1a17160d;
}
.bg-green-100 {
--tw-bg-opacity: 1;
background-color: rgb(220 252 231 / var(--tw-bg-opacity, 1));
}
.bg-green-50 {
--tw-bg-opacity: 1;
background-color: rgb(240 253 244 / var(--tw-bg-opacity, 1));
}
.bg-red-100 {
--tw-bg-opacity: 1;
background-color: rgb(254 226 226 / var(--tw-bg-opacity, 1));
}
.bg-red-50\/50 {
background-color: #fef2f280;
}
.bg-red-700 {
--tw-bg-opacity: 1;
background-color: rgb(182 30 35 / var(--tw-bg-opacity, 1));
}
.bg-stone-100 {
--tw-bg-opacity: 1;
background-color: rgb(243 244 243 / var(--tw-bg-opacity, 1));
}
.bg-stone-200 {
--tw-bg-opacity: 1;
background-color: rgb(228 225 224 / var(--tw-bg-opacity, 1));
}
.bg-stone-300 {
--tw-bg-opacity: 1;
background-color: rgb(209 205 203 / var(--tw-bg-opacity, 1));
}
.bg-stone-50 {
--tw-bg-opacity: 1;
background-color: rgb(249 249 248 / var(--tw-bg-opacity, 1));
}
.bg-stone-50\/90 {
background-color: #f9f9f8e6;
}
.bg-stone-800\/25 {
background-color: #25212040;
}
.bg-stone-900 {
--tw-bg-opacity: 1;
background-color: rgb(26 23 22 / var(--tw-bg-opacity, 1));
}
.bg-stone-900\/50 {
background-color: #1a171680;
}
.bg-transparent {
background-color: #0000;
}
.bg-white {
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.bg-white\/10 {
background-color: #ffffff1a;
}
.bg-white\/70 {
background-color: #ffffffb3;
}
.bg-white\/90 {
background-color: #ffffffe6;
}
.bg-\[url\(\'https\:\/\/gamatronic\.comarch-esklep\.pl\/usr\/img_bg_forest\.jpg\'\)\] {
background-image: url("https://gamatronic.comarch-esklep.pl/usr/img_bg_forest.jpg");
}
.bg-gradient-to-b {
background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
}
.bg-gradient-to-r {
background-image: linear-gradient(to right, var(--tw-gradient-stops));
}
.bg-gradient-to-t {
background-image: linear-gradient(to top, var(--tw-gradient-stops));
}
.bg-gradient-to-tr {
background-image: linear-gradient(to top right, var(--tw-gradient-stops));
}
.from-\[\#ff80b5\] {
--tw-gradient-from: #ff80b5 var(--tw-gradient-from-position);
--tw-gradient-to: #ff80b500 var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-black\/60 {
--tw-gradient-from: #0009 var(--tw-gradient-from-position);
--tw-gradient-to: #0000 var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-blue-700 {
--tw-gradient-from: #1146e4 var(--tw-gradient-from-position);
--tw-gradient-to: #1146e400 var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-blue-800 {
--tw-gradient-from: #1539b8 var(--tw-gradient-from-position);
--tw-gradient-to: #1539b800 var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-blue-900 {
--tw-gradient-from: #173691 var(--tw-gradient-from-position);
--tw-gradient-to: #17369100 var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-blue-950 {
--tw-gradient-from: #172969 var(--tw-gradient-from-position);
--tw-gradient-to: #17296900 var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-gray-900 {
--tw-gradient-from: #1a1716 var(--tw-gradient-from-position);
--tw-gradient-to: #1a171600 var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-green-950\/90 {
--tw-gradient-from: #052e16e6 var(--tw-gradient-from-position);
--tw-gradient-to: #052e1600 var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-red-600 {
--tw-gradient-from: #dc2626 var(--tw-gradient-from-position);
--tw-gradient-to: #dc262600 var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-red-800 {
--tw-gradient-from: #971d21 var(--tw-gradient-from-position);
--tw-gradient-to: #971d2100 var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-red-900 {
--tw-gradient-from: #7e1e21 var(--tw-gradient-from-position);
--tw-gradient-to: #7e1e2100 var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-red-950 {
--tw-gradient-from: #440b0d var(--tw-gradient-from-position);
--tw-gradient-to: #440b0d00 var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-stone-50 {
--tw-gradient-from: #f9f9f8 var(--tw-gradient-from-position);
--tw-gradient-to: #f9f9f800 var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-white {
--tw-gradient-from: #fff var(--tw-gradient-from-position);
--tw-gradient-to: #fff0 var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.via-black\/40 {
--tw-gradient-to: #0000 var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-from), #0006 var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-gray-900\/40 {
--tw-gradient-to: #1a171600 var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-from), #1a171666 var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-green-900\/80 {
--tw-gradient-to: #14532d00 var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-from), #14532dcc var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-stone-50\/95 {
--tw-gradient-to: #f9f9f800 var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-from), #f9f9f8f2 var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.to-\[\#9089fc\] {
--tw-gradient-to: #9089fc var(--tw-gradient-to-position);
}
.to-blue-500 {
--tw-gradient-to: #2f7dff var(--tw-gradient-to-position);
}
.to-blue-800 {
--tw-gradient-to: #1539b8 var(--tw-gradient-to-position);
}
.to-blue-900 {
--tw-gradient-to: #173691 var(--tw-gradient-to-position);
}
.to-blue-950 {
--tw-gradient-to: #172969 var(--tw-gradient-to-position);
}
.to-green-900\/70 {
--tw-gradient-to: #14532db3 var(--tw-gradient-to-position);
}
.to-green-950\/70 {
--tw-gradient-to: #052e16b3 var(--tw-gradient-to-position);
}
.to-red-700 {
--tw-gradient-to: #b61e23 var(--tw-gradient-to-position);
}
.to-red-800 {
--tw-gradient-to: #971d21 var(--tw-gradient-to-position);
}
.to-red-900 {
--tw-gradient-to: #7e1e21 var(--tw-gradient-to-position);
}
.to-red-950 {
--tw-gradient-to: #440b0d var(--tw-gradient-to-position);
}
.to-stone-100 {
--tw-gradient-to: #f3f4f3 var(--tw-gradient-to-position);
}
.to-transparent {
--tw-gradient-to: transparent var(--tw-gradient-to-position);
}
.bg-cover {
background-size: cover;
}
.bg-bottom {
background-position: bottom;
}
.bg-left-top {
background-position: 0 0;
}
.bg-repeat {
background-repeat: repeat;
}
.bg-no-repeat {
background-repeat: no-repeat;
}
.fill-\[\#24292F\] {
fill: #24292f;
}
.fill-gray-50 {
fill: #f9f9f8;
}
.fill-white\/50 {
fill: #ffffff80;
}
.stroke-gray-200 {
stroke: #e4e1e0;
}
.stroke-white {
stroke: #fff;
}
.object-contain {
-o-object-fit: contain;
object-fit: contain;
}
.object-cover {
-o-object-fit: cover;
object-fit: cover;
}
.p-1\.5 {
padding: .375rem;
}
.p-12 {
padding: 3rem;
}
.p-2 {
padding: .5rem;
}
.p-2\.5 {
padding: .625rem;
}
.p-3 {
padding: .75rem;
}
.p-4 {
padding: 1rem;
}
.p-5 {
padding: 1.25rem;
}
.p-6 {
padding: 1.5rem;
}
.p-8 {
padding: 2rem;
}
.px-1 {
padding-left: .25rem;
padding-right: .25rem;
}
.px-2 {
padding-left: .5rem;
padding-right: .5rem;
}
.px-2\.5 {
padding-left: .625rem;
padding-right: .625rem;
}
.px-3 {
padding-left: .75rem;
padding-right: .75rem;
}
.px-4 {
padding-left: 1rem;
padding-right: 1rem;
}
.px-5 {
padding-left: 1.25rem;
padding-right: 1.25rem;
}
.px-6 {
padding-left: 1.5rem;
padding-right: 1.5rem;
}
.px-8 {
padding-left: 2rem;
padding-right: 2rem;
}
.py-0\.5 {
padding-top: .125rem;
padding-bottom: .125rem;
}
.py-1 {
padding-top: .25rem;
padding-bottom: .25rem;
}
.py-1\.5 {
padding-top: .375rem;
padding-bottom: .375rem;
}
.py-12 {
padding-top: 3rem;
padding-bottom: 3rem;
}
.py-16 {
padding-top: 4rem;
padding-bottom: 4rem;
}
.py-2 {
padding-top: .5rem;
padding-bottom: .5rem;
}
.py-2\.5 {
padding-top: .625rem;
padding-bottom: .625rem;
}
.py-20 {
padding-top: 5rem;
padding-bottom: 5rem;
}
.py-3 {
padding-top: .75rem;
padding-bottom: .75rem;
}
.py-3\.5 {
padding-top: .875rem;
padding-bottom: .875rem;
}
.py-4 {
padding-top: 1rem;
padding-bottom: 1rem;
}
.py-5 {
padding-top: 1.25rem;
padding-bottom: 1.25rem;
}
.py-6 {
padding-top: 1.5rem;
padding-bottom: 1.5rem;
}
.py-8 {
padding-top: 2rem;
padding-bottom: 2rem;
}
.pb-10 {
padding-bottom: 2.5rem;
}
.pb-12 {
padding-bottom: 3rem;
}
.pb-16 {
padding-bottom: 4rem;
}
.pb-2 {
padding-bottom: .5rem;
}
.pb-20 {
padding-bottom: 5rem;
}
.pb-24 {
padding-bottom: 6rem;
}
.pb-32 {
padding-bottom: 8rem;
}
.pb-8 {
padding-bottom: 2rem;
}
.pl-2 {
padding-left: .5rem;
}
.pl-4 {
padding-left: 1rem;
}
.pr-3 {
padding-right: .75rem;
}
.pr-5 {
padding-right: 1.25rem;
}
.pr-6 {
padding-right: 1.5rem;
}
.pr-8 {
padding-right: 2rem;
}
.pt-0\.5 {
padding-top: .125rem;
}
.pt-10 {
padding-top: 2.5rem;
}
.pt-2 {
padding-top: .5rem;
}
.pt-20 {
padding-top: 5rem;
}
.pt-24 {
padding-top: 6rem;
}
.pt-3 {
padding-top: .75rem;
}
.pt-32 {
padding-top: 8rem;
}
.pt-36 {
padding-top: 9rem;
}
.pt-4 {
padding-top: 1rem;
}
.pt-48 {
padding-top: 12rem;
}
.pt-5 {
padding-top: 1.25rem;
}
.pt-6 {
padding-top: 1.5rem;
}
.pt-8 {
padding-top: 2rem;
}
.pt-80 {
padding-top: 20rem;
}
.text-left {
text-align: left;
}
.text-center {
text-align: center;
}
.text-right {
text-align: right;
}
.font-heading {
font-family: Barlow Semi Condensed, Inter, ui-sans-serif, system-ui, sans-serif;
}
.text-2xl {
font-size: 1.5rem;
line-height: 2rem;
}
.text-3xl {
font-size: 1.875rem;
line-height: 2.25rem;
}
.text-4xl {
font-size: 2.25rem;
line-height: 2.5rem;
}
.text-5xl {
font-size: 3rem;
line-height: 1;
}
.text-6xl {
font-size: 3.75rem;
line-height: 1;
}
.text-\[10px\] {
font-size: 10px;
}
.text-\[11px\] {
font-size: 11px;
}
.text-\[80px\] {
font-size: 80px;
}
.text-base {
font-size: 1rem;
line-height: 1.5rem;
}
.text-base\/7 {
font-size: 1rem;
line-height: 1.75rem;
}
.text-lg {
font-size: 1.125rem;
line-height: 1.75rem;
}
.text-lg\/6 {
font-size: 1.125rem;
line-height: 1.5rem;
}
.text-lg\/8 {
font-size: 1.125rem;
line-height: 2rem;
}
.text-sm {
font-size: .875rem;
line-height: 1.25rem;
}
.text-sm\/6 {
font-size: .875rem;
line-height: 1.5rem;
}
.text-xl {
font-size: 1.25rem;
line-height: 1.75rem;
}
.text-xl\/8 {
font-size: 1.25rem;
line-height: 2rem;
}
.text-xs {
font-size: .75rem;
line-height: 1rem;
}
.font-bold {
font-weight: 700;
}
.font-medium {
font-weight: 500;
}
.font-normal {
font-weight: 400;
}
.font-semibold {
font-weight: 600;
}
.uppercase {
text-transform: uppercase;
}
.lowercase {
text-transform: lowercase;
}
.italic {
font-style: italic;
}
.leading-\[0\.95\] {
line-height: .95;
}
.leading-\[1\.1\] {
line-height: 1.1;
}
.leading-none {
line-height: 1;
}
.leading-relaxed {
line-height: 1.625;
}
.leading-tight {
line-height: 1.25;
}
.tracking-\[0\.15em\] {
letter-spacing: .15em;
}
.tracking-\[0\.1em\] {
letter-spacing: .1em;
}
.tracking-\[0\.2em\] {
letter-spacing: .2em;
}
.tracking-tight {
letter-spacing: -.025em;
}
.tracking-wide {
letter-spacing: .025em;
}
.tracking-wider {
letter-spacing: .05em;
}
.tracking-widest {
letter-spacing: .1em;
}
.text-amber-600 {
--tw-text-opacity: 1;
color: rgb(217 119 6 / var(--tw-text-opacity, 1));
}
.text-amber-700 {
--tw-text-opacity: 1;
color: rgb(180 83 9 / var(--tw-text-opacity, 1));
}
.text-amber-800 {
--tw-text-opacity: 1;
color: rgb(146 64 14 / var(--tw-text-opacity, 1));
}
.text-blue-100 {
--tw-text-opacity: 1;
color: rgb(217 234 255 / var(--tw-text-opacity, 1));
}
.text-blue-100\/50 {
color: #d9eaff80;
}
.text-blue-200 {
--tw-text-opacity: 1;
color: rgb(187 218 255 / var(--tw-text-opacity, 1));
}
.text-blue-400 {
--tw-text-opacity: 1;
color: rgb(86 162 255 / var(--tw-text-opacity, 1));
}
.text-blue-600 {
--tw-text-opacity: 1;
color: rgb(25 92 247 / var(--tw-text-opacity, 1));
}
.text-blue-900 {
--tw-text-opacity: 1;
color: rgb(23 54 145 / var(--tw-text-opacity, 1));
}
.text-gray-100 {
--tw-text-opacity: 1;
color: rgb(243 244 243 / var(--tw-text-opacity, 1));
}
.text-gray-300 {
--tw-text-opacity: 1;
color: rgb(209 205 203 / var(--tw-text-opacity, 1));
}
.text-gray-400 {
--tw-text-opacity: 1;
color: rgb(156 149 145 / var(--tw-text-opacity, 1));
}
.text-gray-500 {
--tw-text-opacity: 1;
color: rgb(109 102 96 / var(--tw-text-opacity, 1));
}
.text-gray-600 {
--tw-text-opacity: 1;
color: rgb(77 73 68 / var(--tw-text-opacity, 1));
}
.text-gray-700 {
--tw-text-opacity: 1;
color: rgb(60 56 52 / var(--tw-text-opacity, 1));
}
.text-gray-900 {
--tw-text-opacity: 1;
color: rgb(26 23 22 / var(--tw-text-opacity, 1));
}
.text-green-100 {
--tw-text-opacity: 1;
color: rgb(220 252 231 / var(--tw-text-opacity, 1));
}
.text-green-300 {
--tw-text-opacity: 1;
color: rgb(134 239 172 / var(--tw-text-opacity, 1));
}
.text-green-400 {
--tw-text-opacity: 1;
color: rgb(74 222 128 / var(--tw-text-opacity, 1));
}
.text-green-500 {
--tw-text-opacity: 1;
color: rgb(34 197 94 / var(--tw-text-opacity, 1));
}
.text-green-600 {
--tw-text-opacity: 1;
color: rgb(22 163 74 / var(--tw-text-opacity, 1));
}
.text-green-700 {
--tw-text-opacity: 1;
color: rgb(21 128 61 / var(--tw-text-opacity, 1));
}
.text-indigo-600 {
--tw-text-opacity: 1;
color: rgb(79 70 229 / var(--tw-text-opacity, 1));
}
.text-red-100 {
--tw-text-opacity: 1;
color: rgb(254 226 226 / var(--tw-text-opacity, 1));
}
.text-red-300 {
--tw-text-opacity: 1;
color: rgb(252 165 165 / var(--tw-text-opacity, 1));
}
.text-red-400 {
--tw-text-opacity: 1;
color: rgb(248 113 113 / var(--tw-text-opacity, 1));
}
.text-red-50 {
--tw-text-opacity: 1;
color: rgb(254 242 242 / var(--tw-text-opacity, 1));
}
.text-red-500 {
--tw-text-opacity: 1;
color: rgb(239 68 68 / var(--tw-text-opacity, 1));
}
.text-red-600 {
--tw-text-opacity: 1;
color: rgb(220 38 38 / var(--tw-text-opacity, 1));
}
.text-red-700 {
--tw-text-opacity: 1;
color: rgb(182 30 35 / var(--tw-text-opacity, 1));
}
.text-stone-200 {
--tw-text-opacity: 1;
color: rgb(228 225 224 / var(--tw-text-opacity, 1));
}
.text-stone-300 {
--tw-text-opacity: 1;
color: rgb(209 205 203 / var(--tw-text-opacity, 1));
}
.text-stone-400 {
--tw-text-opacity: 1;
color: rgb(156 149 145 / var(--tw-text-opacity, 1));
}
.text-stone-400\/50 {
color: #9c959180;
}
.text-stone-50 {
--tw-text-opacity: 1;
color: rgb(249 249 248 / var(--tw-text-opacity, 1));
}
.text-stone-500 {
--tw-text-opacity: 1;
color: rgb(109 102 96 / var(--tw-text-opacity, 1));
}
.text-stone-600 {
--tw-text-opacity: 1;
color: rgb(77 73 68 / var(--tw-text-opacity, 1));
}
.text-stone-700 {
--tw-text-opacity: 1;
color: rgb(60 56 52 / var(--tw-text-opacity, 1));
}
.text-stone-800 {
--tw-text-opacity: 1;
color: rgb(37 33 32 / var(--tw-text-opacity, 1));
}
.text-white {
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.text-white\/60 {
color: #fff9;
}
.text-yellow-400 {
--tw-text-opacity: 1;
color: rgb(250 204 21 / var(--tw-text-opacity, 1));
}
.underline {
text-decoration-line: underline;
}
.line-through {
text-decoration-line: line-through;
}
.underline-offset-2 {
text-underline-offset: 2px;
}
.underline-offset-4 {
text-underline-offset: 4px;
}
.accent-blue-900 {
accent-color: #173691;
}
.opacity-0 {
opacity: 0;
}
.opacity-10 {
opacity: .1;
}
.opacity-100 {
opacity: 1;
}
.opacity-20 {
opacity: .2;
}
.opacity-30 {
opacity: .3;
}
.opacity-5 {
opacity: .05;
}
.mix-blend-multiply {
mix-blend-mode: multiply;
}
.shadow {
--tw-shadow: 0px 2px 4px 0px #0000000d;
--tw-shadow-colored: 0px 2px 4px 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-2xl {
--tw-shadow: 0 25px 50px -12px #00000040;
--tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-lg {
--tw-shadow: 0px 4px 24px 0px #0000001a;
--tw-shadow-colored: 0px 4px 24px 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-md {
--tw-shadow: 0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f;
--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -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-sm {
--tw-shadow: 0 1px 2px 0 #0000000d;
--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 #0000001a, 0 10px 10px -5px #0000000a;
--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 10px 10px -5px 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-stone-300\/50 {
--tw-shadow-color: #d1cdcb80;
--tw-shadow: var(--tw-shadow-colored);
}
.outline-none {
outline-offset: 2px;
outline: 2px solid #0000;
}
.outline {
outline-style: solid;
}
.outline-1 {
outline-width: 1px;
}
.-outline-offset-1 {
outline-offset: -1px;
}
.outline-gray-100 {
outline-color: #f3f4f3;
}
.outline-gray-50 {
outline-color: #f9f9f8;
}
.outline-red-500 {
outline-color: #ef4444;
}
.outline-stone-100 {
outline-color: #f3f4f3;
}
.ring-1 {
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.ring-inset {
--tw-ring-inset: inset;
}
.ring-black\/5 {
--tw-ring-color: #0000000d;
}
.ring-gray-900\/10 {
--tw-ring-color: #1a17161a;
}
.ring-white {
--tw-ring-opacity: 1;
--tw-ring-color: rgb(255 255 255 / var(--tw-ring-opacity, 1));
}
.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);
}
.blur-3xl {
--tw-blur: blur(64px);
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.brightness-0 {
--tw-brightness: brightness(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);
}
.invert {
--tw-invert: invert(100%);
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.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);
}
.backdrop-blur {
--tw-backdrop-blur: blur(8px);
backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.backdrop-blur-lg {
--tw-backdrop-blur: blur(16px);
backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.backdrop-blur-sm {
--tw-backdrop-blur: blur(4px);
backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.backdrop-filter {
backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.transition {
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
transition-duration: .15s;
transition-timing-function: cubic-bezier(.4, 0, .2, 1);
}
.transition-all {
transition-property: all;
transition-duration: .15s;
transition-timing-function: cubic-bezier(.4, 0, .2, 1);
}
.transition-colors {
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
transition-duration: .15s;
transition-timing-function: cubic-bezier(.4, 0, .2, 1);
}
.transition-opacity {
transition-property: opacity;
transition-duration: .15s;
transition-timing-function: cubic-bezier(.4, 0, .2, 1);
}
.transition-shadow {
transition-property: box-shadow;
transition-duration: .15s;
transition-timing-function: cubic-bezier(.4, 0, .2, 1);
}
.transition-transform {
transition-property: transform;
transition-duration: .15s;
transition-timing-function: cubic-bezier(.4, 0, .2, 1);
}
.duration-100 {
transition-duration: .1s;
}
.duration-200 {
transition-duration: .2s;
}
.duration-300 {
transition-duration: .3s;
}
.duration-500 {
transition-duration: .5s;
}
.ease-in {
transition-timing-function: cubic-bezier(.4, 0, 1, 1);
}
.ease-in-out {
transition-timing-function: cubic-bezier(.4, 0, .2, 1);
}
.ease-out {
transition-timing-function: cubic-bezier(0, 0, .2, 1);
}
#mobile-menu {
-webkit-overflow-scrolling: touch;
}
.\[appearance\:textfield\] {
appearance: textfield;
}
.\[mask-image\:radial-gradient\(32rem_32rem_at_center\,white\,transparent\)\] {
-webkit-mask-image: radial-gradient(32rem 32rem, #fff, #0000);
mask-image: radial-gradient(32rem 32rem, #fff, #0000);
}
.\[mask-image\:radial-gradient\(50\%_45\%_at_50\%_55\%\,white\,transparent\)\] {
-webkit-mask-image: radial-gradient(50% 45% at 50% 55%, #fff, #0000);
mask-image: radial-gradient(50% 45% at 50% 55%, #fff, #0000);
}
.\[writing-mode\:vertical-lr\] {
writing-mode: vertical-lr;
}
.placeholder\:text-gray-400::placeholder {
--tw-text-opacity: 1;
color: rgb(156 149 145 / var(--tw-text-opacity, 1));
}
.after\:absolute:after {
content: var(--tw-content);
position: absolute;
}
.after\:start-\[2px\]:after {
content: var(--tw-content);
inset-inline-start: 2px;
}
.after\:top-\[2px\]:after {
content: var(--tw-content);
top: 2px;
}
.after\:h-5:after {
content: var(--tw-content);
height: 1.25rem;
}
.after\:w-5:after {
content: var(--tw-content);
width: 1.25rem;
}
.after\:rounded-full:after {
content: var(--tw-content);
border-radius: 9999px;
}
.after\:border:after {
content: var(--tw-content);
border-width: 1px;
}
.after\:border-stone-300:after {
content: var(--tw-content);
--tw-border-opacity: 1;
border-color: rgb(209 205 203 / var(--tw-border-opacity, 1));
}
.after\:bg-white:after {
content: var(--tw-content);
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.after\:transition-all:after {
content: var(--tw-content);
transition-property: all;
transition-duration: .15s;
transition-timing-function: cubic-bezier(.4, 0, .2, 1);
}
.after\:content-\[\'\'\]:after {
--tw-content: "";
content: var(--tw-content);
}
.checked\:border-blue-700:checked {
--tw-border-opacity: 1;
border-color: rgb(17 70 228 / var(--tw-border-opacity, 1));
}
.checked\:border-blue-900:checked {
--tw-border-opacity: 1;
border-color: rgb(23 54 145 / var(--tw-border-opacity, 1));
}
.checked\:bg-blue-700:checked {
--tw-bg-opacity: 1;
background-color: rgb(17 70 228 / var(--tw-bg-opacity, 1));
}
.checked\:bg-blue-900:checked {
--tw-bg-opacity: 1;
background-color: rgb(23 54 145 / var(--tw-bg-opacity, 1));
}
.hover\:border-gray-300:hover {
--tw-border-opacity: 1;
border-color: rgb(209 205 203 / var(--tw-border-opacity, 1));
}
.hover\:border-stone-200:hover {
--tw-border-opacity: 1;
border-color: rgb(228 225 224 / var(--tw-border-opacity, 1));
}
.hover\:border-stone-300:hover {
--tw-border-opacity: 1;
border-color: rgb(209 205 203 / var(--tw-border-opacity, 1));
}
.hover\:border-stone-400:hover {
--tw-border-opacity: 1;
border-color: rgb(156 149 145 / var(--tw-border-opacity, 1));
}
.hover\:bg-gray-200:hover {
--tw-bg-opacity: 1;
background-color: rgb(228 225 224 / var(--tw-bg-opacity, 1));
}
.hover\:bg-gray-25:hover {
--tw-bg-opacity: 1;
background-color: rgb(250 250 249 / var(--tw-bg-opacity, 1));
}
.hover\:bg-gray-50:hover {
--tw-bg-opacity: 1;
background-color: rgb(249 249 248 / var(--tw-bg-opacity, 1));
}
.hover\:bg-stone-100:hover {
--tw-bg-opacity: 1;
background-color: rgb(243 244 243 / var(--tw-bg-opacity, 1));
}
.hover\:bg-stone-50:hover {
--tw-bg-opacity: 1;
background-color: rgb(249 249 248 / var(--tw-bg-opacity, 1));
}
.hover\:from-red-500:hover {
--tw-gradient-from: #ef4444 var(--tw-gradient-from-position);
--tw-gradient-to: #ef444400 var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.hover\:from-red-700:hover {
--tw-gradient-from: #b61e23 var(--tw-gradient-from-position);
--tw-gradient-to: #b61e2300 var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.hover\:from-red-800:hover {
--tw-gradient-from: #971d21 var(--tw-gradient-from-position);
--tw-gradient-to: #971d2100 var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.hover\:to-red-600:hover {
--tw-gradient-to: #dc2626 var(--tw-gradient-to-position);
}
.hover\:to-red-700:hover {
--tw-gradient-to: #b61e23 var(--tw-gradient-to-position);
}
.hover\:to-red-800:hover {
--tw-gradient-to: #971d21 var(--tw-gradient-to-position);
}
.hover\:text-blue-700:hover {
--tw-text-opacity: 1;
color: rgb(17 70 228 / var(--tw-text-opacity, 1));
}
.hover\:text-blue-800:hover {
--tw-text-opacity: 1;
color: rgb(21 57 184 / var(--tw-text-opacity, 1));
}
.hover\:text-blue-900:hover {
--tw-text-opacity: 1;
color: rgb(23 54 145 / var(--tw-text-opacity, 1));
}
.hover\:text-gray-500:hover {
--tw-text-opacity: 1;
color: rgb(109 102 96 / var(--tw-text-opacity, 1));
}
.hover\:text-gray-800:hover {
--tw-text-opacity: 1;
color: rgb(37 33 32 / var(--tw-text-opacity, 1));
}
.hover\:text-gray-900:hover {
--tw-text-opacity: 1;
color: rgb(26 23 22 / var(--tw-text-opacity, 1));
}
.hover\:text-red-600:hover {
--tw-text-opacity: 1;
color: rgb(220 38 38 / var(--tw-text-opacity, 1));
}
.hover\:text-red-700:hover {
--tw-text-opacity: 1;
color: rgb(182 30 35 / var(--tw-text-opacity, 1));
}
.hover\:text-red-800:hover {
--tw-text-opacity: 1;
color: rgb(151 29 33 / var(--tw-text-opacity, 1));
}
.hover\:text-stone-400\/70:hover {
color: #9c9591b3;
}
.hover\:text-stone-600:hover {
--tw-text-opacity: 1;
color: rgb(77 73 68 / var(--tw-text-opacity, 1));
}
.hover\:text-stone-700:hover {
--tw-text-opacity: 1;
color: rgb(60 56 52 / var(--tw-text-opacity, 1));
}
.hover\:text-stone-800:hover {
--tw-text-opacity: 1;
color: rgb(37 33 32 / var(--tw-text-opacity, 1));
}
.hover\:text-stone-900:hover {
--tw-text-opacity: 1;
color: rgb(26 23 22 / var(--tw-text-opacity, 1));
}
.hover\:text-white:hover {
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.hover\:underline:hover {
text-decoration-line: underline;
}
.hover\:shadow-lg:hover {
--tw-shadow: 0px 4px 24px 0px #0000001a;
--tw-shadow-colored: 0px 4px 24px 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);
}
.hover\:shadow-xl:hover {
--tw-shadow: 0 20px 25px -5px #0000001a, 0 10px 10px -5px #0000000a;
--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 10px 10px -5px 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\:shadow-stone-200:hover {
--tw-shadow-color: #e4e1e0;
--tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-stone-200\/50:hover {
--tw-shadow-color: #e4e1e080;
--tw-shadow: var(--tw-shadow-colored);
}
.hover\:ring-gray-100:hover {
--tw-ring-opacity: 1;
--tw-ring-color: rgb(243 244 243 / var(--tw-ring-opacity, 1));
}
.focus\:outline-none:focus {
outline-offset: 2px;
outline: 2px solid #0000;
}
.focus\:outline:focus {
outline-style: solid;
}
.focus\:outline-2:focus {
outline-width: 2px;
}
.focus\:-outline-offset-2:focus {
outline-offset: -2px;
}
.focus\:outline-indigo-600:focus {
outline-color: #4f46e5;
}
.focus\:outline-red-500:focus {
outline-color: #ef4444;
}
.focus\:ring-2:focus {
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.focus\:ring-blue-900:focus {
--tw-ring-opacity: 1;
--tw-ring-color: rgb(23 54 145 / var(--tw-ring-opacity, 1));
}
.focus\:ring-indigo-500:focus {
--tw-ring-opacity: 1;
--tw-ring-color: rgb(99 102 241 / var(--tw-ring-opacity, 1));
}
.focus\:ring-indigo-600:focus {
--tw-ring-opacity: 1;
--tw-ring-color: rgb(79 70 229 / var(--tw-ring-opacity, 1));
}
.focus\:ring-red-500:focus {
--tw-ring-opacity: 1;
--tw-ring-color: rgb(239 68 68 / var(--tw-ring-opacity, 1));
}
.focus\:ring-offset-2:focus {
--tw-ring-offset-width: 2px;
}
.active\:from-red-700:active {
--tw-gradient-from: #b61e23 var(--tw-gradient-from-position);
--tw-gradient-to: #b61e2300 var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.active\:to-red-800:active {
--tw-gradient-to: #971d21 var(--tw-gradient-to-position);
}
.disabled\:border-gray-300:disabled, .disabled\:border-stone-300:disabled {
--tw-border-opacity: 1;
border-color: rgb(209 205 203 / var(--tw-border-opacity, 1));
}
.disabled\:bg-gray-100:disabled, .disabled\:bg-stone-100:disabled {
--tw-bg-opacity: 1;
background-color: rgb(243 244 243 / var(--tw-bg-opacity, 1));
}
.disabled\:opacity-60:disabled {
opacity: .6;
}
.group[open] .group-open\:rotate-180 {
--tw-rotate: 180deg;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.group:hover .group-hover\:visible {
visibility: visible;
}
.group:hover .group-hover\:rotate-180 {
--tw-rotate: 180deg;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.group:hover .group-hover\:scale-105 {
--tw-scale-x: 1.05;
--tw-scale-y: 1.05;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.group:hover .group-hover\:text-gray-500, .group:hover .group-hover\:text-stone-500 {
--tw-text-opacity: 1;
color: rgb(109 102 96 / var(--tw-text-opacity, 1));
}
.group:hover .group-hover\:text-stone-600 {
--tw-text-opacity: 1;
color: rgb(77 73 68 / var(--tw-text-opacity, 1));
}
.group:hover .group-hover\:text-stone-900 {
--tw-text-opacity: 1;
color: rgb(26 23 22 / var(--tw-text-opacity, 1));
}
.group:hover .group-hover\:text-white {
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.group:hover .group-hover\:opacity-100 {
opacity: 1;
}
.peer:checked ~ .peer-checked\:bg-red-600 {
--tw-bg-opacity: 1;
background-color: rgb(220 38 38 / var(--tw-bg-opacity, 1));
}
.peer:checked ~ .peer-checked\:opacity-100 {
opacity: 1;
}
.peer:checked ~ .peer-checked\:after\:translate-x-full:after {
content: var(--tw-content);
--tw-translate-x: 100%;
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));
}
.peer:checked ~ .peer-checked\:after\:border-white:after {
content: var(--tw-content);
--tw-border-opacity: 1;
border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
}
.peer:focus ~ .peer-focus\:outline-none {
outline-offset: 2px;
outline: 2px solid #0000;
}
.peer:focus ~ .peer-focus\:ring-2 {
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.peer:focus ~ .peer-focus\:ring-red-300 {
--tw-ring-opacity: 1;
--tw-ring-color: rgb(252 165 165 / var(--tw-ring-opacity, 1));
}
.data-\[active\=true\]\:border-2[data-active="true"] {
border-width: 2px;
}
.data-\[active\=true\]\:border-stone-300[data-active="true"] {
--tw-border-opacity: 1;
border-color: rgb(209 205 203 / var(--tw-border-opacity, 1));
}
.data-\[active\=true\]\:bg-stone-200[data-active="true"] {
--tw-bg-opacity: 1;
background-color: rgb(228 225 224 / var(--tw-bg-opacity, 1));
}
.data-\[active\=true\]\:text-blue-900[data-active="true"] {
--tw-text-opacity: 1;
color: rgb(23 54 145 / var(--tw-text-opacity, 1));
}
@media not all and (width >= 1024px) {
.max-lg\:hidden {
display: none;
}
}
@media (width >= 640px) {
.sm\:col-span-2 {
grid-column: span 2 / span 2;
}
.sm\:col-start-2 {
grid-column-start: 2;
}
.sm\:col-start-auto {
grid-column-start: auto;
}
.sm\:mx-auto {
margin-left: auto;
margin-right: auto;
}
.sm\:my-8 {
margin-top: 2rem;
margin-bottom: 2rem;
}
.sm\:-mt-44 {
margin-top: -11rem;
}
.sm\:ml-0 {
margin-left: 0;
}
.sm\:ml-6 {
margin-left: 1.5rem;
}
.sm\:mr-0 {
margin-right: 0;
}
.sm\:mt-0 {
margin-top: 0;
}
.sm\:mt-20 {
margin-top: 5rem;
}
.sm\:mt-32 {
margin-top: 8rem;
}
.sm\:mt-40 {
margin-top: 10rem;
}
.sm\:mt-48 {
margin-top: 12rem;
}
.sm\:mt-6 {
margin-top: 1.5rem;
}
.sm\:block {
display: block;
}
.sm\:flex {
display: flex;
}
.sm\:grid {
display: grid;
}
.sm\:aspect-auto {
aspect-ratio: auto;
}
.sm\:h-56 {
height: 14rem;
}
.sm\:h-\[160px\] {
height: 160px;
}
.sm\:h-\[185px\] {
height: 185px;
}
.sm\:h-\[215px\] {
height: 215px;
}
.sm\:h-\[280px\] {
height: 280px;
}
.sm\:w-1\/2 {
width: 50%;
}
.sm\:w-20 {
width: 5rem;
}
.sm\:w-64 {
width: 16rem;
}
.sm\:w-full {
width: 100%;
}
.sm\:max-w-5xl {
max-width: 64rem;
}
.sm\:max-w-\[480px\] {
max-width: 480px;
}
.sm\:max-w-\[600px\] {
max-width: 600px;
}
.sm\:max-w-md {
max-width: 28rem;
}
.sm\:max-w-sm {
max-width: 24rem;
}
.sm\:max-w-xl {
max-width: 36rem;
}
.sm\:flex-1 {
flex: 1;
}
.sm\:flex-auto {
flex: auto;
}
.sm\:flex-none {
flex: none;
}
.sm\:translate-x-0 {
--tw-translate-x: 0px;
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));
}
.sm\:translate-x-2 {
--tw-translate-x: .5rem;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.sm\:translate-y-0 {
--tw-translate-y: 0px;
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));
}
.sm\:scale-95 {
--tw-scale-x: .95;
--tw-scale-y: .95;
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));
}
.sm\:grid-cols-2 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.sm\:grid-cols-3 {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.sm\:grid-cols-5 {
grid-template-columns: repeat(5, minmax(0, 1fr));
}
.sm\:grid-cols-6 {
grid-template-columns: repeat(6, minmax(0, 1fr));
}
.sm\:flex-row {
flex-direction: row;
}
.sm\:items-start {
align-items: flex-start;
}
.sm\:items-end {
align-items: flex-end;
}
.sm\:items-center {
align-items: center;
}
.sm\:justify-start {
justify-content: flex-start;
}
.sm\:justify-between {
justify-content: space-between;
}
.sm\:gap-6 {
gap: 1.5rem;
}
.sm\:gap-x-10 {
-moz-column-gap: 2.5rem;
column-gap: 2.5rem;
}
.sm\:space-x-10 > :not([hidden]) ~ :not([hidden]) {
--tw-space-x-reverse: 0;
margin-right: calc(2.5rem * var(--tw-space-x-reverse));
margin-left: calc(2.5rem * 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\:space-y-20 > :not([hidden]) ~ :not([hidden]) {
--tw-space-y-reverse: 0;
margin-top: calc(5rem * calc(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(5rem * var(--tw-space-y-reverse));
}
.sm\:border-l-\[3px\] {
border-left-width: 3px;
}
.sm\:border-t-0 {
border-top-width: 0;
}
.sm\:p-0 {
padding: 0;
}
.sm\:p-10 {
padding: 2.5rem;
}
.sm\:p-6 {
padding: 1.5rem;
}
.sm\:px-12 {
padding-left: 3rem;
padding-right: 3rem;
}
.sm\:px-6 {
padding-left: 1.5rem;
padding-right: 1.5rem;
}
.sm\:py-24 {
padding-top: 6rem;
padding-bottom: 6rem;
}
.sm\:pb-12 {
padding-bottom: 3rem;
}
.sm\:pb-32 {
padding-bottom: 8rem;
}
.sm\:pl-20 {
padding-left: 5rem;
}
.sm\:pr-6 {
padding-right: 1.5rem;
}
.sm\:pt-0 {
padding-top: 0;
}
.sm\:pt-12 {
padding-top: 3rem;
}
.sm\:pt-48 {
padding-top: 12rem;
}
.sm\:pt-52 {
padding-top: 13rem;
}
.sm\:pt-60 {
padding-top: 15rem;
}
.sm\:pt-80 {
padding-top: 20rem;
}
.sm\:text-center {
text-align: center;
}
.sm\:text-4xl {
font-size: 2.25rem;
line-height: 2.5rem;
}
.sm\:text-5xl {
font-size: 3rem;
line-height: 1;
}
.sm\:text-6xl {
font-size: 3.75rem;
line-height: 1;
}
.sm\:text-7xl {
font-size: 4.5rem;
line-height: 1;
}
.sm\:text-9xl {
font-size: 8rem;
line-height: 1;
}
.sm\:text-xl {
font-size: 1.25rem;
line-height: 1.75rem;
}
.sm\:text-xl\/8 {
font-size: 1.25rem;
line-height: 2rem;
}
.sm\:ring-1 {
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.sm\:ring-gray-900\/10 {
--tw-ring-color: #1a17161a;
}
}
@media (width >= 768px) {
.md\:col-span-2 {
grid-column: span 2 / span 2;
}
.md\:flex {
display: flex;
}
.md\:grid {
display: grid;
}
.md\:h-\[85vh\] {
height: 85vh;
}
.md\:h-auto {
height: auto;
}
.md\:min-h-\[28rem\] {
min-height: 28rem;
}
.md\:grid-cols-2 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.md\:grid-cols-3 {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.md\:grid-cols-4 {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
.md\:flex-row {
flex-direction: row;
}
.md\:gap-0 {
gap: 0;
}
.md\:space-y-8 > :not([hidden]) ~ :not([hidden]) {
--tw-space-y-reverse: 0;
margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(2rem * var(--tw-space-y-reverse));
}
.md\:text-2xl {
font-size: 1.5rem;
line-height: 2rem;
}
.md\:text-7xl {
font-size: 4.5rem;
line-height: 1;
}
}
@media (width >= 1024px) {
.lg\:static {
position: static;
}
.lg\:absolute {
position: absolute;
}
.lg\:sticky {
position: sticky;
}
.lg\:left-0 {
left: 0;
}
.lg\:right-0 {
right: 0;
}
.lg\:top-0 {
top: 0;
}
.lg\:top-1\/2 {
top: 50%;
}
.lg\:top-8 {
top: 2rem;
}
.lg\:order-last {
order: 9999;
}
.lg\:order-none {
order: 0;
}
.lg\:col-span-1 {
grid-column: span 1 / span 1;
}
.lg\:col-span-2 {
grid-column: span 2 / span 2;
}
.lg\:col-span-3 {
grid-column: span 3 / span 3;
}
.lg\:col-span-5 {
grid-column: span 5 / span 5;
}
.lg\:col-span-7 {
grid-column: span 7 / span 7;
}
.lg\:mx-0 {
margin-left: 0;
margin-right: 0;
}
.lg\:mb-14 {
margin-bottom: 3.5rem;
}
.lg\:mb-16 {
margin-bottom: 4rem;
}
.lg\:ml-24 {
margin-left: 6rem;
}
.lg\:ml-auto {
margin-left: auto;
}
.lg\:mr-0 {
margin-right: 0;
}
.lg\:mt-0 {
margin-top: 0;
}
.lg\:mt-16 {
margin-top: 4rem;
}
.lg\:mt-20 {
margin-top: 5rem;
}
.lg\:mt-24 {
margin-top: 6rem;
}
.lg\:block {
display: block;
}
.lg\:flex {
display: flex;
}
.lg\:grid {
display: grid;
}
.lg\:hidden {
display: none;
}
.lg\:aspect-auto {
aspect-ratio: auto;
}
.lg\:h-24 {
height: 6rem;
}
.lg\:h-56 {
height: 14rem;
}
.lg\:h-60 {
height: 15rem;
}
.lg\:h-9 {
height: 2.25rem;
}
.lg\:h-\[100\%\] {
height: 100%;
}
.lg\:h-\[179px\] {
height: 179px;
}
.lg\:h-\[208px\] {
height: 208px;
}
.lg\:h-\[240px\] {
height: 240px;
}
.lg\:h-\[320px\] {
height: 320px;
}
.lg\:h-full {
height: 100%;
}
.lg\:min-h-\[400px\] {
min-height: 400px;
}
.lg\:min-h-\[500px\] {
min-height: 500px;
}
.lg\:min-h-\[600px\] {
min-height: 600px;
}
.lg\:w-1\/2 {
width: 50%;
}
.lg\:w-56 {
width: 14rem;
}
.lg\:w-64 {
width: 16rem;
}
.lg\:w-\[150px\] {
width: 150px;
}
.lg\:w-\[420px\] {
width: 420px;
}
.lg\:w-\[50\%\] {
width: 50%;
}
.lg\:w-\[55\%\] {
width: 55%;
}
.lg\:w-\[60\%\] {
width: 60%;
}
.lg\:w-\[65\%\] {
width: 65%;
}
.lg\:w-full {
width: 100%;
}
.lg\:max-w-2xl {
max-width: 42rem;
}
.lg\:max-w-5xl {
max-width: 64rem;
}
.lg\:max-w-7xl {
max-width: 80rem;
}
.lg\:max-w-lg {
max-width: 32rem;
}
.lg\:max-w-none {
max-width: none;
}
.lg\:max-w-xl {
max-width: 36rem;
}
.lg\:flex-1 {
flex: 1;
}
.lg\:flex-auto {
flex: auto;
}
.lg\:flex-none {
flex: none;
}
.lg\:shrink-0 {
flex-shrink: 0;
}
.lg\:-translate-y-1\/2 {
--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));
}
.lg\:grid-cols-12 {
grid-template-columns: repeat(12, minmax(0, 1fr));
}
.lg\:grid-cols-2 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.lg\:grid-cols-3 {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.lg\:grid-cols-4 {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
.lg\: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-end {
align-items: flex-end;
}
.lg\:items-center {
align-items: center;
}
.lg\:items-stretch {
align-items: stretch;
}
.lg\:justify-end {
justify-content: flex-end;
}
.lg\:justify-center {
justify-content: center;
}
.lg\:justify-between {
justify-content: space-between;
}
.lg\:gap-12 {
gap: 3rem;
}
.lg\:gap-16 {
gap: 4rem;
}
.lg\:gap-20 {
gap: 5rem;
}
.lg\:gap-24 {
gap: 6rem;
}
.lg\:gap-3 {
gap: .75rem;
}
.lg\:gap-5 {
gap: 1.25rem;
}
.lg\:gap-6 {
gap: 1.5rem;
}
.lg\:gap-8 {
gap: 2rem;
}
.lg\:gap-x-12 {
-moz-column-gap: 3rem;
column-gap: 3rem;
}
.lg\:gap-x-16 {
-moz-column-gap: 4rem;
column-gap: 4rem;
}
.lg\:rounded-none {
border-radius: 0;
}
.lg\:border-0 {
border-width: 0;
}
.lg\:border-l-\[3px\] {
border-left-width: 3px;
}
.lg\:border-t-0 {
border-top-width: 0;
}
.lg\:bg-white {
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.lg\:p-0 {
padding: 0;
}
.lg\:p-10 {
padding: 2.5rem;
}
.lg\:p-12 {
padding: 3rem;
}
.lg\:p-16 {
padding: 4rem;
}
.lg\:p-8 {
padding: 2rem;
}
.lg\:p-9 {
padding: 2.25rem;
}
.lg\:px-0 {
padding-left: 0;
padding-right: 0;
}
.lg\:px-8 {
padding-left: 2rem;
padding-right: 2rem;
}
.lg\:py-12 {
padding-top: 3rem;
padding-bottom: 3rem;
}
.lg\:py-16 {
padding-top: 4rem;
padding-bottom: 4rem;
}
.lg\:py-20 {
padding-top: 5rem;
padding-bottom: 5rem;
}
.lg\:py-24 {
padding-top: 6rem;
padding-bottom: 6rem;
}
.lg\:py-28 {
padding-top: 7rem;
padding-bottom: 7rem;
}
.lg\:py-36 {
padding-top: 9rem;
padding-bottom: 9rem;
}
.lg\:py-48 {
padding-top: 12rem;
padding-bottom: 12rem;
}
.lg\:pb-16 {
padding-bottom: 4rem;
}
.lg\:pb-20 {
padding-bottom: 5rem;
}
.lg\:pb-24 {
padding-bottom: 6rem;
}
.lg\:pb-4 {
padding-bottom: 1rem;
}
.lg\:pl-0 {
padding-left: 0;
}
.lg\:pl-16 {
padding-left: 4rem;
}
.lg\:pr-16 {
padding-right: 4rem;
}
.lg\:pr-\[130px\] {
padding-right: 130px;
}
.lg\:pt-12 {
padding-top: 3rem;
}
.lg\:pt-32 {
padding-top: 8rem;
}
.lg\:pt-36 {
padding-top: 9rem;
}
.lg\:pt-40 {
padding-top: 10rem;
}
.lg\:pt-80 {
padding-top: 20rem;
}
.lg\:text-center {
text-align: center;
}
.lg\:text-2xl {
font-size: 1.5rem;
line-height: 2rem;
}
.lg\:text-3xl {
font-size: 1.875rem;
line-height: 2.25rem;
}
.lg\:text-4xl {
font-size: 2.25rem;
line-height: 2.5rem;
}
.lg\:text-5xl {
font-size: 3rem;
line-height: 1;
}
.lg\:text-6xl {
font-size: 3.75rem;
line-height: 1;
}
.lg\:text-7xl {
font-size: 4.5rem;
line-height: 1;
}
.lg\:text-8xl {
font-size: 6rem;
line-height: 1;
}
.lg\:text-\[120px\] {
font-size: 120px;
}
.lg\:text-\[32px\] {
font-size: 32px;
}
.lg\:text-\[60px\] {
font-size: 60px;
}
.lg\:text-xl {
font-size: 1.25rem;
line-height: 1.75rem;
}
}
@media (width >= 1280px) {
.xl\:order-none {
order: 0;
}
.xl\:mx-auto {
margin-left: auto;
margin-right: auto;
}
.xl\:-mt-8 {
margin-top: -2rem;
}
.xl\:ml-48 {
margin-left: 12rem;
}
.xl\:w-80 {
width: 20rem;
}
.xl\:w-\[495px\] {
width: 495px;
}
.xl\:max-w-2xl {
max-width: 42rem;
}
.xl\:max-w-7xl {
max-width: 80rem;
}
.xl\:grid-cols-6 {
grid-template-columns: repeat(6, minmax(0, 1fr));
}
.xl\:gap-x-16 {
-moz-column-gap: 4rem;
column-gap: 4rem;
}
.xl\:rounded-3xl {
border-radius: 1.5rem;
}
.xl\:px-8 {
padding-left: 2rem;
padding-right: 2rem;
}
.xl\:pt-80 {
padding-top: 20rem;
}
.xl\:text-2xl {
font-size: 1.5rem;
line-height: 2rem;
}
.xl\:text-5xl {
font-size: 3rem;
line-height: 1;
}
.xl\:text-6xl {
font-size: 3.75rem;
line-height: 1;
}
.xl\:text-7xl {
font-size: 4.5rem;
line-height: 1;
}
.xl\:text-\[100px\] {
font-size: 100px;
}
.xl\:text-\[140px\] {
font-size: 140px;
}
.xl\:text-\[60px\] {
font-size: 60px;
}
}
.peer:checked ~ .rtl\:peer-checked\:after\:-translate-x-full:where([dir="rtl"], [dir="rtl"] *):after {
content: var(--tw-content);
--tw-translate-x: -100%;
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));
}
.\[\&\:\:-moz-range-thumb\]\:h-4::-moz-range-thumb {
height: 1rem;
}
.\[\&\:\:-moz-range-thumb\]\:w-4::-moz-range-thumb {
width: 1rem;
}
.\[\&\:\:-moz-range-thumb\]\:cursor-pointer::-moz-range-thumb {
cursor: pointer;
}
.\[\&\:\:-moz-range-thumb\]\:rounded-full::-moz-range-thumb {
border-radius: 9999px;
}
.\[\&\:\:-moz-range-thumb\]\:border-2::-moz-range-thumb {
border-width: 2px;
}
.\[\&\:\:-moz-range-thumb\]\:border-blue-900::-moz-range-thumb {
--tw-border-opacity: 1;
border-color: rgb(23 54 145 / var(--tw-border-opacity, 1));
}
.\[\&\:\:-moz-range-thumb\]\:bg-blue-900::-moz-range-thumb {
--tw-bg-opacity: 1;
background-color: rgb(23 54 145 / var(--tw-bg-opacity, 1));
}
.\[\&\:\:-webkit-details-marker\]\:hidden::-webkit-details-marker {
display: none;
}
.\[\&\:\:-webkit-inner-spin-button\]\:appearance-none::-webkit-inner-spin-button {
appearance: none;
}
.\[\&\:\:-webkit-outer-spin-button\]\:appearance-none::-webkit-outer-spin-button {
appearance: none;
}
.\[\&\:\:-webkit-slider-thumb\]\:h-4::-webkit-slider-thumb {
height: 1rem;
}
.\[\&\:\:-webkit-slider-thumb\]\:w-4::-webkit-slider-thumb {
width: 1rem;
}
.\[\&\:\:-webkit-slider-thumb\]\:cursor-pointer::-webkit-slider-thumb {
cursor: pointer;
}
.\[\&\:\:-webkit-slider-thumb\]\:appearance-none::-webkit-slider-thumb {
appearance: none;
}
.\[\&\:\:-webkit-slider-thumb\]\:rounded-full::-webkit-slider-thumb {
border-radius: 9999px;
}
.\[\&\:\:-webkit-slider-thumb\]\:border-2::-webkit-slider-thumb {
border-width: 2px;
}
.\[\&\:\:-webkit-slider-thumb\]\:border-blue-900::-webkit-slider-thumb {
--tw-border-opacity: 1;
border-color: rgb(23 54 145 / var(--tw-border-opacity, 1));
}
.\[\&\:\:-webkit-slider-thumb\]\:bg-blue-900::-webkit-slider-thumb {
--tw-bg-opacity: 1;
background-color: rgb(23 54 145 / var(--tw-bg-opacity, 1));
}
.\[\&_a\]\:underline a {
text-decoration-line: underline;
}
.\[\&_b\]\:font-semibold b {
font-weight: 600;
}
.\[\&_b\]\:text-stone-800 b {
--tw-text-opacity: 1;
color: rgb(37 33 32 / var(--tw-text-opacity, 1));
}
.\[\&_strong\]\:font-semibold strong {
font-weight: 600;
}
.\[\&_strong\]\:text-stone-800 strong {
--tw-text-opacity: 1;
color: rgb(37 33 32 / var(--tw-text-opacity, 1));
}