@layer properties {
@supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
*, :before, :after, ::backdrop {
--tw-translate-x: 0;
--tw-translate-y: 0;
--tw-translate-z: 0;
--tw-rotate-x: initial;
--tw-rotate-y: initial;
--tw-rotate-z: initial;
--tw-skew-x: initial;
--tw-skew-y: initial;
--tw-scroll-snap-strictness: proximity;
--tw-space-y-reverse: 0;
--tw-divide-x-reverse: 0;
--tw-border-style: solid;
--tw-divide-y-reverse: 0;
--tw-leading: initial;
--tw-font-weight: initial;
--tw-tracking: initial;
--tw-shadow: 0 0 #0000;
--tw-shadow-color: initial;
--tw-shadow-alpha: 100%;
--tw-inset-shadow: 0 0 #0000;
--tw-inset-shadow-color: initial;
--tw-inset-shadow-alpha: 100%;
--tw-ring-color: initial;
--tw-ring-shadow: 0 0 #0000;
--tw-inset-ring-color: initial;
--tw-inset-ring-shadow: 0 0 #0000;
--tw-ring-inset: initial;
--tw-ring-offset-width: 0px;
--tw-ring-offset-color: #fff;
--tw-ring-offset-shadow: 0 0 #0000;
--tw-blur: initial;
--tw-brightness: initial;
--tw-contrast: initial;
--tw-grayscale: initial;
--tw-hue-rotate: initial;
--tw-invert: initial;
--tw-opacity: initial;
--tw-saturate: initial;
--tw-sepia: initial;
--tw-drop-shadow: initial;
--tw-drop-shadow-color: initial;
--tw-drop-shadow-alpha: 100%;
--tw-drop-shadow-size: initial;
--tw-backdrop-blur: initial;
--tw-backdrop-brightness: initial;
--tw-backdrop-contrast: initial;
--tw-backdrop-grayscale: initial;
--tw-backdrop-hue-rotate: initial;
--tw-backdrop-invert: initial;
--tw-backdrop-opacity: initial;
--tw-backdrop-saturate: initial;
--tw-backdrop-sepia: initial;
--tw-duration: initial;
--tw-ease: initial;
--tw-scale-x: 1;
--tw-scale-y: 1;
--tw-scale-z: 1;
--tw-content: "";
}
}
}
@layer theme {
:root, :host {
--font-sans: "Pretendard Variable", Pretendard, "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
--color-red-50: oklch(97.1% .013 17.38);
--color-red-200: oklch(88.5% .062 18.334);
--color-red-500: oklch(63.7% .237 25.331);
--color-red-600: oklch(57.7% .245 27.325);
--color-red-700: oklch(50.5% .213 27.518);
--color-amber-50: oklch(98.7% .022 95.277);
--color-amber-400: oklch(82.8% .189 84.429);
--color-amber-800: oklch(47.3% .137 46.201);
--color-green-400: oklch(79.2% .209 151.711);
--color-green-600: oklch(62.7% .194 149.214);
--color-green-700: oklch(52.7% .154 150.069);
--color-gray-200: oklch(92.8% .006 264.531);
--color-zinc-200: oklch(92% .004 286.32);
--color-zinc-500: oklch(55.2% .016 285.938);
--color-zinc-600: oklch(44.2% .017 285.786);
--color-zinc-700: oklch(37% .013 285.805);
--color-zinc-800: oklch(27.4% .006 286.033);
--color-zinc-900: oklch(21% .006 285.885);
--color-zinc-950: oklch(14.1% .005 285.823);
--color-neutral-100: oklch(97% 0 0);
--color-stone-50: #f4f4f4;
--color-stone-100: #ececec;
--color-stone-200: #e0e0e0;
--color-stone-300: #d4d4d4;
--color-stone-400: #a3a3a3;
--color-stone-500: #737373;
--color-stone-600: #525252;
--color-stone-700: #404040;
--color-stone-800: #262626;
--color-stone-900: #171717;
--color-stone-950: #0a0a0a;
--color-white: #fff;
--spacing: .25rem;
--container-sm: 24rem;
--container-md: 28rem;
--container-xl: 36rem;
--container-2xl: 42rem;
--container-3xl: 48rem;
--container-4xl: 56rem;
--container-5xl: 64rem;
--container-7xl: 80rem;
--text-xs: var(--wp--preset--font-size--xs, .75rem);
--text-xs--line-height: calc(1 / .75);
--text-sm: var(--wp--preset--font-size--sm, .875rem);
--text-sm--line-height: calc(1.25 / .875);
--text-base: var(--wp--preset--font-size--base, 1rem);
--text-base--line-height: calc(1.5 / 1);
--text-lg: var(--wp--preset--font-size--lg, 1.125rem);
--text-lg--line-height: calc(1.75 / 1.125);
--text-xl: var(--wp--preset--font-size--xl, 1.25rem);
--text-xl--line-height: calc(1.75 / 1.25);
--text-2xl: var(--wp--preset--font-size--2-xl, 1.5rem);
--text-2xl--line-height: calc(2 / 1.5);
--text-3xl: var(--wp--preset--font-size--3-xl, 1.875rem);
--text-3xl--line-height: calc(2.25 / 1.875);
--text-4xl: var(--wp--preset--font-size--4-xl, 2.25rem);
--text-4xl--line-height: calc(2.5 / 2.25);
--text-5xl: var(--wp--preset--font-size--5-xl, 3rem);
--text-5xl--line-height: 1;
--text-6xl: var(--wp--preset--font-size--6-xl, 3.75rem);
--text-6xl--line-height: 1;
--font-weight-normal: 400;
--font-weight-medium: 500;
--font-weight-semibold: 600;
--font-weight-bold: 700;
--font-weight-extrabold: 800;
--tracking-tight: -.025em;
--tracking-normal: 0em;
--tracking-wide: .025em;
--leading-tight: 1.25;
--leading-snug: 1.375;
--leading-relaxed: 1.625;
--radius-xs: .125rem;
--radius-sm: .25rem;
--radius-xl: .75rem;
--radius-4xl: 2rem;
--ease-out: cubic-bezier(0, 0, .2, 1);
--ease-in-out: cubic-bezier(.4, 0, .2, 1);
--aspect-video: 16 / 9;
--default-transition-duration: .15s;
--default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
--default-font-family: var(--font-sans);
--default-mono-font-family: var(--font-mono);
--color-primary: var(--wp--preset--color--primary);
--color-dark: var(--wp--preset--color--dark);
--color-light: var(--wp--preset--color--light);
--color-acento: #171717;
--color-acento-600: #404040;
}
}
@layer base {
*, :after, :before, ::backdrop {
box-sizing: border-box;
border: 0 solid;
margin: 0;
padding: 0;
}
::file-selector-button {
box-sizing: border-box;
border: 0 solid;
margin: 0;
padding: 0;
}
html, :host {
-webkit-text-size-adjust: 100%;
tab-size: 4;
line-height: 1.5;
font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
font-feature-settings: var(--default-font-feature-settings, normal);
font-variation-settings: var(--default-font-variation-settings, normal);
-webkit-tap-highlight-color: transparent;
}
hr {
height: 0;
color: inherit;
border-top-width: 1px;
}
abbr:where([title]) {
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted;
}
h1, h2, h3, h4, h5, h6 {
font-size: inherit;
font-weight: inherit;
}
a {
color: inherit;
-webkit-text-decoration: inherit;
-webkit-text-decoration: inherit;
-webkit-text-decoration: inherit;
text-decoration: inherit;
}
b, strong {
font-weight: bolder;
}
code, kbd, samp, pre {
font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
font-feature-settings: var(--default-mono-font-feature-settings, normal);
font-variation-settings: var(--default-mono-font-variation-settings, normal);
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;
}
:-moz-focusring {
outline: auto;
}
progress {
vertical-align: baseline;
}
summary {
display: list-item;
}
ol, ul, menu {
list-style: none;
}
img, svg, video, canvas, audio, iframe, embed, object {
vertical-align: middle;
display: block;
}
img, video {
max-width: 100%;
height: auto;
}
button, input, select, optgroup, textarea {
font: inherit;
font-feature-settings: inherit;
font-variation-settings: inherit;
letter-spacing: inherit;
color: inherit;
opacity: 1;
background-color: #0000;
border-radius: 0;
}
::file-selector-button {
font: inherit;
font-feature-settings: inherit;
font-variation-settings: inherit;
letter-spacing: inherit;
color: inherit;
opacity: 1;
background-color: #0000;
border-radius: 0;
}
:where(select:is([multiple], [size])) optgroup {
font-weight: bolder;
}
:where(select:is([multiple], [size])) optgroup option {
padding-inline-start: 20px;
}
::file-selector-button {
margin-inline-end: 4px;
}
::placeholder {
opacity: 1;
}
@supports (not ((-webkit-appearance: -apple-pay-button))) or (contain-intrinsic-size: 1px) {
::placeholder {
color: currentColor;
}
@supports (color: color-mix(in lab, red, red)) {
::placeholder {
color: color-mix(in oklab, currentcolor 50%, transparent);
}
}
}
textarea {
resize: vertical;
}
::-webkit-search-decoration {
-webkit-appearance: none;
}
::-webkit-date-and-time-value {
min-height: 1lh;
text-align: inherit;
}
::-webkit-datetime-edit {
display: inline-flex;
}
::-webkit-datetime-edit-fields-wrapper {
padding: 0;
}
::-webkit-datetime-edit {
padding-block: 0;
}
::-webkit-datetime-edit-year-field {
padding-block: 0;
}
::-webkit-datetime-edit-month-field {
padding-block: 0;
}
::-webkit-datetime-edit-day-field {
padding-block: 0;
}
::-webkit-datetime-edit-hour-field {
padding-block: 0;
}
::-webkit-datetime-edit-minute-field {
padding-block: 0;
}
::-webkit-datetime-edit-second-field {
padding-block: 0;
}
::-webkit-datetime-edit-millisecond-field {
padding-block: 0;
}
::-webkit-datetime-edit-meridiem-field {
padding-block: 0;
}
:-moz-ui-invalid {
box-shadow: none;
}
button, input:where([type="button"], [type="reset"], [type="submit"]) {
appearance: button;
}
::file-selector-button {
appearance: button;
}
::-webkit-inner-spin-button {
height: auto;
}
::-webkit-outer-spin-button {
height: auto;
}
[hidden]:where(:not([hidden="until-found"])) {
display: none !important;
}
*, :after, :before, ::backdrop {
border-color: var(--color-zinc-200, currentColor);
}
::file-selector-button {
border-color: var(--color-zinc-200, currentColor);
}
}
@layer components;
@layer utilities {
.pointer-events-none {
pointer-events: none;
}
.invisible {
visibility: hidden;
}
.visible {
visibility: visible;
}
.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;
}
.alignwide {
width: 100%;
max-width: none;
position: relative;
}
.alignwide img {
margin-left: -160px;
margin-right: -160px;
display: block;
width: calc(100% + 320px) !important;
max-width: none !important;
}
@media (max-width: 782px) {
.alignwide img {
margin-left: 0;
margin-right: 0;
width: 100% !important;
}
}
.absolute {
position: absolute;
}
.fixed {
position: fixed;
}
.relative {
position: relative;
}
.static {
position: static;
}
.sticky {
position: sticky;
}
.inset-0 {
inset: calc(var(--spacing) * 0);
}
.inset-x-0 {
inset-inline: calc(var(--spacing) * 0);
}
.inset-x-3 {
inset-inline: calc(var(--spacing) * 3);
}
.-top-1\.5 {
top: calc(var(--spacing) * -1.5);
}
.top-0 {
top: calc(var(--spacing) * 0);
}
.top-0\.5 {
top: calc(var(--spacing) * .5);
}
.top-1\/2 {
top: 50%;
}
.top-2 {
top: calc(var(--spacing) * 2);
}
.top-3 {
top: calc(var(--spacing) * 3);
}
.top-5 {
top: calc(var(--spacing) * 5);
}
.top-\[18px\] {
top: 18px;
}
.top-full {
top: 100%;
}
.-right-1\.5 {
right: calc(var(--spacing) * -1.5);
}
.right-0 {
right: calc(var(--spacing) * 0);
}
.right-0\.5 {
right: calc(var(--spacing) * .5);
}
.right-2 {
right: calc(var(--spacing) * 2);
}
.right-5 {
right: calc(var(--spacing) * 5);
}
.bottom-0 {
bottom: calc(var(--spacing) * 0);
}
.bottom-3 {
bottom: calc(var(--spacing) * 3);
}
.bottom-5 {
bottom: calc(var(--spacing) * 5);
}
.left-0 {
left: calc(var(--spacing) * 0);
}
.left-1\/2 {
left: 50%;
}
.left-3\.5 {
left: calc(var(--spacing) * 3.5);
}
.z-10 {
z-index: 10;
}
.z-40 {
z-index: 40;
}
.z-50 {
z-index: 50;
}
.z-\[60\] {
z-index: 60;
}
.z-\[70\] {
z-index: 70;
}
.order-1 {
order: 1;
}
.order-2 {
order: 2;
}
.order-first {
order: -9999;
}
.col-1 {
grid-column: 1;
}
.col-2 {
grid-column: 2;
}
.container {
width: 100%;
}
@media (min-width: 480px) {
.container {
max-width: 480px;
}
}
@media (min-width: 600px) {
.container {
max-width: 600px;
}
}
@media (min-width: 782px) {
.container {
max-width: 782px;
}
}
@media (min-width: 960px) {
.container {
max-width: 960px;
}
}
@media (min-width: 1280px) {
.container {
max-width: 1280px;
}
}
@media (min-width: 1440px) {
.container {
max-width: 1440px;
}
}
.alignfull {
width: 100vw;
margin: 0 calc(50% - 50vw) !important;
}
.\!m-0 {
margin: calc(var(--spacing) * 0) !important;
}
.aligncenter {
margin: .5rem auto !important;
}
.m-0 {
margin: calc(var(--spacing) * 0);
}
.container {
margin-inline: auto;
padding-inline: 2rem;
}
.mx-4 {
margin-inline: calc(var(--spacing) * 4);
}
.mx-auto {
margin-inline: auto;
}
.my-2 {
margin-block: calc(var(--spacing) * 2);
}
.my-4 {
margin-block: calc(var(--spacing) * 4);
}
.my-6 {
margin-block: calc(var(--spacing) * 6);
}
.my-8 {
margin-block: calc(var(--spacing) * 8);
}
.my-10 {
margin-block: calc(var(--spacing) * 10);
}
.mt-0\.5 {
margin-top: calc(var(--spacing) * .5);
}
.mt-1 {
margin-top: calc(var(--spacing) * 1);
}
.mt-1\.5 {
margin-top: calc(var(--spacing) * 1.5);
}
.mt-2 {
margin-top: calc(var(--spacing) * 2);
}
.mt-2\.5 {
margin-top: calc(var(--spacing) * 2.5);
}
.mt-3 {
margin-top: calc(var(--spacing) * 3);
}
.mt-4 {
margin-top: calc(var(--spacing) * 4);
}
.mt-5 {
margin-top: calc(var(--spacing) * 5);
}
.mt-6 {
margin-top: calc(var(--spacing) * 6);
}
.mt-7 {
margin-top: calc(var(--spacing) * 7);
}
.mt-8 {
margin-top: calc(var(--spacing) * 8);
}
.mt-9 {
margin-top: calc(var(--spacing) * 9);
}
.mt-10 {
margin-top: calc(var(--spacing) * 10);
}
.mt-12 {
margin-top: calc(var(--spacing) * 12);
}
.mt-auto {
margin-top: auto;
}
.alignnone {
max-width: 100%;
height: auto;
margin-left: 0;
margin-right: 0;
}
.-mr-2 {
margin-right: calc(var(--spacing) * -2);
}
.mb-1\.5 {
margin-bottom: calc(var(--spacing) * 1.5);
}
.mb-2 {
margin-bottom: calc(var(--spacing) * 2);
}
.mb-3 {
margin-bottom: calc(var(--spacing) * 3);
}
.mb-4 {
margin-bottom: calc(var(--spacing) * 4);
}
.mb-8 {
margin-bottom: calc(var(--spacing) * 8);
}
.mb-12 {
margin-bottom: calc(var(--spacing) * 12);
}
.-ml-1 {
margin-left: calc(var(--spacing) * -1);
}
.ml-3 {
margin-left: calc(var(--spacing) * 3);
}
.ml-auto {
margin-left: auto;
}
.block {
display: block;
}
.flex {
display: flex;
}
.grid {
display: grid;
}
.hidden {
display: none;
}
.inline-block {
display: inline-block;
}
.inline-flex {
display: inline-flex;
}
.aspect-16\/10 {
aspect-ratio: 16 / 10;
}
.aspect-\[3\/4\] {
aspect-ratio: 3 / 4;
}
.aspect-\[4\/5\] {
aspect-ratio: 4 / 5;
}
.aspect-square {
aspect-ratio: 1;
}
.aspect-video {
aspect-ratio: var(--aspect-video);
}
.size-4 {
width: calc(var(--spacing) * 4);
height: calc(var(--spacing) * 4);
}
.size-5 {
width: calc(var(--spacing) * 5);
height: calc(var(--spacing) * 5);
}
.h-1\.5 {
height: calc(var(--spacing) * 1.5);
}
.h-3 {
height: calc(var(--spacing) * 3);
}
.h-4 {
height: calc(var(--spacing) * 4);
}
.h-5 {
height: calc(var(--spacing) * 5);
}
.h-6 {
height: calc(var(--spacing) * 6);
}
.h-7 {
height: calc(var(--spacing) * 7);
}
.h-8 {
height: calc(var(--spacing) * 8);
}
.h-9 {
height: calc(var(--spacing) * 9);
}
.h-10 {
height: calc(var(--spacing) * 10);
}
.h-12 {
height: calc(var(--spacing) * 12);
}
.h-14 {
height: calc(var(--spacing) * 14);
}
.h-20 {
height: calc(var(--spacing) * 20);
}
.h-56 {
height: calc(var(--spacing) * 56);
}
.h-64 {
height: calc(var(--spacing) * 64);
}
.h-auto {
height: auto;
}
.h-full {
height: 100%;
}
.\!w-auto {
width: auto !important;
}
.w-1\.5 {
width: calc(var(--spacing) * 1.5);
}
.w-3 {
width: calc(var(--spacing) * 3);
}
.w-4 {
width: calc(var(--spacing) * 4);
}
.w-5 {
width: calc(var(--spacing) * 5);
}
.w-6 {
width: calc(var(--spacing) * 6);
}
.w-7 {
width: calc(var(--spacing) * 7);
}
.w-8 {
width: calc(var(--spacing) * 8);
}
.w-9 {
width: calc(var(--spacing) * 9);
}
.w-10 {
width: calc(var(--spacing) * 10);
}
.w-12 {
width: calc(var(--spacing) * 12);
}
.w-14 {
width: calc(var(--spacing) * 14);
}
.w-20 {
width: calc(var(--spacing) * 20);
}
.w-24 {
width: calc(var(--spacing) * 24);
}
.w-\[5\.5rem\] {
width: 5.5rem;
}
.w-\[88px\] {
width: 88px;
}
.w-auto {
width: auto;
}
.w-full {
width: 100%;
}
.container {
max-width: var(--wp--style--global--wide-size);
}
.max-w-2xl {
max-width: var(--container-2xl);
}
.max-w-3xl {
max-width: var(--container-3xl);
}
.max-w-4xl {
max-width: var(--container-4xl);
}
.max-w-5xl {
max-width: var(--container-5xl);
}
.max-w-7xl {
max-width: var(--container-7xl);
}
.max-w-\[16rem\] {
max-width: 16rem;
}
.max-w-md {
max-width: var(--container-md);
}
.max-w-sm {
max-width: var(--container-sm);
}
.max-w-xl {
max-width: var(--container-xl);
}
.min-w-0 {
min-width: calc(var(--spacing) * 0);
}
.min-w-5 {
min-width: calc(var(--spacing) * 5);
}
.min-w-\[1\.5rem\] {
min-width: 1.5rem;
}
.min-w-\[2\.75rem\] {
min-width: 2.75rem;
}
.min-w-\[180px\] {
min-width: 180px;
}
.flex-1 {
flex: 1;
}
.flex-none {
flex: none;
}
.shrink-0 {
flex-shrink: 0;
}
.grow {
flex-grow: 1;
}
.border-collapse {
border-collapse: collapse;
}
.-translate-x-1\/2 {
--tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
translate: var(--tw-translate-x) var(--tw-translate-y);
}
.-translate-x-full {
--tw-translate-x: -100%;
translate: var(--tw-translate-x) var(--tw-translate-y);
}
.translate-x-full {
--tw-translate-x: 100%;
translate: var(--tw-translate-x) var(--tw-translate-y);
}
.-translate-y-1\/2 {
--tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
translate: var(--tw-translate-x) var(--tw-translate-y);
}
.translate-y-full {
--tw-translate-y: 100%;
translate: var(--tw-translate-x) var(--tw-translate-y);
}
.transform {
transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );
}
.cursor-pointer {
cursor: pointer;
}
.snap-x {
scroll-snap-type: x var(--tw-scroll-snap-strictness);
}
.snap-start {
scroll-snap-align: start;
}
.list-none {
list-style-type: none;
}
.appearance-none {
appearance: none;
}
.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));
}
.flex-col {
flex-direction: column;
}
.flex-wrap {
flex-wrap: wrap;
}
.items-baseline {
align-items: baseline;
}
.items-center {
align-items: center;
}
.items-end {
align-items: flex-end;
}
.items-start {
align-items: flex-start;
}
.items-stretch {
align-items: stretch;
}
.justify-between {
justify-content: space-between;
}
.justify-center {
justify-content: center;
}
.gap-0 {
gap: calc(var(--spacing) * 0);
}
.gap-0\.5 {
gap: calc(var(--spacing) * .5);
}
.gap-1 {
gap: calc(var(--spacing) * 1);
}
.gap-1\.5 {
gap: calc(var(--spacing) * 1.5);
}
.gap-2 {
gap: calc(var(--spacing) * 2);
}
.gap-2\.5 {
gap: calc(var(--spacing) * 2.5);
}
.gap-3 {
gap: calc(var(--spacing) * 3);
}
.gap-3\.5 {
gap: calc(var(--spacing) * 3.5);
}
.gap-4 {
gap: calc(var(--spacing) * 4);
}
.gap-5 {
gap: calc(var(--spacing) * 5);
}
.gap-6 {
gap: calc(var(--spacing) * 6);
}
.gap-7 {
gap: calc(var(--spacing) * 7);
}
.gap-8 {
gap: calc(var(--spacing) * 8);
}
.gap-10 {
gap: calc(var(--spacing) * 10);
}
.gap-px {
gap: 1px;
}
:where(.space-y-0 > :not(:last-child)) {
--tw-space-y-reverse: 0;
margin-block-start: calc(calc(var(--spacing) * 0) * var(--tw-space-y-reverse));
margin-block-end: calc(calc(var(--spacing) * 0) * calc(1 - var(--tw-space-y-reverse)));
}
:where(.space-y-1 > :not(:last-child)) {
--tw-space-y-reverse: 0;
margin-block-start: calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));
margin-block-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)));
}
:where(.space-y-1\.5 > :not(:last-child)) {
--tw-space-y-reverse: 0;
margin-block-start: calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));
margin-block-end: calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)));
}
:where(.space-y-2 > :not(:last-child)) {
--tw-space-y-reverse: 0;
margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
}
:where(.space-y-2\.5 > :not(:last-child)) {
--tw-space-y-reverse: 0;
margin-block-start: calc(calc(var(--spacing) * 2.5) * var(--tw-space-y-reverse));
margin-block-end: calc(calc(var(--spacing) * 2.5) * calc(1 - var(--tw-space-y-reverse)));
}
:where(.space-y-3 > :not(:last-child)) {
--tw-space-y-reverse: 0;
margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));
margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));
}
:where(.space-y-5 > :not(:last-child)) {
--tw-space-y-reverse: 0;
margin-block-start: calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));
margin-block-end: calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)));
}
:where(.space-y-8 > :not(:last-child)) {
--tw-space-y-reverse: 0;
margin-block-start: calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse));
margin-block-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse)));
}
:where(.space-y-24 > :not(:last-child)) {
--tw-space-y-reverse: 0;
margin-block-start: calc(calc(var(--spacing) * 24) * var(--tw-space-y-reverse));
margin-block-end: calc(calc(var(--spacing) * 24) * calc(1 - var(--tw-space-y-reverse)));
}
.gap-x-3 {
column-gap: calc(var(--spacing) * 3);
}
.gap-x-4 {
column-gap: calc(var(--spacing) * 4);
}
.gap-x-6 {
column-gap: calc(var(--spacing) * 6);
}
.gap-y-8 {
row-gap: calc(var(--spacing) * 8);
}
.gap-y-10 {
row-gap: calc(var(--spacing) * 10);
}
:where(.divide-x > :not(:last-child)) {
--tw-divide-x-reverse: 0;
border-inline-style: var(--tw-border-style);
border-inline-start-width: calc(1px * var(--tw-divide-x-reverse));
border-inline-end-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
}
:where(.divide-y > :not(:last-child)) {
--tw-divide-y-reverse: 0;
border-bottom-style: var(--tw-border-style);
border-top-style: var(--tw-border-style);
border-top-width: calc(1px * var(--tw-divide-y-reverse));
border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
}
:where(.divide-stone-100 > :not(:last-child)) {
border-color: var(--color-stone-100);
}
:where(.divide-stone-200 > :not(:last-child)) {
border-color: var(--color-stone-200);
}
:where(.divide-stone-200\/70 > :not(:last-child)) {
border-color: #e0e0e0b3;
}
@supports (color: color-mix(in lab, red, red)) {
:where(.divide-stone-200\/70 > :not(:last-child)) {
border-color: color-mix(in oklab, var(--color-stone-200) 70%, transparent);
}
}
.self-start {
align-self: flex-start;
}
.truncate {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.overflow-hidden {
overflow: hidden;
}
.overflow-x-auto {
overflow-x: auto;
}
.overflow-y-auto {
overflow-y: auto;
}
.rounded-4xl {
border-radius: var(--radius-4xl);
}
.rounded-full {
border-radius: 3.40282e38px;
}
.rounded-sm {
border-radius: var(--radius-sm);
}
.rounded-xl {
border-radius: var(--radius-xl);
}
.rounded-xs {
border-radius: var(--radius-xs);
}
.border {
border-style: var(--tw-border-style);
border-width: 1px;
}
.border-y {
border-block-style: var(--tw-border-style);
border-block-width: 1px;
}
.border-t {
border-top-style: var(--tw-border-style);
border-top-width: 1px;
}
.border-b {
border-bottom-style: var(--tw-border-style);
border-bottom-width: 1px;
}
.border-l {
border-left-style: var(--tw-border-style);
border-left-width: 1px;
}
.border-l-2 {
border-left-style: var(--tw-border-style);
border-left-width: 2px;
}
.border-dashed {
--tw-border-style: dashed;
border-style: dashed;
}
.border-dark\/10 {
border-color: var(--color-dark);
}
@supports (color: color-mix(in lab, red, red)) {
.border-dark\/10 {
border-color: color-mix(in oklab, var(--color-dark) 10%, transparent);
}
}
.border-light {
border-color: var(--color-light);
}
.border-red-200 {
border-color: var(--color-red-200);
}
.border-stone-100 {
border-color: var(--color-stone-100);
}
.border-stone-200 {
border-color: var(--color-stone-200);
}
.border-stone-300 {
border-color: var(--color-stone-300);
}
.border-stone-400 {
border-color: var(--color-stone-400);
}
.border-stone-700 {
border-color: var(--color-stone-700);
}
.border-stone-900 {
border-color: var(--color-stone-900);
}
.border-stone-950 {
border-color: var(--color-stone-950);
}
.bg-\[\#25D366\] {
background-color: #25d366;
}
.bg-acento {
background-color: var(--color-acento);
}
.bg-amber-50 {
background-color: var(--color-amber-50);
}
.bg-dark {
background-color: var(--color-dark);
}
.bg-green-600 {
background-color: var(--color-green-600);
}
.bg-light {
background-color: var(--color-light);
}
.bg-neutral-100 {
background-color: var(--color-neutral-100);
}
.bg-red-50 {
background-color: var(--color-red-50);
}
.bg-red-600 {
background-color: var(--color-red-600);
}
.bg-stone-50 {
background-color: var(--color-stone-50);
}
.bg-stone-50\/60 {
background-color: #f4f4f499;
}
@supports (color: color-mix(in lab, red, red)) {
.bg-stone-50\/60 {
background-color: color-mix(in oklab, var(--color-stone-50) 60%, transparent);
}
}
.bg-stone-100 {
background-color: var(--color-stone-100);
}
.bg-stone-200 {
background-color: var(--color-stone-200);
}
.bg-stone-800 {
background-color: var(--color-stone-800);
}
.bg-stone-900 {
background-color: var(--color-stone-900);
}
.bg-stone-900\/0 {
background-color: #0000;
}
@supports (color: color-mix(in lab, red, red)) {
.bg-stone-900\/0 {
background-color: color-mix(in oklab, var(--color-stone-900) 0%, transparent);
}
}
.bg-stone-900\/50 {
background-color: #17171780;
}
@supports (color: color-mix(in lab, red, red)) {
.bg-stone-900\/50 {
background-color: color-mix(in oklab, var(--color-stone-900) 50%, transparent);
}
}
.bg-stone-900\/65 {
background-color: #171717a6;
}
@supports (color: color-mix(in lab, red, red)) {
.bg-stone-900\/65 {
background-color: color-mix(in oklab, var(--color-stone-900) 65%, transparent);
}
}
.bg-stone-900\/95 {
background-color: #171717f2;
}
@supports (color: color-mix(in lab, red, red)) {
.bg-stone-900\/95 {
background-color: color-mix(in oklab, var(--color-stone-900) 95%, transparent);
}
}
.bg-stone-950 {
background-color: var(--color-stone-950);
}
.bg-stone-950\/50 {
background-color: #0a0a0a80;
}
@supports (color: color-mix(in lab, red, red)) {
.bg-stone-950\/50 {
background-color: color-mix(in oklab, var(--color-stone-950) 50%, transparent);
}
}
.bg-white {
background-color: var(--color-white);
}
.bg-white\/95 {
background-color: #fffffff2;
}
@supports (color: color-mix(in lab, red, red)) {
.bg-white\/95 {
background-color: color-mix(in oklab, var(--color-white) 95%, transparent);
}
}
.bg-zinc-950 {
background-color: var(--color-zinc-950);
}
.object-contain {
object-fit: contain;
}
.object-cover {
object-fit: cover;
}
.p-2 {
padding: calc(var(--spacing) * 2);
}
.p-6 {
padding: calc(var(--spacing) * 6);
}
.p-8 {
padding: calc(var(--spacing) * 8);
}
.p-12 {
padding: calc(var(--spacing) * 12);
}
.px-1 {
padding-inline: calc(var(--spacing) * 1);
}
.px-2 {
padding-inline: calc(var(--spacing) * 2);
}
.px-2\.5 {
padding-inline: calc(var(--spacing) * 2.5);
}
.px-3 {
padding-inline: calc(var(--spacing) * 3);
}
.px-3\.5 {
padding-inline: calc(var(--spacing) * 3.5);
}
.px-4 {
padding-inline: calc(var(--spacing) * 4);
}
.px-5 {
padding-inline: calc(var(--spacing) * 5);
}
.px-6 {
padding-inline: calc(var(--spacing) * 6);
}
.px-7 {
padding-inline: calc(var(--spacing) * 7);
}
.px-8 {
padding-inline: calc(var(--spacing) * 8);
}
.px-9 {
padding-inline: calc(var(--spacing) * 9);
}
.px-10 {
padding-inline: calc(var(--spacing) * 10);
}
.py-1 {
padding-block: calc(var(--spacing) * 1);
}
.py-1\.5 {
padding-block: calc(var(--spacing) * 1.5);
}
.py-2 {
padding-block: calc(var(--spacing) * 2);
}
.py-2\.5 {
padding-block: calc(var(--spacing) * 2.5);
}
.py-3 {
padding-block: calc(var(--spacing) * 3);
}
.py-3\.5 {
padding-block: calc(var(--spacing) * 3.5);
}
.py-4 {
padding-block: calc(var(--spacing) * 4);
}
.py-5 {
padding-block: calc(var(--spacing) * 5);
}
.py-6 {
padding-block: calc(var(--spacing) * 6);
}
.py-8 {
padding-block: calc(var(--spacing) * 8);
}
.py-10 {
padding-block: calc(var(--spacing) * 10);
}
.py-12 {
padding-block: calc(var(--spacing) * 12);
}
.py-14 {
padding-block: calc(var(--spacing) * 14);
}
.py-16 {
padding-block: calc(var(--spacing) * 16);
}
.py-20 {
padding-block: calc(var(--spacing) * 20);
}
.pt-2 {
padding-top: calc(var(--spacing) * 2);
}
.pt-2\.5 {
padding-top: calc(var(--spacing) * 2.5);
}
.pt-3 {
padding-top: calc(var(--spacing) * 3);
}
.pt-4 {
padding-top: calc(var(--spacing) * 4);
}
.pt-5 {
padding-top: calc(var(--spacing) * 5);
}
.pt-6 {
padding-top: calc(var(--spacing) * 6);
}
.pt-10 {
padding-top: calc(var(--spacing) * 10);
}
.pt-16 {
padding-top: calc(var(--spacing) * 16);
}
.pr-4 {
padding-right: calc(var(--spacing) * 4);
}
.pr-7 {
padding-right: calc(var(--spacing) * 7);
}
.pr-8 {
padding-right: calc(var(--spacing) * 8);
}
.pb-1 {
padding-bottom: calc(var(--spacing) * 1);
}
.pb-2 {
padding-bottom: calc(var(--spacing) * 2);
}
.pb-3 {
padding-bottom: calc(var(--spacing) * 3);
}
.pb-4 {
padding-bottom: calc(var(--spacing) * 4);
}
.pb-5 {
padding-bottom: calc(var(--spacing) * 5);
}
.pb-10 {
padding-bottom: calc(var(--spacing) * 10);
}
.pb-14 {
padding-bottom: calc(var(--spacing) * 14);
}
.pb-16 {
padding-bottom: calc(var(--spacing) * 16);
}
.pb-\[calc\(0\.75rem\+env\(safe-area-inset-bottom\)\)\] {
padding-bottom: calc(.75rem + env(safe-area-inset-bottom));
}
.pl-3 {
padding-left: calc(var(--spacing) * 3);
}
.pl-10 {
padding-left: calc(var(--spacing) * 10);
}
.text-center {
text-align: center;
}
.text-left {
text-align: left;
}
.text-right {
text-align: right;
}
.font-sans {
font-family: var(--font-sans);
}
.text-2xl {
font-size: var(--text-2xl);
line-height: var(--tw-leading, var(--text-2xl--line-height));
}
.text-3xl {
font-size: var(--text-3xl);
line-height: var(--tw-leading, var(--text-3xl--line-height));
}
.text-5xl {
font-size: var(--text-5xl);
line-height: var(--tw-leading, var(--text-5xl--line-height));
}
.text-base {
font-size: var(--text-base);
line-height: var(--tw-leading, var(--text-base--line-height));
}
.text-lg {
font-size: var(--text-lg);
line-height: var(--tw-leading, var(--text-lg--line-height));
}
.text-sm {
font-size: var(--text-sm);
line-height: var(--tw-leading, var(--text-sm--line-height));
}
.text-xl {
font-size: var(--text-xl);
line-height: var(--tw-leading, var(--text-xl--line-height));
}
.text-xs {
font-size: var(--text-xs);
line-height: var(--tw-leading, var(--text-xs--line-height));
}
.text-\[10px\] {
font-size: 10px;
}
.text-\[11px\] {
font-size: 11px;
}
.leading-none {
--tw-leading: 1;
line-height: 1;
}
.leading-relaxed {
--tw-leading: var(--leading-relaxed);
line-height: var(--leading-relaxed);
}
.leading-snug {
--tw-leading: var(--leading-snug);
line-height: var(--leading-snug);
}
.leading-tight {
--tw-leading: var(--leading-tight);
line-height: var(--leading-tight);
}
.font-bold {
--tw-font-weight: var(--font-weight-bold);
font-weight: var(--font-weight-bold);
}
.font-extrabold {
--tw-font-weight: var(--font-weight-extrabold);
font-weight: var(--font-weight-extrabold);
}
.font-medium {
--tw-font-weight: var(--font-weight-medium);
font-weight: var(--font-weight-medium);
}
.font-normal {
--tw-font-weight: var(--font-weight-normal);
font-weight: var(--font-weight-normal);
}
.font-semibold {
--tw-font-weight: var(--font-weight-semibold);
font-weight: var(--font-weight-semibold);
}
.tracking-\[0\.2em\] {
--tw-tracking: .2em;
letter-spacing: .2em;
}
.tracking-\[0\.08em\] {
--tw-tracking: .08em;
letter-spacing: .08em;
}
.tracking-\[0\.12em\] {
--tw-tracking: .12em;
letter-spacing: .12em;
}
.tracking-\[0\.18em\] {
--tw-tracking: .18em;
letter-spacing: .18em;
}
.tracking-\[0\.25em\] {
--tw-tracking: .25em;
letter-spacing: .25em;
}
.tracking-tight {
--tw-tracking: var(--tracking-tight);
letter-spacing: var(--tracking-tight);
}
.tracking-wide {
--tw-tracking: var(--tracking-wide);
letter-spacing: var(--tracking-wide);
}
.\[text-wrap\:balance\] {
text-wrap: balance;
}
.text-acento {
color: var(--color-acento);
}
.text-amber-400 {
color: var(--color-amber-400);
}
.text-amber-800 {
color: var(--color-amber-800);
}
.text-dark, .text-dark\/60 {
color: var(--color-dark);
}
@supports (color: color-mix(in lab, red, red)) {
.text-dark\/60 {
color: color-mix(in oklab, var(--color-dark) 60%, transparent);
}
}
.text-dark\/70 {
color: var(--color-dark);
}
@supports (color: color-mix(in lab, red, red)) {
.text-dark\/70 {
color: color-mix(in oklab, var(--color-dark) 70%, transparent);
}
}
.text-green-400 {
color: var(--color-green-400);
}
.text-green-600 {
color: var(--color-green-600);
}
.text-green-700 {
color: var(--color-green-700);
}
.text-light {
color: var(--color-light);
}
.text-red-500 {
color: var(--color-red-500);
}
.text-red-600 {
color: var(--color-red-600);
}
.text-red-700 {
color: var(--color-red-700);
}
.text-stone-200 {
color: var(--color-stone-200);
}
.text-stone-300 {
color: var(--color-stone-300);
}
.text-stone-400 {
color: var(--color-stone-400);
}
.text-stone-500 {
color: var(--color-stone-500);
}
.text-stone-600 {
color: var(--color-stone-600);
}
.text-stone-700 {
color: var(--color-stone-700);
}
.text-stone-800 {
color: var(--color-stone-800);
}
.text-stone-900 {
color: var(--color-stone-900);
}
.text-stone-950 {
color: var(--color-stone-950);
}
.text-white {
color: var(--color-white);
}
.text-white\/85 {
color: #ffffffd9;
}
@supports (color: color-mix(in lab, red, red)) {
.text-white\/85 {
color: color-mix(in oklab, var(--color-white) 85%, transparent);
}
}
.text-zinc-500 {
color: var(--color-zinc-500);
}
.text-zinc-600 {
color: var(--color-zinc-600);
}
.text-zinc-700 {
color: var(--color-zinc-700);
}
.text-zinc-900 {
color: var(--color-zinc-900);
}
.text-zinc-950 {
color: var(--color-zinc-950);
}
.uppercase {
text-transform: uppercase;
}
.\!no-underline {
text-decoration-line: none !important;
}
.no-underline {
text-decoration-line: none;
}
.underline {
text-decoration-line: underline;
}
.underline-offset-2 {
text-underline-offset: 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;
}
.placeholder-stone-400::placeholder {
color: var(--color-stone-400);
}
.opacity-0 {
opacity: 0;
}
.opacity-60 {
opacity: .6;
}
.shadow-2xl {
--tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, #00000040);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.shadow-\[0_-8px_24px_-12px_rgba\(28\,25\,23\,0\.12\)\] {
--tw-shadow: 0 -8px 24px -12px var(--tw-shadow-color, #1c19171f);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.shadow-lg {
--tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.shadow-sm {
--tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.ring-1 {
--tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.ring-stone-100 {
--tw-ring-color: var(--color-stone-100);
}
.ring-stone-200 {
--tw-ring-color: var(--color-stone-200);
}
.grayscale {
--tw-grayscale: grayscale(100%);
filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
}
.backdrop-blur {
--tw-backdrop-blur: blur(8px);
-webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
}
.transition {
transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.transition-all {
transition-property: all;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.transition-opacity {
transition-property: opacity;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.transition-transform {
transition-property: transform, translate, scale, rotate;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.duration-150 {
--tw-duration: .15s;
transition-duration: .15s;
}
.duration-300 {
--tw-duration: .3s;
transition-duration: .3s;
}
.duration-500 {
--tw-duration: .5s;
transition-duration: .5s;
}
.ease-in-out {
--tw-ease: var(--ease-in-out);
transition-timing-function: var(--ease-in-out);
}
.ease-out {
--tw-ease: var(--ease-out);
transition-timing-function: var(--ease-out);
}
.outline-none {
--tw-outline-style: none;
outline-style: none;
}
.group-open\:rotate-45:is(:where(.group):is([open], :popover-open, :open) *) {
rotate: 45deg;
}
.group-open\:rotate-180:is(:where(.group):is([open], :popover-open, :open) *) {
rotate: 180deg;
}
.group-focus-within\:visible:is(:where(.group):focus-within *) {
visibility: visible;
}
.group-focus-within\:opacity-100:is(:where(.group):focus-within *) {
opacity: 1;
}
@media (hover: hover) {
.group-hover\:visible:is(:where(.group):hover *) {
visibility: visible;
}
.group-hover\:scale-105:is(:where(.group):hover *) {
--tw-scale-x: 105%;
--tw-scale-y: 105%;
--tw-scale-z: 105%;
scale: var(--tw-scale-x) var(--tw-scale-y);
}
.group-hover\:scale-110:is(:where(.group):hover *) {
--tw-scale-x: 110%;
--tw-scale-y: 110%;
--tw-scale-z: 110%;
scale: var(--tw-scale-x) var(--tw-scale-y);
}
.group-hover\:rotate-180:is(:where(.group):hover *) {
rotate: 180deg;
}
.group-hover\:bg-stone-900\/30:is(:where(.group):hover *) {
background-color: #1717174d;
}
@supports (color: color-mix(in lab, red, red)) {
.group-hover\:bg-stone-900\/30:is(:where(.group):hover *) {
background-color: color-mix(in oklab, var(--color-stone-900) 30%, transparent);
}
}
.group-hover\:bg-white:is(:where(.group):hover *) {
background-color: var(--color-white);
}
.group-hover\:opacity-100:is(:where(.group):hover *) {
opacity: 1;
}
.group-hover\:ring-2:is(:where(.group):hover *) {
--tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.group-hover\:ring-acento:is(:where(.group):hover *) {
--tw-ring-color: var(--color-acento);
}
}
.peer-checked\:border-stone-950:is(:where(.peer):checked ~ *) {
border-color: var(--color-stone-950);
}
.peer-checked\:bg-stone-950:is(:where(.peer):checked ~ *) {
background-color: var(--color-stone-950);
}
.peer-checked\:text-white:is(:where(.peer):checked ~ *) {
color: var(--color-white);
}
.peer-checked\:ring-2:is(:where(.peer):checked ~ *) {
--tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.peer-checked\:ring-stone-950:is(:where(.peer):checked ~ *) {
--tw-ring-color: var(--color-stone-950);
}
.peer-checked\:ring-offset-2:is(:where(.peer):checked ~ *) {
--tw-ring-offset-width: 2px;
--tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
}
.peer-focus-visible\:ring-2:is(:where(.peer):focus-visible ~ *) {
--tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.peer-focus-visible\:ring-stone-400:is(:where(.peer):focus-visible ~ *) {
--tw-ring-color: var(--color-stone-400);
}
.peer-focus-visible\:ring-offset-1:is(:where(.peer):focus-visible ~ *) {
--tw-ring-offset-width: 1px;
--tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
}
.peer-focus-visible\:ring-offset-2:is(:where(.peer):focus-visible ~ *) {
--tw-ring-offset-width: 2px;
--tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
}
.before\:absolute:before {
content: var(--tw-content);
position: absolute;
}
.before\:top-0:before {
content: var(--tw-content);
top: calc(var(--spacing) * 0);
}
.before\:left-0:before {
content: var(--tw-content);
left: calc(var(--spacing) * 0);
}
.before\:h-px:before {
content: var(--tw-content);
height: 1px;
}
.before\:w-6:before {
content: var(--tw-content);
width: calc(var(--spacing) * 6);
}
.before\:bg-zinc-950:before {
content: var(--tw-content);
background-color: var(--color-zinc-950);
}
.after\:absolute:after {
content: var(--tw-content);
position: absolute;
}
.after\:top-0:after {
content: var(--tw-content);
top: calc(var(--spacing) * 0);
}
.after\:right-0:after {
content: var(--tw-content);
right: calc(var(--spacing) * 0);
}
.after\:left-8:after {
content: var(--tw-content);
left: calc(var(--spacing) * 8);
}
.after\:h-px:after {
content: var(--tw-content);
height: 1px;
}
.after\:bg-zinc-950\/10:after {
content: var(--tw-content);
background-color: #09090b1a;
}
@supports (color: color-mix(in lab, red, red)) {
.after\:bg-zinc-950\/10:after {
background-color: color-mix(in oklab, var(--color-zinc-950) 10%, transparent);
}
}
.last\:border-b-0:last-child {
border-bottom-style: var(--tw-border-style);
border-bottom-width: 0;
}
@media (hover: hover) {
.hover\:scale-105:hover {
--tw-scale-x: 105%;
--tw-scale-y: 105%;
--tw-scale-z: 105%;
scale: var(--tw-scale-x) var(--tw-scale-y);
}
.hover\:border-stone-400:hover {
border-color: var(--color-stone-400);
}
.hover\:border-stone-900:hover {
border-color: var(--color-stone-900);
}
.hover\:border-stone-950:hover {
border-color: var(--color-stone-950);
}
.hover\:bg-\[\#1ebe5b\]:hover {
background-color: #1ebe5b;
}
.hover\:bg-acento-600:hover {
background-color: var(--color-acento-600);
}
.hover\:bg-red-50:hover {
background-color: var(--color-red-50);
}
.hover\:bg-stone-50:hover {
background-color: var(--color-stone-50);
}
.hover\:bg-stone-100:hover {
background-color: var(--color-stone-100);
}
.hover\:bg-stone-200:hover {
background-color: var(--color-stone-200);
}
.hover\:bg-stone-700:hover {
background-color: var(--color-stone-700);
}
.hover\:bg-stone-800:hover {
background-color: var(--color-stone-800);
}
.hover\:bg-stone-900:hover {
background-color: var(--color-stone-900);
}
.hover\:bg-stone-950:hover {
background-color: var(--color-stone-950);
}
.hover\:bg-zinc-800:hover {
background-color: var(--color-zinc-800);
}
.hover\:text-acento-600:hover {
color: var(--color-acento-600);
}
.hover\:text-red-600:hover {
color: var(--color-red-600);
}
.hover\:text-stone-900:hover {
color: var(--color-stone-900);
}
.hover\:text-stone-950:hover {
color: var(--color-stone-950);
}
.hover\:text-white:hover {
color: var(--color-white);
}
.hover\:underline:hover {
text-decoration-line: underline;
}
.hover\:opacity-90:hover {
opacity: .9;
}
.hover\:grayscale-0:hover {
--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, );
}
}
.focus\:border-stone-400:focus {
border-color: var(--color-stone-400);
}
.focus\:bg-white:focus {
background-color: var(--color-white);
}
.disabled\:cursor-not-allowed:disabled {
cursor: not-allowed;
}
.disabled\:opacity-40:disabled {
opacity: .4;
}
@media (min-width: 600px) {
.sm\:top-6 {
top: calc(var(--spacing) * 6);
}
.sm\:my-20 {
margin-block: calc(var(--spacing) * 20);
}
.sm\:mt-20 {
margin-top: calc(var(--spacing) * 20);
}
.sm\:hidden {
display: none;
}
.sm\:inline {
display: inline;
}
.sm\:w-28 {
width: calc(var(--spacing) * 28);
}
.sm\:w-auto {
width: auto;
}
.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-4 {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
.sm\:flex-row {
flex-direction: row;
}
.sm\:items-center {
align-items: center;
}
.sm\:justify-between {
justify-content: space-between;
}
.sm\:gap-5 {
gap: calc(var(--spacing) * 5);
}
.sm\:gap-6 {
gap: calc(var(--spacing) * 6);
}
.sm\:p-7 {
padding: calc(var(--spacing) * 7);
}
.sm\:px-6 {
padding-inline: calc(var(--spacing) * 6);
}
.sm\:py-6 {
padding-block: calc(var(--spacing) * 6);
}
.sm\:text-left {
text-align: left;
}
.sm\:text-4xl {
font-size: var(--text-4xl);
line-height: var(--tw-leading, var(--text-4xl--line-height));
}
.sm\:text-6xl {
font-size: var(--text-6xl);
line-height: var(--tw-leading, var(--text-6xl--line-height));
}
.sm\:text-base {
font-size: var(--text-base);
line-height: var(--tw-leading, var(--text-base--line-height));
}
.sm\:text-sm {
font-size: var(--text-sm);
line-height: var(--tw-leading, var(--text-sm--line-height));
}
}
@media (min-width: 782px) {
.md\:pointer-events-none {
pointer-events: none;
}
.md\:order-1 {
order: 1;
}
.md\:order-2 {
order: 2;
}
.md\:col-span-2 {
grid-column: span 2 / span 2;
}
.md\:col-span-3 {
grid-column: span 3 / span 3;
}
.md\:block {
display: block;
}
.md\:grid {
display: grid;
}
.md\:hidden {
display: none;
}
.md\:h-6 {
height: calc(var(--spacing) * 6);
}
.md\:h-10 {
height: calc(var(--spacing) * 10);
}
.md\:h-auto {
height: auto;
}
.md\:h-full {
height: 100%;
}
.md\:w-6 {
width: calc(var(--spacing) * 6);
}
.md\:w-auto {
width: auto;
}
.md\:w-full {
width: 100%;
}
.md\:translate-y-3 {
--tw-translate-y: calc(var(--spacing) * 3);
translate: var(--tw-translate-x) var(--tw-translate-y);
}
.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\:grid-cols-5 {
grid-template-columns: repeat(5, minmax(0, 1fr));
}
.md\:grid-cols-6 {
grid-template-columns: repeat(6, minmax(0, 1fr));
}
.md\:flex-row {
flex-direction: row;
}
.md\:items-start {
align-items: flex-start;
}
.md\:justify-between {
justify-content: space-between;
}
.md\:justify-center {
justify-content: center;
}
.md\:gap-2 {
gap: calc(var(--spacing) * 2);
}
.md\:gap-3 {
gap: calc(var(--spacing) * 3);
}
.md\:gap-4 {
gap: calc(var(--spacing) * 4);
}
.md\:gap-6 {
gap: calc(var(--spacing) * 6);
}
.md\:gap-10 {
gap: calc(var(--spacing) * 10);
}
.md\:gap-x-4 {
column-gap: calc(var(--spacing) * 4);
}
.md\:gap-x-6 {
column-gap: calc(var(--spacing) * 6);
}
.md\:gap-y-10 {
row-gap: calc(var(--spacing) * 10);
}
:where(.md\:divide-x > :not(:last-child)) {
--tw-divide-x-reverse: 0;
border-inline-style: var(--tw-border-style);
border-inline-start-width: calc(1px * var(--tw-divide-x-reverse));
border-inline-end-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
}
:where(.md\:divide-y-0 > :not(:last-child)) {
--tw-divide-y-reverse: 0;
border-bottom-style: var(--tw-border-style);
border-top-style: var(--tw-border-style);
border-top-width: calc(0px * var(--tw-divide-y-reverse));
border-bottom-width: calc(0px * calc(1 - var(--tw-divide-y-reverse)));
}
.md\:overflow-visible {
overflow: visible;
}
.md\:p-7 {
padding: calc(var(--spacing) * 7);
}
.md\:p-8 {
padding: calc(var(--spacing) * 8);
}
.md\:p-10 {
padding: calc(var(--spacing) * 10);
}
.md\:p-12 {
padding: calc(var(--spacing) * 12);
}
.md\:px-8 {
padding-inline: calc(var(--spacing) * 8);
}
.md\:px-16 {
padding-inline: calc(var(--spacing) * 16);
}
.md\:py-4 {
padding-block: calc(var(--spacing) * 4);
}
.md\:py-6 {
padding-block: calc(var(--spacing) * 6);
}
.md\:py-8 {
padding-block: calc(var(--spacing) * 8);
}
.md\:py-10 {
padding-block: calc(var(--spacing) * 10);
}
.md\:py-12 {
padding-block: calc(var(--spacing) * 12);
}
.md\:py-14 {
padding-block: calc(var(--spacing) * 14);
}
.md\:py-16 {
padding-block: calc(var(--spacing) * 16);
}
.md\:py-20 {
padding-block: calc(var(--spacing) * 20);
}
.md\:py-24 {
padding-block: calc(var(--spacing) * 24);
}
.md\:py-28 {
padding-block: calc(var(--spacing) * 28);
}
.md\:pt-6 {
padding-top: calc(var(--spacing) * 6);
}
.md\:pt-10 {
padding-top: calc(var(--spacing) * 10);
}
.md\:pb-14 {
padding-bottom: calc(var(--spacing) * 14);
}
.md\:pb-20 {
padding-bottom: calc(var(--spacing) * 20);
}
.md\:pb-24 {
padding-bottom: calc(var(--spacing) * 24);
}
.md\:text-left {
text-align: left;
}
.md\:text-2xl {
font-size: var(--text-2xl);
line-height: var(--tw-leading, var(--text-2xl--line-height));
}
.md\:text-3xl {
font-size: var(--text-3xl);
line-height: var(--tw-leading, var(--text-3xl--line-height));
}
.md\:text-4xl {
font-size: var(--text-4xl);
line-height: var(--tw-leading, var(--text-4xl--line-height));
}
.md\:text-base {
font-size: var(--text-base);
line-height: var(--tw-leading, var(--text-base--line-height));
}
.md\:text-sm {
font-size: var(--text-sm);
line-height: var(--tw-leading, var(--text-sm--line-height));
}
.md\:text-xl {
font-size: var(--text-xl);
line-height: var(--tw-leading, var(--text-xl--line-height));
}
.md\:opacity-0 {
opacity: 0;
}
@media (hover: hover) {
.md\:group-hover\:pointer-events-auto:is(:where(.group):hover *) {
pointer-events: auto;
}
.md\:group-hover\:translate-y-0:is(:where(.group):hover *) {
--tw-translate-y: calc(var(--spacing) * 0);
translate: var(--tw-translate-x) var(--tw-translate-y);
}
.md\:group-hover\:opacity-100:is(:where(.group):hover *) {
opacity: 1;
}
}
}
@media (min-width: 960px) {
.lg\:absolute {
position: absolute;
}
.lg\:static {
position: static;
}
.lg\:sticky {
position: sticky;
}
.lg\:top-0 {
top: calc(var(--spacing) * 0);
}
.lg\:top-28 {
top: calc(var(--spacing) * 28);
}
.lg\:left-0 {
left: calc(var(--spacing) * 0);
}
.lg\:-mx-4 {
margin-inline: calc(var(--spacing) * -4);
}
.lg\:flex {
display: flex;
}
.lg\:w-1\/3 {
width: 33.3333%;
}
.lg\:w-2\/3 {
width: 66.6667%;
}
.lg\:flex-none {
flex: none;
}
.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-\[minmax\(0\,1fr\)_24rem\] {
grid-template-columns: minmax(0, 1fr) 24rem;
}
.lg\:grid-cols-\[minmax\(0\,1fr\)_26rem\] {
grid-template-columns: minmax(0, 1fr) 26rem;
}
.lg\:items-start {
align-items: flex-start;
}
.lg\:justify-end {
justify-content: flex-end;
}
.lg\:gap-10 {
gap: calc(var(--spacing) * 10);
}
.lg\:gap-12 {
gap: calc(var(--spacing) * 12);
}
.lg\:gap-14 {
gap: calc(var(--spacing) * 14);
}
:where(.lg\:space-y-32 > :not(:last-child)) {
--tw-space-y-reverse: 0;
margin-block-start: calc(calc(var(--spacing) * 32) * var(--tw-space-y-reverse));
margin-block-end: calc(calc(var(--spacing) * 32) * calc(1 - var(--tw-space-y-reverse)));
}
.lg\:px-4 {
padding-inline: calc(var(--spacing) * 4);
}
.lg\:px-8 {
padding-inline: calc(var(--spacing) * 8);
}
.lg\:px-24 {
padding-inline: calc(var(--spacing) * 24);
}
.lg\:pt-0 {
padding-top: calc(var(--spacing) * 0);
}
.lg\:text-5xl {
font-size: var(--text-5xl);
line-height: var(--tw-leading, var(--text-5xl--line-height));
}
}
.\[\&_\.children\]\:ml-20 .children {
margin-left: calc(var(--spacing) * 20);
}
.\[\&_\.children_\>_li\]\:mt-8 .children > li {
margin-top: calc(var(--spacing) * 8);
}
.\[\&_a\]\:text-stone-500 a {
color: var(--color-stone-500);
}
.\[\&_a\]\:no-underline a {
text-decoration-line: none;
}
@media (hover: hover) {
.hover\:\[\&_a\]\:text-stone-900:hover a {
color: var(--color-stone-900);
}
}
.\[\&_dd\]\:m-0 dd, .\[\&_dd_p\]\:m-0 dd p {
margin: calc(var(--spacing) * 0);
}
.\[\&_del\]\:mr-1 del {
margin-right: calc(var(--spacing) * 1);
}
.\[\&_del\]\:mr-2 del {
margin-right: calc(var(--spacing) * 2);
}
.\[\&_del\]\:hidden del {
display: none;
}
.\[\&_del\]\:text-lg del {
font-size: var(--text-lg);
line-height: var(--tw-leading, var(--text-lg--line-height));
}
.\[\&_del\]\:text-sm del {
font-size: var(--text-sm);
line-height: var(--tw-leading, var(--text-sm--line-height));
}
.\[\&_del\]\:text-xl del {
font-size: var(--text-xl);
line-height: var(--tw-leading, var(--text-xl--line-height));
}
.\[\&_del\]\:text-xs del {
font-size: var(--text-xs);
line-height: var(--tw-leading, var(--text-xs--line-height));
}
.\[\&_del\]\:font-normal del {
--tw-font-weight: var(--font-weight-normal);
font-weight: var(--font-weight-normal);
}
.\[\&_del\]\:text-stone-400 del {
color: var(--color-stone-400);
}
.\[\&_dl\]\:m-0 dl {
margin: calc(var(--spacing) * 0);
}
.\[\&_h2\]\:mt-8 h2 {
margin-top: calc(var(--spacing) * 8);
}
.\[\&_h2\]\:mb-3 h2 {
margin-bottom: calc(var(--spacing) * 3);
}
.\[\&_h2\]\:text-lg h2 {
font-size: var(--text-lg);
line-height: var(--tw-leading, var(--text-lg--line-height));
}
.\[\&_h2\]\:font-semibold h2 {
--tw-font-weight: var(--font-weight-semibold);
font-weight: var(--font-weight-semibold);
}
.\[\&_h2\]\:text-stone-900 h2 {
color: var(--color-stone-900);
}
.\[\&_img\]\:h-full img {
height: 100%;
}
.\[\&_img\]\:w-full img {
width: 100%;
}
.\[\&_img\]\:object-contain img {
object-fit: contain;
}
.\[\&_ins\]\:ml-1 ins {
margin-left: calc(var(--spacing) * 1);
}
.\[\&_ins\]\:font-bold ins {
--tw-font-weight: var(--font-weight-bold);
font-weight: var(--font-weight-bold);
}
.\[\&_ins\]\:text-red-600 ins {
color: var(--color-red-600);
}
.\[\&_ins\]\:text-white ins {
color: var(--color-white);
}
.\[\&_ins\]\:no-underline ins {
text-decoration-line: none;
}
.\[\&_li\]\:m-0 li {
margin: calc(var(--spacing) * 0);
}
.\[\&_li\]\:list-none li {
list-style-type: none;
}
.\[\&_li\]\:bg-white li {
background-color: var(--color-white);
}
.\[\&_li\]\:px-4 li {
padding-inline: calc(var(--spacing) * 4);
}
.\[\&_li\]\:py-4 li {
padding-block: calc(var(--spacing) * 4);
}
.\[\&_li\]\:text-\[11px\] li {
font-size: 11px;
}
.\[\&_li\]\:tracking-wide li {
--tw-tracking: var(--tracking-wide);
letter-spacing: var(--tracking-wide);
}
.\[\&_li\]\:text-stone-500 li {
color: var(--color-stone-500);
}
.\[\&_li\]\:uppercase li {
text-transform: uppercase;
}
.\[\&_p\]\:mt-0 p {
margin-top: calc(var(--spacing) * 0);
}
.\[\&_p\]\:mb-2 p {
margin-bottom: calc(var(--spacing) * 2);
}
.\[\&_p\]\:mb-3 p {
margin-bottom: calc(var(--spacing) * 3);
}
.\[\&_strong\]\:mt-1 strong {
margin-top: calc(var(--spacing) * 1);
}
.\[\&_strong\]\:block strong {
display: block;
}
.\[\&_strong\]\:text-sm strong {
font-size: var(--text-sm);
line-height: var(--tw-leading, var(--text-sm--line-height));
}
.\[\&_strong\]\:font-bold strong {
--tw-font-weight: var(--font-weight-bold);
font-weight: var(--font-weight-bold);
}
.\[\&_strong\]\:tracking-normal strong {
--tw-tracking: var(--tracking-normal);
letter-spacing: var(--tracking-normal);
}
.\[\&_strong\]\:text-stone-900 strong {
color: var(--color-stone-900);
}
.\[\&_strong\]\:normal-case strong {
text-transform: none;
}
.\[\&_ul\]\:mb-3 ul {
margin-bottom: calc(var(--spacing) * 3);
}
.\[\&_ul\]\:list-disc ul {
list-style-type: disc;
}
.\[\&_ul\]\:pl-4 ul {
padding-left: calc(var(--spacing) * 4);
}
.\[\&_ul\]\:pl-5 ul {
padding-left: calc(var(--spacing) * 5);
}
.\[\&\:\:-webkit-details-marker\]\:hidden::-webkit-details-marker {
display: none;
}
.entry-content, .block-editor-block-list__layout {
color: var(--color-zinc-950);
font-size: var(--text-lg);
line-height: var(--text-lg--line-height);
}
:is(.entry-content, .block-editor-block-list__layout) :where(.entry-content > :not(li), .block-editor-block-list__layout > :not(li)) {
margin-top: calc(var(--spacing) * 6);
margin-bottom: calc(var(--spacing) * 6);
}
:is(.entry-content, .block-editor-block-list__layout) :where(h2) {
font-weight: var(--font-weight-semibold);
font-size: var(--text-2xl);
line-height: var(--text-2xl--line-height);
margin-top: calc(var(--spacing) * 12);
}
:is(.entry-content, .block-editor-block-list__layout) :where(h3) {
font-weight: var(--font-weight-semibold);
font-size: var(--text-xl);
line-height: var(--text-xl--line-height);
margin-top: calc(var(--spacing) * 8);
}
:is(.entry-content, .block-editor-block-list__layout) :where(h2 + h3) {
margin-top: 0;
}
:is(.entry-content, .block-editor-block-list__layout) :where(ul, ol) {
padding-left: 1.5rem;
}
:is(.entry-content, .block-editor-block-list__layout) :where(ul) {
list-style-type: disc;
}
:is(.entry-content, .block-editor-block-list__layout) :where(ol) {
list-style-type: decimal;
}
:is(.entry-content, .block-editor-block-list__layout) :where(a) {
color: var(--color-primary);
}
:is(.entry-content, .block-editor-block-list__layout) :where(li) {
padding-left: calc(var(--spacing) * 3);
}
:is(.entry-content, .block-editor-block-list__layout) :where(li)::marker {
color: var(--color-zinc-500);
}
:is(.entry-content, .block-editor-block-list__layout) :where(li > *), :is(.entry-content, .block-editor-block-list__layout) :where(li li) {
margin-top: calc(var(--spacing) * 4);
}
:is(.entry-content, .block-editor-block-list__layout) :where(ol > li)::marker {
font-size: var(--text-base);
font-weight: var(--font-weight-semibold);
}
:is(.entry-content, .block-editor-block-list__layout) :where(strong) {
font-weight: var(--font-weight-semibold);
}
:is(.entry-content, .block-editor-block-list__layout) :where(figure) {
margin-top: calc(var(--spacing) * 12);
margin-bottom: calc(var(--spacing) * 12);
}
:is(.entry-content, .block-editor-block-list__layout) :where(li > :first-child) {
margin-top: 0 !important;
}
:is(.entry-content, .block-editor-block-list__layout) :where(li > :last-child) {
margin-bottom: 0 !important;
}
.scroll-x::-webkit-scrollbar {
display: none;
}
.scroll-x {
-ms-overflow-style: none;
scrollbar-width: none;
}
.fc-woo-toolbar .woocommerce-result-count {
font-size: var(--text-sm);
color: var(--color-stone-500);
margin: 0;
}
.fc-woo-toolbar .woocommerce-ordering {
margin: 0;
}
.fc-woo-toolbar .woocommerce-ordering select {
border: 1px solid var(--color-stone-200);
background-color: var(--color-stone-50);
font-size: var(--text-sm);
color: var(--color-stone-700);
border-radius: 2px;
padding: .5rem 1rem;
}
.fc-woo-pagination .woocommerce-pagination ul {
border: 0;
flex-wrap: wrap;
justify-content: center;
gap: .5rem;
margin: 0;
padding: 0;
list-style: none;
display: flex;
}
.fc-woo-pagination .woocommerce-pagination ul li {
border: 0;
margin: 0;
}
.fc-woo-pagination .woocommerce-pagination .page-numbers {
border: 1px solid var(--color-stone-200);
min-width: 2.5rem;
height: 2.5rem;
font-size: var(--text-sm);
color: var(--color-stone-700);
border-radius: 2px;
justify-content: center;
align-items: center;
padding: 0 .5rem;
text-decoration: none;
transition: border-color .2s;
display: flex;
}
.fc-woo-pagination .woocommerce-pagination .page-numbers:hover {
border-color: var(--color-stone-900);
}
.fc-woo-pagination .woocommerce-pagination .page-numbers.current {
border-color: var(--color-stone-900);
background-color: var(--color-stone-900);
color: #fff;
font-weight: 600;
}
.fc-breadcrumb-wrap .woocommerce-breadcrumb {
font-size: var(--text-xs);
color: var(--color-stone-500);
margin: 0;
}
.fc-breadcrumb-wrap .woocommerce-breadcrumb a {
color: var(--color-stone-500);
text-decoration: none;
}
.fc-breadcrumb-wrap .woocommerce-breadcrumb a:hover {
color: var(--color-stone-900);
text-decoration: underline;
}
.fc-qty-btn {
width: 2.25rem;
height: 2.75rem;
color: var(--color-stone-500);
cursor: pointer;
background: none;
border: 0;
justify-content: center;
align-items: center;
font-size: 1.1rem;
line-height: 1;
transition: color .2s;
display: flex;
}
.fc-qty-btn:hover {
color: var(--color-stone-900);
}
.fc-mini-qty .fc-qty-btn {
width: 1.75rem;
height: 1.75rem;
font-size: 1rem;
}
.fc-add-to-cart form.cart, .fc-add-to-cart .woocommerce-variation-add-to-cart {
flex-wrap: wrap;
align-items: center;
gap: .75rem;
margin-top: 1.5rem;
display: flex;
}
.fc-add-to-cart .variations {
border-collapse: collapse;
width: 100%;
margin: 1.5rem 0 0;
}
.fc-add-to-cart .variations th {
text-align: left;
width: 30%;
font-size: var(--text-sm);
vertical-align: middle;
padding: .5rem .75rem .5rem 0;
font-weight: 600;
}
.fc-add-to-cart .variations td {
padding: .5rem 0;
}
.fc-add-to-cart .variations select {
border: 1px solid var(--color-stone-200);
background-color: var(--color-stone-50);
width: 100%;
font-size: var(--text-sm);
color: var(--color-stone-700);
border-radius: 2px;
padding: .625rem 1rem;
}
.fc-add-to-cart .reset_variations {
font-size: var(--text-xs);
color: var(--color-stone-500);
margin-top: .5rem;
display: inline-block;
}
.fc-add-to-cart .woocommerce-variation-price {
width: 100%;
font-size: var(--text-2xl);
margin: .5rem 0 0;
font-weight: 700;
}
.fc-add-to-cart .quantity {
border: 1px solid var(--color-stone-200);
border-radius: 2px;
align-items: center;
display: inline-flex;
overflow: hidden;
}
.fc-add-to-cart .quantity input.qty {
text-align: center;
width: 3rem;
font-size: var(--text-sm);
-moz-appearance: textfield;
background: none;
border: 0;
padding: .85rem 0;
font-weight: 600;
}
.fc-add-to-cart .quantity input.qty::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
}
.fc-add-to-cart .quantity input.qty::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
.fc-add-to-cart .single_add_to_cart_button {
background-color: var(--color-acento);
font-size: var(--text-sm);
color: #fff;
cursor: pointer;
border: 0;
border-radius: 2px;
flex: auto;
padding: .9rem 1.5rem;
font-weight: 600;
transition: background-color .2s;
}
.fc-add-to-cart .single_add_to_cart_button:hover {
background-color: var(--color-acento-600);
}
.fc-add-to-cart .variations select.fc-select-oculto {
clip: rect(0 0 0 0);
white-space: nowrap;
width: 1px;
height: 1px;
position: absolute;
overflow: hidden;
}
.fc-swatches {
flex-wrap: wrap;
gap: .5rem;
display: flex;
}
.fc-swatch {
cursor: pointer;
border: 1px solid var(--color-stone-300);
background-color: #fff;
transition: border-color .15s, box-shadow .15s, color .15s;
}
.fc-swatch--pill {
min-width: 2.75rem;
font-size: var(--text-sm);
color: var(--color-stone-700);
border-radius: 2px;
padding: .5rem .9rem;
font-weight: 600;
}
.fc-swatch--pill:hover {
border-color: var(--color-stone-900);
}
.fc-swatch--pill.fc-swatch--active {
border-color: var(--color-stone-900);
background-color: var(--color-stone-900);
color: #fff;
}
.fc-swatch--color {
border-radius: 2px;
width: 2.25rem;
height: 2.25rem;
}
.fc-swatch--color:hover {
box-shadow: 0 0 0 2px #fff, 0 0 0 4px var(--color-stone-400);
}
.fc-swatch--color.fc-swatch--active {
box-shadow: 0 0 0 2px #fff, 0 0 0 4px var(--color-stone-900);
}
.fc-swatch--claro {
border-color: var(--color-stone-300);
}
.fc-swatch--disabled {
cursor: not-allowed;
opacity: .3;
text-decoration: line-through;
}
.fc-attrs table {
border-collapse: collapse;
width: 100%;
}
.fc-attrs th, .fc-attrs td {
border-bottom: 1px solid var(--color-stone-100);
text-align: left;
vertical-align: top;
padding: .5rem 0;
}
.fc-attrs th {
width: 35%;
color: var(--color-stone-800);
font-weight: 600;
}
.fc-attrs p {
margin: 0;
}
.woocommerce-message, .woocommerce-info, .woocommerce-error {
border: 1px solid var(--color-stone-200);
background-color: var(--color-stone-50);
font-size: var(--text-sm);
color: var(--color-stone-700);
border-radius: 4px;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
gap: .75rem;
margin: 0 0 1.5rem;
padding: .9rem 1.25rem;
list-style: none;
display: flex;
}
.woocommerce-error {
color: #991b1b;
background-color: #fef2f2;
border-color: #fecaca;
}
.woocommerce-message:before, .woocommerce-info:before, .woocommerce-error:before {
content: none;
}
.woocommerce-message .button, .woocommerce-info .button, .woocommerce-error .button {
border: 1px solid var(--color-stone-900);
font-size: var(--text-xs);
color: var(--color-stone-900);
background: none;
border-radius: 2px;
order: 2;
padding: .4rem 1rem;
font-weight: 600;
text-decoration: none;
transition: background-color .2s, color .2s;
}
.woocommerce-message .button:hover, .woocommerce-info .button:hover, .woocommerce-error .button:hover {
background-color: var(--color-stone-900);
color: #fff;
}
.fc-page .input-text, .fc-page select, .fc-page textarea {
border: 1px solid var(--color-stone-200);
background-color: var(--color-stone-50);
width: 100%;
font-size: var(--text-sm);
color: var(--color-stone-900);
border-radius: 2px;
outline: none;
padding: .7rem 1.25rem;
transition: border-color .2s, background-color .2s;
}
.fc-page textarea {
border-radius: 4px;
min-height: 6rem;
}
.fc-page .input-text:focus, .fc-page select:focus, .fc-page textarea:focus {
border-color: var(--color-stone-400);
background-color: #fff;
}
.fc-page .form-row {
margin: 0 0 1rem;
padding: 0;
}
.fc-page .form-row label {
font-size: var(--text-sm);
color: var(--color-stone-800);
margin-bottom: .35rem;
font-weight: 500;
display: block;
}
.fc-page .required {
color: var(--color-acento);
text-decoration: none;
}
.fc-page .button, .fc-page button[type="submit"] {
background-color: var(--color-stone-900);
font-size: var(--text-sm);
color: #fff;
cursor: pointer;
border: 0;
border-radius: 2px;
padding: .8rem 1.75rem;
font-weight: 600;
text-decoration: none;
transition: background-color .2s, opacity .2s;
display: inline-block;
}
.fc-page .button:hover, .fc-page button[type="submit"]:hover {
background-color: var(--color-stone-700);
}
.fc-page .checkout-button, .fc-page #place_order, .fc-page .single_add_to_cart_button {
background-color: var(--color-acento);
}
.fc-page .checkout-button:hover, .fc-page #place_order:hover {
background-color: var(--color-acento-600);
}
.fc-page .button:disabled, .fc-page .button[aria-disabled="true"] {
cursor: not-allowed;
opacity: .5;
}
.fc-page table.shop_table {
border: 1px solid var(--color-stone-200);
border-collapse: separate;
border-spacing: 0;
width: 100%;
font-size: var(--text-sm);
border-radius: 4px;
margin: 0 0 1.5rem;
overflow: hidden;
}
.fc-page table.shop_table th, .fc-page table.shop_table td {
border: 0;
border-bottom: 1px solid var(--color-stone-100);
text-align: left;
vertical-align: middle;
padding: .9rem 1rem;
}
.fc-page table.shop_table thead th {
background-color: var(--color-stone-50);
font-size: var(--text-xs);
text-transform: uppercase;
letter-spacing: .05em;
color: var(--color-stone-500);
font-weight: 600;
}
.fc-page table.shop_table tbody tr:last-child td, .fc-page table.shop_table tfoot tr:last-child td, .fc-page table.shop_table tfoot tr:last-child th {
border-bottom: 0;
}
.fc-page .woocommerce-cart-form .product-thumbnail img {
background-color: var(--color-stone-50);
border-radius: 4px;
width: 4.5rem;
height: auto;
}
.fc-page .woocommerce-cart-form .product-name a {
color: var(--color-stone-900);
font-weight: 600;
text-decoration: none;
}
.fc-page .woocommerce-cart-form .product-name a:hover {
text-decoration: underline;
}
.fc-page .woocommerce-cart-form .product-remove a {
width: 1.75rem;
height: 1.75rem;
color: var(--color-stone-400);
border-radius: 2px;
justify-content: center;
align-items: center;
font-size: 1.1rem;
font-weight: 400;
text-decoration: none;
transition: background-color .2s, color .2s;
display: inline-flex;
}
.fc-page .woocommerce-cart-form .product-remove a:hover {
color: #dc2626;
background-color: #fef2f2;
}
.fc-page .woocommerce-cart-form .quantity {
border: 1px solid var(--color-stone-200);
border-radius: 2px;
align-items: center;
display: inline-flex;
overflow: hidden;
}
.fc-page .woocommerce-cart-form .quantity input.qty {
text-align: center;
width: 2.75rem;
font-size: var(--text-sm);
-moz-appearance: textfield;
background: none;
border: 0;
padding: .5rem 0;
font-weight: 600;
}
.fc-page .woocommerce-cart-form .quantity input.qty::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
}
.fc-page .woocommerce-cart-form .quantity input.qty::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
.fc-page .woocommerce-cart-form .coupon {
flex-wrap: wrap;
gap: .5rem;
display: flex;
}
.fc-page .woocommerce-cart-form .coupon .input-text {
flex: 10rem;
width: auto;
}
.fc-page .woocommerce-cart-form .actions {
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
gap: .75rem;
display: flex;
}
.fc-page .cart_totals {
border: 1px solid var(--color-stone-200);
background-color: var(--color-stone-50);
border-radius: 4px;
padding: 1.5rem;
}
.fc-page .cart_totals h2 {
font-size: var(--text-lg);
margin: 0 0 1rem;
font-weight: 700;
}
.fc-page .cart_totals table.shop_table {
background: none;
border: 0;
margin-bottom: 1rem;
}
.fc-page .cart_totals .order-total td, .fc-page .cart_totals .order-total th {
font-size: var(--text-lg);
font-weight: 700;
}
.fc-page .wc-proceed-to-checkout {
padding: 0;
}
.fc-page .wc-proceed-to-checkout .checkout-button {
text-align: center;
width: 100%;
font-size: var(--text-base);
padding: 1rem 1.5rem;
display: block;
}
.fc-page form.checkout h3, .fc-page #order_review_heading {
font-size: var(--text-lg);
margin: 0 0 1rem;
font-weight: 700;
}
.fc-page #customer_details .col-1, .fc-page #customer_details .col-2 {
float: none;
width: 100%;
}
.fc-page #order_review {
background: none;
border: 0;
padding: 0;
}
.fc-page .fc-review-totals th, .fc-page .fc-review-totals td {
text-align: left;
color: var(--color-stone-600);
vertical-align: top;
border-bottom: 1px solid #e0e0e0b3;
padding: .65rem 0;
font-weight: 500;
}
@supports (color: color-mix(in lab, red, red)) {
:is(.fc-page .fc-review-totals th, .fc-page .fc-review-totals td) {
border-bottom: 1px solid color-mix(in srgb, var(--color-stone-200) 70%, transparent);
}
}
.fc-page .fc-review-totals td {
text-align: right;
color: var(--color-stone-900);
}
.fc-page .fc-review-totals tr.order-total th, .fc-page .fc-review-totals tr.order-total td {
font-size: var(--text-base);
color: var(--color-stone-900);
border-bottom: 0;
padding-top: .9rem;
font-weight: 700;
}
.fc-page ul#shipping_method {
text-align: left;
gap: .4rem;
margin: 0;
padding: 0;
list-style: none;
display: grid;
}
.fc-page ul#shipping_method li {
align-items: baseline;
gap: .5rem;
margin: 0;
display: flex;
}
.fc-page ul#shipping_method label {
font-size: var(--text-sm);
color: var(--color-stone-700);
margin: 0;
font-weight: 400;
display: inline;
}
.fc-page .woocommerce-shipping-destination {
font-size: var(--text-xs);
color: var(--color-stone-500);
margin: .5rem 0 0;
}
.fc-page .shipping-calculator-button {
font-size: var(--text-xs);
color: var(--color-acento);
text-decoration: none;
}
.fc-page .shipping-calculator-button:hover {
text-decoration: underline;
}
.fc-page input[type="radio"], .fc-page input[type="checkbox"] {
accent-color: var(--color-acento);
width: 1rem;
height: 1rem;
}
@media (min-width: 600px) {
.fc-page .woocommerce-billing-fields__field-wrapper, .fc-page .woocommerce-shipping-fields__field-wrapper {
grid-template-columns: 1fr 1fr;
column-gap: 1rem;
display: grid;
}
.fc-page .woocommerce-billing-fields__field-wrapper .form-row, .fc-page .woocommerce-shipping-fields__field-wrapper .form-row {
grid-column: 1 / -1;
}
.fc-page .woocommerce-billing-fields__field-wrapper .form-row-first, .fc-page .woocommerce-shipping-fields__field-wrapper .form-row-first {
grid-column: 1;
}
.fc-page .woocommerce-billing-fields__field-wrapper .form-row-last, .fc-page .woocommerce-shipping-fields__field-wrapper .form-row-last {
grid-column: 2;
}
}
.fc-page #payment {
background: none;
border-radius: 0;
}
.fc-page #payment ul.payment_methods {
border-bottom: 1px solid var(--color-stone-200);
margin: 0 0 1rem;
padding: 0 0 1rem;
list-style: none;
}
.fc-page #payment ul.payment_methods li {
margin-bottom: .5rem;
}
.fc-page #payment div.payment_box {
background-color: var(--color-stone-100);
font-size: var(--text-sm);
color: var(--color-stone-600);
border-radius: 4px;
margin: .5rem 0;
padding: .9rem 1.1rem;
}
.fc-page #payment div.payment_box:before {
content: none;
}
.fc-page #place_order {
text-align: center;
width: 100%;
font-size: var(--text-base);
padding: 1rem 1.5rem;
display: block;
}
.fc-page .woocommerce-terms-and-conditions-wrapper {
font-size: var(--text-xs);
color: var(--color-stone-500);
margin-bottom: 1rem;
}
.fc-page .woocommerce-MyAccount-navigation ul {
flex-wrap: wrap;
gap: .5rem;
margin: 0 0 2rem;
padding: 0;
list-style: none;
display: flex;
}
.fc-page .woocommerce-MyAccount-navigation li a {
border: 1px solid var(--color-stone-200);
font-size: var(--text-sm);
color: var(--color-stone-700);
border-radius: 2px;
padding: .5rem 1.1rem;
font-weight: 500;
text-decoration: none;
transition: border-color .2s, background-color .2s, color .2s;
display: block;
}
.fc-page .woocommerce-MyAccount-navigation li a:hover {
border-color: var(--color-stone-900);
color: var(--color-stone-900);
}
.fc-page .woocommerce-MyAccount-navigation li.is-active a {
border-color: var(--color-stone-900);
background-color: var(--color-stone-900);
color: #fff;
}
.fc-page .woocommerce-MyAccount-content {
font-size: var(--text-sm);
color: var(--color-stone-700);
}
.fc-page .woocommerce-MyAccount-content p {
margin: 0 0 1rem;
}
.fc-page .woocommerce-MyAccount-content a:not(.button) {
color: var(--color-acento);
}
.fc-page form.login, .fc-page form.register, .fc-page .woocommerce-ResetPassword {
border: 1px solid var(--color-stone-200);
border-radius: 4px;
max-width: 28rem;
margin: 0;
padding: 1.5rem;
}
.fc-page .woocommerce-form-login__rememberme {
margin-bottom: .75rem;
display: block;
}
.fc-page .lost_password {
font-size: var(--text-xs);
}
@media (min-width: 782px) {
.fc-page #customer_login {
grid-template-columns: 1fr 1fr;
gap: 2rem;
display: grid;
}
.fc-page #customer_login .u-column1, .fc-page #customer_login .u-column2 {
float: none;
width: 100%;
}
}
.ec-desc {
font-size: var(--text-sm);
color: var(--color-stone-700);
line-height: 1.65;
}
.ec-desc h2, .ec-desc h3, .ec-desc h4 {
color: var(--color-stone-900);
margin: 0;
font-weight: 600;
}
.ec-desc p {
margin: 0;
}
.ec-desc strong {
color: var(--color-stone-900);
font-weight: 600;
}
.ec-desc a {
color: var(--color-stone-900);
text-underline-offset: 3px;
font-weight: 500;
text-decoration: underline;
}
.ec-desc a:hover {
color: var(--color-acento-600);
}
.ec-desc-hero {
border-bottom: 1px solid var(--color-stone-200);
padding: .25rem 0 1.75rem;
}
.ec-desc-badge {
border: 1px solid var(--color-stone-900);
font-size: var(--text-xs);
letter-spacing: .08em;
text-transform: uppercase;
color: var(--color-stone-900);
border-radius: 2px;
margin-bottom: 1rem;
padding: .3rem .8rem;
font-weight: 600;
display: inline-block;
}
.ec-desc-hero h2 {
font-size: var(--text-xl);
letter-spacing: -.01em;
margin-bottom: .75rem;
line-height: 1.3;
}
@media (min-width: 782px) {
.ec-desc-hero h2 {
font-size: var(--text-2xl);
}
}
.ec-desc-title, .ec-desc-h3, .ec-desc-sizes h3 {
font-size: var(--text-base);
color: var(--color-stone-900);
margin: 0 0 1rem;
font-weight: 600;
}
.ec-desc-h3 {
margin-top: 2.5rem;
}
.ec-desc-specs {
background-color: var(--color-stone-50);
border-radius: 4px;
margin-top: 1.75rem;
padding: 1.25rem 1.25rem 1.5rem;
}
.ec-specs-grid {
grid-template-columns: 1fr;
gap: 0 2.5rem;
display: grid;
}
@media (min-width: 600px) {
.ec-specs-grid {
grid-template-columns: 1fr 1fr;
}
}
.ec-spec {
border-top: 1px solid var(--color-stone-200);
justify-content: space-between;
align-items: baseline;
gap: 1.5rem;
padding: .7rem 0;
display: flex;
}
.ec-spec br {
display: none;
}
.ec-spec-label {
font-size: var(--text-xs);
letter-spacing: .06em;
text-transform: uppercase;
color: var(--color-stone-500);
flex-shrink: 0;
font-weight: 500;
}
.ec-spec-val {
font-size: var(--text-sm);
color: var(--color-stone-900);
text-align: right;
font-weight: 500;
}
.ec-color-row {
flex-wrap: wrap;
justify-content: flex-end;
align-items: center;
gap: .4rem;
display: flex;
}
.ec-color-row .ec-dot + .ec-dot {
margin-left: .5rem;
}
.ec-dot {
border-radius: 2px;
width: .85rem;
height: .85rem;
display: inline-block;
box-shadow: inset 0 0 0 1px #0000001f;
}
.ec-desc-sizes {
border-bottom: 1px solid var(--color-stone-200);
margin-top: 2.5rem;
padding-bottom: 2.5rem;
}
.ec-size-note {
font-size: var(--text-xs);
color: var(--color-stone-500);
margin: 0 0 1rem;
}
.ec-table-wrap {
overflow-x: auto;
}
.ec-table {
border-collapse: collapse;
border: 1px solid var(--color-stone-200);
width: 100%;
font-size: var(--text-sm);
}
.ec-table th {
border-bottom: 1px solid var(--color-stone-200);
background-color: var(--color-stone-50);
text-align: left;
font-size: var(--text-xs);
letter-spacing: .06em;
text-transform: uppercase;
color: var(--color-stone-500);
white-space: nowrap;
padding: .6rem .9rem;
font-weight: 600;
}
.ec-table td {
border-bottom: 1px solid var(--color-stone-100);
color: var(--color-stone-700);
white-space: nowrap;
padding: .6rem .9rem;
}
.ec-table tbody td:first-child {
color: var(--color-stone-900);
font-weight: 600;
}
.ec-table tfoot td {
background-color: var(--color-stone-50);
font-size: var(--text-xs);
color: var(--color-stone-500);
white-space: normal;
border-bottom: 0;
}
.ec-features {
grid-template-columns: 1fr;
gap: .75rem;
display: grid;
}
@media (min-width: 600px) {
.ec-features {
grid-template-columns: 1fr 1fr;
gap: 1rem;
}
}
.ec-feature {
border: 1px solid var(--color-stone-200);
border-radius: 4px;
padding: 1.1rem 1.2rem;
}
.ec-feature h4 {
font-size: var(--text-sm);
margin-bottom: .4rem;
}
.ec-feature p {
font-size: var(--text-sm);
color: var(--color-stone-600);
}
.ec-faq {
border-top: 1px solid var(--color-stone-200);
}
.ec-faq-item {
border-bottom: 1px solid var(--color-stone-200);
}
.ec-faq-item summary {
cursor: pointer;
font-size: var(--text-sm);
color: var(--color-stone-900);
justify-content: space-between;
align-items: center;
gap: 1rem;
padding: .9rem .25rem;
font-weight: 500;
list-style: none;
display: flex;
}
.ec-faq-item summary::-webkit-details-marker {
display: none;
}
.ec-faq-item summary:after {
content: "+";
font-size: var(--text-lg);
color: var(--color-stone-400);
flex-shrink: 0;
font-weight: 400;
line-height: 1;
transition: transform .2s;
}
.ec-faq-item[open] summary:after {
transform: rotate(45deg);
}
.ec-faq-a {
font-size: var(--text-sm);
color: var(--color-stone-600);
padding: 0 .25rem 1rem;
}
.ec-desc-trust {
border-top: 1px solid var(--color-stone-200);
flex-wrap: wrap;
gap: .5rem;
margin-top: 2.5rem;
padding-top: 1.25rem;
display: flex;
}
.ec-trust-badge {
border: 1px solid var(--color-stone-200);
font-size: var(--text-xs);
color: var(--color-stone-700);
border-radius: 2px;
padding: .35rem .8rem;
font-weight: 500;
}
.fc-page .woocommerce-order {
margin-inline: auto;
}
.fc-page .woocommerce-order .woocommerce-order-details, .fc-page .woocommerce-order .woocommerce-customer-details {
margin-top: 2.5rem;
}
.fc-page .woocommerce-order h2, .fc-page .woocommerce-order .woocommerce-column__title {
letter-spacing: -.01em;
color: var(--color-stone-900);
margin-bottom: 1rem;
font-size: 1.05rem;
font-weight: 700;
}
.fc-page .woocommerce-table--order-details {
border-collapse: collapse;
width: 100%;
font-size: var(--text-sm);
border: 1px solid var(--color-stone-200);
border-radius: 2px;
overflow: hidden;
}
.fc-page .woocommerce-table--order-details th, .fc-page .woocommerce-table--order-details td {
text-align: left;
border-bottom: 1px solid var(--color-stone-200);
vertical-align: top;
padding: .85rem 1rem;
}
.fc-page .woocommerce-table--order-details thead th {
background: var(--color-stone-50);
text-transform: uppercase;
letter-spacing: .06em;
color: var(--color-stone-500);
font-size: .7rem;
font-weight: 700;
}
.fc-page .woocommerce-table--order-details a {
color: var(--color-stone-700);
text-decoration: none;
}
.fc-page .woocommerce-table--order-details a:hover {
text-decoration: underline;
}
.fc-page .woocommerce-table--order-details td.product-total, .fc-page .woocommerce-table--order-details th.product-total, .fc-page .woocommerce-table--order-details tfoot th, .fc-page .woocommerce-table--order-details tfoot td {
text-align: right;
}
.fc-page .woocommerce-table--order-details tfoot th {
color: var(--color-stone-600);
font-weight: 600;
}
.fc-page .woocommerce-table--order-details tfoot tr:last-child th, .fc-page .woocommerce-table--order-details tfoot tr:last-child td {
color: var(--color-stone-900);
border-bottom: 0;
font-size: 1rem;
font-weight: 700;
}
.fc-page .woocommerce-customer-details .col2-set, .fc-page .woocommerce-customer-details .woocommerce-columns--addresses {
grid-template-columns: 1fr;
gap: 1rem;
margin: 0;
padding: 0;
list-style: none;
display: grid;
}
@media (min-width: 640px) {
.fc-page .woocommerce-customer-details .col2-set, .fc-page .woocommerce-customer-details .woocommerce-columns--addresses {
grid-template-columns: 1fr 1fr;
}
}
.fc-page .woocommerce-customer-details .col-1, .fc-page .woocommerce-customer-details .col-2 {
float: none;
border: 1px solid var(--color-stone-200);
border-radius: 2px;
width: auto;
margin: 0;
padding: 1.25rem;
}
.fc-page .woocommerce-customer-details .col-1 .woocommerce-column__title, .fc-page .woocommerce-customer-details .col-2 .woocommerce-column__title {
text-transform: uppercase;
letter-spacing: .06em;
color: var(--color-stone-500);
margin-bottom: .5rem;
font-size: .7rem;
}
.fc-page .woocommerce-customer-details address {
font-style: normal;
font-size: var(--text-sm);
color: var(--color-stone-600);
border: 0;
padding: 0;
line-height: 1.7;
}
.fc-hero {
background: #171717;
width: 100%;
height: 600px;
position: relative;
overflow: hidden;
}
@media (max-width: 781.98px) {
.fc-hero {
height: min(600px, 76svh);
}
}
@media (min-width: 782px) {
.fc-hero {
height: 55.8203vw;
max-height: 900px;
}
}
.fc-hero-slide {
opacity: 0;
visibility: hidden;
transition: opacity .7s;
position: absolute;
inset: 0;
}
.fc-hero-slide.is-active {
opacity: 1;
visibility: visible;
z-index: 1;
}
.fc-hero-img {
object-fit: cover;
width: 100%;
height: 100%;
position: absolute;
inset: 0;
}
.fc-hero-img--brick {
object-position: 72% center;
}
.fc-hero-img--concrete {
object-position: 60% center;
}
.fc-hero-img--stairs {
object-position: center 18%;
}
@media (min-width: 782px) {
.fc-hero-img--brick {
object-position: 60% 6%;
}
.fc-hero-img--concrete {
object-position: 65% 4%;
}
.fc-hero-img--stairs {
object-position: center 22%;
}
}
.fc-hero-grad {
z-index: 1;
background: linear-gradient(#0f0f0f4d 0%, #0f0f0f00 28% 46%, #0f0f0fc7 100%);
position: absolute;
inset: 0;
}
@media (min-width: 782px) {
.fc-hero-grad {
background: linear-gradient(90deg, #0f0f0f9e 0%, #0f0f0f57 34%, #0f0f0f00 60%);
}
}
.fc-hero-inner {
z-index: 2;
flex-direction: column;
align-items: flex-start;
display: flex;
position: absolute;
bottom: 44px;
left: 24px;
right: 24px;
}
@media (min-width: 782px) {
.fc-hero-inner {
max-width: 560px;
inset: 50% auto auto 80px;
transform: translateY(-50%);
}
}
.fc-hero-eyebrow {
letter-spacing: .4em;
text-transform: uppercase;
color: #e0e0e0;
margin-bottom: 16px;
font-family: Jost, sans-serif;
font-size: 12px;
font-weight: 400;
}
.fc-hero-title {
color: #fff;
margin: 0;
font-family: Cormorant Garamond, serif;
font-size: 46px;
font-weight: 300;
line-height: 1;
}
.fc-hero-sub {
color: #ececec;
max-width: 360px;
margin: 22px 0 0;
font-family: Jost, sans-serif;
font-size: 16px;
font-weight: 300;
line-height: 1.6;
display: none;
}
.fc-hero-btn {
box-sizing: border-box;
letter-spacing: .24em;
text-transform: uppercase;
color: #171717;
background: #fff;
justify-content: center;
align-items: center;
width: 100%;
margin-top: 24px;
padding: 15px 30px;
font-family: Jost, sans-serif;
font-size: 12px;
font-weight: 500;
text-decoration: none;
transition: background .2s;
display: inline-flex;
}
.fc-hero-btn:hover {
background: #ececec;
}
@media (min-width: 782px) {
.fc-hero-eyebrow {
letter-spacing: .42em;
margin-bottom: 26px;
font-size: 14px;
}
.fc-hero-title {
font-size: 74px;
}
.fc-hero-sub {
font-size: 17px;
display: block;
}
.fc-hero-btn {
width: auto;
margin-top: 38px;
padding: 16px 34px;
}
}
.fc-hero-slide--split .fc-hero-panel {
z-index: 2;
flex-direction: column;
justify-content: flex-end;
align-items: flex-start;
padding: 0 24px 44px;
display: flex;
position: absolute;
inset: 0;
}
.fc-hero-grad--split {
background: linear-gradient(#0f0f0f4d 0%, #0f0f0f00 26% 46%, #0f0f0fc2 100%);
}
@media (min-width: 782px) {
.fc-hero-slide--split {
display: flex;
}
.fc-hero-slide--split .fc-hero-img--stairs {
flex: 1;
order: 2;
width: auto;
min-width: 0;
position: relative;
inset: auto;
}
.fc-hero-slide--split .fc-hero-panel {
background: #171717;
flex: 0 0 46%;
order: 1;
justify-content: center;
padding: 0 56px 0 72px;
position: relative;
inset: auto;
}
.fc-hero-grad--split {
display: none;
}
}
.fc-hero-dots {
z-index: 3;
justify-content: center;
gap: 8px;
display: flex;
position: absolute;
bottom: 16px;
left: 0;
right: 0;
}
.fc-hero-dot {
cursor: pointer;
background: #ffffff73;
border: 0;
border-radius: 9999px;
width: 8px;
height: 8px;
padding: 0;
transition: background .25s, width .25s;
}
.fc-hero-dot.is-active {
background: #fff;
width: 22px;
}
@media (max-width: 767.98px) {
body.fc-sticky-atc-visible .fc-wa-float {
bottom: 92px;
}
}
.fc-product-gallery .woocommerce-product-gallery {
margin: 0;
position: relative;
}
.fc-product-gallery .woocommerce-product-gallery__wrapper {
margin: 0;
padding: 0;
transition: all .5s cubic-bezier(.795, -.035, 0, 1);
}
.fc-product-gallery .woocommerce-product-gallery__image {
background: #fff;
}
.fc-product-gallery .woocommerce-product-gallery__image a {
outline-offset: -2px;
cursor: zoom-in;
display: block;
}
.fc-product-gallery .woocommerce-product-gallery__image img {
border-radius: 2px;
width: 100%;
height: auto;
display: block;
}
.fc-product-gallery .woocommerce-product-gallery__image:nth-child(n+2) {
width: 25%;
display: inline-block;
}
.fc-product-gallery .flex-control-thumbs {
grid-template-columns: repeat(4, 1fr);
gap: .75rem;
margin: .75rem 0 0;
padding: 0;
list-style: none;
display: grid;
overflow: visible;
}
.fc-product-gallery .flex-control-thumbs li {
float: none;
width: auto;
margin: 0;
padding: 0;
list-style: none;
}
.fc-product-gallery .flex-control-thumbs li img {
cursor: pointer;
opacity: .55;
background: #fff;
border: 2px solid #0000;
border-radius: 2px;
width: 100%;
height: auto;
transition: opacity .2s, border-color .2s;
display: block;
}
.fc-product-gallery .flex-control-thumbs li img:hover {
opacity: 1;
}
.fc-product-gallery .flex-control-thumbs li img.flex-active {
opacity: 1;
border-color: #171717;
}
}
.fc-page .select2-container .select2-selection--single {
border: 1px solid var(--color-stone-200);
background-color: var(--color-stone-50);
border-radius: 2px;
align-items: center;
height: auto;
min-height: 2.9rem;
padding: .55rem 1.25rem;
transition: border-color .2s, background-color .2s;
display: flex;
}
.fc-page .select2-container--open .select2-selection--single, .fc-page .select2-container--focus .select2-selection--single {
border-color: var(--color-stone-400);
background-color: #fff;
}
.fc-page .select2-container .select2-selection--single .select2-selection__rendered {
line-height: 1.4;
font-size: var(--text-sm);
color: var(--color-stone-900);
text-overflow: ellipsis;
white-space: nowrap;
flex: auto;
margin: 0;
padding: 0;
overflow: hidden;
}
.fc-page .select2-container .select2-selection__placeholder {
color: var(--color-stone-400);
}
.fc-page .select2-container .select2-selection--single .select2-selection__arrow {
flex: none;
width: 1.25rem;
height: 1.25rem;
position: relative;
top: auto;
right: auto;
}
.select2-dropdown {
border: 1px solid var(--color-stone-200);
font-size: var(--text-sm);
border-radius: 4px;
overflow: hidden;
box-shadow: 0 12px 32px -12px #1c19172e;
}
.select2-search--dropdown {
padding: .5rem;
}
.select2-search--dropdown .select2-search__field {
border: 1px solid var(--color-stone-200);
font-size: var(--text-sm);
border-radius: 2px;
outline: none;
padding: .5rem 1rem;
}
.select2-search--dropdown .select2-search__field:focus {
border-color: var(--color-stone-400);
}
.select2-results__option {
padding: .55rem 1rem;
}
.select2-container--default .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-results__option--highlighted[data-selected] {
background-color: var(--color-stone-900);
color: #fff;
}
.select2-container--default .select2-results__option[aria-selected="true"], .select2-container--default .select2-results__option[data-selected="true"] {
background-color: var(--color-stone-100);
color: var(--color-stone-900);
}
@property --tw-translate-x {
syntax: "*";
inherits: false;
initial-value: 0;
}
@property --tw-translate-y {
syntax: "*";
inherits: false;
initial-value: 0;
}
@property --tw-translate-z {
syntax: "*";
inherits: false;
initial-value: 0;
}
@property --tw-rotate-x {
syntax: "*";
inherits: false
}
@property --tw-rotate-y {
syntax: "*";
inherits: false
}
@property --tw-rotate-z {
syntax: "*";
inherits: false
}
@property --tw-skew-x {
syntax: "*";
inherits: false
}
@property --tw-skew-y {
syntax: "*";
inherits: false
}
@property --tw-scroll-snap-strictness {
syntax: "*";
inherits: false;
initial-value: proximity;
}
@property --tw-space-y-reverse {
syntax: "*";
inherits: false;
initial-value: 0;
}
@property --tw-divide-x-reverse {
syntax: "*";
inherits: false;
initial-value: 0;
}
@property --tw-border-style {
syntax: "*";
inherits: false;
initial-value: solid;
}
@property --tw-divide-y-reverse {
syntax: "*";
inherits: false;
initial-value: 0;
}
@property --tw-leading {
syntax: "*";
inherits: false
}
@property --tw-font-weight {
syntax: "*";
inherits: false
}
@property --tw-tracking {
syntax: "*";
inherits: false
}
@property --tw-shadow {
syntax: "*";
inherits: false;
initial-value: 0 0 #0000;
}
@property --tw-shadow-color {
syntax: "*";
inherits: false
}
@property --tw-shadow-alpha {
syntax: "<percentage>";
inherits: false;
initial-value: 100%;
}
@property --tw-inset-shadow {
syntax: "*";
inherits: false;
initial-value: 0 0 #0000;
}
@property --tw-inset-shadow-color {
syntax: "*";
inherits: false
}
@property --tw-inset-shadow-alpha {
syntax: "<percentage>";
inherits: false;
initial-value: 100%;
}
@property --tw-ring-color {
syntax: "*";
inherits: false
}
@property --tw-ring-shadow {
syntax: "*";
inherits: false;
initial-value: 0 0 #0000;
}
@property --tw-inset-ring-color {
syntax: "*";
inherits: false
}
@property --tw-inset-ring-shadow {
syntax: "*";
inherits: false;
initial-value: 0 0 #0000;
}
@property --tw-ring-inset {
syntax: "*";
inherits: false
}
@property --tw-ring-offset-width {
syntax: "<length>";
inherits: false;
initial-value: 0;
}
@property --tw-ring-offset-color {
syntax: "*";
inherits: false;
initial-value: #fff;
}
@property --tw-ring-offset-shadow {
syntax: "*";
inherits: false;
initial-value: 0 0 #0000;
}
@property --tw-blur {
syntax: "*";
inherits: false
}
@property --tw-brightness {
syntax: "*";
inherits: false
}
@property --tw-contrast {
syntax: "*";
inherits: false
}
@property --tw-grayscale {
syntax: "*";
inherits: false
}
@property --tw-hue-rotate {
syntax: "*";
inherits: false
}
@property --tw-invert {
syntax: "*";
inherits: false
}
@property --tw-opacity {
syntax: "*";
inherits: false
}
@property --tw-saturate {
syntax: "*";
inherits: false
}
@property --tw-sepia {
syntax: "*";
inherits: false
}
@property --tw-drop-shadow {
syntax: "*";
inherits: false
}
@property --tw-drop-shadow-color {
syntax: "*";
inherits: false
}
@property --tw-drop-shadow-alpha {
syntax: "<percentage>";
inherits: false;
initial-value: 100%;
}
@property --tw-drop-shadow-size {
syntax: "*";
inherits: false
}
@property --tw-backdrop-blur {
syntax: "*";
inherits: false
}
@property --tw-backdrop-brightness {
syntax: "*";
inherits: false
}
@property --tw-backdrop-contrast {
syntax: "*";
inherits: false
}
@property --tw-backdrop-grayscale {
syntax: "*";
inherits: false
}
@property --tw-backdrop-hue-rotate {
syntax: "*";
inherits: false
}
@property --tw-backdrop-invert {
syntax: "*";
inherits: false
}
@property --tw-backdrop-opacity {
syntax: "*";
inherits: false
}
@property --tw-backdrop-saturate {
syntax: "*";
inherits: false
}
@property --tw-backdrop-sepia {
syntax: "*";
inherits: false
}
@property --tw-duration {
syntax: "*";
inherits: false
}
@property --tw-ease {
syntax: "*";
inherits: false
}
@property --tw-scale-x {
syntax: "*";
inherits: false;
initial-value: 1;
}
@property --tw-scale-y {
syntax: "*";
inherits: false;
initial-value: 1;
}
@property --tw-scale-z {
syntax: "*";
inherits: false;
initial-value: 1;
}
@property --tw-content {
syntax: "*";
inherits: false;
initial-value: "";
}