/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */ @layer properties; :root, :host { --color-surface: var(--color-white); --color-ink: var(--color-slate-950); --color-ink-muted: var(--color-slate-600); --color-primary: oklch(46% 0.2 265); --color-primary-lighter: color-mix( in oklch, oklch(46% 0.2 265) 80%, #fff ); @supports (color: color-mix(in lab, red, red)) { --color-primary-lighter: color-mix( in oklch, var(--color-primary) 80%, var(--color-white) ); } --color-primary-darker: color-mix( in oklch, oklch(46% 0.2 265) 80%, #000 ); @supports (color: color-mix(in lab, red, red)) { --color-primary-darker: color-mix( in oklch, var(--color-primary) 80%, var(--color-black) ); } --color-on-primary: var(--color-white); --color-secondary: oklch(53% 0.15 150); --color-secondary-lighter: color-mix( in oklch, oklch(53% 0.15 150) 80%, #fff ); @supports (color: color-mix(in lab, red, red)) { --color-secondary-lighter: color-mix( in oklch, var(--color-secondary) 80%, var(--color-white) ); } --color-secondary-darker: color-mix( in oklch, oklch(53% 0.15 150) 80%, #000 ); @supports (color: color-mix(in lab, red, red)) { --color-secondary-darker: color-mix( in oklch, var(--color-secondary) 80%, var(--color-black) ); } --form-py: calc(var(--spacing) * 2); --form-px: calc(var(--spacing) * 3); --form-radius: var(--radius-lg); --form-stroke: var(--color-gray-400, currentcolor); --form-bg: var(--color-white); --form-color: var(--color-ink, currentcolor); --form-active-color: var(--color-primary); --select-icon: url('data:image/svg+xml,'); --select-icon-size: 1.25em; --select-icon-offset: 0.8rem; --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; --color-red-50: oklch(97.1% 0.013 17.38); --color-red-300: oklch(80.8% 0.114 19.571); --color-red-400: oklch(70.4% 0.191 22.216); --color-red-500: oklch(63.7% 0.237 25.331); --color-red-600: oklch(57.7% 0.245 27.325); --color-red-700: oklch(50.5% 0.213 27.518); --color-red-800: oklch(44.4% 0.177 26.899); --color-red-900: oklch(39.6% 0.141 25.723); --color-orange-400: oklch(75% 0.183 55.934); --color-amber-50: oklch(98.7% 0.022 95.277); --color-amber-100: oklch(96.2% 0.059 95.617); --color-amber-200: oklch(92.4% 0.12 95.746); --color-amber-300: oklch(87.9% 0.169 91.605); --color-amber-400: oklch(82.8% 0.189 84.429); --color-amber-500: oklch(76.9% 0.188 70.08); --color-amber-600: oklch(66.6% 0.179 58.318); --color-amber-700: oklch(55.5% 0.163 48.998); --color-amber-800: oklch(47.3% 0.137 46.201); --color-amber-900: oklch(41.4% 0.112 45.904); --color-amber-950: oklch(27.9% 0.077 45.635); --color-yellow-50: var(--color-amber-50); --color-yellow-400: var(--color-amber-400); --color-yellow-500: var(--color-amber-500); --color-green-50: var(--color-emerald-50); --color-green-400: var(--color-emerald-400); --color-green-500: var(--color-emerald-500); --color-emerald-50: oklch(97.9% 0.021 166.113); --color-emerald-100: oklch(95% 0.052 163.051); --color-emerald-200: oklch(90.5% 0.093 164.15); --color-emerald-300: oklch(84.5% 0.143 164.978); --color-emerald-400: oklch(76.5% 0.177 163.223); --color-emerald-500: oklch(69.6% 0.17 162.48); --color-emerald-600: oklch(59.6% 0.145 163.225); --color-emerald-700: oklch(50.8% 0.118 165.612); --color-emerald-800: oklch(43.2% 0.095 166.913); --color-emerald-900: oklch(37.8% 0.077 168.94); --color-emerald-950: oklch(26.2% 0.051 172.552); --color-blue-50: oklch(97% 0.014 254.604); --color-blue-100: oklch(93.2% 0.032 255.585); --color-blue-200: oklch(88.2% 0.059 254.128); --color-blue-300: oklch(80.9% 0.105 251.813); --color-blue-400: oklch(70.7% 0.165 254.624); --color-blue-500: oklch(62.3% 0.214 259.815); --color-blue-600: oklch(54.6% 0.245 262.881); --color-blue-700: oklch(48.8% 0.243 264.376); --color-blue-800: oklch(42.4% 0.199 265.638); --color-violet-50: oklch(96.9% 0.016 293.756); --color-violet-100: oklch(94.3% 0.029 294.588); --color-violet-200: oklch(89.4% 0.057 293.283); --color-violet-300: oklch(81.1% 0.111 293.571); --color-violet-400: oklch(70.2% 0.183 293.541); --color-violet-500: oklch(60.6% 0.25 292.717); --color-violet-600: oklch(54.1% 0.281 293.009); --color-violet-700: oklch(49.1% 0.27 292.581); --color-violet-800: oklch(43.2% 0.232 292.759); --color-violet-900: oklch(38% 0.189 293.745); --color-violet-950: oklch(28.3% 0.141 291.089); --color-slate-50: oklch(98.4% 0.003 247.858); --color-slate-100: oklch(96.8% 0.007 247.896); --color-slate-200: oklch(92.9% 0.013 255.508); --color-slate-300: oklch(86.9% 0.022 252.894); --color-slate-400: oklch(70.4% 0.04 256.788); --color-slate-500: oklch(55.4% 0.046 257.417); --color-slate-600: oklch(44.6% 0.043 257.281); --color-slate-800: oklch(27.9% 0.041 260.031); --color-slate-950: oklch(12.9% 0.042 264.695); --color-gray-50: oklch(98.5% 0.002 247.839); --color-gray-100: oklch(96.7% 0.003 264.542); --color-gray-200: oklch(92.8% 0.006 264.531); --color-gray-300: oklch(87.2% 0.01 258.338); --color-gray-400: oklch(70.7% 0.022 261.325); --color-gray-500: oklch(55.1% 0.027 264.364); --color-gray-600: oklch(44.6% 0.03 256.802); --color-gray-700: oklch(37.3% 0.034 259.733); --color-gray-800: oklch(27.8% 0.033 256.848); --color-gray-900: oklch(21% 0.034 264.665); --color-neutral-100: oklch(97% 0 none); --color-black: #000; --color-white: #fff; --spacing: 0.25rem; --breakpoint-lg: 1024px; --container-xs: 20rem; --container-md: 28rem; --container-lg: 32rem; --container-xl: 36rem; --container-2xl: 42rem; --container-3xl: 48rem; --container-4xl: 56rem; --container-7xl: 80rem; --text-xs: 0.75rem; --text-xs--line-height: calc(1 / 0.75); --text-sm: 0.875rem; --text-sm--line-height: calc(1.25 / 0.875); --text-base: 1rem; --text-base--line-height: calc(1.5 / 1); --text-lg: 1.125rem; --text-lg--line-height: calc(1.75 / 1.125); --text-xl: 1.25rem; --text-xl--line-height: calc(1.75 / 1.25); --text-2xl: 1.5rem; --text-2xl--line-height: calc(2 / 1.5); --text-3xl: 1.875rem; --text-3xl--line-height: calc(2.25 / 1.875); --text-4xl: 2.25rem; --text-4xl--line-height: calc(2.5 / 2.25); --text-5xl: 3rem; --text-5xl--line-height: 1; --text-6xl: 3.75rem; --text-6xl--line-height: 1; --font-weight-light: 300; --font-weight-normal: 400; --font-weight-medium: 500; --font-weight-semibold: 600; --font-weight-bold: 700; --tracking-wide: 0.025em; --tracking-wider: 0.05em; --tracking-widest: 0.1em; --leading-tight: 1.25; --leading-snug: 1.375; --leading-normal: 1.5; --leading-relaxed: 1.625; --radius-sm: 0.25rem; --radius-md: 0.375rem; --radius-lg: 0.5rem; --radius-2xl: 1rem; --radius-3xl: 1.5rem; --shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1); --ease-in: cubic-bezier(0.4, 0, 1, 1); --ease-out: cubic-bezier(0, 0, 0.2, 1); --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1); --animate-spin: spin 1s linear infinite; --blur-xs: 4px; --blur-sm: 8px; --aspect-video: 16 / 9; --default-transition-duration: 150ms; --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); --default-font-family: var(--font-sans); --default-mono-font-family: var(--font-mono); --color-container-lighter: var(--color-white); --color-container: var(--color-gray-50); --color-container-darker: var(--color-gray-100); --font-steviesansbook: "StevieSansBook", ui-sans-serif, system-ui, sans-serif; --font-steviesans: "StevieSans", ui-sans-serif, system-ui, sans-serif; --font-display: "The Seasons", ui-serif, Georgia, serif; --font-scriptfont: "AristelleScript", ui-serif, Georgia, serif; --color-color: #000000; --color-brand-primary: #ae9450; --color-brand-secondary: #ffb5b7; --color-fg: var(--color-ink); --color-fg-secondary: var(--color-ink-muted); --color-bg: var(--color-slate-50); } @layer base { :is( input:where(:not([type])), [type="text"], [type="email"], [type="url"], [type="password"], [type="number"], [type="date"], [type="datetime-local"], [type="month"], [type="search"], [type="tel"], [type="time"], [type="week"], textarea, select, .form-input, .form-textarea, .form-select, .form-multiselect ) { appearance: none; padding-block: var(--form-py); padding-inline: var(--form-px); border-radius: var(--form-radius); border-width: 1px; border-color: var(--form-stroke); background-color: var(--form-bg); color: var(--form-color); --outline-size: 1px; --outline-offset: 0px; &:focus { border-color: var(--form-active-color); outline-color: var(--form-active-color); } } :is(select:where(:not([size]:not([size="1"]), [multiple])), .form-select) { --_icon-position: right; padding-inline-end: calc( var(--select-icon-size) + var(--select-icon-offset) + 0.5ch ); background: var(--select-icon) var(--form-bg) var(--_icon-position) var(--select-icon-offset) center/var(--select-icon-size) no-repeat; -webkit-print-color-adjust: exact; print-color-adjust: exact; &:dir(rtl) { --_icon-position: left; } } :is([type="checkbox"], [type="radio"], .form-checkbox, .form-radio) { appearance: none; flex-shrink: 0; display: inline-block; block-size: calc(var(--spacing) * 4); inline-size: calc(var(--spacing) * 4); padding: 0; border-width: 2px; border-color: var(--form-stroke); background-color: var(--form-bg); color: var(--form-color); background-origin: border-box; vertical-align: middle; user-select: none; print-color-adjust: exact; block-size: calc(var(--spacing) * 4.5); inline-size: calc(var(--spacing) * 4.5); &:focus { outline-color: var(--form-active-color); } &:focus, &:checked { border-color: var(--form-active-color); } } :is([type="checkbox"], .form-checkbox):checked, :is([type="checkbox"], .form-checkbox):indeterminate { border-color: transparent; background: var(--form-active-color, currentColor) center/contain no-repeat; } :is([type="checkbox"], .form-checkbox):indeterminate { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3E%3Cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3E%3C/svg%3E"); } :is([type="checkbox"], .form-checkbox):checked { background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3E%3C/svg%3E"); } :is([type="radio"], .form-radio) { border-radius: 50%; &:checked { border-color: transparent; background: var(--form-active-color, currentColor) center/contain no-repeat; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='8' cy='8' r='3'/%3E%3C/svg%3E"); } } } @layer theme, base, components, utilities; @layer theme; @layer base { *, ::after, ::before, ::backdrop, ::file-selector-button { box-sizing: border-box; margin: 0; padding: 0; border: 0 solid; } html, :host { line-height: 1.5; -webkit-text-size-adjust: 100%; tab-size: 4; font-family: var(--default-font-family, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, 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; 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 { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } table { text-indent: 0; border-color: inherit; border-collapse: collapse; } :-moz-focusring:where(:not(iframe)) { outline: auto; } progress { vertical-align: baseline; } summary { display: list-item; } ol, ul, menu { list-style: none; } img, svg, video, canvas, audio, iframe, embed, object { display: block; vertical-align: middle; } img, video { max-width: 100%; height: auto; } button, input, select, optgroup, textarea, ::file-selector-button { font: inherit; font-feature-settings: inherit; font-variation-settings: inherit; letter-spacing: inherit; color: inherit; border-radius: 0; background-color: transparent; opacity: 1; } :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)) { 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, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field { padding-block: 0; } ::-webkit-calendar-picker-indicator { line-height: 1; } :-moz-ui-invalid { box-shadow: none; } button, input:where([type="button"], [type="reset"], [type="submit"]), ::file-selector-button { appearance: button; } ::-webkit-inner-spin-button, ::-webkit-outer-spin-button { height: auto; } [hidden]:where(:not([hidden="until-found"])) { display: none !important; } } @layer utilities { .pointer-events-auto { pointer-events: auto; } .pointer-events-none { pointer-events: none; } .invisible { visibility: hidden; } .visible { visibility: visible; } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border-width: 0; } .absolute { position: absolute; } .fixed { position: fixed; } .relative { position: relative; } .sticky { position: sticky; } .inset-0 { inset: 0px; } .inset-x-0 { inset-inline: 0px; } .inset-x-2 { inset-inline: calc(var(--spacing) * 2); } .inset-x-4 { inset-inline: calc(var(--spacing) * 4); } .inset-y-0 { inset-block: 0px; } .start-2 { inset-inline-start: calc(var(--spacing) * 2); } .end-2 { inset-inline-end: calc(var(--spacing) * 2); } .-top-1\.5 { top: calc(var(--spacing) * -1.5); } .-top-2 { top: calc(var(--spacing) * -2); } .top-0 { top: 0px; } .top-1 { top: var(--spacing); } .top-1\/2 { top: calc(1 / 2 * 100%); } .top-2 { top: calc(var(--spacing) * 2); } .top-3 { top: calc(var(--spacing) * 3); } .top-5 { top: calc(var(--spacing) * 5); } .top-6 { top: calc(var(--spacing) * 6); } .top-8 { top: calc(var(--spacing) * 8); } .top-10 { top: calc(var(--spacing) * 10); } .top-\[-150\%\] { top: -150%; } .top-\[3px\] { top: 3px; } .top-\[5px\] { top: 5px; } .top-\[40\%\] { top: 40%; } .top-full { top: 100%; } .-right-1\.5 { right: calc(var(--spacing) * -1.5); } .-right-2 { right: calc(var(--spacing) * -2); } .right-0 { right: 0px; } .right-1 { right: var(--spacing); } .right-2 { right: calc(var(--spacing) * 2); } .right-3 { right: calc(var(--spacing) * 3); } .right-5 { right: calc(var(--spacing) * 5); } .right-8 { right: calc(var(--spacing) * 8); } .right-\[10px\] { right: 10px; } .bottom-0 { bottom: 0px; } .bottom-2 { bottom: calc(var(--spacing) * 2); } .bottom-2\/4 { bottom: calc(2 / 4 * 100%); } .bottom-4 { bottom: calc(var(--spacing) * 4); } .bottom-5 { bottom: calc(var(--spacing) * 5); } .bottom-px { bottom: 1px; } .-left-full { left: -100%; } .left-0 { left: 0px; } .left-1\/2 { left: calc(1 / 2 * 100%); } .left-2 { left: calc(var(--spacing) * 2); } .left-2\/4 { left: calc(2 / 4 * 100%); } .left-4 { left: calc(var(--spacing) * 4); } .left-14 { left: calc(var(--spacing) * 14); } .isolate { isolation: isolate; } .-z-10 { z-index: calc(10 * -1); } .z-0 { z-index: 0; } .z-10 { z-index: 10; } .z-20 { z-index: 20; } .z-30 { z-index: 30; } .z-40 { z-index: 40; } .z-50 { z-index: 50; } .z-\[1\] { z-index: 1; } .z-\[99\] { z-index: 99; } .z-\[999\] { z-index: 999; } .z-\[9999\] { z-index: 9999; } .order-1 { order: 1; } .order-2 { order: 2; } .order-3 { order: 3; } .order-first { order: -9999; } .order-last { order: 9999; } .col-span-1 { grid-column: span 1 / span 1; } .col-span-2 { grid-column: span 2 / span 2; } .col-span-3 { grid-column: span 3 / span 3; } .col-span-4 { grid-column: span 4 / span 4; } .col-span-full { grid-column: 1 / -1; } .float-end { float: inline-end; } .container { width: 100%; @media (width >= 640px) { max-width: 640px; } @media (width >= 768px) { max-width: 768px; } @media (width >= 1024px) { max-width: 1024px; } @media (width >= 1280px) { max-width: 1280px; } @media (width >= 1400px) { max-width: 1400px; } } .-m-2 { margin: calc(var(--spacing) * -2); } .-m-4 { margin: calc(var(--spacing) * -4); } .m-0 { margin: 0px; } .m-1 { margin: var(--spacing); } .m-4 { margin: calc(var(--spacing) * 4); } .m-auto { margin: auto; } .prose { --text-flow: 1em 1rem; --separator-flow: 2.5em; --list-flow: 0.5em; --h-color: initial; --h-family: initial; --h-size: 1.125em; --h-weight: 600; --h-line: 1.1; --h1-size: 3em; --h2-size: 2em; --h3-size: 1.625em; --h4-size: 1.375em; --marker-color: var(--color-primary); --link-color: var(--color-primary); --link-weight: 500; --blockquote-color: var(--color-primary); --table-py: calc(var(--spacing) * 3); --table-px: calc(var(--spacing) * 2); --table-stroke: var(--color-gray-400); --table-bg: canvas; --table-color: canvastext; :where(h1, h2, h3, h4, h5, h6, p, dl, ul, ol, pre, hgroup) { margin-block: var(--text-flow); } :where(blockquote, figure, hr) { margin-block: var(--separator-flow); margin-inline: 0; } :where([class~="lead"]) { font-size: 1.25em; } :where(h1, h2, h3, h4, h5, h6) { color: var(--h-color); font-family: var(--h-family); font-size: var(--h-size); font-weight: var(--h-weight); line-height: var(--h-line); text-wrap: balance; } :where(h1) { --h-size: var(--h1-size); } :where(h2) { --h-size: var(--h2-size); } :where(h3) { --h-size: var(--h3-size); } :where(h4) { --h-size: var(--h4-size); } ::marker { color: var(--marker-color); } :where(ul, ol) { list-style: revert; padding-inline-start: 2em; } :where(ol[type="a"]) { list-style-type: lower-alpha; } :where(ol[type="i"]) { list-style-type: lower-roman; } :where(ol[type="1"]) { list-style-type: decimal; } :where(blockquote) { border-inline-start: 4px solid var(--blockquote-color); padding-inline-start: 1.5em; padding-block: 0.25em; } :where(:any-link) { color: var(--link-color); font-weight: var(--link-weight); &:hover { text-decoration: underline; } } :where(table) { border-collapse: separate; border-spacing: 0; border-color: var(--table-stroke); } :where(thead, tbody, tfoot, tr, th, td) { border-color: inherit; text-align: inherit; } :where(th, td) { padding-block: var(--table-py); padding-inline: var(--table-px); background: var(--table-bg); color: var(--table-color); } :where(tr + tr :is(th, td)) { border-block-start-width: 1px; } :where(thead tr:last-child :is(th, td)) { border-block-end-width: 2px; } :where(tfoot tr:first-child :is(th, td)) { border-block-start-width: 2px; } :where(table:not(:has(.table-wrapper, [class*="overflow-"]))) { word-break: break-all; } > :where(:first-child) { margin-block-start: 0; } > :where(:last-child) { margin-block-end: 0; } } .container { width: 100%; padding-inline: 1rem; margin-inline: auto; padding-inline: calc(var(--spacing) * 6); } .-mx-3 { margin-inline: calc(var(--spacing) * -3); } .mx-1 { margin-inline: var(--spacing); } .mx-2 { margin-inline: calc(var(--spacing) * 2); } .mx-3 { margin-inline: calc(var(--spacing) * 3); } .mx-4 { margin-inline: calc(var(--spacing) * 4); } .mx-auto { margin-inline: auto; } .my-0 { margin-block: 0px; } .my-1 { margin-block: var(--spacing); } .my-2 { margin-block: calc(var(--spacing) * 2); } .my-3 { margin-block: calc(var(--spacing) * 3); } .my-4 { margin-block: calc(var(--spacing) * 4); } .my-5 { margin-block: calc(var(--spacing) * 5); } .my-6 { margin-block: calc(var(--spacing) * 6); } .my-8 { margin-block: calc(var(--spacing) * 8); } .my-12 { margin-block: calc(var(--spacing) * 12); } .ms-0 { margin-inline-start: 0px; } .ms-7 { margin-inline-start: calc(var(--spacing) * 7); } .ms-8 { margin-inline-start: calc(var(--spacing) * 8); } .-me-4 { margin-inline-end: calc(var(--spacing) * -4); } .me-0 { margin-inline-end: 0px; } .me-auto { margin-inline-end: auto; } .prose { color: var(--tw-prose-body); max-width: 65ch; :where(p):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 1.25em; margin-bottom: 1.25em; } :where([class~="lead"]):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: var(--tw-prose-lead); font-size: 1.25em; line-height: 1.6; margin-top: 1.2em; margin-bottom: 1.2em; } :where(a):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: var(--tw-prose-links); text-decoration: underline; font-weight: 500; } :where(strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: var(--tw-prose-bold); font-weight: 600; } :where(a strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: inherit; } :where(blockquote strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: inherit; } :where(thead th strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: inherit; } :where(ol):not(:where([class~="not-prose"], [class~="not-prose"] *)) { list-style-type: decimal; margin-top: 1.25em; margin-bottom: 1.25em; padding-inline-start: 1.625em; } :where(ol[type="A"]):not(:where([class~="not-prose"], [class~="not-prose"] *)) { list-style-type: upper-alpha; } :where(ol[type="a"]):not(:where([class~="not-prose"], [class~="not-prose"] *)) { list-style-type: lower-alpha; } :where(ol[type="A" s]):not(:where([class~="not-prose"], [class~="not-prose"] *)) { list-style-type: upper-alpha; } :where(ol[type="a" s]):not(:where([class~="not-prose"], [class~="not-prose"] *)) { list-style-type: lower-alpha; } :where(ol[type="I"]):not(:where([class~="not-prose"], [class~="not-prose"] *)) { list-style-type: upper-roman; } :where(ol[type="i"]):not(:where([class~="not-prose"], [class~="not-prose"] *)) { list-style-type: lower-roman; } :where(ol[type="I" s]):not(:where([class~="not-prose"], [class~="not-prose"] *)) { list-style-type: upper-roman; } :where(ol[type="i" s]):not(:where([class~="not-prose"], [class~="not-prose"] *)) { list-style-type: lower-roman; } :where(ol[type="1"]):not(:where([class~="not-prose"], [class~="not-prose"] *)) { list-style-type: decimal; } :where(ul):not(:where([class~="not-prose"], [class~="not-prose"] *)) { list-style-type: disc; margin-top: 1.25em; margin-bottom: 1.25em; padding-inline-start: 1.625em; } :where(ol > li):not(:where([class~="not-prose"], [class~="not-prose"] *))::marker { font-weight: 400; color: var(--tw-prose-counters); } :where(ul > li):not(:where([class~="not-prose"], [class~="not-prose"] *))::marker { color: var(--tw-prose-bullets); } :where(dt):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: var(--tw-prose-headings); font-weight: 600; margin-top: 1.25em; } :where(hr):not(:where([class~="not-prose"], [class~="not-prose"] *)) { border-color: var(--tw-prose-hr); border-top-width: 1px; margin-top: 3em; margin-bottom: 3em; } :where(blockquote):not(:where([class~="not-prose"], [class~="not-prose"] *)) { font-weight: 500; font-style: italic; color: var(--tw-prose-quotes); border-inline-start-width: 0.25rem; border-inline-start-color: var(--tw-prose-quote-borders); quotes: "\201C""\201D""\2018""\2019"; margin-top: 1.6em; margin-bottom: 1.6em; padding-inline-start: 1em; } :where(blockquote p:first-of-type):not(:where([class~="not-prose"], [class~="not-prose"] *))::before { content: open-quote; } :where(blockquote p:last-of-type):not(:where([class~="not-prose"], [class~="not-prose"] *))::after { content: close-quote; } :where(h1):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: var(--tw-prose-headings); font-weight: 800; font-size: 2.25em; margin-top: 0; margin-bottom: 0.8888889em; line-height: 1.1111111; } :where(h1 strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) { font-weight: 900; color: inherit; } :where(h2):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: var(--tw-prose-headings); font-weight: 700; font-size: 1.5em; margin-top: 2em; margin-bottom: 1em; line-height: 1.3333333; } :where(h2 strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) { font-weight: 800; color: inherit; } :where(h3):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: var(--tw-prose-headings); font-weight: 600; font-size: 1.25em; margin-top: 1.6em; margin-bottom: 0.6em; line-height: 1.6; } :where(h3 strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) { font-weight: 700; color: inherit; } :where(h4):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: var(--tw-prose-headings); font-weight: 600; margin-top: 1.5em; margin-bottom: 0.5em; line-height: 1.5; } :where(h4 strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) { font-weight: 700; color: inherit; } :where(img):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 2em; margin-bottom: 2em; } :where(picture):not(:where([class~="not-prose"], [class~="not-prose"] *)) { display: block; margin-top: 2em; margin-bottom: 2em; } :where(video):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 2em; margin-bottom: 2em; } :where(kbd):not(:where([class~="not-prose"], [class~="not-prose"] *)) { font-weight: 500; font-family: inherit; color: var(--tw-prose-kbd); box-shadow: 0 0 0 1px var(--tw-prose-kbd-shadows), 0 3px 0 var(--tw-prose-kbd-shadows); font-size: 0.875em; border-radius: 0.3125rem; padding-top: 0.1875em; padding-inline-end: 0.375em; padding-bottom: 0.1875em; padding-inline-start: 0.375em; } :where(code):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: var(--tw-prose-code); font-weight: 600; font-size: 0.875em; } :where(code):not(:where([class~="not-prose"], [class~="not-prose"] *))::before { content: "`"; } :where(code):not(:where([class~="not-prose"], [class~="not-prose"] *))::after { content: "`"; } :where(a code):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: inherit; } :where(h1 code):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: inherit; } :where(h2 code):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: inherit; font-size: 0.875em; } :where(h3 code):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: inherit; font-size: 0.9em; } :where(h4 code):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: inherit; } :where(blockquote code):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: inherit; } :where(thead th code):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: inherit; } :where(pre):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: var(--tw-prose-pre-code); background-color: var(--tw-prose-pre-bg); overflow-x: auto; font-weight: 400; font-size: 0.875em; line-height: 1.7142857; margin-top: 1.7142857em; margin-bottom: 1.7142857em; border-radius: 0.375rem; padding-top: 0.8571429em; padding-inline-end: 1.1428571em; padding-bottom: 0.8571429em; padding-inline-start: 1.1428571em; } :where(pre code):not(:where([class~="not-prose"], [class~="not-prose"] *)) { background-color: transparent; border-width: 0; border-radius: 0; padding: 0; font-weight: inherit; color: inherit; font-size: inherit; font-family: inherit; line-height: inherit; } :where(pre code):not(:where([class~="not-prose"], [class~="not-prose"] *))::before { content: none; } :where(pre code):not(:where([class~="not-prose"], [class~="not-prose"] *))::after { content: none; } :where(table):not(:where([class~="not-prose"], [class~="not-prose"] *)) { width: 100%; table-layout: auto; margin-top: 2em; margin-bottom: 2em; font-size: 0.875em; line-height: 1.7142857; } :where(thead):not(:where([class~="not-prose"], [class~="not-prose"] *)) { border-bottom-width: 1px; border-bottom-color: var(--tw-prose-th-borders); } :where(thead th):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: var(--tw-prose-headings); font-weight: 600; vertical-align: bottom; padding-inline-end: 0.5714286em; padding-bottom: 0.5714286em; padding-inline-start: 0.5714286em; } :where(tbody tr):not(:where([class~="not-prose"], [class~="not-prose"] *)) { border-bottom-width: 1px; border-bottom-color: var(--tw-prose-td-borders); } :where(tbody tr:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) { border-bottom-width: 0; } :where(tbody td):not(:where([class~="not-prose"], [class~="not-prose"] *)) { vertical-align: baseline; } :where(tfoot):not(:where([class~="not-prose"], [class~="not-prose"] *)) { border-top-width: 1px; border-top-color: var(--tw-prose-th-borders); } :where(tfoot td):not(:where([class~="not-prose"], [class~="not-prose"] *)) { vertical-align: top; } :where(th, td):not(:where([class~="not-prose"], [class~="not-prose"] *)) { text-align: start; } :where(figure > *):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 0; margin-bottom: 0; } :where(figcaption):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: var(--tw-prose-captions); font-size: 0.875em; line-height: 1.4285714; margin-top: 0.8571429em; } --tw-prose-body: oklch(37.3% 0.034 259.733); --tw-prose-headings: oklch(21% 0.034 264.665); --tw-prose-lead: oklch(44.6% 0.03 256.802); --tw-prose-links: oklch(21% 0.034 264.665); --tw-prose-bold: oklch(21% 0.034 264.665); --tw-prose-counters: oklch(55.1% 0.027 264.364); --tw-prose-bullets: oklch(87.2% 0.01 258.338); --tw-prose-hr: oklch(92.8% 0.006 264.531); --tw-prose-quotes: oklch(21% 0.034 264.665); --tw-prose-quote-borders: oklch(92.8% 0.006 264.531); --tw-prose-captions: oklch(55.1% 0.027 264.364); --tw-prose-kbd: oklch(21% 0.034 264.665); --tw-prose-kbd-shadows: color-mix(in oklab, oklch(21% 0.034 264.665) 10%, transparent); --tw-prose-code: oklch(21% 0.034 264.665); --tw-prose-pre-code: oklch(92.8% 0.006 264.531); --tw-prose-pre-bg: oklch(27.8% 0.033 256.848); --tw-prose-th-borders: oklch(87.2% 0.01 258.338); --tw-prose-td-borders: oklch(92.8% 0.006 264.531); --tw-prose-invert-body: oklch(87.2% 0.01 258.338); --tw-prose-invert-headings: #fff; --tw-prose-invert-lead: oklch(70.7% 0.022 261.325); --tw-prose-invert-links: #fff; --tw-prose-invert-bold: #fff; --tw-prose-invert-counters: oklch(70.7% 0.022 261.325); --tw-prose-invert-bullets: oklch(44.6% 0.03 256.802); --tw-prose-invert-hr: oklch(37.3% 0.034 259.733); --tw-prose-invert-quotes: oklch(96.7% 0.003 264.542); --tw-prose-invert-quote-borders: oklch(37.3% 0.034 259.733); --tw-prose-invert-captions: oklch(70.7% 0.022 261.325); --tw-prose-invert-kbd: #fff; --tw-prose-invert-kbd-shadows: rgb(255 255 255 / 10%); --tw-prose-invert-code: #fff; --tw-prose-invert-pre-code: oklch(87.2% 0.01 258.338); --tw-prose-invert-pre-bg: rgb(0 0 0 / 50%); --tw-prose-invert-th-borders: oklch(44.6% 0.03 256.802); --tw-prose-invert-td-borders: oklch(37.3% 0.034 259.733); font-size: 1rem; line-height: 1.75; :where(picture > img):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 0; margin-bottom: 0; } :where(li):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 0.5em; margin-bottom: 0.5em; } :where(ol > li):not(:where([class~="not-prose"], [class~="not-prose"] *)) { padding-inline-start: 0.375em; } :where(ul > li):not(:where([class~="not-prose"], [class~="not-prose"] *)) { padding-inline-start: 0.375em; } :where(.prose > ul > li p):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 0.75em; margin-bottom: 0.75em; } :where(.prose > ul > li > p:first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 1.25em; } :where(.prose > ul > li > p:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-bottom: 1.25em; } :where(.prose > ol > li > p:first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 1.25em; } :where(.prose > ol > li > p:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-bottom: 1.25em; } :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 0.75em; margin-bottom: 0.75em; } :where(dl):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 1.25em; margin-bottom: 1.25em; } :where(dd):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 0.5em; padding-inline-start: 1.625em; } :where(hr + *):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 0; } :where(h2 + *):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 0; } :where(h3 + *):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 0; } :where(h4 + *):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 0; } :where(thead th:first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) { padding-inline-start: 0; } :where(thead th:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) { padding-inline-end: 0; } :where(tbody td, tfoot td):not(:where([class~="not-prose"], [class~="not-prose"] *)) { padding-top: 0.5714286em; padding-inline-end: 0.5714286em; padding-bottom: 0.5714286em; padding-inline-start: 0.5714286em; } :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) { padding-inline-start: 0; } :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) { padding-inline-end: 0; } :where(figure):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 2em; margin-bottom: 2em; } :where(.prose > :first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 0; } :where(.prose > :last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-bottom: 0; } } .-mt-3 { margin-top: calc(var(--spacing) * -3); } .-mt-4 { margin-top: calc(var(--spacing) * -4); } .-mt-6 { margin-top: calc(var(--spacing) * -6); } .mt-0 { margin-top: 0px; } .mt-0\.5 { margin-top: calc(var(--spacing) * 0.5); } .mt-1 { margin-top: var(--spacing); } .mt-2 { margin-top: calc(var(--spacing) * 2); } .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-8 { margin-top: calc(var(--spacing) * 8); } .mt-10 { margin-top: calc(var(--spacing) * 10); } .mt-16 { margin-top: calc(var(--spacing) * 16); } .mt-\[2px\] { margin-top: 2px; } .mt-auto { margin-top: auto; } .-mr-1 { margin-right: calc(var(--spacing) * -1); } .mr-1 { margin-right: var(--spacing); } .mr-2 { margin-right: calc(var(--spacing) * 2); } .mr-3 { margin-right: calc(var(--spacing) * 3); } .mr-4 { margin-right: calc(var(--spacing) * 4); } .mr-5 { margin-right: calc(var(--spacing) * 5); } .mr-6 { margin-right: calc(var(--spacing) * 6); } .mr-auto { margin-right: auto; } .mb-0 { margin-bottom: 0px; } .mb-1 { margin-bottom: var(--spacing); } .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-5 { margin-bottom: calc(var(--spacing) * 5); } .mb-6 { margin-bottom: calc(var(--spacing) * 6); } .mb-7 { margin-bottom: calc(var(--spacing) * 7); } .mb-8 { margin-bottom: calc(var(--spacing) * 8); } .mb-12 { margin-bottom: calc(var(--spacing) * 12); } .mb-24 { margin-bottom: calc(var(--spacing) * 24); } .-ml-px { margin-left: -1px; } .ml-0 { margin-left: 0px; } .ml-1 { margin-left: var(--spacing); } .ml-2 { margin-left: calc(var(--spacing) * 2); } .ml-3 { margin-left: calc(var(--spacing) * 3); } .ml-4 { margin-left: calc(var(--spacing) * 4); } .ml-6 { margin-left: calc(var(--spacing) * 6); } .ml-10 { margin-left: calc(var(--spacing) * 10); } .ml-\[7px\] { margin-left: 7px; } .ml-auto { margin-left: auto; } .box-content { box-sizing: content-box; } .form-checkbox { appearance: none; padding: 0; print-color-adjust: exact; display: inline-block; vertical-align: middle; background-origin: border-box; user-select: none; flex-shrink: 0; height: 1rem; width: 1rem; color: oklch(54.6% 0.245 262.881); background-color: #fff; border-color: oklch(55.1% 0.027 264.364); border-width: 1px; --tw-shadow: 0 0 #0000; border-radius: 0px; &:focus { outline: 2px solid transparent; outline-offset: 2px; --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/); --tw-ring-offset-width: 2px; --tw-ring-offset-color: #fff; --tw-ring-color: oklch(54.6% 0.245 262.881); --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } &:checked { border-color: transparent; background-color: currentColor; background-size: 100% 100%; background-position: center; background-repeat: no-repeat; } &:checked { background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e"); @media (forced-colors: active) { appearance: auto; } } &:checked:hover { border-color: transparent; background-color: currentColor; } &:checked:focus { border-color: transparent; background-color: currentColor; } &:indeterminate { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e"); border-color: transparent; background-color: currentColor; background-size: 100% 100%; background-position: center; background-repeat: no-repeat; @media (forced-colors: active) { appearance: auto; } } &:indeterminate:hover { border-color: transparent; background-color: currentColor; } &:indeterminate:focus { border-color: transparent; background-color: currentColor; } } .form-radio { appearance: none; padding: 0; print-color-adjust: exact; display: inline-block; vertical-align: middle; background-origin: border-box; user-select: none; flex-shrink: 0; height: 1rem; width: 1rem; color: oklch(54.6% 0.245 262.881); background-color: #fff; border-color: oklch(55.1% 0.027 264.364); border-width: 1px; --tw-shadow: 0 0 #0000; border-radius: 100%; &:focus { outline: 2px solid transparent; outline-offset: 2px; --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/); --tw-ring-offset-width: 2px; --tw-ring-offset-color: #fff; --tw-ring-color: oklch(54.6% 0.245 262.881); --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } &:checked { border-color: transparent; background-color: currentColor; background-size: 100% 100%; background-position: center; background-repeat: no-repeat; } &:checked { background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e"); @media (forced-colors: active) { appearance: auto; } } &:checked:hover { border-color: transparent; background-color: currentColor; } &:checked:focus { border-color: transparent; background-color: currentColor; } } .form-input { appearance: none; background-color: #fff; border-color: oklch(55.1% 0.027 264.364); border-width: 1px; border-radius: 0px; padding-top: 0.5rem; padding-right: 0.75rem; padding-bottom: 0.5rem; padding-left: 0.75rem; font-size: 1rem; line-height: 1.5rem; --tw-shadow: 0 0 #0000; &:focus { outline: 2px solid transparent; outline-offset: 2px; --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/); --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: oklch(54.6% 0.245 262.881); --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); border-color: oklch(54.6% 0.245 262.881); } &::placeholder { color: oklch(55.1% 0.027 264.364); opacity: 1; } &::-webkit-datetime-edit-fields-wrapper { padding: 0; } &::-webkit-date-and-time-value { min-height: 1.5em; } &::-webkit-date-and-time-value { text-align: inherit; } &::-webkit-datetime-edit { display: inline-flex; } &::-webkit-datetime-edit { padding-top: 0; padding-bottom: 0; } &::-webkit-datetime-edit-year-field { padding-top: 0; padding-bottom: 0; } &::-webkit-datetime-edit-month-field { padding-top: 0; padding-bottom: 0; } &::-webkit-datetime-edit-day-field { padding-top: 0; padding-bottom: 0; } &::-webkit-datetime-edit-hour-field { padding-top: 0; padding-bottom: 0; } &::-webkit-datetime-edit-minute-field { padding-top: 0; padding-bottom: 0; } &::-webkit-datetime-edit-second-field { padding-top: 0; padding-bottom: 0; } &::-webkit-datetime-edit-millisecond-field { padding-top: 0; padding-bottom: 0; } &::-webkit-datetime-edit-meridiem-field { padding-top: 0; padding-bottom: 0; } } .snap { scroll-snap-type: x var(--tw-scroll-snap-strictness); --tw-scroll-snap-strictness: mandatory; scroll-behavior: smooth; &>* { scroll-snap-align: start; } scrollbar-width: none; &::-webkit-scrollbar { display: none; } } .btn { --btn-stroke: #0000; --btn-bg: color-mix(in srgb, oklch(46% 0.2 265) 10%, #0000); @supports (color: color-mix(in lab, red, red)) { --btn-bg: color-mix(in srgb, var(--color-primary) 10%, #0000); } --btn-hover-bg: color-mix(in srgb, oklch(46% 0.2 265) 20%, #0000); @supports (color: color-mix(in lab, red, red)) { --btn-hover-bg: color-mix(in srgb, var(--color-primary) 20%, #0000); } --btn-active-bg: color-mix(in srgb, oklch(46% 0.2 265) 30%, #0000); @supports (color: color-mix(in lab, red, red)) { --btn-active-bg: color-mix(in srgb, var(--color-primary) 30%, #0000); } --btn-color: var(--color-fg); display: inline-flex; justify-content: center; align-items: center; gap: calc(var(--spacing) * 1.5); padding-block: calc(var(--spacing) * 2); padding-inline: calc(var(--spacing) * 4); border-radius: var(--radius-lg); border-width: 2px; border-color: var(--btn-stroke); background-color: var(--btn-bg); color: var(--btn-color); font-weight: 500; user-select: none; vertical-align: middle; transition-property: color, background-color, border-color, outline-color; transition-timing-function: var(--default-transition-timing-function); transition-duration: var(--default-transition-duration); &:hover { border-color: var(--btn-hover-stroke, var(--btn-stroke)); background-color: var(--btn-hover-bg, var(--btn-bg)); color: var(--btn-hover-color, var(--btn-color)); text-decoration: none; } &:is(:active, .is-active, [aria-current="page"], [aria-current="true"]) { border-color: var(--btn-active-stroke, var(--btn-stroke)); background-color: var(--btn-active-bg, var(--btn-bg)); color: var(--btn-active-color, var(--btn-color)); } &:is(:disabled, [aria-disabled="true"]) { border-color: var(--btn-disabled-stroke, var(--color-gray-200)); background-color: var(--btn-disabled-bg, var(--color-gray-50)); color: var(--btn-disabled-color, var(--color-gray-500)); } } .stack { display: grid; > *, > ::before, > ::after { grid-area: 1/1; } } .block { display: block; } .contents { display: contents; } .flex { display: flex; } .flow-root { display: flow-root; } .grid { display: grid; } .hidden { display: none; } .inline { display: inline; } .inline-block { display: inline-block; } .inline-flex { display: inline-flex; } .list-none::-webkit-details-marker { display: none; } .table { display: table; } .table-caption { display: table-caption; } .table-cell { display: table-cell; } .table-row { display: table-row; } .aspect-\(--gallery-ratio\) { aspect-ratio: var(--gallery-ratio); } .aspect-\(--thumb-ratio\) { aspect-ratio: var(--thumb-ratio); } .aspect-\[4\/5\] { aspect-ratio: 4/5; } .aspect-\[var\(--gallery-ratio\)\] { aspect-ratio: var(--gallery-ratio); } .aspect-video { aspect-ratio: var(--aspect-video); } .size-3 { width: calc(var(--spacing) * 3); height: calc(var(--spacing) * 3); } .size-full { width: 100%; height: 100%; } .h-2 { height: calc(var(--spacing) * 2); } .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-11 { height: calc(var(--spacing) * 11); } .h-12 { height: calc(var(--spacing) * 12); } .h-16 { height: calc(var(--spacing) * 16); } .h-20 { height: calc(var(--spacing) * 20); } .h-28 { height: calc(var(--spacing) * 28); } .h-48 { height: calc(var(--spacing) * 48); } .h-80 { height: calc(var(--spacing) * 80); } .h-\[300px\] { height: 300px; } .h-\[calc\(100\%-40px\)\] { height: calc(100% - 40px); } .h-auto { height: auto; } .h-full { height: 100%; } .h-screen { height: 100vh; } .max-h-8 { max-height: calc(var(--spacing) * 8); } .max-h-20 { max-height: calc(var(--spacing) * 20); } .max-h-\[60px\] { max-height: 60px; } .max-h-\[90svh\] { max-height: 90svh; } .max-h-\[calc\(100vh-115px\)\] { max-height: calc(100vh - 115px); } .max-h-full { max-height: 100%; } .min-h-64 { min-height: calc(var(--spacing) * 64); } .min-h-80 { min-height: calc(var(--spacing) * 80); } .min-h-\[20px\] { min-height: 20px; } .min-h-\[22px\] { min-height: 22px; } .min-h-a11y { min-height: 44px; } .min-h-full { min-height: 100%; } .min-h-screen { min-height: 100vh; } .w-0 { width: 0px; } .w-1\/2 { width: calc(1 / 2 * 100%); } .w-1\/4 { width: calc(1 / 4 * 100%); } .w-2 { width: calc(var(--spacing) * 2); } .w-2\/5 { width: calc(2 / 5 * 100%); } .w-3 { width: calc(var(--spacing) * 3); } .w-3\/5 { width: calc(3 / 5 * 100%); } .w-4 { width: calc(var(--spacing) * 4); } .w-4\/12 { width: calc(4 / 12 * 100%); } .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-8\/12 { width: calc(8 / 12 * 100%); } .w-9 { width: calc(var(--spacing) * 9); } .w-10 { width: calc(var(--spacing) * 10); } .w-11 { width: calc(var(--spacing) * 11); } .w-12 { width: calc(var(--spacing) * 12); } .w-16 { width: calc(var(--spacing) * 16); } .w-20 { width: calc(var(--spacing) * 20); } .w-32 { width: calc(var(--spacing) * 32); } .w-40 { width: calc(var(--spacing) * 40); } .w-44 { width: calc(var(--spacing) * 44); } .w-56 { width: calc(var(--spacing) * 56); } .w-60 { width: calc(var(--spacing) * 60); } .w-64 { width: calc(var(--spacing) * 64); } .w-\[28\%\] { width: 28%; } .w-\[72\%\] { width: 72%; } .w-\[90\%\] { width: 90%; } .w-\[480px\] { width: 480px; } .w-\[calc\(100\%-32px\)\] { width: calc(100% - 32px); } .w-auto { width: auto; } .w-fit { width: fit-content; } .w-full { width: 100%; } .w-max { width: max-content; } .w-xl { width: var(--container-xl); } .max-w-2\/3 { max-width: calc(2 / 3 * 100%); } .max-w-3xl { max-width: var(--container-3xl); } .max-w-4xl { max-width: var(--container-4xl); } .max-w-\[25\%\] { max-width: 25%; } .max-w-\[35vw\] { max-width: 35vw; } .max-w-\[50\%\] { max-width: 50%; } .max-w-\[90\%\] { max-width: 90%; } .max-w-\[400px\] { max-width: 400px; } .max-w-\[500px\] { max-width: 500px; } .max-w-\[700px\] { max-width: 700px; } .max-w-\[950px\] { max-width: 950px; } .max-w-\[var\(--gallery-width\)\] { max-width: var(--gallery-width); } .max-w-full { max-width: 100%; } .max-w-lg { max-width: var(--container-lg); } .max-w-prose { max-width: 65ch; } .max-w-screen-lg { max-width: var(--breakpoint-lg); } .max-w-xl { max-width: var(--container-xl); } .min-w-9\.5 { min-width: calc(var(--spacing) * 9.5); } .min-w-16 { min-width: calc(var(--spacing) * 16); } .min-w-40 { min-width: 10rem; min-width: calc(var(--spacing) * 40); } .min-w-48 { min-width: 12rem; min-width: calc(var(--spacing) * 48); } .min-w-\[1rem\] { min-width: 1rem; } .min-w-\[40px\] { min-width: 40px; } .min-w-\[230px\] { min-width: 230px; } .flex-1 { flex: 1; } .flex-auto { flex: auto; } .flex-none { flex: none; } .flex-shrink-0 { flex-shrink: 0; } .shrink { flex-shrink: 1; } .shrink-0 { flex-shrink: 0; } .grow { flex-grow: 1; } .grow-0 { flex-grow: 0; } .table-auto { table-layout: auto; } .origin-top-left { transform-origin: 0 0; } .-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-0 { --tw-translate-x: 0px; translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-x-8 { --tw-translate-x: calc(var(--spacing) * 8); translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-x-\[-50\%\] { --tw-translate-x: -50%; 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-8 { --tw-translate-y: calc(var(--spacing) * -8); 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); } .translate-y-0 { --tw-translate-y: 0px; translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-y-1\/2 { --tw-translate-y: calc(1 / 2 * 100%); translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-y-12 { --tw-translate-y: calc(var(--spacing) * 12); translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-y-\[-50\%\] { --tw-translate-y: -50%; translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-y-\[100\%\] { --tw-translate-y: 100%; 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); } .scale-125 { --tw-scale-x: 125%; --tw-scale-y: 125%; --tw-scale-z: 125%; scale: var(--tw-scale-x) var(--tw-scale-y); } .scale-\[\.1\] { scale: .1; } .rotate-45 { rotate: 45deg; } .rotate-90 { rotate: 90deg; } .rotate-180 { rotate: 180deg; } .transform { transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,); } .animate-spin { animation: var(--animate-spin); } .cursor-default { cursor: default; } .cursor-pointer { cursor: pointer; } .cursor-zoom-in { cursor: zoom-in; } .resize { resize: both; } .snap-x { scroll-snap-type: x var(--tw-scroll-snap-strictness); } .snap-mandatory { --tw-scroll-snap-strictness: mandatory; } .snap-start { scroll-snap-align: start; } .scrollbar-none { scrollbar-width: none; } .list-disc { list-style-type: disc; } .list-none { list-style-type: none; } .form-select { appearance: none; background-color: #fff; border-color: oklch(55.1% 0.027 264.364); border-width: 1px; border-radius: 0px; padding-top: 0.5rem; padding-right: 0.75rem; padding-bottom: 0.5rem; padding-left: 0.75rem; font-size: 1rem; line-height: 1.5rem; --tw-shadow: 0 0 #0000; &:focus { outline: 2px solid transparent; outline-offset: 2px; --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/); --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: oklch(54.6% 0.245 262.881); --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); border-color: oklch(54.6% 0.245 262.881); } background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='oklch(55.1%25 0.027 264.364)' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e"); background-position: right 0.5rem center; background-repeat: no-repeat; background-size: 1.5em 1.5em; padding-right: 2.5rem; print-color-adjust: exact; &:where([size]:not([size="1"])) { background-image: initial; background-position: initial; background-repeat: unset; background-size: initial; padding-right: 0.75rem; print-color-adjust: unset; } } .form-textarea { appearance: none; background-color: #fff; border-color: oklch(55.1% 0.027 264.364); border-width: 1px; border-radius: 0px; padding-top: 0.5rem; padding-right: 0.75rem; padding-bottom: 0.5rem; padding-left: 0.75rem; font-size: 1rem; line-height: 1.5rem; --tw-shadow: 0 0 #0000; &:focus { outline: 2px solid transparent; outline-offset: 2px; --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/); --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: oklch(54.6% 0.245 262.881); --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); border-color: oklch(54.6% 0.245 262.881); } &::placeholder { color: oklch(55.1% 0.027 264.364); opacity: 1; } } .form-multiselect { appearance: none; background-color: #fff; border-color: oklch(55.1% 0.027 264.364); border-width: 1px; border-radius: 0px; padding-top: 0.5rem; padding-right: 0.75rem; padding-bottom: 0.5rem; padding-left: 0.75rem; font-size: 1rem; line-height: 1.5rem; --tw-shadow: 0 0 #0000; &:focus { outline: 2px solid transparent; outline-offset: 2px; --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/); --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: oklch(54.6% 0.245 262.881); --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); border-color: oklch(54.6% 0.245 262.881); } } .appearance-none { appearance: none; } .break-inside-avoid { break-inside: avoid; } .grid-flow-row { grid-auto-flow: row; } .grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); } .grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } .grid-cols-5 { grid-template-columns: repeat(5, minmax(0, 1fr)); } .grid-cols-7 { grid-template-columns: repeat(7, minmax(0, 1fr)); } .grid-cols-\[1\.5fr_1fr\] { grid-template-columns: 1.5fr 1fr; } .flex-col { flex-direction: column; } .flex-row { flex-direction: row; } .flex-nowrap { flex-wrap: nowrap; } .flex-wrap { flex-wrap: wrap; } .place-items-center { place-items: center; } .content-center { align-content: center; } .items-baseline { align-items: baseline; } .items-center { align-items: center; } .items-end { align-items: flex-end; } .items-start { align-items: flex-start; } .justify-between { justify-content: space-between; } .justify-center { justify-content: center; } .justify-end { justify-content: flex-end; } .justify-evenly { justify-content: space-evenly; } .justify-start { justify-content: flex-start; } .gap-1 { gap: var(--spacing); } .gap-1\.5 { gap: calc(var(--spacing) * 1.5); } .gap-2 { gap: calc(var(--spacing) * 2); } .gap-3 { gap: calc(var(--spacing) * 3); } .gap-4 { gap: calc(var(--spacing) * 4); } .gap-6 { gap: calc(var(--spacing) * 6); } .gap-8 { gap: calc(var(--spacing) * 8); } :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-4 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse))); } .gap-x-1 { column-gap: var(--spacing); } .gap-x-2 { column-gap: calc(var(--spacing) * 2); } .gap-x-4 { column-gap: calc(var(--spacing) * 4); } .gap-x-5 { column-gap: calc(var(--spacing) * 5); } .gap-x-6 { column-gap: calc(var(--spacing) * 6); } .gap-x-7 { column-gap: calc(var(--spacing) * 7); } :where(.space-x-1 > :not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(var(--spacing) * var(--tw-space-x-reverse)); margin-inline-end: calc(var(--spacing) * calc(1 - var(--tw-space-x-reverse))); } :where(.space-x-2 > :not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse))); } .gap-y-0 { row-gap: 0px; } .gap-y-1 { row-gap: var(--spacing); } .gap-y-2 { row-gap: calc(var(--spacing) * 2); } .gap-y-4 { row-gap: calc(var(--spacing) * 4); } .gap-y-16 { row-gap: calc(var(--spacing) * 16); } :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))); } .self-center { align-self: center; } .self-end { align-self: flex-end; } .self-stretch { align-self: stretch; } .justify-self-end { justify-self: flex-end; } .truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .overflow-auto { overflow: auto; } .overflow-hidden { overflow: hidden; } .overflow-x-auto { overflow-x: auto; } .overflow-x-clip { overflow-x: clip; } .overflow-x-hidden { overflow-x: hidden; } .overflow-y-auto { overflow-y: auto; } .overflow-y-clip { overflow-y: clip; } .overscroll-x-contain { overscroll-behavior-x: contain; } .overscroll-y-contain { overscroll-behavior-y: contain; } .rounded { border-radius: 0.25rem; } .rounded-3xl { border-radius: var(--radius-3xl); } .rounded-full { border-radius: calc(infinity * 1px); } .rounded-lg { border-radius: var(--radius-lg); } .rounded-md { border-radius: var(--radius-md); } .rounded-none { border-radius: 0; } .rounded-sm { border-radius: var(--radius-sm); } .rounded-s-none { border-start-start-radius: 0; border-end-start-radius: 0; } .rounded-e-none { border-start-end-radius: 0; border-end-end-radius: 0; } .rounded-l-md { border-top-left-radius: var(--radius-md); border-bottom-left-radius: var(--radius-md); } .rounded-r-md { border-top-right-radius: var(--radius-md); border-bottom-right-radius: var(--radius-md); } .border { border-style: var(--tw-border-style); border-width: 1px; } .border-0 { border-style: var(--tw-border-style); border-width: 0px; } .border-1 { border-style: var(--tw-border-style); border-width: 1px; } .border-2 { border-style: var(--tw-border-style); border-width: 2px; } .border-8 { border-style: var(--tw-border-style); border-width: 8px; } .border-t { border-top-style: var(--tw-border-style); border-top-width: 1px; } .border-t-2 { border-top-style: var(--tw-border-style); border-top-width: 2px; } .border-r-0 { border-right-style: var(--tw-border-style); border-right-width: 0px; } .border-b { border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; } .border-b-2 { border-bottom-style: var(--tw-border-style); border-bottom-width: 2px; } .border-l { border-left-style: var(--tw-border-style); border-left-width: 1px; } .border-l-0 { border-left-style: var(--tw-border-style); border-left-width: 0px; } .border-l-2 { border-left-style: var(--tw-border-style); border-left-width: 2px; } .border-l-4 { border-left-style: var(--tw-border-style); border-left-width: 4px; } .border-none { --tw-border-style: none; border-style: none; } .border-\[\#5b5b5b\] { border-color: #5b5b5b; } .border-black { border-color: var(--color-black); } .border-blue-500 { border-color: var(--color-blue-500); } .border-color { border-color: var(--color-color); } .border-container { border-color: #e7e7e7; border-color: var(--color-container); } .border-container-darker { border-color: #b6b6b6; border-color: var(--color-container-darker); } .border-container-lighter { border-color: #f5f5f5; border-color: var(--color-container-lighter); } .border-gray-100 { border-color: var(--color-gray-100); } .border-gray-200 { border-color: var(--color-gray-200); } .border-gray-300 { border-color: var(--color-gray-300); } .border-green-400 { border-color: var(--color-green-400); } .border-primary { border-color: var(--color-blue-700); border-color: var(--color-primary); } .border-red-500 { border-color: var(--color-red-500); } .border-slate-100 { border-color: var(--color-slate-100); } .border-slate-200 { border-color: var(--color-slate-200); } .border-slate-300 { border-color: var(--color-slate-300); } .border-transparent { border-color: transparent; } .border-white { border-color: var(--color-white); } .bg-black[class*="bg-opacity-"] { background-color: #000; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix( in srgb, var(--color-black) calc(100% / var(--tw-bg-opacity)), #0000 ); } } .bg-black { background-color: var(--color-black); } .bg-black\/20 { background-color: color-mix(in srgb, #000 20%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-black) 20%, transparent); } } .bg-black\/25 { background-color: color-mix(in srgb, #000 25%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-black) 25%, transparent); } } .bg-black\/30 { background-color: color-mix(in srgb, #000 30%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-black) 30%, transparent); } } .bg-black\/60 { background-color: color-mix(in srgb, #000 60%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-black) 60%, transparent); } } .bg-black\/70 { background-color: color-mix(in srgb, #000 70%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-black) 70%, transparent); } } .bg-black\/100 { background-color: var(--color-black); } .bg-blue-50 { background-color: var(--color-blue-50); } .bg-blue-600 { background-color: var(--color-blue-600); } .bg-container { background-color: #fafafa; background-color: var(--color-container); } .bg-container-darker { background-color: #f5f5f5; background-color: var(--color-container-darker); } .bg-container-lighter { background-color: #ffffff; background-color: var(--color-container-lighter); } .bg-gray-50 { background-color: var(--color-gray-50); } .bg-gray-100 { background-color: var(--color-gray-100); } .bg-gray-200 { background-color: var(--color-gray-200); } .bg-gray-200\/60 { background-color: color-mix(in srgb, oklch(92.8% 0.006 264.531) 60%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-gray-200) 60%, transparent); } } .bg-gray-300 { background-color: var(--color-gray-300); } .bg-gray-600 { background-color: var(--color-gray-600); } .bg-gray-700 { background-color: var(--color-gray-700); } .bg-gray-900 { background-color: var(--color-gray-900); } .bg-green-500 { background-color: var(--color-green-500); } .bg-inherit { background-color: inherit; } .bg-neutral-100 { background-color: var(--color-neutral-100); } .bg-primary[class*="bg-opacity-"] { background-color: oklch(46% 0.2 265); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix( in srgb, var(--color-primary) calc(100% / var(--tw-bg-opacity)), #0000 ); } } .bg-primary { background-color: var(--color-blue-700); background-color: var(--color-primary); } .bg-primary-lighter { background-color: var(--color-blue-600); background-color: var(--color-primary-lighter); } .bg-red-50 { background-color: var(--color-red-50); } .bg-red-500 { background-color: var(--color-red-500); } .bg-red-600 { background-color: var(--color-red-600); } .bg-slate-50 { background-color: var(--color-slate-50); } .bg-slate-200 { background-color: var(--color-slate-200); } .bg-surface { background-color: var(--color-surface); } .bg-transparent { background-color: transparent; } .bg-white[class*="bg-opacity-"] { background-color: #fff; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix( in srgb, var(--color-white) calc(100% / var(--tw-bg-opacity)), #0000 ); } } .bg-white { background-color: var(--color-white); } .bg-white\/50 { background-color: color-mix(in srgb, #fff 50%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-white) 50%, transparent); } } .bg-white\/60 { background-color: color-mix(in srgb, #fff 60%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-white) 60%, transparent); } } .bg-white\/70 { background-color: color-mix(in srgb, #fff 70%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-white) 70%, transparent); } } .bg-white\/80 { background-color: color-mix(in srgb, #fff 80%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-white) 80%, transparent); } } .bg-white\/95 { background-color: color-mix(in srgb, #fff 95%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-white) 95%, transparent); } } .primary-bg { background-color: var(--color-brand-primary); } .secondary-bg { background-color: var(--color-brand-secondary); } .bg-gradient-to-l { --tw-gradient-position: to left in oklab; background-image: linear-gradient(var(--tw-gradient-stops)); } .bg-gradient-to-r { --tw-gradient-position: to right in oklab; background-image: linear-gradient(var(--tw-gradient-stops)); } .bg-gradient-to-t { --tw-gradient-position: to top in oklab; background-image: linear-gradient(var(--tw-gradient-stops)); } .from-black\/60 { --tw-gradient-from: color-mix(in srgb, #000 60%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-from: color-mix(in oklab, var(--color-black) 60%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-surface { --tw-gradient-from: var(--color-surface); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-white { --tw-gradient-from: var(--color-white); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .bg-cover { background-size: cover; } .bg-center { background-position: center; } .bg-no-repeat { background-repeat: no-repeat; } .fill-black\/20 { fill: color-mix(in srgb, #000 20%, transparent); @supports (color: color-mix(in lab, red, red)) { fill: color-mix(in oklab, var(--color-black) 20%, transparent); } } .fill-black\/30 { fill: color-mix(in srgb, #000 30%, transparent); @supports (color: color-mix(in lab, red, red)) { fill: color-mix(in oklab, var(--color-black) 30%, transparent); } } .fill-current { fill: currentcolor; } .stroke-current { stroke: currentcolor; } .stroke-white\/75 { stroke: color-mix(in srgb, #fff 75%, transparent); @supports (color: color-mix(in lab, red, red)) { stroke: color-mix(in oklab, var(--color-white) 75%, transparent); } } .object-contain { object-fit: contain; } .object-cover { object-fit: cover; } .object-scale-down { object-fit: scale-down; } .\!p-0 { padding: 0px !important; } .p-0 { padding: 0px; } .p-1 { padding: var(--spacing); } .p-1\.5 { padding: calc(var(--spacing) * 1.5); } .p-2 { padding: calc(var(--spacing) * 2); } .p-2\.5 { padding: calc(var(--spacing) * 2.5); } .p-3 { padding: calc(var(--spacing) * 3); } .p-4 { padding: calc(var(--spacing) * 4); } .p-6 { padding: calc(var(--spacing) * 6); } .p-7 { padding: calc(var(--spacing) * 7); } .p-8 { padding: calc(var(--spacing) * 8); } .p-\[1px\] { padding: 1px; } .px-0 { padding-inline: 0px; } .px-1 { padding-inline: var(--spacing); } .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-10 { padding-inline: calc(var(--spacing) * 10); } .py-0 { padding-block: 0px; } .py-0\.5 { padding-block: calc(var(--spacing) * 0.5); } .py-1 { padding-block: var(--spacing); } .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-4 { padding-block: calc(var(--spacing) * 4); } .py-5 { padding-block: calc(var(--spacing) * 5); } .py-6 { padding-block: calc(var(--spacing) * 6); } .py-7 { padding-block: calc(var(--spacing) * 7); } .py-8 { padding-block: calc(var(--spacing) * 8); } .py-9 { padding-block: calc(var(--spacing) * 9); } .py-10 { padding-block: calc(var(--spacing) * 10); } .py-11 { padding-block: calc(var(--spacing) * 11); } .py-12 { padding-block: calc(var(--spacing) * 12); } .py-14 { padding-block: calc(var(--spacing) * 14); } .py-20 { padding-block: calc(var(--spacing) * 20); } .pe-2 { padding-inline-end: calc(var(--spacing) * 2); } .pe-4 { padding-inline-end: calc(var(--spacing) * 4); } .pt-1 { padding-top: var(--spacing); } .pt-2 { padding-top: calc(var(--spacing) * 2); } .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-7 { padding-top: calc(var(--spacing) * 7); } .pt-8 { padding-top: calc(var(--spacing) * 8); } .pt-9 { padding-top: calc(var(--spacing) * 9); } .pt-10 { padding-top: calc(var(--spacing) * 10); } .pr-0 { padding-right: 0px; } .pr-1 { padding-right: var(--spacing); } .pr-2 { padding-right: calc(var(--spacing) * 2); } .pr-4 { padding-right: calc(var(--spacing) * 4); } .pr-10 { padding-right: calc(var(--spacing) * 10); } .pr-11 { padding-right: calc(var(--spacing) * 11); } .pr-14 { padding-right: calc(var(--spacing) * 14); } .pr-28 { padding-right: calc(var(--spacing) * 28); } .pb-0 { padding-bottom: 0px; } .pb-1 { padding-bottom: var(--spacing); } .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-6 { padding-bottom: calc(var(--spacing) * 6); } .pb-7 { padding-bottom: calc(var(--spacing) * 7); } .pb-8 { padding-bottom: calc(var(--spacing) * 8); } .pb-10 { padding-bottom: calc(var(--spacing) * 10); } .pb-12 { padding-bottom: calc(var(--spacing) * 12); } .pb-16 { padding-bottom: calc(var(--spacing) * 16); } .pl-0 { padding-left: 0px; } .pl-2 { padding-left: calc(var(--spacing) * 2); } .pl-3 { padding-left: calc(var(--spacing) * 3); } .pl-3\.5 { padding-left: calc(var(--spacing) * 3.5); } .pl-4 { padding-left: calc(var(--spacing) * 4); } .pl-5 { padding-left: calc(var(--spacing) * 5); } .pl-6 { padding-left: calc(var(--spacing) * 6); } .pl-7 { padding-left: calc(var(--spacing) * 7); } .text-center { text-align: center; } .text-left { text-align: left; } .text-right { text-align: right; } .text-start { text-align: start; } .align-bottom { vertical-align: bottom; } .align-middle { vertical-align: middle; } .align-top { vertical-align: top; } .font-display { font-family: var(--font-display); } .font-sans { font-family: var(--font-sans); } .font-steviesans { font-family: var(--font-steviesans); } .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-4xl { font-size: var(--text-4xl); line-height: var(--tw-leading, var(--text-4xl--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-\[13px\] { font-size: 13px; } .text-\[15px\] { font-size: 15px; } .leading-4 { --tw-leading: calc(var(--spacing) * 4); line-height: calc(var(--spacing) * 4); } .leading-5 { --tw-leading: calc(var(--spacing) * 5); line-height: calc(var(--spacing) * 5); } .leading-6 { --tw-leading: calc(var(--spacing) * 6); line-height: calc(var(--spacing) * 6); } .leading-none { --tw-leading: 1; line-height: 1; } .leading-normal { --tw-leading: var(--leading-normal); line-height: var(--leading-normal); } .leading-relaxed { --tw-leading: var(--leading-relaxed); line-height: var(--leading-relaxed); } .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-light { --tw-font-weight: var(--font-weight-light); font-weight: var(--font-weight-light); } .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-wide { --tw-tracking: var(--tracking-wide); letter-spacing: var(--tracking-wide); } .tracking-wider { --tw-tracking: var(--tracking-wider); letter-spacing: var(--tracking-wider); } .tracking-widest { --tw-tracking: var(--tracking-widest); letter-spacing: var(--tracking-widest); } .text-nowrap { text-wrap: nowrap; } .text-pretty { text-wrap: pretty; } .break-words { overflow-wrap: break-word; } .break-all { word-break: break-all; } .hyphens-auto { -webkit-hyphens: auto; hyphens: auto; } .whitespace-nowrap { white-space: nowrap; } .secondary-color { color: var(--color-brand-secondary); } .text-black { color: var(--color-black); } .text-blue-400 { color: var(--color-blue-400); } .text-blue-600 { color: var(--color-blue-600); } .text-blue-700 { color: var(--color-blue-700); } .text-color { color: var(--color-color); } .text-current { color: currentcolor; } .text-fg { color: var(--color-fg); } .text-fg-secondary { color: var(--color-fg-secondary); } .text-fg\/30 { color: color-mix(in srgb, oklch(12.9% 0.042 264.695) 30%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-fg) 30%, transparent); } } .text-gray-300 { color: var(--color-gray-300); } .text-gray-400 { color: var(--color-gray-400); } .text-gray-500 { color: var(--color-gray-500); } .text-gray-600 { color: var(--color-gray-600); } .text-gray-700 { color: var(--color-gray-700); } .text-gray-800 { color: var(--color-gray-800); } .text-gray-900 { color: var(--color-gray-900); } .text-inherit { color: inherit; } .text-on-primary { color: var(--color-on-primary); } .text-orange-400 { color: var(--color-orange-400); } .text-primary { color: var(--color-gray-800) !important; color: var(--color-primary); } .text-primary-darker { color: var(--color-gray-900) !important; color: var(--color-primary-darker); } .text-primary-lighter { color: var(--color-gray-700) !important; color: var(--color-primary-lighter); } .text-primary\/50 { color: color-mix(in srgb, oklch(46% 0.2 265) 50%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-primary) 50%, transparent); } } .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-slate-400 { color: var(--color-slate-400); } .text-slate-500 { color: var(--color-slate-500); } .text-white { color: var(--color-white); } .text-white\/50 { color: color-mix(in srgb, #fff 50%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-white) 50%, transparent); } } .lowercase { text-transform: lowercase; } .uppercase { text-transform: uppercase; } .tabular-nums { --tw-numeric-spacing: tabular-nums; font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,); } .no-underline { text-decoration-line: none; } .underline { text-decoration-line: underline; } .opacity-0 { opacity: 0%; } .opacity-25 { opacity: 25%; } .opacity-50 { opacity: 50%; } .opacity-60 { opacity: 60%; } .opacity-75 { opacity: 75%; } .opacity-100 { opacity: 100%; } .shadow { --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-2xl { --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 / 0.25)); 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, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-md { --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-none { --tw-shadow: 0 0 #0000; 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, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-xl { --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .ring-0 { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + 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-2 { --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); } .ring-blue-500\/50 { --tw-ring-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 50%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-blue-500) 50%, transparent); } } .ring-white { --tw-ring-color: var(--color-white); } .inset-ring-primary { --tw-inset-ring-color: var(--color-primary); } .outline { outline-style: var(--tw-outline-style); outline-width: 1px; } .-outline-offset-2 { outline-offset: calc(2px * -1); } .outline-offset-0 { outline-offset: 0px; } .outline-offset-2 { outline-offset: 2px; } .outline-offset-4 { outline-offset: 4px; } .outline-primary { outline-color: var(--color-primary); } .filter { filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,); } .transition { transition-property: color, background-color, border-color, 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, display, content-visibility, overlay, pointer-events; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-\[0\.4s\] { transition-property: 0.4s; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-\[left\,top\] { transition-property: left,top; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-\[right\,top\] { transition-property: right,top; 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-colors { transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to; 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)); } .transition-none { transition-property: none; } .duration-150 { --tw-duration: 150ms; transition-duration: 150ms; } .duration-200 { --tw-duration: 200ms; transition-duration: 200ms; } .duration-300 { --tw-duration: 300ms; transition-duration: 300ms; } .duration-500 { --tw-duration: 500ms; transition-duration: 500ms; } .ease-in { --tw-ease: var(--ease-in); transition-timing-function: var(--ease-in); } .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); } .btn-primary { --btn-stroke: #0000; --btn-bg: var(--color-primary); --btn-color: var(--color-on-primary); --btn-hover-stroke: #0000; --btn-hover-bg: var(--color-primary-lighter); --btn-hover-color: var(--color-on-primary); --btn-active-stroke: #0000; --btn-active-bg: var(--color-primary); --btn-active-color: var(--color-on-primary); } .btn-secondary { --btn-stroke: var(--color-primary-lighter); --btn-bg: var(--color-on-primary); --btn-color: var(--color-primary-darker); --btn-hover-stroke: var(--color-primary-lighter); --btn-hover-bg: var(--color-on-primary); --btn-hover-color: var(--color-primary-lighter); --btn-active-stroke: #0000; --btn-active-bg: var(--color-primary); --btn-active-color: var(--color-on-primary); } .outline-none { --tw-outline-style: none; outline-style: none; } .select-none { -webkit-user-select: none; user-select: none; } .\[text-shadow\:_1px_1px_3px_rgb\(0_0_0_\/_0\.8\)\] { text-shadow: 1px 1px 3px rgb(0 0 0 / 0.8); } .bg-opacity-25 { --tw-bg-opacity: 25; } .bg-opacity-40 { --tw-bg-opacity: 40; } .bg-opacity-50 { --tw-bg-opacity: 50; } .bg-opacity-60 { --tw-bg-opacity: 60; } .bg-opacity-100 { --tw-bg-opacity: 100; } .group-open\:rotate-180:is(:where(.group):is([open], :popover-open, :open) *) { rotate: 180deg; } @media (hover: hover) { .group-hover\:translate-y-0:is(:where(.group):hover *) { --tw-translate-y: 0px; translate: var(--tw-translate-x) var(--tw-translate-y); } .group-hover\:scale-100:is(:where(.group):hover *) { --tw-scale-x: 100%; --tw-scale-y: 100%; --tw-scale-z: 100%; 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\:scale-125:is(:where(.group):hover *) { --tw-scale-x: 125%; --tw-scale-y: 125%; --tw-scale-z: 125%; scale: var(--tw-scale-x) var(--tw-scale-y); } .group-hover\:opacity-0:is(:where(.group):hover *) { opacity: 0%; } .group-hover\:opacity-100:is(:where(.group):hover *) { opacity: 100%; } .group-hover\/filter\:border-primary:is(:where(.group\/filter):hover *) { border-color: var(--color-blue-700); border-color: var(--color-primary); } .group-hover\/filter\:bg-primary:is(:where(.group\/filter):hover *)[class*="bg-opacity-"] { background-color: oklch(46% 0.2 265); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix( in srgb, var(--color-primary) calc(100% / var(--tw-bg-opacity)), #0000 ); } } .group-hover\/filter\:bg-primary:is(:where(.group\/filter):hover *) { background-color: var(--color-blue-700); background-color: var(--color-primary); } .group-hover\/filter\:text-white:is(:where(.group\/filter):hover *) { color: var(--color-white); } } .group-focus\/filter\:border-primary:is(:where(.group\/filter):focus *) { border-color: var(--color-blue-700); border-color: var(--color-primary); } .group-focus\/filter\:bg-primary:is(:where(.group\/filter):focus *)[class*="bg-opacity-"] { background-color: oklch(46% 0.2 265); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix( in srgb, var(--color-primary) calc(100% / var(--tw-bg-opacity)), #0000 ); } } .group-focus\/filter\:bg-primary:is(:where(.group\/filter):focus *) { background-color: var(--color-blue-700); background-color: var(--color-primary); } .group-focus\/filter\:text-white:is(:where(.group\/filter):focus *) { color: var(--color-white); } .group-aria-expanded\:rotate-180:is(:where(.group)[aria-expanded="true"] *) { rotate: 180deg; } .group-aria-expanded\:text-inherit:is(:where(.group)[aria-expanded="true"] *) { color: inherit; } .backdrop\:bg-black\/75::backdrop { background-color: color-mix(in srgb, #000 75%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-black) 75%, transparent); } } .backdrop\:backdrop-blur-sm::backdrop { --tw-backdrop-blur: blur(var(--blur-sm)); -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); } .backdrop\:backdrop-blur-xs::backdrop { --tw-backdrop-blur: blur(var(--blur-xs)); -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,); } .before\:absolute::before { content: var(--tw-content); position: absolute; } .before\:top-0::before { content: var(--tw-content); top: 0px; } .before\:top-1::before { content: var(--tw-content); top: var(--spacing); } .before\:left-0::before { content: var(--tw-content); left: 0px; } .before\:inline-block::before { content: var(--tw-content); display: inline-block; } .before\:h-3::before { content: var(--tw-content); height: calc(var(--spacing) * 3); } .before\:h-full::before { content: var(--tw-content); height: 100%; } .before\:w-3::before { content: var(--tw-content); width: calc(var(--spacing) * 3); } .before\:w-full::before { content: var(--tw-content); width: 100%; } .before\:shrink-0::before { content: var(--tw-content); flex-shrink: 0; } .before\:rounded-full::before { content: var(--tw-content); border-radius: calc(infinity * 1px); } .before\:bg-black::before { &[class*="bg-opacity-"] { background-color: #000; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix( in srgb, var(--color-black) calc(100% / var(--tw-bg-opacity)), #0000 ); } } content: var(--tw-content); background-color: var(--color-black); } .before\:bg-black\/40::before { content: var(--tw-content); background-color: color-mix(in srgb, #000 40%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-black) 40%, transparent); } } .before\:bg-green-500::before { content: var(--tw-content); background-color: var(--color-green-500); } .before\:bg-red-500::before { content: var(--tw-content); background-color: var(--color-red-500); } .before\:align-middle::before { content: var(--tw-content); vertical-align: middle; } .before\:content-\[\'\'\]::before { --tw-content: ''; content: var(--tw-content); } .before\:bg-opacity-40::before { content: var(--tw-content); --tw-bg-opacity: 40; } .before\:bg-opacity-50::before { content: var(--tw-content); --tw-bg-opacity: 50; } .after\:absolute::after { content: var(--tw-content); position: absolute; } .after\:inset-1::after { content: var(--tw-content); inset: var(--spacing); } .after\:right-0::after { content: var(--tw-content); right: 0px; } .after\:bottom-0::after { content: var(--tw-content); bottom: 0px; } .after\:left-0::after { content: var(--tw-content); left: 0px; } .after\:left-1\/2::after { content: var(--tw-content); left: calc(1 / 2 * 100%); } .after\:m-auto::after { content: var(--tw-content); margin: auto; } .after\:mr-1::after { content: var(--tw-content); margin-right: var(--spacing); } .after\:ml-0\.5::after { content: var(--tw-content); margin-left: calc(var(--spacing) * 0.5); } .after\:ml-\[2px\]::after { content: var(--tw-content); margin-left: 2px; } .after\:block::after { content: var(--tw-content); display: block; } .after\:inline-block::after { content: var(--tw-content); display: inline-block; } .after\:h-0\.5::after { content: var(--tw-content); height: calc(var(--spacing) * 0.5); } .after\:h-1::after { content: var(--tw-content); height: var(--spacing); } .after\:h-\[1px\]::after { content: var(--tw-content); height: 1px; } .after\:w-0::after { content: var(--tw-content); width: 0px; } .after\:w-1::after { content: var(--tw-content); width: var(--spacing); } .after\:w-28::after { content: var(--tw-content); width: calc(var(--spacing) * 28); } .after\:-translate-x-1\/2::after { content: var(--tw-content); --tw-translate-x: calc(calc(1 / 2 * 100%) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } .after\:translate-x-\[-50\%\]::after { content: var(--tw-content); --tw-translate-x: -50%; translate: var(--tw-translate-x) var(--tw-translate-y); } .after\:translate-y-1\/2::after { content: var(--tw-content); --tw-translate-y: calc(1 / 2 * 100%); translate: var(--tw-translate-x) var(--tw-translate-y); } .after\:rotate-45::after { content: var(--tw-content); rotate: 45deg; } .after\:rounded-full::after { content: var(--tw-content); border-radius: calc(infinity * 1px); } .after\:bg-black::after { &[class*="bg-opacity-"] { background-color: #000; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix( in srgb, var(--color-black) calc(100% / var(--tw-bg-opacity)), #0000 ); } } content: var(--tw-content); background-color: var(--color-black); } .after\:bg-white::after { &[class*="bg-opacity-"] { background-color: #fff; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix( in srgb, var(--color-white) calc(100% / var(--tw-bg-opacity)), #0000 ); } } content: var(--tw-content); background-color: var(--color-white); } .after\:secondary-bg::after { content: var(--tw-content); background-color: var(--color-brand-secondary); } .after\:text-lg::after { content: var(--tw-content); font-size: var(--text-lg); line-height: var(--tw-leading, var(--text-lg--line-height)); } .after\:leading-snug::after { content: var(--tw-content); --tw-leading: var(--leading-snug); line-height: var(--leading-snug); } .after\:text-red-500::after { content: var(--tw-content); color: var(--color-red-500); } .after\:text-red-600::after { content: var(--tw-content); color: var(--color-red-600); } .after\:opacity-0::after { content: var(--tw-content); opacity: 0%; } .after\:transition::after { content: var(--tw-content); 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, display, content-visibility, overlay, pointer-events; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .after\:transition-all::after { content: var(--tw-content); transition-property: all; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .after\:content-\[\'\'\]::after { --tw-content: ''; content: var(--tw-content); } .after\:content-\[\'\*\'\]::after { --tw-content: '*'; content: var(--tw-content); } .after\:content-\[\'\:\'\]::after { --tw-content: ':'; content: var(--tw-content); } .after\:content-\[\'\\002a\'\]::after { --tw-content: '\002a'; content: var(--tw-content); } @media (hover: hover) { .group-hover\/filter\:after\:opacity-100:is(:where(.group\/filter):hover *)::after { content: var(--tw-content); opacity: 100%; } } .group-focus\/filter\:after\:opacity-100:is(:where(.group\/filter):focus *)::after { content: var(--tw-content); opacity: 100%; } .first\:pt-0:first-child { padding-top: 0px; } .last\:mr-0:last-child { margin-right: 0px; } .last\:mb-0:last-child { margin-bottom: 0px; } .last\:mb-6:last-child { margin-bottom: calc(var(--spacing) * 6); } .last\:border-0:last-child { border-style: var(--tw-border-style); border-width: 0px; } .last\:border-b:last-child { border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; } .last\:border-b-0:last-child { border-bottom-style: var(--tw-border-style); border-bottom-width: 0px; } .last\:border-transparent:last-child { border-color: transparent; } .last\:pb-0:last-child { padding-bottom: 0px; } .even\:bg-container:nth-child(even) { background-color: #fafafa; background-color: var(--color-container); } .even\:bg-container-darker:nth-child(even) { background-color: #f5f5f5; background-color: var(--color-container-darker); } .even\:bg-gray-50:nth-child(even) { background-color: var(--color-gray-50); } .even\:bg-gray-100:nth-child(even) { background-color: var(--color-gray-100); } .open\:stack:is([open], :popover-open, :open) { display: grid; > *, > ::before, > ::after { grid-area: 1/1; } } .open\:flex:is([open], :popover-open, :open) { display: flex; } .invalid\:ring-2:invalid { --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); } .invalid\:ring-red-500:invalid { --tw-ring-color: var(--color-red-500); } .focus-within\:ring-1:focus-within { --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); } @media (hover: hover) { .hover\:border-gray-700:hover { border-color: var(--color-gray-700); } .hover\:border-primary:hover { border-color: var(--color-blue-700); border-color: var(--color-primary); } .hover\:border-transparent:hover { border-color: transparent; } .hover\:border-white:hover { border-color: var(--color-white); } .hover\:bg-black:hover[class*="bg-opacity-"] { background-color: #000; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix( in srgb, var(--color-black) calc(100% / var(--tw-bg-opacity)), #0000 ); } } .hover\:bg-black:hover { background-color: var(--color-black); } .hover\:bg-blue-700:hover { background-color: var(--color-blue-700); } .hover\:bg-container-darker:hover { background-color: #f5f5f5; background-color: var(--color-container-darker); } .hover\:bg-gray-100:hover { background-color: var(--color-gray-100); } .hover\:bg-gray-700:hover { background-color: var(--color-gray-700); } .hover\:bg-gray-900:hover { background-color: var(--color-gray-900); } .hover\:bg-red-300:hover { background-color: var(--color-red-300); } .hover\:bg-white\/100:hover { background-color: var(--color-white); } .hover\:text-black:hover { color: var(--color-black); } .hover\:text-blue-600:hover { color: var(--color-blue-600); } .hover\:text-gray-400:hover { color: var(--color-gray-400); } .hover\:text-gray-500:hover { color: var(--color-gray-500); } .hover\:text-gray-700:hover { color: var(--color-gray-700); } .hover\:text-primary:hover { color: var(--color-gray-800) !important; color: var(--color-primary); } .hover\:text-primary-darker:hover { color: var(--color-gray-900) !important; color: var(--color-primary-darker); } .hover\:text-red-500:hover { color: var(--color-red-500); } .hover\:text-red-600:hover { color: var(--color-red-600); } .hover\:text-red-800:hover { color: var(--color-red-800); } .hover\:text-secondary-darker:hover { color: var(--color-gray-800) !important; color: var(--color-secondary-darker); } .hover\:text-slate-800:hover { color: var(--color-slate-800); } .hover\:text-white:hover { color: var(--color-white); } .hover\:text-yellow-500:hover { color: var(--color-yellow-500); } .hover\:no-underline:hover { text-decoration-line: none; } .hover\:underline:hover { text-decoration-line: underline; } .hover\:opacity-70:hover { opacity: 70%; } .hover\:opacity-100:hover { opacity: 100%; } .hover\:shadow-lg:hover { --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .hover\:shadow-sm:hover { --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .hover\:ring:hover { --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); } .hover\:shadow-primary\/30:hover { --tw-shadow-color: color-mix(in srgb, oklch(46% 0.2 265) 30%, transparent); } @supports (color: color-mix(in lab, red, red)) { .hover\:shadow-primary\/30:hover { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-primary) 30%, transparent) var(--tw-shadow-alpha), transparent); } } .hover\:ring-primary:hover { --tw-ring-color: var(--color-primary); } .hover\:ring-opacity-50:hover { --tw-ring-opacity: 50; } .hover\:after\:w-full:hover::after { content: var(--tw-content); width: 100%; } } .focus\:not-sr-only:focus { position: static; width: auto; height: auto; padding: 0; margin: 0; overflow: visible; clip-path: none; white-space: normal; } .focus\:absolute:focus { position: absolute; } .focus\:z-10:focus { z-index: 10; } .focus\:z-30:focus { z-index: 30; } .focus\:z-40:focus { z-index: 40; } .focus\:btn:focus { --btn-stroke: #0000; --btn-bg: color-mix(in srgb, oklch(46% 0.2 265) 10%, #0000); @supports (color: color-mix(in lab, red, red)) { --btn-bg: color-mix(in srgb, var(--color-primary) 10%, #0000); } --btn-hover-bg: color-mix(in srgb, oklch(46% 0.2 265) 20%, #0000); @supports (color: color-mix(in lab, red, red)) { --btn-hover-bg: color-mix(in srgb, var(--color-primary) 20%, #0000); } --btn-active-bg: color-mix(in srgb, oklch(46% 0.2 265) 30%, #0000); @supports (color: color-mix(in lab, red, red)) { --btn-active-bg: color-mix(in srgb, var(--color-primary) 30%, #0000); } --btn-color: var(--color-fg); display: inline-flex; justify-content: center; align-items: center; gap: calc(var(--spacing) * 1.5); padding-block: calc(var(--spacing) * 2); padding-inline: calc(var(--spacing) * 4); border-radius: var(--radius-lg); border-width: 2px; border-color: var(--btn-stroke); background-color: var(--btn-bg); color: var(--btn-color); font-weight: 500; user-select: none; vertical-align: middle; transition-property: color, background-color, border-color, outline-color; transition-timing-function: var(--default-transition-timing-function); transition-duration: var(--default-transition-duration); &:hover { border-color: var(--btn-hover-stroke, var(--btn-stroke)); background-color: var(--btn-hover-bg, var(--btn-bg)); color: var(--btn-hover-color, var(--btn-color)); text-decoration: none; } &:is(:active, .is-active, [aria-current="page"], [aria-current="true"]) { border-color: var(--btn-active-stroke, var(--btn-stroke)); background-color: var(--btn-active-bg, var(--btn-bg)); color: var(--btn-active-color, var(--btn-color)); } &:is(:disabled, [aria-disabled="true"]) { border-color: var(--btn-disabled-stroke, var(--color-gray-200)); background-color: var(--btn-disabled-bg, var(--color-gray-50)); color: var(--btn-disabled-color, var(--color-gray-500)); } } .focus\:border-b:focus { border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; } .focus\:border-\[\#5b5b5b\]:focus { border-color: #5b5b5b; } .focus\:border-blue-300:focus { border-color: var(--color-blue-300); } .focus\:border-gray-600:focus { border-color: var(--color-gray-600); } .focus\:border-primary-lighter:focus { border-color: var(--color-blue-600); border-color: var(--color-primary-lighter); } .focus\:border-red-500:focus { border-color: var(--color-red-500); } .focus\:bg-white:focus[class*="bg-opacity-"] { background-color: #fff; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix( in srgb, var(--color-white) calc(100% / var(--tw-bg-opacity)), #0000 ); } } .focus\:bg-white:focus { background-color: var(--color-white); } .focus\:p-2:focus { padding: calc(var(--spacing) * 2); } .focus\:text-primary:focus { color: var(--color-gray-800) !important; color: var(--color-primary); } .focus\:text-red-800:focus { color: var(--color-red-800); } .focus\:ring-0:focus { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + 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); } .focus\:shadow-primary\/30:focus { --tw-shadow-color: color-mix(in srgb, oklch(46% 0.2 265) 30%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-primary) 30%, transparent) var(--tw-shadow-alpha), transparent); } } .focus\:ring-blue-200:focus { --tw-ring-color: var(--color-blue-200); } .focus\:ring-red-500:focus { --tw-ring-color: var(--color-red-500); } .focus\:ring-transparent:focus { --tw-ring-color: transparent; } .focus\:outline-\[0px\]:focus { outline-style: var(--tw-outline-style); outline-width: 0px; } .focus\:outline-black:focus { outline-color: var(--color-black); } .focus\:outline-red-300:focus { outline-color: var(--color-red-300); } .focus\:btn-secondary:focus { --btn-stroke: var(--color-primary-lighter); --btn-bg: var(--color-on-primary); --btn-color: var(--color-primary-darker); --btn-hover-stroke: var(--color-primary-lighter); --btn-hover-bg: var(--color-on-primary); --btn-hover-color: var(--color-primary-lighter); --btn-active-stroke: #0000; --btn-active-bg: var(--color-primary); --btn-active-color: var(--color-on-primary); } .focus\:outline-none:focus { --tw-outline-style: none; outline-style: none; } .active\:bg-blue-700:active { background-color: var(--color-blue-700); } .active\:bg-gray-100:active { background-color: var(--color-gray-100); } .active\:bg-red-400:active { background-color: var(--color-red-400); } .active\:text-gray-500:active { color: var(--color-gray-500); } .active\:text-gray-700:active { color: var(--color-gray-700); } .active\:text-red-900:active { color: var(--color-red-900); } .active\:shadow:active { --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .active\:ring-0:active { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + 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); } .disabled\:border-gray-200:disabled { border-color: var(--color-gray-200); } .disabled\:text-gray-400:disabled { color: var(--color-gray-400); } .disabled\:opacity-30:disabled { opacity: 30%; } .disabled\:opacity-75:disabled { opacity: 75%; } .has-\[\:focus-visible\]\:outline-2:has(:is(:focus-visible)) { outline-style: var(--tw-outline-style); outline-width: 2px; } .aria-disabled\:pointer-events-none[aria-disabled="true"] { pointer-events: none; } .aria-\[current\=page\]\:font-medium[aria-current="page"] { --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); } .aria-\[current\=page\]\:underline[aria-current="page"] { text-decoration-line: underline; } .data-\[active\]\:border-primary[data-active] { border-color: var(--color-blue-700); border-color: var(--color-primary); } .data-\[open\=true\]\:block[data-open="true"] { display: block; } @media (prefers-reduced-motion: no-preference) { .motion-safe\:scroll-smooth { scroll-behavior: smooth; } } @media (prefers-reduced-motion: reduce) { .motion-reduce\:duration-0 { --tw-duration: 0ms; transition-duration: 0ms; } } @media (width >= 640px) { .sm\:static { position: static; } .sm\:left-1\/2 { left: calc(1 / 2 * 100%); } .sm\:order-1 { order: 1; } .sm\:order-2 { order: 2; } .sm\:order-3 { order: 3; } .sm\:col-span-2 { grid-column: span 2 / span 2; } .sm\:col-span-6 { grid-column: span 6 / span 6; } .sm\:mx-4 { margin-inline: calc(var(--spacing) * 4); } .sm\:mt-0 { margin-top: 0px; } .sm\:mr-8 { margin-right: calc(var(--spacing) * 8); } .sm\:mb-0 { margin-bottom: 0px; } .sm\:ml-3 { margin-left: calc(var(--spacing) * 3); } .sm\:ml-4 { margin-left: calc(var(--spacing) * 4); } .sm\:ml-6 { margin-left: calc(var(--spacing) * 6); } .sm\:block { display: block; } .sm\:flex { display: flex; } .sm\:w-1\/2 { width: calc(1 / 2 * 100%); } .sm\:w-20 { width: calc(var(--spacing) * 20); } .sm\:w-48 { width: calc(var(--spacing) * 48); } .sm\:w-96 { width: calc(var(--spacing) * 96); } .sm\:w-auto { width: auto; } .sm\:table-fixed { table-layout: fixed; } .sm\:-translate-x-1\/2 { --tw-translate-x: calc(calc(1 / 2 * 100%) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } .sm\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .sm\:grid-cols-8 { grid-template-columns: repeat(8, minmax(0, 1fr)); } .sm\:flex-row { flex-direction: row; } .sm\:items-start { align-items: flex-start; } .sm\:justify-between { justify-content: space-between; } .sm\:gap-2 { gap: calc(var(--spacing) * 2); } .sm\:p-16 { padding: calc(var(--spacing) * 16); } .sm\:px-6 { padding-inline: calc(var(--spacing) * 6); } .sm\:px-8 { padding-inline: calc(var(--spacing) * 8); } .sm\:py-3 { padding-block: calc(var(--spacing) * 3); } .sm\:pr-0 { padding-right: 0px; } .sm\:pb-0 { padding-bottom: 0px; } .sm\:text-right { text-align: right; } .sm\:text-2xl { font-size: var(--text-2xl); line-height: var(--tw-leading, var(--text-2xl--line-height)); } .sm\:\[--snap-cols\:2\] { --snap-cols: 2; } } @media (width >= 768px) { .md\:visible { visibility: visible; } .md\:sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border-width: 0; } .md\:absolute { position: absolute; } .md\:-top-2 { top: calc(var(--spacing) * -2); } .md\:bottom-auto { bottom: auto; } .md\:left-full { left: 100%; } .md\:order-1 { order: 1; } .md\:order-2 { order: 2; } .md\:order-3 { order: 3; } .md\:order-none { order: 0; } .md\:col-span-1 { grid-column: span 1 / span 1; } .md\:col-span-3 { grid-column: span 3 / span 3; } .md\:col-start-1 { grid-column-start: 1; } .md\:row-span-2 { grid-row: span 2 / span 2; } .md\:row-start-1 { grid-row-start: 1; } .md\:m-0 { margin: 0px; } .md\:mx-0 { margin-inline: 0px; } .md\:my-0 { margin-block: 0px; } .md\:my-2 { margin-block: calc(var(--spacing) * 2); } .md\:-mt-1 { margin-top: calc(var(--spacing) * -1); } .md\:-mt-4 { margin-top: calc(var(--spacing) * -4); } .md\:mt-0 { margin-top: 0px; } .md\:mt-5 { margin-top: calc(var(--spacing) * 5); } .md\:mt-10 { margin-top: calc(var(--spacing) * 10); } .md\:-mr-1 { margin-right: calc(var(--spacing) * -1); } .md\:mr-4 { margin-right: calc(var(--spacing) * 4); } .md\:mr-5 { margin-right: calc(var(--spacing) * 5); } .md\:mr-6 { margin-right: calc(var(--spacing) * 6); } .md\:mb-0 { margin-bottom: 0px; } .md\:mb-2\.5 { margin-bottom: calc(var(--spacing) * 2.5); } .md\:mb-4 { margin-bottom: calc(var(--spacing) * 4); } .md\:mb-5 { margin-bottom: calc(var(--spacing) * 5); } .md\:mb-7 { margin-bottom: calc(var(--spacing) * 7); } .md\:mb-8 { margin-bottom: calc(var(--spacing) * 8); } .md\:mb-10 { margin-bottom: calc(var(--spacing) * 10); } .md\:ml-6 { margin-left: calc(var(--spacing) * 6); } .md\:ml-auto { margin-left: auto; } .md\:\!hidden { display: none !important; } .md\:block { display: block; } .md\:flex { display: flex; } .md\:grid { display: grid; } .md\:hidden { display: none; } .md\:inline-block { display: inline-block; } .md\:inline-flex { display: inline-flex; } .md\:aspect-auto { aspect-ratio: auto; } .md\:h-5 { height: calc(var(--spacing) * 5); } .md\:h-6 { height: calc(var(--spacing) * 6); } .md\:h-10 { height: calc(var(--spacing) * 10); } .md\:h-24 { height: calc(var(--spacing) * 24); } .md\:h-\[520px\] { height: 520px; } .md\:h-auto { height: auto; } .md\:w-1\/2 { width: calc(1 / 2 * 100%); } .md\:w-1\/3 { width: calc(1 / 3 * 100%); } .md\:w-2\/3 { width: calc(2 / 3 * 100%); } .md\:w-2\/6 { width: calc(2 / 6 * 100%); } .md\:w-4\/6 { width: calc(4 / 6 * 100%); } .md\:w-5 { width: calc(var(--spacing) * 5); } .md\:w-6 { width: calc(var(--spacing) * 6); } .md\:w-24 { width: calc(var(--spacing) * 24); } .md\:w-\[640px\] { width: 640px; } .md\:w-\[calc\(50\%-5px\)\] { width: calc(50% - 5px); } .md\:w-auto { width: auto; } .md\:w-full { width: 100%; } .md\:max-w-2xl { max-width: var(--container-2xl); } .md\:shrink-0 { flex-shrink: 0; } .md\:-translate-x-1\/3 { --tw-translate-x: calc(calc(1 / 3 * 100%) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } .md\:cursor-text { cursor: text; } .md\:snap-align-none { scroll-snap-align: none; } .md\:grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); } .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-\[42\%_minmax\(0px\,1fr\)\] { grid-template-columns: 42% minmax(0px,1fr); } .md\:flex-row { flex-direction: row; } .md\:flex-wrap { flex-wrap: wrap; } .md\:items-center { align-items: center; } .md\:items-start { align-items: flex-start; } .md\:justify-between { justify-content: space-between; } .md\:justify-center { justify-content: center; } .md\:justify-start { justify-content: flex-start; } .md\:gap-1 { gap: var(--spacing); } .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-5 { gap: calc(var(--spacing) * 5); } .md\:gap-6 { gap: calc(var(--spacing) * 6); } .md\:gap-8 { gap: calc(var(--spacing) * 8); } .md\:gap-x-5 { column-gap: calc(var(--spacing) * 5); } .md\:gap-x-6 { column-gap: calc(var(--spacing) * 6); } .md\:overflow-visible { overflow: visible; } .md\:rounded-lg { border-radius: var(--radius-lg); } .md\:border-0 { border-style: var(--tw-border-style); border-width: 0px; } .md\:border-\[15px\] { border-style: var(--tw-border-style); border-width: 15px; } .md\:\!bg-transparent { background-color: transparent !important; } .md\:bg-transparent { background-color: transparent; } .md\:p-0 { padding: 0px; } .md\:p-7 { padding: calc(var(--spacing) * 7); } .md\:px-0 { padding-inline: 0px; } .md\:px-1 { padding-inline: var(--spacing); } .md\:px-7 { padding-inline: calc(var(--spacing) * 7); } .md\:px-14 { padding-inline: calc(var(--spacing) * 14); } .md\:py-0 { padding-block: 0px; } .md\:py-3 { padding-block: calc(var(--spacing) * 3); } .md\:py-6 { padding-block: calc(var(--spacing) * 6); } .md\:py-14 { padding-block: calc(var(--spacing) * 14); } .md\:py-16 { padding-block: calc(var(--spacing) * 16); } .md\:py-28 { padding-block: calc(var(--spacing) * 28); } .md\:pt-16 { padding-top: calc(var(--spacing) * 16); } .md\:pt-20 { padding-top: calc(var(--spacing) * 20); } .md\:pr-4 { padding-right: calc(var(--spacing) * 4); } .md\:pr-12 { padding-right: calc(var(--spacing) * 12); } .md\:pl-5 { padding-left: calc(var(--spacing) * 5); } .md\:text-left { text-align: left; } .md\:text-right { text-align: right; } .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-6xl { font-size: var(--text-6xl); line-height: var(--tw-leading, var(--text-6xl--line-height)); } .md\:text-base { font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height)); } .md\:text-lg { font-size: var(--text-lg); line-height: var(--tw-leading, var(--text-lg--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\:tracking-wider { --tw-tracking: var(--tracking-wider); letter-spacing: var(--tracking-wider); } .md\:\!text-current { color: currentcolor !important; } .md\:opacity-0 { opacity: 0%; } .md\:\!shadow-none { --tw-shadow: 0 0 #0000 !important; box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important; } .md\:select-text { -webkit-user-select: text; user-select: text; } .md\:\[--snap-cols\:2\] { --snap-cols: 2; } @media (hover: hover) { .md\:group-hover\:opacity-100:is(:where(.group):hover *) { opacity: 100%; } } } @media (width >= 1024px) { .lg\:sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border-width: 0; } .lg\:absolute { position: absolute; } .lg\:sticky { position: sticky; } .lg\:top-4 { top: calc(var(--spacing) * 4); } .lg\:top-6 { top: calc(var(--spacing) * 6); } .lg\:top-\[var\(--msrp-block-offset\)\] { top: var(--msrp-block-offset); } .lg\:right-6 { right: calc(var(--spacing) * 6); } .lg\:right-auto { right: auto; } .lg\:bottom-auto { bottom: auto; } .lg\:left-\[var\(--msrp-inline-offset\)\] { left: var(--msrp-inline-offset); } .lg\:order-0 { order: 0; } .lg\:order-2 { order: 2; } .lg\:order-first { order: -9999; } .lg\:order-none { order: 0; } .lg\:col-span-2 { grid-column: span 2 / span 2; } .lg\:col-span-6 { grid-column: span 6 / span 6; } .lg\:my-2 { margin-block: calc(var(--spacing) * 2); } .lg\:mt-0 { margin-top: 0px; } .lg\:mt-3 { margin-top: calc(var(--spacing) * 3); } .lg\:mt-6 { margin-top: calc(var(--spacing) * 6); } .lg\:mt-8 { margin-top: calc(var(--spacing) * 8); } .lg\:mt-10 { margin-top: calc(var(--spacing) * 10); } .lg\:mt-16 { margin-top: calc(var(--spacing) * 16); } .lg\:mb-0 { margin-bottom: 0px; } .lg\:mb-7 { margin-bottom: calc(var(--spacing) * 7); } .lg\:ml-5 { margin-left: calc(var(--spacing) * 5); } .lg\:stack { display: grid; } .lg\:stack > *, .lg\:stack > ::before, .lg\:stack > ::after { grid-area: 1/1; } .lg\:block { display: block; } .lg\:flex { display: flex; } .lg\:grid { display: grid; } .lg\:hidden { display: none; } .lg\:inline { display: inline; } .lg\:inline-block { display: inline-block; } .lg\:table-cell { display: table-cell; } .lg\:aspect-\(--thumb-ratio\) { aspect-ratio: var(--thumb-ratio); } .lg\:size-4 { width: calc(var(--spacing) * 4); height: calc(var(--spacing) * 4); } .lg\:size-auto { width: auto; height: auto; } .lg\:h-36 { height: calc(var(--spacing) * 36); } .lg\:h-screen { height: 100vh; } .lg\:max-h-12 { max-height: calc(var(--spacing) * 12); } .lg\:max-h-\[800px\] { max-height: 800px; } .lg\:w-1\/2 { width: calc(1 / 2 * 100%); } .lg\:w-1\/3 { width: calc(1 / 3 * 100%); } .lg\:w-1\/4 { width: calc(1 / 4 * 100%); } .lg\:w-2\/3 { width: calc(2 / 3 * 100%); } .lg\:w-2\/5 { width: calc(2 / 5 * 100%); } .lg\:w-3\/5 { width: calc(3 / 5 * 100%); } .lg\:w-36 { width: calc(var(--spacing) * 36); } .lg\:w-56 { width: calc(var(--spacing) * 56); } .lg\:w-80 { width: calc(var(--spacing) * 80); } .lg\:w-\[30\%\] { width: 30%; } .lg\:w-\[70\%\] { width: 70%; } .lg\:w-full { width: 100%; } .lg\:max-w-xs { max-width: var(--container-xs); } .lg\:flex-1 { flex: 1; } .lg\:flex-auto { flex: auto; } .lg\:shrink-0 { flex-shrink: 0; } .lg\:table-auto { table-layout: auto; } .lg\:-translate-y-0 { --tw-translate-y: 0px; translate: var(--tw-translate-x) var(--tw-translate-y); } .lg\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .lg\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .lg\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } .lg\:grid-cols-5 { grid-template-columns: repeat(5, minmax(0, 1fr)); } .lg\:grid-cols-8 { grid-template-columns: repeat(8, minmax(0, 1fr)); } .lg\:grid-cols-\[repeat\(var\(--gallery-cols\)\,_minmax\(0\,_1fr\)\)\] { grid-template-columns: repeat(var(--gallery-cols), minmax(0, 1fr)); } .lg\:flex-col { flex-direction: column; } .lg\:flex-row { flex-direction: row; } .lg\:flex-row-reverse { flex-direction: row-reverse; } .lg\:flex-nowrap { flex-wrap: nowrap; } .lg\:items-start { align-items: flex-start; } .lg\:justify-start { justify-content: flex-start; } .lg\:gap-2 { gap: calc(var(--spacing) * 2); } .lg\:gap-5 { gap: calc(var(--spacing) * 5); } .lg\:gap-x-10 { column-gap: calc(var(--spacing) * 10); } .lg\:gap-x-12 { column-gap: calc(var(--spacing) * 12); } .lg\:rounded-md { border-radius: var(--radius-md); } .lg\:rounded-sm { border-radius: var(--radius-sm); } .lg\:p-0 { padding: 0px; } .lg\:p-px { padding: 1px; } .lg\:px-4 { padding-inline: calc(var(--spacing) * 4); } .lg\:px-5 { padding-inline: calc(var(--spacing) * 5); } .lg\:px-6 { padding-inline: calc(var(--spacing) * 6); } .lg\:px-7 { padding-inline: calc(var(--spacing) * 7); } .lg\:px-8 { padding-inline: calc(var(--spacing) * 8); } .lg\:px-10 { padding-inline: calc(var(--spacing) * 10); } .lg\:py-0 { padding-block: 0px; } .lg\:py-2 { padding-block: calc(var(--spacing) * 2); } .lg\:py-4 { padding-block: calc(var(--spacing) * 4); } .lg\:py-6 { padding-block: calc(var(--spacing) * 6); } .lg\:py-14 { padding-block: calc(var(--spacing) * 14); } .lg\:py-20 { padding-block: calc(var(--spacing) * 20); } .lg\:py-40 { padding-block: calc(var(--spacing) * 40); } .lg\:pe-4 { padding-inline-end: calc(var(--spacing) * 4); } .lg\:pt-14 { padding-top: calc(var(--spacing) * 14); } .lg\:pt-80 { padding-top: calc(var(--spacing) * 80); } .lg\:pr-8 { padding-right: calc(var(--spacing) * 8); } .lg\:pb-10 { padding-bottom: calc(var(--spacing) * 10); } .lg\:pb-28 { padding-bottom: calc(var(--spacing) * 28); } .lg\:pl-4 { padding-left: calc(var(--spacing) * 4); } .lg\:pl-8 { padding-left: calc(var(--spacing) * 8); } .lg\:text-left { text-align: left; } .lg\:text-3xl { font-size: var(--text-3xl); line-height: var(--tw-leading, var(--text-3xl--line-height)); } .lg\:text-4xl { font-size: var(--text-4xl); line-height: var(--tw-leading, var(--text-4xl--line-height)); } .lg\:text-5xl { font-size: var(--text-5xl); line-height: var(--tw-leading, var(--text-5xl--line-height)); } .lg\:text-lg { font-size: var(--text-lg); line-height: var(--tw-leading, var(--text-lg--line-height)); } .lg\:text-xl { font-size: var(--text-xl); line-height: var(--tw-leading, var(--text-xl--line-height)); } .lg\:shadow-lg { --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .lg\:\[--snap-cols\:3\] { --snap-cols: 3; } :is(.\*\:lg\:transition-colors > *) { transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .lg\:aria-current\:bg-transparent[aria-current="true"] { background-color: transparent; } .lg\:aria-current\:inset-ring[aria-current="true"] { --tw-inset-ring-shadow: inset 0 0 0 1px var(--tw-inset-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); } .lg\:data-\[overflow\]\:hidden[data-overflow] { display: none; } } @media (width >= 1280px) { .xl\:inset-x-0 { inset-inline: 0px; } .xl\:top-1\/2 { top: calc(1 / 2 * 100%); } .xl\:bottom-auto { bottom: auto; } .xl\:col-span-2 { grid-column: span 2 / span 2; } .xl\:m-0 { margin: 0px; } .xl\:mt-0 { margin-top: 0px; } .xl\:block { display: block; } .xl\:w-1\/4 { width: calc(1 / 4 * 100%); } .xl\:-translate-y-1\/2 { --tw-translate-y: calc(calc(1 / 2 * 100%) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } .xl\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .xl\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } .xl\:justify-between { justify-content: space-between; } .xl\:gap-6 { gap: calc(var(--spacing) * 6); } .xl\:gap-x-6 { column-gap: calc(var(--spacing) * 6); } .xl\:border-none { --tw-border-style: none; border-style: none; } .xl\:p-12 { padding: calc(var(--spacing) * 12); } .xl\:px-2 { padding-inline: calc(var(--spacing) * 2); } .xl\:px-5 { padding-inline: calc(var(--spacing) * 5); } .xl\:py-32 { padding-block: calc(var(--spacing) * 32); } .xl\:pb-0 { padding-bottom: 0px; } .xl\:text-6xl { font-size: var(--text-6xl); line-height: var(--tw-leading, var(--text-6xl--line-height)); } .xl\:text-base { font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height)); } .xl\:text-sm { font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); } .xl\:\[--snap-cols\:4\] { --snap-cols: 4; } } @media (width >= 1400px) { .\32 xl\:w-96 { width: calc(var(--spacing) * 96); } .\32 xl\:grid-cols-5 { grid-template-columns: repeat(5, minmax(0, 1fr)); } .\32 xl\:\[--snap-cols\:5\] { --snap-cols: 5; } } .rtl\:rotate-180:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) { rotate: 180deg; } @media print { .print\:mt-0 { margin-top: 0px; } .print\:ml-5 { margin-left: calc(var(--spacing) * 5); } .print\:flex { display: flex; } .print\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .print\:text-left { text-align: left; } } .\[\&\:\:-webkit-details-marker\]\:hidden::-webkit-details-marker { display: none; } } @layer base { :where(:focus-visible) { outline: var(--outline-size, 2px) solid var(--color-primary); outline-offset: var(--outline-offset, 2px); } :where(:active:focus-visible) { outline-offset: 0; transition: var( --outline-transition, outline-offset 150ms cubic-bezier(0.25, 0, 0.4, 1) ); } :disabled { cursor: not-allowed; } :target { scroll-margin-block: var(--anchor-offset, 6ex); } @media (prefers-reduced-motion: no-preference) { :where(html):has(:target) { scroll-behavior: smooth; } } html { block-size: 100%; scrollbar-gutter: stable; } body { min-block-size: 100%; } :where( :any-link, button, input, label[for], select, summary, textarea, [tabindex]:not([tabindex^="-"]) ) { touch-action: manipulation; } :where( :any-link, button, label[for], label:has(input:is([type="radio"], [type="checkbox"]):enabled), select:has(option:enabled), summary ) { cursor: pointer; } :where(dialog) { position: fixed; max-block-size: calc(100% - 2rem); max-inline-size: calc(100% - 2rem); background-color: var(--color-surface, canvas); color: var(--color-fg, canvastext); border-radius: 1rem; margin: auto; padding: 1.5rem; box-shadow: var(--shadow-lg); &::backdrop { background-color: var(--backdrop, hsl(0 0% 0% / 20%)); } } :where(:root:has(dialog[open]:modal)) { overflow: hidden; } address { font-style: normal; } } @media print { *, *::before, *::after { box-shadow: none !important; text-shadow: none !important; } :is(h1, h2, h3, h4, h5, h6) { page-break-after: avoid; } :is(h2, h3, h4, h5, h6, p) { orphans: 3; widows: 3; } :is(tr, img, svg, pre, blockquote) { page-break-inside: avoid; } abbr[title]::after { content: " (" attr(title) ")"; } :is(.columns, .container) { max-width: 100% !important; } } @layer base { @view-transition { navigation: auto; } :root { scrollbar-color: var(--scrollthumb-color) var(--scrolltrack-color, Canvas); accent-color: var(--color-primary); caret-color: var(--color-primary); interpolate-size: allow-keywords; } body { background: var(--color-bg); color: var(--color-fg); } } [x-cloak] { display: none !important; } @layer components { .actions-toolbar { display: flex; gap: calc(var(--spacing) * 4); flex-direction: column; margin-block-start: calc(var(--spacing) * 6); padding-block-start: calc(var(--spacing) * 4); border-block-start-width: 1px; border-block-start-color: var(--color-gray-300); @media (width >= 768px) { flex-direction: row-reverse; align-items: center; } & a.back { text-decoration-line: underline; } } } .btn-size-lg { padding-inline: calc(var(--spacing) * 10); padding-block: calc(var(--spacing) * 4); font-size: var(--text-lg); line-height: var(--tw-leading, var(--text-lg--line-height)); } .btn-size-sm { padding-inline: calc(var(--spacing) * 2); padding-block: calc(var(--spacing) * 2); font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); } @layer components { .card { position: relative; border-radius: var(--card-radius, var(--radius-lg)); border-width: 1px; padding-block: var(--card-py, calc(var(--spacing) * 6)); padding-inline: var(--card-px, calc(var(--spacing) * 6)); border-color: var(--card-stroke, var(--color-gray-300)); background-color: var(--card-bg, var(--color-surface)); color: var(--card-color, var(--color-fg)); transition-property: color, background-color, border-color, box-shadow, outline-color; transition-timing-function: var(--default-transition-timing-function); transition-duration: var(--default-transition-duration); } @media (hover: hover) { .card-interactive:hover { --card-stroke: #0000; box-shadow: var(--shadow-lg); } } .card-interactive:focus-within { --card-stroke: #0000; box-shadow: var(--shadow-lg); } } @layer base { [type="checkbox"][role="switch"] { --switch-width: calc(var(--spacing) * 9); --switch-height: calc(var(--spacing) * 5); --switch-thumb-offset: calc(var(--switch-width) - var(--switch-height)); border-radius: calc(infinity * 1px); border-width: 2px; block-size: var(--switch-height); inline-size: var(--switch-width); &:not(:disabled) { cursor: pointer; } &::after { content: ""; display: block; aspect-ratio: 1; height: 100%; border-radius: calc(infinity * 1px); border-width: 1px; border-color: var(--form-bg); background-color: var(--form-stroke); transition: background-color 150ms, border-color 150ms, translate 150ms; } &:checked { background-image: none; &::after { background-color: var(--form-bg); translate: var(--switch-thumb-offset) 0%; } } &:dir(rtl):checked::after { translate: calc(var(--switch-thumb-offset) / -1) 0%; } } } @layer components { .form-input.qty { max-inline-size: calc(6ch + var(--form-px)); } .field { margin-top: var(--spacing); &.field-reserved { --reserved-space: calc(var(--spacing) * 7); margin-block-end: var(--reserved-space); ul { font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); &:last-of-type { margin-block-end: calc(var(--reserved-space) * -1); } } } &.choice { display: flex; align-items: center; label { margin-bottom: 0px; } input { margin-right: calc(var(--spacing) * 3); } } &.field-error .messages { color: var(--color-red-600); max-width: fit-content; } &.required > label { &::after { content: var(--tw-content); position: relative; } &::after { content: var(--tw-content); top: calc(var(--spacing) * -1); } &::after { content: var(--tw-content); --tw-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M12 6v12M17.196 9 6.804 15M6.804 9l10.392 6'/%3E%3C/svg%3E"); --tw-icon-size: 1em; display: inline-block; width: var(--tw-icon-size); height: var(--tw-icon-size); background-color: currentcolor; mask-repeat: no-repeat; mask-size: contain; mask-image: var(--tw-icon); } &::after { content: var(--tw-content); font-size: var(--text-xs); line-height: var(--tw-leading, var(--text-xs--line-height)); } &::after { content: var(--tw-content); color: var(--color-red-600); } } } .form-input-addon { appearance: none; padding-block: var(--form-py); padding-inline: var(--form-px); border-radius: var(--form-radius); border-width: 1px; border-color: var(--form-stroke); background-color: var(--form-bg); color: var(--form-color); --outline-size: 1px; --outline-offset: 0px; &:first-child { padding-inline-end: 0; border-inline-end: 0; } &:last-child { padding-inline-start: 0; border-inline-start: 0; } } .input-group { position: relative; display: flex; border-radius: var(--form-radius); vertical-align: middle; &:focus-within { --form-stroke: var(--form-active-color); outline: var(--outline-size, 1px) solid var(--form-active-color); outline-offset: var(--outline-offset, 0px); } & > * { margin: 0; border-radius: 0; outline: none; } & > :first-child { border-start-start-radius: inherit; border-end-start-radius: inherit; } & > :last-child { border-start-end-radius: inherit; border-end-end-radius: inherit; } & > :not(template, [hidden]:where(:not([hidden="until-found"]))) + :not(button, .btn) { border-inline-start-width: 0; } } .message { margin-bottom: calc(var(--spacing) * 2); display: flex; width: 100%; align-items: center; justify-content: space-between; border-radius: 0.25rem; background-color: var(--color-gray-100); padding: calc(var(--spacing) * 2); padding-left: calc(var(--spacing) * 5); --tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold); color: var(--color-black); --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); &.error { border-style: var(--tw-border-style); border-width: 2px; border-color: var(--color-red-500); background-color: var(--color-red-50); } &.success { border-style: var(--tw-border-style); border-width: 2px; border-color: var(--color-green-500); background-color: var(--color-green-50); } &.info, &.notice { border-style: var(--tw-border-style); border-width: 2px; border-color: var(--color-blue-500); background-color: var(--color-blue-50); } &.warning { border-style: var(--tw-border-style); border-width: 2px; border-color: var(--color-yellow-500); background-color: var(--color-yellow-50); } a { text-decoration-line: underline; } } } .page.messages { position: sticky; top: 0px; z-index: 20; .messages section#messages { width: 100%; @media (width >= 640px) { max-width: 640px; } @media (width >= 768px) { max-width: 768px; } @media (width >= 1024px) { max-width: 1024px; } @media (width >= 1280px) { max-width: 1280px; } @media (width >= 1400px) { max-width: 1400px; } width: 100%; margin-inline: auto; padding-inline: 1rem; margin-inline: auto; padding-inline: calc(var(--spacing) * 6); margin-inline: auto; padding-block: calc(var(--spacing) * 3); } } @layer components { .rating-summary { display: flex; color: var(--color-rating, var(--color-yellow-400)); } .snap-track { --snap-cols: 1; --snap-gap: calc(var(--spacing) * 4); --snap-size: calc( (100% - var(--snap-gap) * (var(--snap-cols) - 1)) / var(--snap-cols) ); position: relative; display: grid; grid-auto-flow: column; grid-auto-columns: var(--snap-size); gap: var(--snap-gap); padding-block: calc(var(--spacing) * 6); overflow-x: auto; overscroll-behavior-x: contain; scroll-snap-type: x mandatory; scrollbar-width: none; @media (prefers-reduced-motion: no-preference) { scroll-behavior: smooth; } & > * { scroll-snap-align: start; } } .snap-pager { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: calc(var(--spacing) * 3); min-block-size: calc(var(--spacing) * 11); padding-block: calc(var(--spacing) * 2); } .snap-marker { flex-shrink: 0; block-size: calc(var(--spacing) * 4); inline-size: calc(var(--spacing) * 4); border-width: 1px; border-color: var(--color-slate-600); border-radius: 1rem; transition-duration: 300ms; transition-property: border-color, background-color; @media (prefers-reduced-motion: no-preference) { transition-property: inline-size, border-color, background-color; will-change: inline-size; } &[aria-current="true"] { inline-size: calc(var(--spacing) * 7); border-color: var(--color-primary); background-color: var(--color-primary); } } .swatch-option { --swatch-size: calc(var(--spacing) * 9); display: grid; place-items: center; min-block-size: var(--swatch-size); min-inline-size: var(--swatch-size); padding-block: var(--swatch-py, 3px); padding-inline: var(--swatch-px, 6px); border-radius: var(--swatch-radius, 0.5em); border-width: 1px; border-color: var(--form-stroke); background: var(--swatch-visual, var(--form-bg)) center/contain no-repeat; color: var(--form-color); line-height: 1.1; cursor: pointer; > * { grid-area: 1/1; border-radius: calc( var(--swatch-radius, 0.5em) - var(--swatch-px, 6px) ); } &[data-swatch-type="visual"] { --swatch-radius: 5rem; --swatch-px: 3px; } &:hover { border-color: var(--form-active-color); } &:is( :has(:checked), [aria-checked="true"], [aria-selected="true"], [aria-current="page"] ) { border-color: var(--form-active-color); box-shadow: inset 0 0 0 1px var(--form-active-color); } &:is(:focus-visible, :has(:focus-visible)) { border-color: var(--form-active-color); outline: var(--outline-size, 2px) solid var(--form-active-color); outline-offset: var(--outline-offset, 2px); } &:is(:has(:disabled), [aria-disabled="true"]) { border-color: color-mix(in srgb, oklch(70.7% 0.022 261.325) 80%, #0000); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in srgb, var(--form-stroke) 80%, #0000); } border-style: dashed; cursor: not-allowed; > :is(span, img) { opacity: 80%; } } } .swatch-attribute-options { display: flex; flex-wrap: wrap; gap: calc(var(--spacing) * 2); } :where(main:not(.product-main-full-width, .page-main-full-width)) .columns { @media (width >= 640px) { max-width: 640px; } @media (width >= 768px) { max-width: 768px; } @media (width >= 1024px) { max-width: 1024px; } @media (width >= 1280px) { max-width: 1280px; } @media (width >= 1400px) { max-width: 1400px; } width: 100%; padding-inline: 1rem; margin-inline: auto; padding-inline: calc(var(--spacing) * 6); } } @layer base { :where(form label) { margin-bottom: calc(var(--spacing) * 2); display: block; color: var(--color-fg-secondary); } :where(form legend) { margin-bottom: calc(var(--spacing) * 3); font-size: var(--text-xl); line-height: var(--tw-leading, var(--text-xl--line-height)); & + br { display: none; } } :where(fieldset ~ fieldset) { margin-top: calc(var(--spacing) * 8); } } .price-box .price { font-size: var(--price-font-size, var(--text-base)); font-weight: var(--price-font-weight, bolder); } .price-box .old-price, .price-box .special-price { display: block; & .price-label { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border-width: 0; } } .price-box .old-price { --price-font-size: 0.875em; --price-font-weight: normal; .price { text-decoration: line-through; } } .price-box .price-excluding-tax { display: block; &::after { content: " " attr(data-label); font-size: var(--price-font-size-label, 0.875rem); font-weight: var(--price-font-weight, normal); } } .price-box .price-tax-label { font-size: var(--price-font-size-label, 0.875rem); } .price-including-tax + .price-excluding-tax { --price-font-size: 1rem; } .price-container.price-tier_price { display: flex; gap: var(--spacing); & > .price-including-tax + .price-excluding-tax { &::before { content: "(" attr(data-label) ": "; } &::after { content: ")"; } } } @layer components { .account-nav li a, .account-nav li strong { display: flex; justify-content: space-between; padding-block: var(--spacing); color: var(--color-fg-secondary); } .account-nav li a:hover { text-decoration-line: underline; color: var(--color-fg); } .account-nav li strong { --tw-font-weight: var(--font-weight-normal); font-weight: var(--font-weight-normal); text-decoration-line: underline; color: var(--color-fg); } } .grecaptcha-badge { visibility: hidden; } .page-wrapper { display: flex; min-height: 100vh; flex-direction: column; } .page-main { flex-grow: 1; margin-block: calc(var(--spacing) * 8); } .columns { display: grid; grid-template-columns: minmax(0px, 1fr); gap: calc(var(--spacing) * 4) calc(var(--spacing) * 8); } @media (width >= 768px) { :is([class*="page-layout-2columns-"], .page-layout-3columns) { --sidebar-width: 240px; --main-width: minmax(0px, 1fr); --page-layout: var(--sidebar-width) var(--main-width); .columns { grid-template-columns: var(--page-layout); grid-template-rows: auto 1fr; & > .column.main { grid-row: span 2; } } } .page-layout-2columns-left .columns > .column.main { grid-column-start: 2; } .page-layout-2columns-right { --page-layout: var(--main-width) var(--sidebar-width); .columns > .column.main { order: -1; } } } @media (width >= 1024px) { [class*="page-layout-2columns-"], .page-layout-3columns { --sidebar-width: 320px; } } @media (width >= 1280px) { .page-layout-3columns { --sidebar-width: 240px; --page-layout: var(--sidebar-width) var(--main-width) var(--sidebar-width); } } @layer components { .cms-content { --text-flow: 1em 1rem; --separator-flow: 2.5em; --list-flow: 0.5em; --h-color: initial; --h-family: initial; --h-size: 1.125em; --h-weight: 600; --h-line: 1.1; --h1-size: 3em; --h2-size: 2em; --h3-size: 1.625em; --h4-size: 1.375em; --marker-color: var(--color-primary); --link-color: var(--color-primary); --link-weight: 500; --blockquote-color: var(--color-primary); --table-py: calc(var(--spacing) * 3); --table-px: calc(var(--spacing) * 2); --table-stroke: var(--color-gray-400); --table-bg: canvas; --table-color: canvastext; :where(h1, h2, h3, h4, h5, h6, p, dl, ul, ol, pre, hgroup) { margin-block: var(--text-flow); } :where(blockquote, figure, hr) { margin-block: var(--separator-flow); margin-inline: 0; } :where([class~="lead"]) { font-size: 1.25em; } :where(h1, h2, h3, h4, h5, h6) { color: var(--h-color); font-family: var(--h-family); font-size: var(--h-size); font-weight: var(--h-weight); line-height: var(--h-line); text-wrap: balance; } :where(h1) { --h-size: var(--h1-size); } :where(h2) { --h-size: var(--h2-size); } :where(h3) { --h-size: var(--h3-size); } :where(h4) { --h-size: var(--h4-size); } ::marker { color: var(--marker-color); } :where(ul, ol) { list-style: revert; padding-inline-start: 2em; } :where(ol[type="a"]) { list-style-type: lower-alpha; } :where(ol[type="i"]) { list-style-type: lower-roman; } :where(ol[type="1"]) { list-style-type: decimal; } :where(blockquote) { border-inline-start: 4px solid var(--blockquote-color); padding-inline-start: 1.5em; padding-block: 0.25em; } :where(:any-link) { color: var(--link-color); font-weight: var(--link-weight); &:hover { text-decoration: underline; } } :where(table) { border-collapse: separate; border-spacing: 0; border-color: var(--table-stroke); } :where(thead, tbody, tfoot, tr, th, td) { border-color: inherit; text-align: inherit; } :where(th, td) { padding-block: var(--table-py); padding-inline: var(--table-px); background: var(--table-bg); color: var(--table-color); } :where(tr + tr :is(th, td)) { border-block-start-width: 1px; } :where(thead tr:last-child :is(th, td)) { border-block-end-width: 2px; } :where(tfoot tr:first-child :is(th, td)) { border-block-start-width: 2px; } :where(table:not(:has(.table-wrapper, [class*="overflow-"]))) { word-break: break-all; } > :where(:first-child) { margin-block-start: 0; } > :where(:last-child) { margin-block-end: 0; } color: var(--tw-prose-body); max-width: 65ch; :where(p):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 1.25em; margin-bottom: 1.25em; } :where([class~="lead"]):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: var(--tw-prose-lead); font-size: 1.25em; line-height: 1.6; margin-top: 1.2em; margin-bottom: 1.2em; } :where(a):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: var(--tw-prose-links); text-decoration: underline; font-weight: 500; } :where(strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: var(--tw-prose-bold); font-weight: 600; } :where(a strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: inherit; } :where(blockquote strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: inherit; } :where(thead th strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: inherit; } :where(ol):not(:where([class~="not-prose"], [class~="not-prose"] *)) { list-style-type: decimal; margin-top: 1.25em; margin-bottom: 1.25em; padding-inline-start: 1.625em; } :where(ol[type="A"]):not(:where([class~="not-prose"], [class~="not-prose"] *)) { list-style-type: upper-alpha; } :where(ol[type="a"]):not(:where([class~="not-prose"], [class~="not-prose"] *)) { list-style-type: lower-alpha; } :where(ol[type="A" s]):not(:where([class~="not-prose"], [class~="not-prose"] *)) { list-style-type: upper-alpha; } :where(ol[type="a" s]):not(:where([class~="not-prose"], [class~="not-prose"] *)) { list-style-type: lower-alpha; } :where(ol[type="I"]):not(:where([class~="not-prose"], [class~="not-prose"] *)) { list-style-type: upper-roman; } :where(ol[type="i"]):not(:where([class~="not-prose"], [class~="not-prose"] *)) { list-style-type: lower-roman; } :where(ol[type="I" s]):not(:where([class~="not-prose"], [class~="not-prose"] *)) { list-style-type: upper-roman; } :where(ol[type="i" s]):not(:where([class~="not-prose"], [class~="not-prose"] *)) { list-style-type: lower-roman; } :where(ol[type="1"]):not(:where([class~="not-prose"], [class~="not-prose"] *)) { list-style-type: decimal; } :where(ul):not(:where([class~="not-prose"], [class~="not-prose"] *)) { list-style-type: disc; margin-top: 1.25em; margin-bottom: 1.25em; padding-inline-start: 1.625em; } :where(ol > li):not(:where([class~="not-prose"], [class~="not-prose"] *))::marker { font-weight: 400; color: var(--tw-prose-counters); } :where(ul > li):not(:where([class~="not-prose"], [class~="not-prose"] *))::marker { color: var(--tw-prose-bullets); } :where(dt):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: var(--tw-prose-headings); font-weight: 600; margin-top: 1.25em; } :where(hr):not(:where([class~="not-prose"], [class~="not-prose"] *)) { border-color: var(--tw-prose-hr); border-top-width: 1px; margin-top: 3em; margin-bottom: 3em; } :where(blockquote):not(:where([class~="not-prose"], [class~="not-prose"] *)) { font-weight: 500; font-style: italic; color: var(--tw-prose-quotes); border-inline-start-width: 0.25rem; border-inline-start-color: var(--tw-prose-quote-borders); quotes: "\201C""\201D""\2018""\2019"; margin-top: 1.6em; margin-bottom: 1.6em; padding-inline-start: 1em; } :where(blockquote p:first-of-type):not(:where([class~="not-prose"], [class~="not-prose"] *))::before { content: open-quote; } :where(blockquote p:last-of-type):not(:where([class~="not-prose"], [class~="not-prose"] *))::after { content: close-quote; } :where(h1):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: var(--tw-prose-headings); font-weight: 800; font-size: 2.25em; margin-top: 0; margin-bottom: 0.8888889em; line-height: 1.1111111; } :where(h1 strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) { font-weight: 900; color: inherit; } :where(h2):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: var(--tw-prose-headings); font-weight: 700; font-size: 1.5em; margin-top: 2em; margin-bottom: 1em; line-height: 1.3333333; } :where(h2 strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) { font-weight: 800; color: inherit; } :where(h3):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: var(--tw-prose-headings); font-weight: 600; font-size: 1.25em; margin-top: 1.6em; margin-bottom: 0.6em; line-height: 1.6; } :where(h3 strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) { font-weight: 700; color: inherit; } :where(h4):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: var(--tw-prose-headings); font-weight: 600; margin-top: 1.5em; margin-bottom: 0.5em; line-height: 1.5; } :where(h4 strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) { font-weight: 700; color: inherit; } :where(img):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 2em; margin-bottom: 2em; } :where(picture):not(:where([class~="not-prose"], [class~="not-prose"] *)) { display: block; margin-top: 2em; margin-bottom: 2em; } :where(video):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 2em; margin-bottom: 2em; } :where(kbd):not(:where([class~="not-prose"], [class~="not-prose"] *)) { font-weight: 500; font-family: inherit; color: var(--tw-prose-kbd); box-shadow: 0 0 0 1px var(--tw-prose-kbd-shadows), 0 3px 0 var(--tw-prose-kbd-shadows); font-size: 0.875em; border-radius: 0.3125rem; padding-top: 0.1875em; padding-inline-end: 0.375em; padding-bottom: 0.1875em; padding-inline-start: 0.375em; } :where(code):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: var(--tw-prose-code); font-weight: 600; font-size: 0.875em; } :where(code):not(:where([class~="not-prose"], [class~="not-prose"] *))::before { content: "`"; } :where(code):not(:where([class~="not-prose"], [class~="not-prose"] *))::after { content: "`"; } :where(a code):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: inherit; } :where(h1 code):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: inherit; } :where(h2 code):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: inherit; font-size: 0.875em; } :where(h3 code):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: inherit; font-size: 0.9em; } :where(h4 code):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: inherit; } :where(blockquote code):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: inherit; } :where(thead th code):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: inherit; } :where(pre):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: var(--tw-prose-pre-code); background-color: var(--tw-prose-pre-bg); overflow-x: auto; font-weight: 400; font-size: 0.875em; line-height: 1.7142857; margin-top: 1.7142857em; margin-bottom: 1.7142857em; border-radius: 0.375rem; padding-top: 0.8571429em; padding-inline-end: 1.1428571em; padding-bottom: 0.8571429em; padding-inline-start: 1.1428571em; } :where(pre code):not(:where([class~="not-prose"], [class~="not-prose"] *)) { background-color: transparent; border-width: 0; border-radius: 0; padding: 0; font-weight: inherit; color: inherit; font-size: inherit; font-family: inherit; line-height: inherit; } :where(pre code):not(:where([class~="not-prose"], [class~="not-prose"] *))::before { content: none; } :where(pre code):not(:where([class~="not-prose"], [class~="not-prose"] *))::after { content: none; } :where(table):not(:where([class~="not-prose"], [class~="not-prose"] *)) { width: 100%; table-layout: auto; margin-top: 2em; margin-bottom: 2em; font-size: 0.875em; line-height: 1.7142857; } :where(thead):not(:where([class~="not-prose"], [class~="not-prose"] *)) { border-bottom-width: 1px; border-bottom-color: var(--tw-prose-th-borders); } :where(thead th):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: var(--tw-prose-headings); font-weight: 600; vertical-align: bottom; padding-inline-end: 0.5714286em; padding-bottom: 0.5714286em; padding-inline-start: 0.5714286em; } :where(tbody tr):not(:where([class~="not-prose"], [class~="not-prose"] *)) { border-bottom-width: 1px; border-bottom-color: var(--tw-prose-td-borders); } :where(tbody tr:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) { border-bottom-width: 0; } :where(tbody td):not(:where([class~="not-prose"], [class~="not-prose"] *)) { vertical-align: baseline; } :where(tfoot):not(:where([class~="not-prose"], [class~="not-prose"] *)) { border-top-width: 1px; border-top-color: var(--tw-prose-th-borders); } :where(tfoot td):not(:where([class~="not-prose"], [class~="not-prose"] *)) { vertical-align: top; } :where(th, td):not(:where([class~="not-prose"], [class~="not-prose"] *)) { text-align: start; } :where(figure > *):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 0; margin-bottom: 0; } :where(figcaption):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: var(--tw-prose-captions); font-size: 0.875em; line-height: 1.4285714; margin-top: 0.8571429em; } --tw-prose-body: oklch(37.3% 0.034 259.733); --tw-prose-headings: oklch(21% 0.034 264.665); --tw-prose-lead: oklch(44.6% 0.03 256.802); --tw-prose-links: oklch(21% 0.034 264.665); --tw-prose-bold: oklch(21% 0.034 264.665); --tw-prose-counters: oklch(55.1% 0.027 264.364); --tw-prose-bullets: oklch(87.2% 0.01 258.338); --tw-prose-hr: oklch(92.8% 0.006 264.531); --tw-prose-quotes: oklch(21% 0.034 264.665); --tw-prose-quote-borders: oklch(92.8% 0.006 264.531); --tw-prose-captions: oklch(55.1% 0.027 264.364); --tw-prose-kbd: oklch(21% 0.034 264.665); --tw-prose-kbd-shadows: color-mix(in oklab, oklch(21% 0.034 264.665) 10%, transparent); --tw-prose-code: oklch(21% 0.034 264.665); --tw-prose-pre-code: oklch(92.8% 0.006 264.531); --tw-prose-pre-bg: oklch(27.8% 0.033 256.848); --tw-prose-th-borders: oklch(87.2% 0.01 258.338); --tw-prose-td-borders: oklch(92.8% 0.006 264.531); --tw-prose-invert-body: oklch(87.2% 0.01 258.338); --tw-prose-invert-headings: #fff; --tw-prose-invert-lead: oklch(70.7% 0.022 261.325); --tw-prose-invert-links: #fff; --tw-prose-invert-bold: #fff; --tw-prose-invert-counters: oklch(70.7% 0.022 261.325); --tw-prose-invert-bullets: oklch(44.6% 0.03 256.802); --tw-prose-invert-hr: oklch(37.3% 0.034 259.733); --tw-prose-invert-quotes: oklch(96.7% 0.003 264.542); --tw-prose-invert-quote-borders: oklch(37.3% 0.034 259.733); --tw-prose-invert-captions: oklch(70.7% 0.022 261.325); --tw-prose-invert-kbd: #fff; --tw-prose-invert-kbd-shadows: rgb(255 255 255 / 10%); --tw-prose-invert-code: #fff; --tw-prose-invert-pre-code: oklch(87.2% 0.01 258.338); --tw-prose-invert-pre-bg: rgb(0 0 0 / 50%); --tw-prose-invert-th-borders: oklch(44.6% 0.03 256.802); --tw-prose-invert-td-borders: oklch(37.3% 0.034 259.733); font-size: 1rem; line-height: 1.75; :where(picture > img):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 0; margin-bottom: 0; } :where(li):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 0.5em; margin-bottom: 0.5em; } :where(ol > li):not(:where([class~="not-prose"], [class~="not-prose"] *)) { padding-inline-start: 0.375em; } :where(ul > li):not(:where([class~="not-prose"], [class~="not-prose"] *)) { padding-inline-start: 0.375em; } :where(.prose > ul > li p):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 0.75em; margin-bottom: 0.75em; } :where(.prose > ul > li > p:first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 1.25em; } :where(.prose > ul > li > p:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-bottom: 1.25em; } :where(.prose > ol > li > p:first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 1.25em; } :where(.prose > ol > li > p:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-bottom: 1.25em; } :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 0.75em; margin-bottom: 0.75em; } :where(dl):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 1.25em; margin-bottom: 1.25em; } :where(dd):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 0.5em; padding-inline-start: 1.625em; } :where(hr + *):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 0; } :where(h2 + *):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 0; } :where(h3 + *):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 0; } :where(h4 + *):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 0; } :where(thead th:first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) { padding-inline-start: 0; } :where(thead th:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) { padding-inline-end: 0; } :where(tbody td, tfoot td):not(:where([class~="not-prose"], [class~="not-prose"] *)) { padding-top: 0.5714286em; padding-inline-end: 0.5714286em; padding-bottom: 0.5714286em; padding-inline-start: 0.5714286em; } :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) { padding-inline-start: 0; } :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) { padding-inline-end: 0; } :where(figure):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 2em; margin-bottom: 2em; } :where(.prose > :first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 0; } :where(.prose > :last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-bottom: 0; } max-width: 100%; } .table-wrapper { overflow: auto; } } #customer-login-container { display: grid; grid-template-columns: repeat(1, minmax(0, 1fr)); column-gap: calc(var(--spacing) * 4); row-gap: calc(var(--spacing) * 8); padding-block: calc(var(--spacing) * 8); @media (width >= 768px) { grid-template-columns: repeat(2, minmax(0, 1fr)); } } .order-links { display: flex; flex-wrap: wrap; gap: calc(var(--spacing) * 4); a { text-decoration: underline; } } .product-item { --price-font-size: 1.25em; .price-from, .price-to { --price-font-size: 1em; } } .product-info-main { --price-font-size: clamp(1.5em, 2.5vw, 2.5em); & .old-price { --price-font-size: 1em; } .product-grouped-options, .price-from, .price-to { --price-font-size: 1.5em; } } .wishlist-widget .price-box .price-label, .wishlist-widget .price-box .old-price { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border-width: 0; } .product-image-container { display: block; margin-inline: auto; } [data-content-type="row"][data-appearance="contained"] { @media (width >= 640px) { max-width: 640px; } @media (width >= 768px) { max-width: 768px; } @media (width >= 1024px) { max-width: 1024px; } @media (width >= 1280px) { max-width: 1280px; } @media (width >= 1400px) { max-width: 1400px; } width: 100%; padding-inline: 1rem; margin-inline: auto; padding-inline: calc(var(--spacing) * 6); [data-element="inner"] { background-attachment: scroll !important; } } [data-content-type="row"][data-appearance="full-bleed"] { background-attachment: scroll !important; } [data-content-type="row"][data-appearance="full-width"] { background-attachment: scroll !important; > .row-full-width-inner { width: 100%; @media (width >= 640px) { max-width: 640px; } @media (width >= 768px) { max-width: 768px; } @media (width >= 1024px) { max-width: 1024px; } @media (width >= 1280px) { max-width: 1280px; } @media (width >= 1400px) { max-width: 1400px; } width: 100%; margin-inline: auto; padding-inline: 1rem; margin-inline: auto; padding-inline: calc(var(--spacing) * 6); } } body:where(:not([class*="-full-width"])) [data-content-type="row"][data-appearance="contained"] { padding-inline: 0; } [data-content-type="column-group"], [data-content-type="column-line"] { flex-wrap: wrap; @media (width >= 768px) { flex-wrap: nowrap; } } [data-content-type="column"] { width: 100%; max-width: 100%; background-attachment: scroll !important; flex-basis: 100%; @media (width >= 768px) { flex-basis: auto; } } [data-content-type="tabs"] .tabs-navigation { margin-bottom: -1px; display: block; padding: 0px; --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); li.tab-header { position: relative; margin-block: 0px; margin-right: 0px; margin-left: -1px; display: inline-block; max-width: 100%; border-bottom-right-radius: 0; border-bottom-left-radius: 0; border-style: var(--tw-border-style); border-width: 1px; border-bottom-style: var(--tw-border-style); border-bottom-width: 0px; --tw-border-style: solid; border-style: solid; border-color: var(--color-gray-300); background-color: var(--color-gray-100); overflow-wrap: break-word; &:first-child { margin-left: 0px; } &.active { z-index: 20; &[class*="bg-opacity-"] { background-color: #fff; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix( in srgb, var(--color-white) calc(100% / var(--tw-bg-opacity)), #0000 ); } } background-color: var(--color-white); border-bottom: 1px solid white; } a.tab-title { position: relative; display: block; cursor: pointer; padding-inline: calc(var(--spacing) * 5); padding-block: calc(var(--spacing) * 3); vertical-align: middle; font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); --tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold); white-space: normal; span { --tw-leading: calc(var(--spacing) * 5); line-height: calc(var(--spacing) * 5); --tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold); color: var(--color-black); } } } } [data-content-type="tabs"] .tabs-content { position: relative; z-index: 10; overflow: hidden; border-radius: var(--radius-sm); border-style: var(--tw-border-style); border-width: 1px; --tw-border-style: solid; border-style: solid; border-color: var(--color-gray-300); background-color: #ffffff; background-color: var(--color-container-lighter); --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); [data-content-type="tab-item"] { padding: calc(var(--spacing) * 8); min-height: inherit; background-attachment: scroll !important; } } [data-content-type="tabs"].tab-align-left .tabs-content { border-top-left-radius: 0 !important; } [data-content-type="tabs"].tab-align-right .tabs-content { border-top-right-radius: 0 !important; } [data-content-type="text"], [data-content-type="heading"], [data-content-type="html"] { overflow-wrap: break-word; } [data-content-type="buttons"] { max-width: 100%; [data-content-type="button-item"] { margin-right: calc(var(--spacing) * 2); margin-bottom: calc(var(--spacing) * 2); max-width: 100%; [data-element="link"], [data-element="empty_link"] { max-width: 100%; overflow-wrap: break-word; } [data-element="empty_link"] { cursor: default; } :is(a, button, div) { display: inline-block; --tw-shadow: 0 0 #0000; box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } } :is(a, button, div).pagebuilder-button-primary { --btn-bg: color-mix(in srgb, oklch(46% 0.2 265) 10%, #0000); @supports (color: color-mix(in lab, red, red)) { --btn-bg: color-mix(in srgb, var(--color-primary) 10%, #0000); } --btn-hover-bg: color-mix(in srgb, oklch(46% 0.2 265) 20%, #0000); @supports (color: color-mix(in lab, red, red)) { --btn-hover-bg: color-mix(in srgb, var(--color-primary) 20%, #0000); } --btn-active-bg: color-mix(in srgb, oklch(46% 0.2 265) 30%, #0000); @supports (color: color-mix(in lab, red, red)) { --btn-active-bg: color-mix(in srgb, var(--color-primary) 30%, #0000); } --btn-color: var(--color-fg); display: inline-flex; justify-content: center; align-items: center; gap: calc(var(--spacing) * 1.5); padding-block: calc(var(--spacing) * 2); padding-inline: calc(var(--spacing) * 4); border-radius: var(--radius-lg); border-width: 2px; border-color: var(--btn-stroke); background-color: var(--btn-bg); color: var(--btn-color); font-weight: 500; user-select: none; vertical-align: middle; transition-property: color, background-color, border-color, outline-color; transition-timing-function: var(--default-transition-timing-function); transition-duration: var(--default-transition-duration); &:hover { border-color: var(--btn-hover-stroke, var(--btn-stroke)); background-color: var(--btn-hover-bg, var(--btn-bg)); color: var(--btn-hover-color, var(--btn-color)); text-decoration: none; } &:is(:active, .is-active, [aria-current="page"], [aria-current="true"]) { border-color: var(--btn-active-stroke, var(--btn-stroke)); background-color: var(--btn-active-bg, var(--btn-bg)); color: var(--btn-active-color, var(--btn-color)); } &:is(:disabled, [aria-disabled="true"]) { border-color: var(--btn-disabled-stroke, var(--color-gray-200)); background-color: var(--btn-disabled-bg, var(--color-gray-50)); color: var(--btn-disabled-color, var(--color-gray-500)); } --btn-stroke: #0000; --btn-bg: var(--color-primary); --btn-color: var(--color-on-primary); --btn-hover-stroke: #0000; --btn-hover-bg: var(--color-primary-lighter); --btn-hover-color: var(--color-on-primary); --btn-active-stroke: #0000; --btn-active-bg: var(--color-primary); --btn-active-color: var(--color-on-primary); } :is(a, button, div).pagebuilder-button-secondary { --btn-stroke: #0000; --btn-bg: color-mix(in srgb, oklch(46% 0.2 265) 10%, #0000); @supports (color: color-mix(in lab, red, red)) { --btn-bg: color-mix(in srgb, var(--color-primary) 10%, #0000); } --btn-hover-bg: color-mix(in srgb, oklch(46% 0.2 265) 20%, #0000); @supports (color: color-mix(in lab, red, red)) { --btn-hover-bg: color-mix(in srgb, var(--color-primary) 20%, #0000); } --btn-active-bg: color-mix(in srgb, oklch(46% 0.2 265) 30%, #0000); @supports (color: color-mix(in lab, red, red)) { --btn-active-bg: color-mix(in srgb, var(--color-primary) 30%, #0000); } --btn-color: var(--color-fg); display: inline-flex; justify-content: center; align-items: center; gap: calc(var(--spacing) * 1.5); padding-block: calc(var(--spacing) * 2); padding-inline: calc(var(--spacing) * 4); border-radius: var(--radius-lg); border-width: 2px; border-color: var(--btn-stroke); background-color: var(--btn-bg); color: var(--btn-color); font-weight: 500; user-select: none; vertical-align: middle; transition-property: color, background-color, border-color, outline-color; transition-timing-function: var(--default-transition-timing-function); transition-duration: var(--default-transition-duration); &:hover { border-color: var(--btn-hover-stroke, var(--btn-stroke)); background-color: var(--btn-hover-bg, var(--btn-bg)); color: var(--btn-hover-color, var(--btn-color)); text-decoration: none; } &:is(:active, .is-active, [aria-current="page"], [aria-current="true"]) { border-color: var(--btn-active-stroke, var(--btn-stroke)); background-color: var(--btn-active-bg, var(--btn-bg)); color: var(--btn-active-color, var(--btn-color)); } &:is(:disabled, [aria-disabled="true"]) { border-color: var(--btn-disabled-stroke, var(--color-gray-200)); background-color: var(--btn-disabled-bg, var(--color-gray-50)); color: var(--btn-disabled-color, var(--color-gray-500)); } --btn-stroke: var(--color-primary-lighter); --btn-bg: var(--color-on-primary); --btn-color: var(--color-primary-darker); --btn-hover-stroke: var(--color-primary-lighter); --btn-hover-bg: var(--color-on-primary); --btn-hover-color: var(--color-primary-lighter); --btn-active-stroke: #0000; --btn-active-bg: var(--color-primary); --btn-active-color: var(--color-on-primary); } [data-content-type="divider"] hr { border-block-end: 0; border-inline: 0; } [data-content-type="image"] > [data-element="link"], [data-content-type="image"] > [data-element="link"] img { border-radius: inherit; } [data-content-type="image"] .pagebuilder-mobile-hidden { display: none; @media (width >= 768px) { display: inline-block; } } [data-content-type="image"] .pagebuilder-mobile-only { display: inline-block; @media (width >= 768px) { display: none; } } [data-content-type="image"] figcaption { overflow-wrap: break-word; } [data-content-type="video"] .pagebuilder-video-wrapper { overflow: hidden; } [data-content-type="video"] :is(iframe, video) { aspect-ratio: 16/9; } :is([data-content-type="banner"], [data-content-type="slide"]) { --pagebuilder-overlay-mx: 0; .pagebuilder-overlay { max-inline-size: var(--container-lg); margin-inline: var(--pagebuilder-overlay-mx); padding: calc(var(--spacing) * 8); border-radius: inherit; transition: background-color 500ms ease; &.pagebuilder-poster-overlay { display: flex; justify-content: center; align-items: center; max-inline-size: 100%; min-block-size: inherit; } } &[data-appearance="collage-centered"] { --pagebuilder-overlay-mx: auto; } &[data-appearance="collage-left"] { --pagebuilder-overlay-mx: 0 auto; } &[data-appearance="collage-right"] { --pagebuilder-overlay-mx: auto 0; } } [data-content-type="banner"] > :is([data-element="link"], [data-element="empty_link"]) { color: inherit; text-decoration: inherit; &:hover { color: inherit; text-decoration: inherit; } } [data-content-type="banner"] .pagebuilder-banner-wrapper { overflow-wrap: break-word; background-clip: padding-box; border-radius: inherit; background-attachment: scroll !important; .pagebuilder-overlay { position: relative; &:not(.pagebuilder-poster-overlay) { max-width: none; @media (width >= 768px) { max-width: var(--container-xl); } } } &.jarallax .video-overlay { z-index: 0; } [data-element="content"] { min-height: 50px; overflow: auto; } .pagebuilder-banner-button { margin: 0px; margin-top: calc(var(--spacing) * 5); display: inline-block; max-width: 100%; transition-property: opacity; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); --tw-duration: 500ms; transition-duration: 500ms; --tw-ease: var(--ease-in-out); transition-timing-function: var(--ease-in-out); overflow-wrap: break-word; text-align: inherit; } .pagebuilder-poster-content { width: 100%; } } [data-content-type="slider"] { position: relative; padding-block-end: calc(var(--spacing) * 12); &:not(:has(.snap-track)) { display: grid; grid-auto-flow: column; grid-auto-columns: 100%; padding-block: calc(var(--spacing) * 6) calc(calc(var(--spacing) * 6) + calc(var(--spacing) * 12)); overflow-x: auto; overscroll-behavior-x: contain; scroll-snap-type: x mandatory; scrollbar-width: none; @media (prefers-reduced-motion: no-preference) { scroll-behavior: smooth; } & > * { scroll-snap-align: start; } } [data-page-builder-slider-nav] { position: absolute; inset: auto 0 0; } } [data-content-type="slide"] { --overlay-align: initial; position: relative; .pagebuilder-slide-wrapper { border-radius: inherit; min-block-size: inherit; overflow-wrap: break-word; &.jarallax { .video-overlay { -webkit-transform: unset; z-index: 1; } .pagebuilder-overlay { position: relative; z-index: 2; } [id*="jarallax-container"] > :is(div, img, video, iframe) { margin: auto !important; transform: none !important; } } } .pagebuilder-poster-content { inline-size: 100%; } [data-element="content"] { min-height: 50px; overflow: auto; } } [data-content-type="map"] { block-size: 300px; } [data-content-type$="block"] .block p:last-child { margin-block: 0 calc(var(--spacing) * 4); } [data-content-type="dynamic_block"] [data-content-type="image"] img { display: inline-block; } [data-content-type="dynamic_block"] .block-banners .banner-item-content, [data-content-type="dynamic_block"] .block-banners-inline .banner-item-content { margin-block-end: auto; } .container { margin-inline: auto; padding-inline: calc(var(--spacing) * 4); } .text-color { color: #000000; } .primary-color { color: #ae9450; } .secondary-color { color: #ffb5b7; } .primary-bg { background-color: #ae9450; } .secondary-bg { background-color: #ffb5b7; } body { &[class*="bg-opacity-"] { background-color: #fff; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix( in srgb, var(--color-white) calc(100% / var(--tw-bg-opacity)), #0000 ); } } background-color: var(--color-white); font-family: var(--font-steviesansbook); font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); color: var(--color-color); } .custom-container { @media (width >= 640px) { max-width: 640px; } @media (width >= 768px) { max-width: 768px; } @media (width >= 1024px) { max-width: 1024px; } @media (width >= 1280px) { max-width: 1280px; } @media (width >= 1400px) { max-width: 1400px; } width: 100%; padding-inline: 1rem; padding-inline: calc(var(--spacing) * 6); margin-inline: auto; padding-inline: calc(var(--spacing) * 4); } .page-main { margin: 0px; } .cms-index-index .page-main .columns { max-width: 100%; row-gap: 0px; padding: 0px; } .page.messages { position: fixed; top: auto; bottom: 0px; left: 0px; width: 100%; &[class*="bg-opacity-"] { background-color: #fff; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix( in srgb, var(--color-white) calc(100% / var(--tw-bg-opacity)), #0000 ); } } background-color: var(--color-white); --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } a, a:focus, button, button:focus { outline: none; } input[type="range"]:hover { --tw-ring-color: transparent; --hv-thumb-color: #ffb5b7; } input[type="range"]:focus { --tw-ring-color: transparent; --hv-thumb-color: #ffb5b7; } .form-input, .form-email, .form-select, .form-multiselect, .form-textarea { min-height: auto; } @keyframes blinker { from { opacity: 1; } to { opacity: 0; } } .view_btn { display: inline-block; border-style: var(--tw-border-style); border-width: 1px; border-color: var(--color-gray-500); padding-inline: calc(var(--spacing) * 7); padding-block: calc(var(--spacing) * 2); font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height)); @media (width >= 768px) { padding-inline: calc(var(--spacing) * 10); } @media (width >= 768px) { padding-block: calc(var(--spacing) * 3); } @media (width >= 768px) { font-size: var(--text-lg); line-height: var(--tw-leading, var(--text-lg--line-height)); } background: linear-gradient(to right,#000 50%,#fff 50%); background-size: 205% 100%; background-position: 99% 105%; transition: all .25s ease; -moz-transition: all .25s ease; -ms-transition: all .25s ease; -webkit-transition: all .25s ease; } .view_btn:hover { border-color: var(--color-black); &[class*="bg-opacity-"] { background-color: #000; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix( in srgb, var(--color-black) calc(100% / var(--tw-bg-opacity)), #0000 ); } } background-color: var(--color-black); color: var(--color-white); text-decoration-line: none; background-position: 1% 105%; } .page-header { position: relative; z-index: 999; width: 100%; border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; border-color: var(--color-gray-300); &[class*="bg-opacity-"] { background-color: #fff; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix( in srgb, var(--color-white) calc(100% / var(--tw-bg-opacity)), #0000 ); } } background-color: var(--color-white); } .page-header.sticky { top: 0px; border-bottom-style: var(--tw-border-style); border-bottom-width: 0px; --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); position: sticky; } :is(.navigation ul li.level0:hover > a, .navigation ul li.level0 > a[aria-current="page"])::after { content: var(--tw-content); width: 100%; } .sub1 li a:hover, .sub1 li a[aria-current="page"] { color: var(--color-brand-secondary); } .navigation ul li.level0:hover .main_submenu { display: block !important; } .navigation ul li#desktop-menu-category-3, .navigation ul li#desktop-menu-category-6 { position: relative; } .navigation #desktop-menu-category-3 .main_submenu { left: 0px; width: 480px; max-width: none; } .navigation #desktop-menu-category-3 .sub1 { display: block; width: calc(1 / 2 * 100%); } .navigation #desktop-menu-category-3 .c-nav--sub-1__teaser { width: calc(1 / 2 * 100%); } .navigation #desktop-menu-category-4 .sub1 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .navigation #desktop-menu-category-6 .main_submenu { left: 0px; width: 480px; max-width: none; } .navigation #desktop-menu-category-6 .sub1 { width: calc(1 / 2 * 100%); grid-template-columns: repeat(1, minmax(0, 1fr)); } .navigation #desktop-menu-category-6 .c-nav--sub-1__teaser { width: calc(1 / 2 * 100%); } .navigation #desktop-menu-category-6 .c-nav--sub-1__teaser a { padding-top: 0px; } .search_container { right: 0px; width: 100%; @media (width >= 768px) { max-width: var(--container-md); } } .input-group:focus-within { outline: none; } .form.minisearch input[type="search"]:focus { border-color: var(--color-black); --tw-ring-color: transparent; } .form.minisearch input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; appearance: none; display: none; } .form.minisearch input[type="search"] { appearance: textfield; } .autocomplete-suggestions.two-columns .autocomplete-suggestion { width: 100% !important; } .form.minisearch .autocomplete-suggestions { border-style: var(--tw-border-style) !important; border-width: 0px !important; } .cms-home .page-header { position: fixed; left: 0px; width: 100%; border-bottom-style: var(--tw-border-style); border-bottom-width: 0px; background-color: transparent; } :is(.cms-home .page-header .navigation ul li.level0 > a, .cms-home .page-header .header_right_nav li a)::after { &[class*="bg-opacity-"] { background-color: #fff; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix( in srgb, var(--color-white) calc(100% / var(--tw-bg-opacity)), #0000 ); } } content: var(--tw-content); background-color: var(--color-white); } @media (width >= 1024px) { .cms-home .page-header .navigation ul li.level0 > a, .cms-home .page-header .header_right_nav li a { color: var(--color-white); } } .cms-home .page-header .header_search_icon, .cms-home .page-header .retailer_login_icon, .cms-home .page-header .header_wishlist, .cms-home .page-header .language_switcher button { color: var(--color-white); } .cms-home .page-header .logo img { --tw-brightness: brightness(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,); } .cms-home .page-header .mobile_menu_trigger { color: var(--color-white); } .cms-home .page-header.sticky { position: fixed; &[class*="bg-opacity-"] { background-color: #fff; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix( in srgb, var(--color-white) calc(100% / var(--tw-bg-opacity)), #0000 ); } } background-color: var(--color-white); } .cms-home .page-header.sticky .navigation ul li.level0 > a, .cms-home .page-header.sticky .header_right_nav li a { color: var(--color-color); &::after { content: var(--tw-content); &[class*="bg-opacity-"] { background-color: #000; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix( in srgb, var(--color-black) calc(100% / var(--tw-bg-opacity)), #0000 ); } } } &::after { content: var(--tw-content); background-color: var(--color-black); } } .cms-home .page-header.sticky .header_search_icon, .cms-home .page-header.sticky .header_wishlist, .cms-home .page-header.sticky .retailer_login_icon, .cms-home .page-header.sticky .language_switcher button { color: var(--color-color); } .cms-home .page-header.sticky .logo img { filter: none; } .cms-home .page-header.sticky .mobile_menu_trigger { color: var(--color-color); } .category_section { margin-top: calc(var(--spacing) * 5); display: grid; gap: calc(var(--spacing) * 3); @media (width >= 768px) { grid-template-columns: repeat(3, minmax(0, 1fr)); } @media (width >= 1024px) { margin-top: calc(var(--spacing) * 16); } @media (width >= 1024px) { gap: calc(var(--spacing) * 6); } } .category_section .col_2_3 { display: grid; gap: calc(var(--spacing) * 3); @media (width >= 768px) { grid-column: span 2 / span 2; } @media (width >= 1024px) { gap: calc(var(--spacing) * 6); } } .category_section .category_img_items { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: calc(var(--spacing) * 3); align-self: flex-end; @media (width >= 768px) { order: 2; } @media (width >= 1024px) { gap: calc(var(--spacing) * 6); } } .category_section .category_content { max-width: var(--container-4xl); padding-inline: calc(var(--spacing) * 3); @media (width >= 768px) { order: 1; } @media (width >= 768px) { padding-inline: 0px; } } @media (width >= 768px) { .category_section.accessories .col_1_3 { order: 2; } .category_section.accessories .col_2_3 { order: 1; } .category_section.accessories .category_content { padding-inline: calc(var(--spacing) * 10); } } .category_section .category_img { height: 100%; } .category_section .category_img img { height: 100%; width: 100%; object-fit: cover; } .category_section .category_content h2, .category_section .category_content h1 { margin-bottom: calc(var(--spacing) * 5); font-family: var(--font-steviesans); font-size: var(--text-3xl); line-height: var(--tw-leading, var(--text-3xl--line-height)); --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); @media (width >= 1024px) { margin-bottom: calc(var(--spacing) * 8); } @media (width >= 1024px) { font-size: var(--text-4xl); line-height: var(--tw-leading, var(--text-4xl--line-height)); } } .category_section .category_content p { margin-bottom: calc(var(--spacing) * 5); font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height)); @media (width >= 1024px) { margin-bottom: calc(var(--spacing) * 8); } @media (width >= 1024px) { font-size: var(--text-xl); line-height: var(--tw-leading, var(--text-xl--line-height)); } } .category_shoes { position: relative; margin-top: calc(var(--spacing) * 5); &::after { content: var(--tw-content); position: absolute; } &::after { content: var(--tw-content); top: 0px; } &::after { content: var(--tw-content); left: 0px; } &::after { content: var(--tw-content); height: 100%; } &::after { content: var(--tw-content); width: 100%; } &::after { content: var(--tw-content); background-color: color-mix(in srgb, #000 30%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-black) 30%, transparent); } } @media (width >= 1024px) { margin-top: calc(var(--spacing) * 16); } @media (width >= 1024px) { &::after { content: var(--tw-content); background-color: color-mix(in srgb, #000 0%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-black) 0%, transparent); } } } } .category_shoes img { min-height: 300px; width: 100%; object-fit: cover; } .category_shoes .content { position: absolute; top: calc(1 / 2 * 100%); left: 0px; z-index: 1; width: 100%; --tw-translate-y: calc(calc(1 / 2 * 100%) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); color: var(--color-white); } .category_shoes .custom-container { flex-direction: column; align-items: flex-end; text-align: left; @media (width >= 1024px) { display: flex; } } .category_shoes .content h2 { margin-bottom: calc(var(--spacing) * 5); font-family: var(--font-steviesans); font-size: var(--text-3xl); line-height: var(--tw-leading, var(--text-3xl--line-height)); --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); @media (width >= 1024px) { margin-bottom: calc(var(--spacing) * 8); } @media (width >= 1024px) { width: calc(1 / 2 * 100%); } @media (width >= 1024px) { font-size: var(--text-5xl); line-height: var(--tw-leading, var(--text-5xl--line-height)); } } .category_shoes .content p { margin-bottom: calc(var(--spacing) * 5); font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height)); &:last-child { margin-bottom: 0px; } @media (width >= 1024px) { margin-bottom: calc(var(--spacing) * 8); } @media (width >= 1024px) { width: calc(1 / 2 * 100%); } @media (width >= 1024px) { font-size: var(--text-xl); line-height: var(--tw-leading, var(--text-xl--line-height)); } } .category_shoes .content .view_btn { border-style: var(--tw-border-style); border-width: 0px; &[class*="bg-opacity-"] { background-color: #fff; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix( in srgb, var(--color-white) calc(100% / var(--tw-bg-opacity)), #0000 ); } } background-color: var(--color-white); color: var(--color-color); &:hover { @media (hover: hover) { &[class*="bg-opacity-"] { background-color: #000; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix( in srgb, var(--color-black) calc(100% / var(--tw-bg-opacity)), #0000 ); } } } } &:hover { @media (hover: hover) { background-color: var(--color-black); } } &:hover { @media (hover: hover) { color: var(--color-white); } } } .stock_available { background-color: var(--color-gray-100); padding-inline: calc(var(--spacing) * 4); padding-block: calc(var(--spacing) * 8); @media (width >= 768px) { padding-inline: calc(var(--spacing) * 8); } @media (width >= 768px) { padding-block: calc(var(--spacing) * 12); } } .stock_available h2 { position: relative; margin-bottom: calc(var(--spacing) * 5); text-align: center; font-family: var(--font-steviesans); font-size: var(--text-xl); line-height: var(--tw-leading, var(--text-xl--line-height)); --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); @media (width >= 768px) { font-size: var(--text-3xl); line-height: var(--tw-leading, var(--text-3xl--line-height)); } } .stock_available .stock_label { margin-top: calc(var(--spacing) * 8); text-align: center; font-size: var(--text-lg); line-height: var(--tw-leading, var(--text-lg--line-height)); @media (width >= 768px) { font-size: var(--text-2xl); line-height: var(--tw-leading, var(--text-2xl--line-height)); } } .stock_available .stock_label span { margin-left: calc(var(--spacing) * 3); display: inline-block; &::before { content: var(--tw-content); margin-right: calc(var(--spacing) * 2); } &::before { content: var(--tw-content); display: inline-block; } &::before { content: var(--tw-content); height: calc(var(--spacing) * 4); } &::before { content: var(--tw-content); width: calc(var(--spacing) * 4); } &::before { content: var(--tw-content); background-color: #74b872; } } .stock_available .size_lists { margin-top: calc(var(--spacing) * 5); text-align: center; } .stock_available .size_lists li { margin-inline: var(--spacing); margin-block: var(--spacing); display: inline-block; display: inline-flex; height: calc(var(--spacing) * 8); width: calc(var(--spacing) * 12); align-items: center; justify-content: center; border-radius: calc(infinity * 1px); border-style: var(--tw-border-style); border-width: 1px; border-color: #74b872; text-align: center; font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); color: var(--color-black); @media (width >= 768px) { margin-inline: calc(var(--spacing) * 3); } @media (width >= 768px) { height: calc(var(--spacing) * 10); } @media (width >= 768px) { width: calc(var(--spacing) * 20); } @media (width >= 768px) { font-size: var(--text-lg); line-height: var(--tw-leading, var(--text-lg--line-height)); } animation: blinker 1s cubic-bezier(.5,0,1,1) infinite alternate; } .home_video { position: relative; padding-top: calc(var(--spacing) * 10); text-align: center; @media (width >= 1024px) { padding-top: calc(var(--spacing) * 16); } } .home_video h2 { margin-bottom: calc(var(--spacing) * 4); font-family: var(--font-steviesans); font-size: var(--text-3xl); line-height: var(--tw-leading, var(--text-3xl--line-height)); --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); @media (width >= 1024px) { font-size: var(--text-4xl); line-height: var(--tw-leading, var(--text-4xl--line-height)); } } .home_video p { font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height)); @media (width >= 1024px) { font-size: var(--text-xl); line-height: var(--tw-leading, var(--text-xl--line-height)); } } .home_video .video-container { margin-top: calc(var(--spacing) * 7); overflow: hidden; @media (width >= 1024px) { margin-top: calc(var(--spacing) * 10); } } .home_video .video-container video { height: auto; width: 100%; object-fit: cover; } .home_video .video-container .btn_sec { position: absolute; bottom: calc(var(--spacing) * 6); left: 0px; width: 100%; @media (width >= 1024px) { bottom: calc(var(--spacing) * 12); } } .home_video .video-container .view_btn { border-style: var(--tw-border-style); border-width: 0px; &[class*="bg-opacity-"] { background-color: #fff; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix( in srgb, var(--color-white) calc(100% / var(--tw-bg-opacity)), #0000 ); } } background-color: var(--color-white); color: var(--color-color); text-transform: none; &:hover { @media (hover: hover) { &[class*="bg-opacity-"] { background-color: #000; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix( in srgb, var(--color-black) calc(100% / var(--tw-bg-opacity)), #0000 ); } } } } &:hover { @media (hover: hover) { background-color: var(--color-black); } } &:hover { @media (hover: hover) { color: var(--color-white); } } } .home_about { border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; border-color: var(--color-gray-300); padding-block: calc(var(--spacing) * 9); @media (width >= 1024px) { padding-block: calc(var(--spacing) * 14); } } .home_about .custom-container { text-align: center; } .home_about h2 { position: relative; margin-bottom: calc(var(--spacing) * 6); padding-bottom: calc(var(--spacing) * 6); font-family: var(--font-steviesans); font-size: var(--text-2xl); line-height: var(--tw-leading, var(--text-2xl--line-height)); --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); &::after { content: var(--tw-content); position: absolute; } &::after { content: var(--tw-content); bottom: 0px; } &::after { content: var(--tw-content); left: calc(1 / 2 * 100%); } &::after { content: var(--tw-content); height: 1px; } &::after { content: var(--tw-content); width: calc(var(--spacing) * 36); } &::after { content: var(--tw-content); --tw-translate-x: calc(calc(1 / 2 * 100%) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } &::after { content: var(--tw-content); &[class*="bg-opacity-"] { background-color: #000; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix( in srgb, var(--color-black) calc(100% / var(--tw-bg-opacity)), #0000 ); } } } &::after { content: var(--tw-content); background-color: var(--color-black); } @media (width >= 1024px) { font-size: var(--text-4xl); line-height: var(--tw-leading, var(--text-4xl--line-height)); } } .home_about h3 { margin-bottom: calc(var(--spacing) * 6); font-family: var(--font-steviesans); font-size: var(--text-xl); line-height: var(--tw-leading, var(--text-xl--line-height)); --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); @media (width >= 1024px) { font-size: var(--text-2xl); line-height: var(--tw-leading, var(--text-2xl--line-height)); } } .home_about h3 span { display: block; --tw-font-weight: var(--font-weight-light); font-weight: var(--font-weight-light); } .home_about p { margin-bottom: calc(var(--spacing) * 5); font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height)); @media (width >= 1024px) { font-size: var(--text-xl); line-height: var(--tw-leading, var(--text-xl--line-height)); } } .home_about_img { position: relative; margin-top: calc(var(--spacing) * 10); margin-bottom: calc(var(--spacing) * 20); display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: calc(var(--spacing) * 3); @media (width >= 1024px) { gap: calc(var(--spacing) * 6); } } .home_about_img .hohenstein_logo { position: absolute; bottom: calc(var(--spacing) * -16); left: calc(1 / 2 * 100%); --tw-translate-x: calc(calc(1 / 2 * 100%) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } .home_about_img .hohenstein_logo img { max-height: 200px; } .home_bride .splide__list { margin-inline: calc(var(--spacing) * -2) !important; } .home_bride .splide__pagination { margin-top: calc(var(--spacing) * 4) !important; display: flex !important; @media (width >= 768px) { margin-top: calc(var(--spacing) * 6) !important; } } .home_bride .splide__pagination .splide__pagination__page { height: calc(var(--spacing) * 2); width: calc(var(--spacing) * 2); background-color: var(--color-gray-300); --tw-shadow: 0 0 #0000; box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); @media (width >= 768px) { height: calc(var(--spacing) * 3); } @media (width >= 768px) { width: calc(var(--spacing) * 3); } } .home_bride .splide__pagination .splide__pagination__page.is-active { width: calc(var(--spacing) * 6); &[class*="bg-opacity-"] { background-color: #000; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix( in srgb, var(--color-black) calc(100% / var(--tw-bg-opacity)), #0000 ); } } background-color: var(--color-black); @media (width >= 768px) { width: calc(var(--spacing) * 10); } } .about_content h2 { font-family: var(--font-scriptfont); } .footer_social ul li a:hover img { --tw-brightness: brightness(0%); --tw-invert: invert(100%); filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,); } .catalogue_form_open { overflow: hidden; } .catalogue_form_modal { visibility: hidden; position: fixed; top: 0px; left: 0px; z-index: 999; height: 100%; width: 100%; overflow-y: auto; background-color: color-mix(in srgb, #000 50%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-black) 50%, transparent); } opacity: 0%; transition-property: all; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .catalogue_form_modal .catalogue_modal_inner { position: absolute; top: -100%; left: calc(1 / 2 * 100%); width: 700px; max-width: 95%; --tw-translate-x: -50%; translate: var(--tw-translate-x) var(--tw-translate-y); border-radius: 0.25rem; &[class*="bg-opacity-"] { background-color: #fff; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix( in srgb, var(--color-white) calc(100% / var(--tw-bg-opacity)), #0000 ); } } background-color: var(--color-white); padding-bottom: calc(var(--spacing) * 7); transition-property: all; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .catalogue_form_open .catalogue_form_modal { visibility: visible; z-index: 99999; display: block; opacity: 100%; } .catalogue_form_open .catalogue_form_modal .catalogue_modal_inner { top: calc(var(--spacing) * 7); } .catalogue_form_modal .title { margin: 0px; margin-bottom: calc(var(--spacing) * 7); border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; border-color: var(--color-gray-300); padding-block: calc(var(--spacing) * 4); padding-right: calc(var(--spacing) * 10); padding-left: calc(var(--spacing) * 4); font-family: var(--font-steviesans); font-size: var(--text-lg); line-height: var(--tw-leading, var(--text-lg--line-height)); --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); @media (width >= 768px) { padding-left: calc(var(--spacing) * 6); } @media (width >= 768px) { font-size: var(--text-xl); line-height: var(--tw-leading, var(--text-xl--line-height)); } } .catalogue_modal_close { position: absolute; top: var(--spacing); right: calc(var(--spacing) * 2); padding: calc(var(--spacing) * 2); font-size: var(--text-4xl); line-height: var(--tw-leading, var(--text-4xl--line-height)); --tw-font-weight: var(--font-weight-light); font-weight: var(--font-weight-light); } .catalogue_form_modal #info_messege_app { padding-inline: calc(var(--spacing) * 4); padding-top: calc(var(--spacing) * 3); padding-bottom: 0px; text-align: center; font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height)); color: var(--color-green-500); } .catalogue_form_modal #info_messege_not { margin-bottom: var(--spacing); width: 100%; padding-inline: calc(var(--spacing) * 3); text-align: center; font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height)); color: var(--color-red-500); } .catalogue_form_modal .form_group { display: flex; flex-wrap: wrap; padding-inline: var(--spacing); @media (width >= 768px) { padding-inline: calc(var(--spacing) * 3); } } .catalogue_form_modal .form_full { position: relative; margin-bottom: calc(var(--spacing) * 4); width: 100%; padding-inline: calc(var(--spacing) * 3); &:last-child { margin-bottom: 0px; } } .catalogue_form_modal .form_half { position: relative; margin-bottom: calc(var(--spacing) * 4); width: 100%; padding-inline: calc(var(--spacing) * 3); @media (width >= 768px) { width: calc(1 / 2 * 100%); } } .catalogue_form_modal .form_control, .catalogue_form_modal select { width: 100%; border-color: var(--color-gray-300); --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + 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); &:focus { border-color: var(--color-gray-600); } &:focus { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + 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); } } .catalogue_form_modal .submit_btn { margin-top: calc(var(--spacing) * 4); width: 100%; cursor: pointer; border-radius: 0.25rem; border-style: var(--tw-border-style); border-width: 0px; background-color: var(--color-brand-primary); padding-inline: calc(var(--spacing) * 7); padding-block: calc(var(--spacing) * 3); font-size: var(--text-lg); line-height: var(--tw-leading, var(--text-lg--line-height)); --tw-font-weight: var(--font-weight-normal); font-weight: var(--font-weight-normal); --tw-tracking: var(--tracking-wider); letter-spacing: var(--tracking-wider); color: var(--color-white); text-transform: uppercase; --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + 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); transition-property: all; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .catalogue_link { display: grid; gap: calc(var(--spacing) * 4); padding-inline: calc(var(--spacing) * 3); @media (width >= 768px) { grid-template-columns: repeat(2, minmax(0, 1fr)); } @media (width >= 768px) { padding-inline: calc(var(--spacing) * 6); } } .catalogue_link li a { display: block; border-radius: 0.25rem; border-style: var(--tw-border-style); border-width: 1px; border-color: var(--color-gray-600); &[class*="bg-opacity-"] { background-color: #fff; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix( in srgb, var(--color-white) calc(100% / var(--tw-bg-opacity)), #0000 ); } } background-color: var(--color-white); padding-inline: calc(var(--spacing) * 3); padding-block: calc(var(--spacing) * 2.5); text-align: center; font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); color: var(--color-color); 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, display, content-visibility, overlay, pointer-events; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); &:hover { @media (hover: hover) { border-color: var(--color-black); } } &:hover { @media (hover: hover) { &[class*="bg-opacity-"] { background-color: #000; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix( in srgb, var(--color-black) calc(100% / var(--tw-bg-opacity)), #0000 ); } } } } &:hover { @media (hover: hover) { background-color: var(--color-black); } } &:hover { @media (hover: hover) { color: var(--color-white); } } } .realbrides-index-index .page_title_wrapper { display: none; } .realbrides-index-index .page-main .columns { max-width: 100%; row-gap: 0px; padding: 0px; } .upload_form_modal.active { visibility: visible; opacity: 100%; } .upload_form_modal .upload_form_container { width: calc(100% - 40px); } .upload_form_modal.active .upload_form_container { top: calc(var(--spacing) * 10); } .upload_form_modal .field.field-reserved { margin-top: 0px; margin-bottom: 0px; } .upload_form_modal .b-box--form__submit .actions-toolbar { margin-top: 0px; display: block; border-style: var(--tw-border-style); border-width: 0px; padding-top: 0px; } #terms-conditions-popup.active { display: block; } #terms-conditions-popup .c-popup__content { width: calc(100% - 40px); } .cms-page-view .page_title_wrapper { display: none; } .cms-page-view .page-main .columns { max-width: 100%; row-gap: 0px; padding: 0px; } .cms-page-view .breadcrumbs { display: none; } .cms_content { padding-block: calc(var(--spacing) * 10); } .cms_content h2 { margin-bottom: calc(var(--spacing) * 4); font-family: var(--font-steviesans); font-size: var(--text-2xl); line-height: var(--tw-leading, var(--text-2xl--line-height)); --tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold); @media (width >= 768px) { font-size: var(--text-3xl); line-height: var(--tw-leading, var(--text-3xl--line-height)); } } .cms_content h3 { margin-bottom: calc(var(--spacing) * 4); font-family: var(--font-steviesans); font-size: var(--text-xl); line-height: var(--tw-leading, var(--text-xl--line-height)); --tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold); @media (width >= 768px) { font-size: var(--text-2xl); line-height: var(--tw-leading, var(--text-2xl--line-height)); } } .cms_content h4 { margin-bottom: calc(var(--spacing) * 4); font-family: var(--font-steviesans); font-size: var(--text-lg); line-height: var(--tw-leading, var(--text-lg--line-height)); --tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold); @media (width >= 768px) { font-size: var(--text-xl); line-height: var(--tw-leading, var(--text-xl--line-height)); } } .cms_content h5 { margin-bottom: calc(var(--spacing) * 4); font-family: var(--font-steviesans); font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height)); --tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold); @media (width >= 768px) { font-size: var(--text-lg); line-height: var(--tw-leading, var(--text-lg--line-height)); } } .cms_content p { margin-bottom: calc(var(--spacing) * 3); font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); &:last-child { margin-bottom: 0px; } } .cms_content p strong { --tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold); } .cms_content a { word-break: break-all; color: var(--color-brand-secondary); text-decoration-line: underline; } .cms_content ul { margin-bottom: calc(var(--spacing) * 3); list-style-type: disc; padding-left: calc(var(--spacing) * 4); font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); } .cms_content ul li { margin-bottom: var(--spacing); &:last-child { margin-bottom: 0px; } } .about_banner { position: relative; max-height: 520px; overflow: hidden; &::before { content: var(--tw-content); position: absolute; } &::before { content: var(--tw-content); top: 0px; } &::before { content: var(--tw-content); left: 0px; } &::before { content: var(--tw-content); height: 100%; } &::before { content: var(--tw-content); width: 100%; } &::before { content: var(--tw-content); background-color: color-mix(in srgb, #000 20%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-black) 20%, transparent); } } &::before { content: var(--tw-content); --tw-content: ''; content: var(--tw-content); } } .about_banner img { display: block; min-height: 200px; width: 100%; object-fit: cover; } .about_banner h1 { position: absolute; top: calc(1 / 2 * 100%); left: 0px; z-index: 1; width: 100%; --tw-translate-y: calc(calc(1 / 2 * 100%) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); text-align: center; font-family: var(--font-steviesans); font-size: var(--text-3xl); line-height: var(--tw-leading, var(--text-3xl--line-height)); --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); color: var(--color-white); text-shadow: 1px 1px 3px #000; @media (width >= 768px) { font-size: var(--text-4xl); line-height: var(--tw-leading, var(--text-4xl--line-height)); } @media (width >= 1024px) { font-size: var(--text-5xl); line-height: var(--tw-leading, var(--text-5xl--line-height)); } } .contact-index-index .page-main .columns { max-width: 100%; row-gap: 0px; padding: 0px; } .contact_banner { position: relative; overflow: hidden; background-size: cover; background-repeat: no-repeat; padding-inline: calc(var(--spacing) * 3); padding-block: calc(var(--spacing) * 12); &::before { content: var(--tw-content); position: absolute; } &::before { content: var(--tw-content); top: 0px; } &::before { content: var(--tw-content); left: 0px; } &::before { content: var(--tw-content); height: 100%; } &::before { content: var(--tw-content); width: 100%; } &::before { content: var(--tw-content); background-color: color-mix(in srgb, #000 20%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-black) 20%, transparent); } } &::before { content: var(--tw-content); --tw-content: ''; content: var(--tw-content); } @media (width >= 768px) { padding-block: calc(var(--spacing) * 28); } @media (width >= 1024px) { padding-block: calc(var(--spacing) * 40); } } .contact_banner h1 { position: relative; text-align: center; font-family: var(--font-steviesans); font-size: var(--text-3xl); line-height: var(--tw-leading, var(--text-3xl--line-height)); --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); color: var(--color-white); text-shadow: 1px 1px 3px #000; @media (width >= 768px) { font-size: var(--text-4xl); line-height: var(--tw-leading, var(--text-4xl--line-height)); } @media (width >= 1024px) { font-size: var(--text-5xl); line-height: var(--tw-leading, var(--text-5xl--line-height)); } } .faq_section { padding-block: calc(var(--spacing) * 10); @media (width >= 768px) { padding-block: calc(var(--spacing) * 14); } } .faq_section .faq_short { margin-bottom: calc(var(--spacing) * 5); font-family: var(--font-steviesans); font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height)); --tw-font-weight: var(--font-weight-light); font-weight: var(--font-weight-light); @media (width >= 768px) { font-size: var(--text-lg); line-height: var(--tw-leading, var(--text-lg--line-height)); } } .faq_section .accordion li { border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; border-color: var(--color-gray-300); font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); } .faq_section .accordion li .toggle { position: relative; display: block; cursor: pointer; padding-block: calc(var(--spacing) * 4); padding-right: calc(var(--spacing) * 10); font-family: var(--font-steviesans); font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height)); --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); color: var(--color-gray-800) !important; color: var(--color-primary); &::after { content: var(--tw-content); position: absolute; } &::after { content: var(--tw-content); top: calc(1 / 2 * 100%); } &::after { content: var(--tw-content); right: calc(var(--spacing) * 4); } &::after { content: var(--tw-content); --tw-translate-y: -50%; translate: var(--tw-translate-x) var(--tw-translate-y); } &::after { content: var(--tw-content); font-size: var(--text-4xl); line-height: var(--tw-leading, var(--text-4xl--line-height)); } &::after { content: var(--tw-content); --tw-font-weight: var(--font-weight-light); font-weight: var(--font-weight-light); } @media (width >= 768px) { padding-block: calc(var(--spacing) * 5); } @media (width >= 768px) { font-size: var(--text-lg); line-height: var(--tw-leading, var(--text-lg--line-height)); } } .faq_section .accordion li p { display: none; padding-bottom: calc(var(--spacing) * 5); font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); @media (width >= 768px) { font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height)); } } .cms-page-view ul.accordion .toggle:after { content: "\002B"; } .cms-page-view ul.accordion .toggle.active:after { content: "\2212"; } .cms-page-view ul.accordion .toggle:after { content: "\002B"; } .cms-page-view ul.accordion .toggle.active:after { content: "\2212"; } .top-container { position: relative; text-align: center; } .top-container .page_title_wrapper { display: block; } .top-container .page_title_wrapper h1 { font-family: var(--font-steviesans); font-size: var(--text-3xl); line-height: var(--tw-leading, var(--text-3xl--line-height)); --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); text-transform: uppercase; @media (width >= 768px) { font-size: var(--text-4xl); line-height: var(--tw-leading, var(--text-4xl--line-height)); } } .top-container .category-description { font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); color: var(--color-gray-700); @media (width >= 768px) { font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height)); } } .page-products .columns { display: block; max-width: 100%; padding: 0px; } .page-products .top-container { margin-bottom: 0px; @media (width >= 768px) { margin-bottom: calc(var(--spacing) * 5); } } .page-products .filter_btn { position: sticky; top: calc(var(--spacing) * 14); z-index: 2; @media (width >= 1024px) { top: 68px; } @media (width >= 1280px) { top: 72px; } } .page-products.filter-active .filter_btn { z-index: 99; } .page-products .modal_filter { display: block !important; transition: none !important; } .page-products.filter-active { overflow: hidden; } .page-products .sidebar.sidebar-main.one-column-wrapper { visibility: hidden; position: fixed; top: 0px; left: 0px; z-index: 9999; height: 100%; width: 100%; background-color: color-mix(in srgb, #000 70%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-black) 70%, transparent); } opacity: 0%; } .page-products.filter-active .sidebar.sidebar-main.one-column-wrapper { visibility: visible; opacity: 100%; } .page-products.filter-active .sidebar.sidebar-main.one-column-wrapper .block-filter { left: 0px; } .pages .pages-items { --tw-shadow: 0 0 #0000; box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .pages .pages-items .item { margin-left: var(--spacing); } .pages .pages-items .item a { height: calc(var(--spacing) * 9); width: calc(var(--spacing) * 9); justify-content: center; border-radius: calc(infinity * 1px); padding: 0px; } .pages .pages-items .item a.border-primary, .pagignation button.border-primary { border-color: #e57272; color: #e57272; } .pagignation button { height: calc(var(--spacing) * 9); width: calc(var(--spacing) * 9); justify-content: center; border-radius: calc(infinity * 1px); padding: 0px; } .toolbar-products .form-select { min-height: 32px; border-radius: 0; padding-inline: var(--spacing); padding-right: calc(var(--spacing) * 9); padding-left: calc(var(--spacing) * 2); font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); &:focus { border-color: var(--color-gray-600); } &:focus { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + 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); } &:focus { outline-style: var(--tw-outline-style); outline-width: 0px; } } .color_size ul.list-swatches-size:after { background-image: linear-gradient(to right,transparent,#c3c3c3,transparent); } .color_size .swatch-attribute-options .swatch-option { pointer-events: none; margin-inline: var(--spacing); margin-block: 0px; height: calc(var(--spacing) * 4); width: calc(var(--spacing) * 4); min-width: min-content; overflow: hidden; border-style: var(--tw-border-style); border-width: 1px; border-color: var(--color-gray-300); } .filter-options-content li [type='checkbox']:checked, .filter-options-content li [type='radio']:checked { &[class*="bg-opacity-"] { background-color: #000; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix( in srgb, var(--color-black) calc(100% / var(--tw-bg-opacity)), #0000 ); } } background-color: var(--color-black); } .filter-options-content li [type='checkbox']:focus, .filter-options-content li [type='radio']:focus { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + 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); } .filter-options-content li a.text-blue-600 { color: var(--color-color); } .filter-options-content .swatch-attribute a { margin-bottom: 0px; } .filter-options-content .swatch-attribute .swatch-option .am-swatch-image:hover { border-color: #b6b6b6; border-color: var(--color-container-darker); --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + 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); } .block-filter .filter-content .swatch-attribute .swatch-attribute-options .swatch-option.amshopby-link-selected .am-swatch-image { border-color: #ffb5b7; --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + 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); } .filter-current .amshopby-remove-item .am-swatch-image { pointer-events: none; } .catalog-topnav { display: none; } .catalogsearch-result-index dl { display: none; } .block-filter .am_shopby_apply_filters { position: absolute; margin: 0; top: auto !important; bottom: 0px; left: 0 !important; width: 100% !important; } .block-filter .am-show-button { position: relative; justify-content: space-between; } .block-filter .amshopby-button { border-radius: calc(infinity * 1px); &[class*="bg-opacity-"] { background-color: #000; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix( in srgb, var(--color-black) calc(100% / var(--tw-bg-opacity)), #0000 ); } } background-color: var(--color-black); font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height)); &:focus { --tw-shadow: 0 0 #0000; box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } &:focus { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + 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); } } .block-filter .content { scrollbar-width: thin; } .page-products .product-image > a { position: relative; aspect-ratio: 3 / 4; } .page-products .product-image .product-image-photo { position: absolute; top: 0px; left: 0px; width: 100%; } .page-products .product-image video { position: absolute; top: calc(1 / 2 * 100%); left: 0px; height: 100%; width: 100%; --tw-translate-y: calc(calc(1 / 2 * 100%) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } .no-product.page-products .filter_btn { display: none; } .no-product.page-products .columns { padding-inline: calc(var(--spacing) * 4); padding-bottom: calc(var(--spacing) * 10); @media (width >= 1024px) { padding-bottom: calc(var(--spacing) * 20); } } .no-product.page-products .columns .message.info, .no-product.page-products .columns .message.notice { margin-inline: auto; max-width: var(--container-7xl); justify-content: center; font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height)); @media (width >= 768px) { font-size: var(--text-lg); line-height: var(--tw-leading, var(--text-lg--line-height)); } } .catalog-product-view .columns { display: block; max-width: 100%; padding-inline: 0px; padding-bottom: calc(var(--spacing) * 10); } .catalog-product-view .top-container { position: absolute; top: 73px; right: 0px; z-index: 1; display: none; width: calc(50% + 10px); @media (width >= 768px) { display: block; } @media (width >= 1024px) { width: calc(50% + 24px); } } .catalog-product-view .breadcrumbs { border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; border-color: var(--color-gray-300); --tw-shadow: 0 0 #0000; box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .catalog-product-view .breadcrumbs .items { padding-block: calc(var(--spacing) * 2); } .product_view_title { margin-bottom: calc(var(--spacing) * 4); display: flex; align-items: center; @media (width >= 768px) { margin-bottom: calc(var(--spacing) * 7); } } .product-info-section .page_title_wrapper { margin: 0px; padding: 0px; } .product-info-section .page_title_wrapper .page-title { text-align: left; font-family: var(--font-steviesans); font-size: var(--text-2xl); line-height: var(--tw-leading, var(--text-2xl--line-height)); --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); @media (width >= 768px) { font-size: var(--text-3xl); line-height: var(--tw-leading, var(--text-3xl--line-height)); } @media (width >= 1024px) { font-size: var(--text-4xl); line-height: var(--tw-leading, var(--text-4xl--line-height)); } } .catalog-product-view .product_options .sizeqty_border.orange_color { border-color: var(--color-yellow-500); } .catalog-product-view .product_options .sizeqty_border.green_color { border-color: var(--color-green-500); } .catalog-product-view .product_options .sizeqty_border.black_color { border-color: var(--color-black); } .catalog-product-view .product_options .sizeqty_border.red_color { border-color: var(--color-red-600); } .product_options .b-box.b-box--legend .b-box--legend__item.b-box--legend__item--available .texttt:before { background-color: var(--color-green-500); } .product_options .b-box.b-box--legend .b-box--legend__item.b-box--legend__item--semi-available .texttt:before { background-color: var(--color-yellow-500); } .product_options .b-box.b-box--legend .b-box--legend__item.b-box--legend__item--backorder .texttt:before { &[class*="bg-opacity-"] { background-color: #000; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix( in srgb, var(--color-black) calc(100% / var(--tw-bg-opacity)), #0000 ); } } background-color: var(--color-black); } .product_options .b-box.b-box--legend .b-box--legend__item.b-box--legend__item--unavailable .texttt:before { background-color: var(--color-red-600); } .product_options .tool_tip i:hover + .tool_text { display: block; } body.size_chart_open .custom_modal { display: flex; align-items: center; } .sizechart_content { max-height: calc(100vh - 100px); } body.store_request_open .request_form { display: block; } .request_form .sizechart_content { max-height: 100%; } .store_request_open .product-info-section, .size_chart_open .product-info-section { z-index: 9999; } .product-info-main .mp_social_share_inline_under_cart { width: 100%; justify-content: center; padding: 0px; } .mp_social_share_inline_under_cart .a2a_default_style { margin-inline: calc(var(--spacing) * -1); } .mp_social_share_inline_under_cart .a2a_default_style a { margin-inline: var(--spacing); display: flex; height: calc(var(--spacing) * 10); width: calc(var(--spacing) * 10); align-items: center; justify-content: center; border-radius: calc(infinity * 1px); border-style: var(--tw-border-style); border-width: 1px; border-color: var(--color-gray-400); padding: 0px; &:hover { @media (hover: hover) { border-color: var(--color-gray-500); } } &:hover { @media (hover: hover) { background-color: var(--color-gray-500); } } &:hover { @media (hover: hover) { color: var(--color-white); } } } .mp_social_share_inline_under_cart .a2a_default_style a span { display: none; } .mp_social_share_inline_under_cart .a2a_default_style a:after { font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height)); transition-property: all; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); --tw-content: ''; content: var(--tw-content); font-family: "Font Awesome 6 Brands"; font-weight: 400; } .mp_social_share_inline_under_cart .a2a_default_style a.a2a_button_facebook:after { content: "\f39e"; } .mp_social_share_inline_under_cart .a2a_default_style a.a2a_button_pinterest:after { content: "\f231"; } .mp_social_share_inline_under_cart .a2a_default_style a.a2a_button_linkedin:after { content: "\f0e1"; } .mp_social_share_inline_under_cart .a2a_default_style a img { height: calc(var(--spacing) * 4); width: auto; transition-property: all; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .mp_social_share_inline_under_cart .a2a_default_style a:hover img { --tw-brightness: brightness(0%); --tw-invert: invert(100%); filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,); } .js_dummy_slide { display: none !important; } .details_category .item .title { background: linear-gradient(0deg,rgba(182, 122, 96, 0.8) 0%, rgba(182, 122, 96, 0) 100%); } .single-image > div { display: block; } .guestwishlist-index-index .columns { display: block; max-width: 100%; padding: 0px; } .guestwishlist-index-index .columns .main { position: relative; } .whishlist_title.no-whishlist { margin-bottom: 0px; justify-content: center; border-bottom-style: var(--tw-border-style); border-bottom-width: 0px; padding-top: calc(var(--spacing) * 6); @media (width >= 768px) { padding-top: calc(var(--spacing) * 10); } } .guestwishlist-index-index .share_whishlist_btn { position: absolute; top: calc(var(--spacing) * 4); right: calc(var(--spacing) * 3); @media (width >= 768px) { top: calc(var(--spacing) * 3.5); } @media (width >= 1024px) { top: calc(var(--spacing) * 2.5); } @media (width >= 1024px) { right: calc(var(--spacing) * 5); } } .no_wishlist_text { min-height: 100px; @media (width >= 1024px) { min-height: 300px; } } @keyframes run2 { 0% { left: 0; } 50% { left: 10px; } 100% { left: 0; } } @keyframes run { 0% { left: 0; } 50% { left: 100px; } 100% { left: 0; } } .production_section_1 .production_img:hover img { --tw-scale-x: 105%; --tw-scale-y: 105%; --tw-scale-z: 105%; scale: var(--tw-scale-x) var(--tw-scale-y); } .production_section_1 .content li .arrow { animation: linear infinite; animation-name: run2; animation-duration: 2s; } .production_section_2 .img_box { animation: linear infinite; animation-name: run; animation-duration: 5s; } .review_card:before { position: absolute; top: calc(var(--spacing) * -4); left: calc(var(--spacing) * 5); font-size: var(--text-5xl); line-height: var(--tw-leading, var(--text-5xl--line-height)); color: #e57272; --tw-content: '\f10d'; content: var(--tw-content); font-family: "Font Awesome 6 Free"; font-weight: 900; } .aw_blog-index-index .top-container, .aw_blog-index-index .page_title_wrapper, .aw_blog-index-index .blog-view-toggle-buttons-container, .aw_blog-post-view .top-container, .aw_blog-post-view .blog-view-toggle-buttons-container { display: none; } .aw_blog-index-index .columns, .aw_blog-post-view .columns { display: block; max-width: 100%; padding: 0px; } .aw_blog-index-index .blog-posts { display: grid; gap: calc(var(--spacing) * 4); padding-block: calc(var(--spacing) * 7); @media (width >= 768px) { padding-block: calc(var(--spacing) * 14); } @media (width >= 1024px) { grid-template-columns: repeat(2, minmax(0, 1fr)); } @media (width >= 1024px) { gap: calc(var(--spacing) * 6); } } .blog-posts .blog-posts-post { position: relative; margin: 0px; display: flex; flex-wrap: wrap; --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); --tw-ring-color: var(--color-gray-500); } .blog-posts .blog-post-featured-image-wrapper { position: relative; width: calc(2 / 5 * 100%); overflow: hidden; border-right-style: var(--tw-border-style); border-right-width: 1px; border-color: var(--color-gray-500); padding: var(--spacing); } .blog-posts .blog-post-featured-image-wrapper img { height: 100%; width: 100%; object-fit: cover; } .blog-posts .blog_post_content { position: relative; width: calc(3 / 5 * 100%); padding: var(--spacing); padding-inline: calc(var(--spacing) * 3); padding-top: calc(var(--spacing) * 3); padding-bottom: calc(var(--spacing) * 14); @media (width >= 640px) { padding-bottom: 72px; } @media (width >= 768px) { padding-inline: calc(var(--spacing) * 4); } @media (width >= 768px) { padding-top: calc(var(--spacing) * 4); } @media (width >= 768px) { padding-bottom: 76px; } @media (width >= 1280px) { padding-inline: calc(var(--spacing) * 6); } @media (width >= 1280px) { padding-top: calc(var(--spacing) * 5); } @media (width >= 1280px) { padding-bottom: calc(var(--spacing) * 20); } } .blog-posts .blog-post-header { position: relative; } .blog-post-date { margin-bottom: calc(var(--spacing) * 2); font-size: var(--text-xs); line-height: var(--tw-leading, var(--text-xs--line-height)); --tw-tracking: var(--tracking-wider); letter-spacing: var(--tracking-wider); color: var(--color-gray-400); @media (width >= 640px) { margin-bottom: calc(var(--spacing) * 4); } @media (width >= 768px) { font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); } @media (width >= 1024px) { margin-bottom: calc(var(--spacing) * 5); } } .blog-posts .blog-post-header h2.blog-post-title { overflow: hidden; font-family: var(--font-steviesans); font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height)); --tw-leading: 1; line-height: 1; text-overflow: ellipsis; color: var(--color-color); @media (width >= 768px) { font-size: var(--text-lg); line-height: var(--tw-leading, var(--text-lg--line-height)); } @media (width >= 768px) { --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); } @media (width >= 1024px) { font-size: var(--text-xl); line-height: var(--tw-leading, var(--text-xl--line-height)); } @media (width >= 1280px) { font-size: var(--text-2xl); line-height: var(--tw-leading, var(--text-2xl--line-height)); } display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .blog-posts .blog-post-content { margin-top: calc(var(--spacing) * 4); overflow: hidden; font-size: 13px; text-overflow: ellipsis; @media (width >= 1280px) { font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); } display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; } .blog-posts .blog-post-info-item.socialIcons { top: calc(var(--spacing) * -1); right: 0px; margin-top: calc(var(--spacing) * 3); @media (width >= 640px) { position: absolute; } @media (width >= 640px) { margin-top: 0px; } } .socialIcons .stButton { width: calc(var(--spacing) * 5) !important; } .socialIcons .stButton .chicklets { height: calc(var(--spacing) * 5); } .blog-posts .blog-post-read-more-wrapper { position: absolute; bottom: calc(var(--spacing) * 3); left: calc(var(--spacing) * 3); @media (width >= 768px) { bottom: calc(var(--spacing) * 4); } @media (width >= 768px) { left: calc(var(--spacing) * 4); } @media (width >= 1280px) { bottom: calc(var(--spacing) * 5); } @media (width >= 1280px) { left: calc(var(--spacing) * 6); } } .blog-posts .blog-post-read-more-wrapper a { padding-block: calc(var(--spacing) * 2); font-size: var(--text-xs); line-height: var(--tw-leading, var(--text-xs--line-height)); text-transform: uppercase; @media (width >= 640px) { padding-inline: calc(var(--spacing) * 7); } @media (width >= 640px) { padding-block: calc(var(--spacing) * 3); } @media (width >= 640px) { font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); } } .aw_blog-post-view .blog-post-featured-image-wrapper { display: none; } .aw_blog-post-view .blog-post-date { margin-bottom: 0px; } .aw_blog-post-view .blog_post_content { padding-top: calc(var(--spacing) * 10); } .aw_blog-post-view .blog_post_container { margin: auto; max-width: 1200px; padding-inline: calc(var(--spacing) * 3); } .aw_blog-post-view .blog-post-header { margin: auto; margin-bottom: calc(var(--spacing) * 8); max-width: 1200px; padding-inline: calc(var(--spacing) * 3); text-align: center; @media (width >= 768px) { margin-bottom: calc(var(--spacing) * 10); } } .aw_blog-post-view .blog-post-header h1.blog-post-title { margin-block: calc(var(--spacing) * 4); font-family: var(--font-steviesans); font-size: var(--text-3xl); line-height: var(--tw-leading, var(--text-3xl--line-height)); --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); color: var(--color-color); @media (width >= 1024px) { font-size: 40px; } } .aw_blog-post-view .blog-post-info-item.socialIcons { display: none; } .post_content h2 { margin-block: calc(var(--spacing) * 5); font-family: var(--font-steviesans); font-size: var(--text-2xl); line-height: var(--tw-leading, var(--text-2xl--line-height)); --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); @media (width >= 1024px) { font-size: var(--text-3xl); line-height: var(--tw-leading, var(--text-3xl--line-height)); } } .post_content h3 { margin-block: calc(var(--spacing) * 5); font-family: var(--font-steviesans); font-size: var(--text-xl); line-height: var(--tw-leading, var(--text-xl--line-height)); --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); @media (width >= 1024px) { font-size: var(--text-2xl); line-height: var(--tw-leading, var(--text-2xl--line-height)); } } .post_content h4 { margin-block: calc(var(--spacing) * 5); font-family: var(--font-steviesans); font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height)); --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); @media (width >= 1024px) { font-size: var(--text-xl); line-height: var(--tw-leading, var(--text-xl--line-height)); } } .post_content p { margin-block: calc(var(--spacing) * 4); font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); @media (width >= 1024px) { font-size: 15px; } } .post_content ul { margin-block: calc(var(--spacing) * 4); list-style-type: disc; padding-left: calc(var(--spacing) * 4); font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); @media (width >= 1024px) { font-size: 15px; } } .post_content ol { margin-block: calc(var(--spacing) * 4); list-style-type: decimal; padding-left: calc(var(--spacing) * 4); font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); @media (width >= 1024px) { font-size: 15px; } } .post_content li { margin-block: var(--spacing); } .post_content strong { --tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold); } .blog_img_row { margin-inline: calc(var(--spacing) * -2); display: flex; flex-wrap: wrap; } .blog_img_row .col-12 { position: relative; width: 100%; padding-inline: calc(var(--spacing) * 2); } .blog_img_row .col-6 { position: relative; width: calc(1 / 2 * 100%); padding-inline: calc(var(--spacing) * 2); } .blog_img_row .col-4 { position: relative; width: 100%; padding-inline: calc(var(--spacing) * 2); @media (width >= 768px) { width: calc(1 / 3 * 100%); } } .blog_img_row .col-3 { position: relative; width: 100%; padding-inline: calc(var(--spacing) * 2); @media (width >= 768px) { width: calc(1 / 2 * 100%); } @media (width >= 1024px) { width: calc(1 / 4 * 100%); } } .blog_img { padding-block: calc(var(--spacing) * 3); } .blog_img img { margin: auto; display: block; height: auto; width: 100%; } .blog_img a:hover img { opacity: 70%; } .post_content .blog_img h4 { margin-top: calc(var(--spacing) * 4); margin-bottom: 0px; color: var(--color-brand-secondary); } .post_content .blog_img p { margin-top: calc(var(--spacing) * 4); margin-bottom: 0px; font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); } .blog_post_feature_full { padding-bottom: calc(var(--spacing) * 7); @media (width >= 768px) { padding-bottom: calc(var(--spacing) * 10); } } .blog_post_section { padding-block: calc(var(--spacing) * 7); @media (width >= 768px) { padding-block: calc(var(--spacing) * 10); } } .black_bg { background: #000; } .light_bg { background: #fbf2f0; } .blog_post_section .row { margin-inline: calc(var(--spacing) * -3); display: flex; flex-wrap: wrap; align-items: center; } .blog_post_section .post_img { order: 1; width: 100%; padding-inline: calc(var(--spacing) * 3); text-align: left; @media (width >= 768px) { order: 0; } @media (width >= 768px) { width: calc(1 / 2 * 100%); } } .blog_post_section .post_img img { width: 100%; vertical-align: bottom; } .blog_post_section.black_bg .post_img, .blog_post_section.light_bg .post_img { order: 2; } .blog_post_section .post_content { order: 2; width: 100%; padding-inline: calc(var(--spacing) * 3); text-align: left; @media (width >= 768px) { order: 0; } @media (width >= 768px) { width: calc(1 / 2 * 100%); } } .blog_post_section.black_bg .post_content { order: 1; } .blog_post_section.light_bg .post_content { order: 1; } .black_bg .post_content { color: var(--color-white); } .light_bg .post_content { color: var(--color-gray-700); } .black_bg .post_content h3 { color: var(--color-white); } @media (width >= 1024px) { .padding_40 { padding-inline: calc(var(--spacing) * 10); padding-top: 0px; padding-bottom: calc(var(--spacing) * 7); } } .padding_40 .blog_post_section { margin-bottom: calc(var(--spacing) * 5); padding: 0px; @media (width >= 768px) { margin-bottom: 0px; } background: #fbf2f0; } .padding_40 .blog_post_section .row { margin: 0px; } .padding_40 .blog_post_section .post_img { padding: 0px; } .padding_40 .blog_post_section .post_content { padding: calc(var(--spacing) * 5); @media (width >= 1024px) { padding-inline: calc(var(--spacing) * 14); } @media (width >= 1024px) { padding-block: calc(var(--spacing) * 5); } } .aw_blog-post-view #blog-related-posts, .aw_blog-post-view .prev-next { display: none; } .aw_blog-post-view .blog-post-share { margin-top: calc(var(--spacing) * 7); border-top-style: var(--tw-border-style); border-top-width: 1px; border-color: var(--color-gray-600); padding-block: calc(var(--spacing) * 7); text-align: center; } .aw_blog-post-view .blog-post-share-title { display: block; font-size: var(--text-xs); line-height: var(--tw-leading, var(--text-xs--line-height)); --tw-tracking: var(--tracking-widest); letter-spacing: var(--tracking-widest); color: var(--color-black); text-transform: uppercase; } .aw_blog-post-view .blog-post-share-content { margin-top: calc(var(--spacing) * 4); } .aw_blog-post-view .blog-post-share .stButton { width: calc(var(--spacing) * 6) !important; } .aw_blog-post-view .blog-post-share .stButton .chicklets { height: calc(var(--spacing) * 6); width: calc(var(--spacing) * 6); } .blog-pagination { margin-bottom: calc(var(--spacing) * 10); display: flex; justify-content: center; gap: var(--spacing); } .blog-pagination .blog-pagination-item { display: inline-flex; height: calc(var(--spacing) * 9); width: calc(var(--spacing) * 9); align-items: center; justify-content: center; border-radius: calc(infinity * 1px); border-style: var(--tw-border-style); border-width: 1px; border-color: var(--color-gray-300); &[class*="bg-opacity-"] { background-color: #fff; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix( in srgb, var(--color-white) calc(100% / var(--tw-bg-opacity)), #0000 ); } } background-color: var(--color-white); font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); } .blog-pagination .blog-pagination-item.blog-pagination-page-current { border-color: #e57272; color: #e57272; } .amlocator-index-index .page_title_wrapper { display: none; } .amlocator-index-index .columns { display: block; max-width: 100%; padding: 0px; } .amlocator-stores-wrapper { scrollbar-width: thin; } .amlocator-stores-wrapper .amlocator-store-desc.active { border-color: var(--color-red-300); background: #fbf2f0; } .amlocator-stores-wrapper .amlocator-store-desc.active a { color: var(--color-gray-700); } .amlocator-stores-wrapper .amlocator-store-information { width: calc(2 / 3 * 100%); font-size: 13px; @media (width >= 1280px) { width: calc(3 / 5 * 100%); } } .amlocator-stores-wrapper .store_right { width: calc(1 / 3 * 100%); text-align: right; @media (width >= 1280px) { width: calc(2 / 5 * 100%); } } .amlocator-stores-wrapper .amlocator-store-information .amlocator-title { margin-bottom: calc(var(--spacing) * -4); font-family: var(--font-steviesans); font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height)); --tw-font-weight: var(--font-weight-normal); font-weight: var(--font-weight-normal); } .amlocator-stores-wrapper .amlocator-store-information p a { text-decoration-line: underline; } .amlocator-store-desc .enquiry_button { position: absolute; bottom: 0px; left: 0px; width: 100%; font-size: 10px; @media (width >= 1280px) { position: static; } @media (width >= 1280px) { width: auto; } } .amlocator-stores-wrapper .amlocator-store-desc.active .enquiry_button { color: var(--color-white); } .assortment-list li { position: relative; padding-right: calc(var(--spacing) * 3); font-size: var(--text-xs); line-height: var(--tw-leading, var(--text-xs--line-height)); text-transform: capitalize; &::before { content: var(--tw-content); position: absolute; } &::before { content: var(--tw-content); top: calc(1 / 2 * 100%); } &::before { content: var(--tw-content); right: 0px; } &::before { content: var(--tw-content); height: var(--spacing); } &::before { content: var(--tw-content); width: var(--spacing); } &::before { content: var(--tw-content); border-radius: calc(infinity * 1px); } &::before { content: var(--tw-content); background-color: var(--color-gray-400); } } .amlocator-pager-container { margin-top: calc(var(--spacing) * 3); text-align: center; } .amlocator-pager-container .pages .pages-items { position: relative; display: inline-flex; height: auto; } .amlocator-pager-container .pages .item { margin-inline: calc(var(--spacing) * 0.5); background-color: transparent; padding: 0px; } .amlocator-pager-container .pages strong.page { display: inline-flex; height: calc(var(--spacing) * 8); width: calc(var(--spacing) * 8); align-items: center; justify-content: center; border-radius: calc(infinity * 1px); background-color: var(--color-gray-500); padding: 0px; font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); --tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold); color: var(--color-white); } .amlocator-pager-container .pages button { display: inline-flex; height: calc(var(--spacing) * 8); width: calc(var(--spacing) * 8); align-items: center; justify-content: center; border-radius: calc(infinity * 1px); border-style: var(--tw-border-style); border-width: 1px; border-color: var(--color-gray-300); padding: 0px; font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); color: var(--color-gray-500); } .amlocator-pager-container .pages button svg { display: inline-block; height: calc(var(--spacing) * 5); width: calc(var(--spacing) * 5); } .enquiry-index-index .columns { max-width: 100%; padding: 0px; } .contact_success { padding-block: calc(var(--spacing) * 10); text-align: center; min-height: calc(100vh - 681px); } .contact_success h1 { margin-bottom: calc(var(--spacing) * 4); font-size: var(--text-xl); line-height: var(--tw-leading, var(--text-xl--line-height)); --tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold); @media (width >= 768px) { font-size: var(--text-2xl); line-height: var(--tw-leading, var(--text-2xl--line-height)); } } .contact_success h1:before { margin-bottom: calc(var(--spacing) * 6); display: block; font-size: var(--text-6xl); line-height: var(--tw-leading, var(--text-6xl--line-height)); color: var(--color-green-400); --tw-content: '\f058'; content: var(--tw-content); font-family: "Font Awesome 6 Free"; font-weight: 900; } .contact_success p { margin-bottom: calc(var(--spacing) * 5); font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height)); @media (width >= 768px) { font-size: var(--text-lg); line-height: var(--tw-leading, var(--text-lg--line-height)); } } .contact_success .back_to_home { display: inline-block; border-radius: var(--radius-md); background-color: var(--color-brand-primary); padding-inline: calc(var(--spacing) * 7); padding-block: calc(var(--spacing) * 3); font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); color: var(--color-white); text-transform: uppercase; @media (width >= 768px) { font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height)); } } .addstore-index-index .page-header, .addstore-index-index .page-footer, .addstore-index-index .term_modal { display: none; } .addstore-index-index .columns { display: block; max-width: 100%; padding: 0px; } .store_form_section { margin-inline: calc(var(--spacing) * -4); display: flex; flex-wrap: wrap; align-items: flex-start; } .store_form_section .store_locate_form { display: flex; width: 100%; flex-wrap: wrap; padding-top: calc(var(--spacing) * 6); @media (width >= 768px) { width: calc(3 / 5 * 100%); } } .store_locate_form .form_item { position: relative; margin-bottom: calc(var(--spacing) * 4); width: 100%; padding-inline: calc(var(--spacing) * 4); @media (width >= 768px) { width: calc(2 / 4 * 100%); } } .store_locate_form .form_item.full { width: 100%; } .store_locate_form .form_item .form_control { height: calc(var(--spacing) * 10); width: 100%; border-radius: 0.25rem; border-style: var(--tw-border-style); border-width: 1px; border-color: var(--color-gray-300); &[class*="bg-opacity-"] { background-color: #fff; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix( in srgb, var(--color-white) calc(100% / var(--tw-bg-opacity)), #0000 ); } } background-color: var(--color-white); padding-inline: calc(var(--spacing) * 3); padding-block: var(--spacing); font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height)); } .store_locate_form .form_item .custom-file { position: relative; } .store_locate_form .form_item .custom-file-input { position: relative; z-index: 2; opacity: 0%; } .store_locate_form .form_item .custom-file-label { position: absolute; top: 0px; left: 0px; margin-bottom: 0px; height: 38px; width: 100%; border-radius: 0.25rem; border-style: var(--tw-border-style); border-width: 1px; border-color: var(--color-gray-300); &[class*="bg-opacity-"] { background-color: #fff; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix( in srgb, var(--color-white) calc(100% / var(--tw-bg-opacity)), #0000 ); } } background-color: var(--color-white); padding-inline: calc(var(--spacing) * 3); --tw-font-weight: var(--font-weight-normal); font-weight: var(--font-weight-normal); color: var(--color-gray-500); line-height: 34px; } .store_locate_form .form_item .custom-file-label:after { position: absolute; top: 0px; right: 0px; height: calc(var(--spacing) * 9); border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; background-color: var(--color-gray-500); padding-inline: calc(var(--spacing) * 4); font-size: var(--text-xs); line-height: var(--tw-leading, var(--text-xs--line-height)); --tw-leading: calc(var(--spacing) * 9); line-height: calc(var(--spacing) * 9); color: var(--color-white); --tw-content: 'Browse'; content: var(--tw-content); } .store_locate_form .form_item label { margin-bottom: var(--spacing); display: block; font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); --tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold); color: var(--color-gray-600); } .store_locate_form .form_item ul { margin-top: calc(var(--spacing) * 3); display: flex; flex-wrap: wrap; justify-content: space-between; } .store_locate_form .form_item ul li { position: relative; padding-bottom: calc(var(--spacing) * 4); } .store_form_section .checkbox label { position: relative; margin-bottom: 0px; display: inline-block; min-height: 20px; padding-left: calc(var(--spacing) * 2); --tw-leading: calc(var(--spacing) * 5); line-height: calc(var(--spacing) * 5); --tw-font-weight: var(--font-weight-normal); font-weight: var(--font-weight-normal); } .store_form_section .store_desc { width: 100%; padding-inline: calc(var(--spacing) * 4); padding-top: calc(var(--spacing) * 6); @media (width >= 768px) { width: calc(2 / 5 * 100%); } } .store_desc h4 { margin-bottom: calc(var(--spacing) * 5); font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height)); --tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold); } .store_desc ul { list-style-type: disc; padding-left: calc(var(--spacing) * 6); } .store_desc ul li { margin-bottom: calc(var(--spacing) * 2); font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); } .store_desc p { margin-bottom: calc(var(--spacing) * 4); padding-left: calc(var(--spacing) * 6); font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); } .store_desc .checkbox { position: relative; margin-bottom: calc(var(--spacing) * -8); width: calc(var(--spacing) * 4); } .store_form_section .locte_btn { margin-top: calc(var(--spacing) * 7); margin-bottom: calc(var(--spacing) * 5); } .store_form_section .locte_btn button { display: inline-block; cursor: pointer; border-radius: 0.25rem; background-color: var(--color-brand-primary); padding-inline: calc(var(--spacing) * 8); padding-block: calc(var(--spacing) * 3); font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); color: var(--color-white); text-transform: uppercase; } .contact_slide_btn { z-index: 50; writing-mode: vertical-rl; } .cms-b2b-proposal .contact_slide_btn { display: none; } .contact_slide_form { width: 900px; } .contact_slide_header { position: relative; border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; border-color: var(--color-gray-300); padding-block: calc(var(--spacing) * 5); padding-right: calc(var(--spacing) * 14); padding-left: calc(var(--spacing) * 5); @media (width >= 768px) { padding-left: calc(var(--spacing) * 9); } } .contact_slide_close { position: absolute; top: calc(var(--spacing) * 3); right: calc(var(--spacing) * 2); cursor: pointer; padding-inline: calc(var(--spacing) * 3); font-size: var(--text-4xl); line-height: var(--tw-leading, var(--text-4xl--line-height)); } .contact_slide_content { padding-inline: calc(var(--spacing) * 5); padding-block: calc(var(--spacing) * 5); @media (width >= 768px) { padding-inline: calc(var(--spacing) * 9); } } .contact_slide_form .contact_slide_content h2 { margin-bottom: calc(var(--spacing) * 2); font-size: var(--text-2xl); line-height: var(--tw-leading, var(--text-2xl--line-height)); --tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold); @media (width >= 768px) { font-size: var(--text-3xl); line-height: var(--tw-leading, var(--text-3xl--line-height)); } } .contact_slide_form .contact_slide_content p { margin-bottom: calc(var(--spacing) * 5); font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height)); --tw-font-weight: var(--font-weight-light); font-weight: var(--font-weight-light); @media (width >= 768px) { font-size: var(--text-lg); line-height: var(--tw-leading, var(--text-lg--line-height)); } } .contact_slide_form .form_group { margin-inline: calc(var(--spacing) * -3); display: flex; flex-wrap: wrap; } .contact_slide_form .form_group .form_half { position: relative; margin-bottom: calc(var(--spacing) * 5); width: 100%; padding-inline: calc(var(--spacing) * 3); @media (width >= 768px) { width: calc(1 / 2 * 100%); } } .contact_slide_form .form_group .form_full { position: relative; margin-bottom: calc(var(--spacing) * 5); width: 100%; padding-inline: calc(var(--spacing) * 3); } .contact_slide_form label { margin-bottom: var(--spacing); display: block; font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); &::after { content: var(--tw-content); margin-left: 3px; } &::after { content: var(--tw-content); display: inline; } &::after { content: var(--tw-content); font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); } &::after { content: var(--tw-content); color: #c31619; } &::after { content: var(--tw-content); --tw-content: '\002a'; content: var(--tw-content); } } .contact_slide_form .form_group .form_control { height: calc(var(--spacing) * 10); width: 100%; border-color: var(--color-gray-300); &:focus { border-color: var(--color-gray-500); } &:focus { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + 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); } } .contact_slide_form .form_group textarea.form_control { height: calc(var(--spacing) * 28); } .contact_slide_form .submit_btn { display: inline-block; cursor: pointer; background-color: var(--color-brand-primary); padding-inline: calc(var(--spacing) * 8); padding-block: calc(var(--spacing) * 4); font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height)); --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); color: var(--color-white); text-transform: uppercase; } .events_section { padding-block: calc(var(--spacing) * 10); } .events_section .title { margin-bottom: calc(var(--spacing) * 5); border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; border-color: var(--color-gray-300); padding-bottom: calc(var(--spacing) * 3); text-align: center; @media (width >= 1024px) { margin-bottom: 0px; } @media (width >= 1024px) { text-align: left; } } .events_section .title h1 { margin: 0px; font-family: var(--font-steviesans); font-size: var(--text-2xl); line-height: var(--tw-leading, var(--text-2xl--line-height)); --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); @media (width >= 768px) { font-size: var(--text-3xl); line-height: var(--tw-leading, var(--text-3xl--line-height)); } } ul.event_list { display: flex; flex-wrap: wrap; justify-content: space-between; @media (width >= 1024px) { display: block; } } .event_list li.item { position: relative; margin-block: calc(var(--spacing) * 3); display: flex; width: 100%; flex-wrap: wrap; align-items: center; border-radius: var(--radius-2xl); border-color: var(--color-gray-300); &[class*="bg-opacity-"] { background-color: #fff; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix( in srgb, var(--color-white) calc(100% / var(--tw-bg-opacity)), #0000 ); } } background-color: var(--color-white); padding-inline: calc(var(--spacing) * 4); padding-block: calc(var(--spacing) * 5); text-align: center; --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); &::before { content: var(--tw-content); position: absolute; } &::before { content: var(--tw-content); top: calc(var(--spacing) * 4); } &::before { content: var(--tw-content); left: 0px; } &::before { content: var(--tw-content); display: none; } &::before { content: var(--tw-content); height: calc(100% - 30px); } &::before { content: var(--tw-content); width: var(--spacing); } &::before { content: var(--tw-content); border-radius: 0.25rem; } &::before { content: var(--tw-content); background-color: #ae9450; } @media (width >= 768px) { width: calc(50% - 10px); } @media (width >= 1024px) { margin: 0px; } @media (width >= 1024px) { width: 100%; } @media (width >= 1024px) { border-radius: 0; } @media (width >= 1024px) { border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; } @media (width >= 1024px) { padding-left: calc(var(--spacing) * 6); } @media (width >= 1024px) { text-align: left; } @media (width >= 1024px) { --tw-shadow: 0 0 #0000; box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } @media (width >= 1024px) { &::before { content: var(--tw-content); display: block; } } } .event_list .event_date { margin-bottom: calc(var(--spacing) * 3); width: 100%; font-family: var(--font-steviesans); font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height)); --tw-font-weight: var(--font-weight-normal); font-weight: var(--font-weight-normal); &::before { content: var(--tw-content); margin-right: calc(var(--spacing) * 3); } &::before { content: var(--tw-content); display: none; } &::before { content: var(--tw-content); font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height)); } &::before { content: var(--tw-content); color: var(--color-gray-500); } &::before { content: var(--tw-content); --tw-content: '\f073'; content: var(--tw-content); } @media (width >= 1024px) { margin-bottom: 0px; } @media (width >= 1024px) { width: calc(1 / 4 * 100%); } @media (width >= 1024px) { &::before { content: var(--tw-content); display: inline-block; } } @media (width >= 1280px) { font-size: var(--text-lg); line-height: var(--tw-leading, var(--text-lg--line-height)); } } .event_list .event_date:before { font-family: "Font Awesome 6 Free"; font-weight: 900; } .event_list .event_center { margin-bottom: calc(var(--spacing) * 3); width: 100%; @media (width >= 1024px) { margin-bottom: 0px; } @media (width >= 1024px) { width: calc(2 / 5 * 100%); } @media (width >= 1024px) { padding-left: calc(var(--spacing) * 5); } } .event_list .event_name { margin-bottom: var(--spacing); font-family: var(--font-steviesans); font-size: 15px; --tw-font-weight: var(--font-weight-normal); font-weight: var(--font-weight-normal); text-transform: uppercase; @media (width >= 768px) { font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height)); } } .event_list .event_address { font-size: var(--text-xs); line-height: var(--tw-leading, var(--text-xs--line-height)); color: var(--color-gray-500); text-transform: uppercase; @media (width >= 1024px) { font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); } } .event_list .booth_no { margin-bottom: calc(var(--spacing) * 4); width: 100%; font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); @media (width >= 1024px) { margin-bottom: 0px; } @media (width >= 1024px) { width: auto; } } .event_list .action { margin-left: auto; width: 100%; @media (width >= 1024px) { width: auto; } } .event_list .action a { font-size: var(--text-xs); line-height: var(--tw-leading, var(--text-xs--line-height)); color: var(--color-gray-500); text-transform: uppercase; text-decoration-line: none; &:hover { @media (hover: hover) { color: var(--color-black); } } @media (width >= 1024px) { font-size: 13px; } } .event_list .action a:after { margin-left: var(--spacing); color: var(--color-gray-500); --tw-content: '\f105'; content: var(--tw-content); font-family: "Font Awesome 6 Free"; font-weight: 900; } .event_section { position: relative; background-size: cover; background-position: top center; background-repeat: no-repeat; padding-block: calc(var(--spacing) * 10); &::before { content: var(--tw-content); position: absolute; } &::before { content: var(--tw-content); top: 0px; } &::before { content: var(--tw-content); left: 0px; } &::before { content: var(--tw-content); height: 100%; } &::before { content: var(--tw-content); width: 100%; } &::before { content: var(--tw-content); background-color: color-mix(in srgb, #000 10%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-black) 10%, transparent); } } @media (width >= 1024px) { padding-block: calc(var(--spacing) * 20); } } .event_section .custom-container { position: relative; } .event_section .content { margin-bottom: calc(var(--spacing) * 7); text-align: center; color: var(--color-white); @media (width >= 1024px) { margin-bottom: 0px; } @media (width >= 1024px) { text-align: left; } } .event_section .content h5 { margin-bottom: calc(var(--spacing) * 5); display: inline-block; border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; border-color: var(--color-white); padding-bottom: calc(var(--spacing) * 2); font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height)); @media (width >= 1024px) { font-size: var(--text-lg); line-height: var(--tw-leading, var(--text-lg--line-height)); } } .event_section .content h4.event_subtitle { margin-bottom: calc(var(--spacing) * 4); font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height)); --tw-tracking: var(--tracking-widest); letter-spacing: var(--tracking-widest); text-transform: uppercase; @media (width >= 1024px) { font-size: var(--text-2xl); line-height: var(--tw-leading, var(--text-2xl--line-height)); } } .event_section .content h1.event_title { margin-bottom: calc(var(--spacing) * 6); font-family: var(--font-steviesans); font-size: var(--text-2xl); line-height: var(--tw-leading, var(--text-2xl--line-height)); --tw-font-weight: var(--font-weight-bold); font-weight: var(--font-weight-bold); text-transform: uppercase; @media (width >= 1024px) { margin-bottom: calc(var(--spacing) * 12); } @media (width >= 1024px) { font-size: var(--text-4xl); line-height: var(--tw-leading, var(--text-4xl--line-height)); } } .event_section .content h1.event_title span { margin-top: calc(var(--spacing) * 4); display: block; font-size: var(--text-lg); line-height: var(--tw-leading, var(--text-lg--line-height)); --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); text-transform: none; @media (width >= 1024px) { font-size: var(--text-2xl); line-height: var(--tw-leading, var(--text-2xl--line-height)); } } .event_section .content .event_date { margin-bottom: calc(var(--spacing) * 4); @media (width >= 1024px) { margin-bottom: calc(var(--spacing) * 6); } } .event_section .content .event_date span { display: inline-block; border-radius: var(--radius-3xl); &[class*="bg-opacity-"] { background-color: #fff; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix( in srgb, var(--color-white) calc(100% / var(--tw-bg-opacity)), #0000 ); } } background-color: var(--color-white); padding-inline: calc(var(--spacing) * 5); padding-block: calc(var(--spacing) * 2); font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height)); --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); color: var(--color-color); @media (width >= 1024px) { font-size: var(--text-xl); line-height: var(--tw-leading, var(--text-xl--line-height)); } } .event_section .content .event_location { margin-bottom: calc(var(--spacing) * 4); font-family: var(--font-steviesans); font-size: var(--text-lg); line-height: var(--tw-leading, var(--text-lg--line-height)); --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); @media (width >= 1024px) { margin-bottom: calc(var(--spacing) * 6); } @media (width >= 1024px) { font-size: var(--text-3xl); line-height: var(--tw-leading, var(--text-3xl--line-height)); } } .event_section .content .event_location span { display: block; font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height)); @media (width >= 1024px) { font-size: var(--text-2xl); line-height: var(--tw-leading, var(--text-2xl--line-height)); } } .event_section .content p { margin-bottom: calc(var(--spacing) * 3); font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height)); &:last-child { margin-bottom: 0px; } @media (width >= 1024px) { font-size: var(--text-lg); line-height: var(--tw-leading, var(--text-lg--line-height)); } } .event_section .content p a { color: var(--color-white); text-decoration-line: underline; } .event_form { align-items: flex-start; justify-content: flex-end; @media (width >= 1024px) { display: flex; } } .event_form .event-form-section { width: 100%; border-radius: var(--radius-3xl); background-color: #fcebeb; padding-inline: calc(var(--spacing) * 5); padding-block: calc(var(--spacing) * 7); @media (width >= 1024px) { max-width: var(--container-lg); } @media (width >= 1024px) { padding: calc(var(--spacing) * 7); } outline: 5px solid rgba(196, 128, 80, 0.4); } .event_form .event-form-section h4 { margin-bottom: calc(var(--spacing) * 5); font-family: var(--font-steviesans); font-size: var(--text-xl); line-height: var(--tw-leading, var(--text-xl--line-height)); --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); @media (width >= 1024px) { font-size: var(--text-2xl); line-height: var(--tw-leading, var(--text-2xl--line-height)); } } .event_form .event-form-section form { margin-inline: calc(var(--spacing) * -2); display: flex; flex-wrap: wrap; } .event_form .event-form-section label { margin-bottom: var(--spacing); font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); } .event_form .event-form-section .field { margin-bottom: calc(var(--spacing) * 4); width: 100%; padding-inline: calc(var(--spacing) * 2); @media (width >= 768px) { width: calc(1 / 2 * 100%); } } .event_form .event-form-section .field.full { width: 100%; } .event_form .event-form-section .input-text { height: calc(var(--spacing) * 10); width: 100%; border-radius: 0; border-style: var(--tw-border-style); border-width: 1px; border-color: var(--color-gray-400); background-color: transparent; padding-block: var(--spacing); font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height)); --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + 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); &:focus { border-color: var(--color-gray-700); } &:focus { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + 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); } } .event_form .event-form-section textarea.input-text { height: calc(var(--spacing) * 20); } .event_form .actions-toolbar { margin-top: 0px; border-style: var(--tw-border-style); border-width: 0px; padding-top: 0px; } .event_form .actions-toolbar button.action.submit { border-radius: calc(infinity * 1px); border-style: var(--tw-border-style); border-width: 0px; background-color: #857571; padding-inline: calc(var(--spacing) * 8); padding-block: calc(var(--spacing) * 4); font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height)); --tw-font-weight: var(--font-weight-normal); font-weight: var(--font-weight-normal); --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + 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); &:focus { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + 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); } } .eventpage-index-success .columns .column.main { padding-block: calc(var(--spacing) * 12); @media (width >= 768px) { padding-block: calc(var(--spacing) * 20); } } .eventthank_you_content_wrapper h1 { font-family: var(--font-steviesans); font-size: var(--text-3xl); line-height: var(--tw-leading, var(--text-3xl--line-height)); --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); } .eventthank_you_content_wrapper h4 { margin-top: calc(var(--spacing) * 5); font-family: var(--font-steviesans); font-size: var(--text-xl); line-height: var(--tw-leading, var(--text-xl--line-height)); --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); } .eventthank_you_content_wrapper .icon { margin-bottom: calc(var(--spacing) * 4); } .eventthank_you_content_wrapper .icon img { display: inline-block; height: calc(var(--spacing) * 20); } .event-return-home-btn { margin-top: calc(var(--spacing) * 7); display: inline-block; background-color: var(--color-brand-primary); padding-inline: calc(var(--spacing) * 7); padding-block: calc(var(--spacing) * 3); font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height)); color: var(--color-white); text-decoration-line: none; } .atelier_banner img, .atelier_banner video { width: 100%; } .atelier_text_wrapper { color: var(--color-gray-700); } .atelier_text_wrapper h1 { margin-bottom: calc(var(--spacing) * 5); font-family: var(--font-steviesans); font-size: var(--text-2xl); line-height: var(--tw-leading, var(--text-2xl--line-height)); --tw-font-weight: var(--font-weight-bold); font-weight: var(--font-weight-bold); @media (width >= 768px) { font-size: var(--text-3xl); line-height: var(--tw-leading, var(--text-3xl--line-height)); } @media (width >= 1024px) { font-size: var(--text-4xl); line-height: var(--tw-leading, var(--text-4xl--line-height)); } } .atelier_text_wrapper h2 { margin-bottom: calc(var(--spacing) * 5); font-family: var(--font-steviesans); font-size: var(--text-xl); line-height: var(--tw-leading, var(--text-xl--line-height)); --tw-font-weight: var(--font-weight-bold); font-weight: var(--font-weight-bold); @media (width >= 768px) { font-size: var(--text-2xl); line-height: var(--tw-leading, var(--text-2xl--line-height)); } @media (width >= 1024px) { font-size: var(--text-3xl); line-height: var(--tw-leading, var(--text-3xl--line-height)); } } .atelier_text_wrapper h3 { margin-bottom: calc(var(--spacing) * 5); font-family: var(--font-steviesans); font-size: var(--text-lg); line-height: var(--tw-leading, var(--text-lg--line-height)); --tw-font-weight: var(--font-weight-bold); font-weight: var(--font-weight-bold); @media (width >= 1024px) { font-size: var(--text-2xl); line-height: var(--tw-leading, var(--text-2xl--line-height)); } } .atelier_text_wrapper p { margin-bottom: calc(var(--spacing) * 5); font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); @media (width >= 768px) { font-size: var(--text-lg); line-height: var(--tw-leading, var(--text-lg--line-height)); } } .atelier_text_wrapper strong { --tw-font-weight: var(--font-weight-bold); font-weight: var(--font-weight-bold); } .atelier_text_wrapper i { font-style: italic; } .atelier_text_wrapper .border_btm { position: relative; padding-bottom: calc(var(--spacing) * 4); &::after { content: var(--tw-content); position: absolute; } &::after { content: var(--tw-content); bottom: 0px; } &::after { content: var(--tw-content); left: calc(1 / 2 * 100%); } &::after { content: var(--tw-content); height: 1px; } &::after { content: var(--tw-content); width: calc(var(--spacing) * 60); } &::after { content: var(--tw-content); --tw-translate-x: calc(calc(1 / 2 * 100%) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } &::after { content: var(--tw-content); background-color: #727271; } } .atelier_text_wrapper .btn_sec a { display: inline-block; background-color: var(--color-brand-primary); padding-inline: calc(var(--spacing) * 8); padding-block: calc(var(--spacing) * 4); font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); color: var(--color-white); text-decoration-line: none; @media (width >= 768px) { font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height)); } } .atelier_img_text_section { display: flex; flex-wrap: wrap; background-color: var(--color-gray-200); } .atelier_img_text_section .img_wrapper { width: 100%; @media (width >= 768px) { width: calc(1 / 2 * 100%); } } .atelier_img_text_section .img_wrapper img { height: 100%; width: 100%; object-fit: cover; } .atelier_img_text_section .atelier_text_wrapper { display: flex; width: 100%; flex-direction: column; justify-content: center; padding-inline: calc(var(--spacing) * 4); padding-block: calc(var(--spacing) * 5); @media (width >= 768px) { width: calc(1 / 2 * 100%); } @media (width >= 768px) { padding-block: calc(var(--spacing) * 7); } @media (width >= 1024px) { padding-inline: calc(var(--spacing) * 14); } } .atelier_card { margin-bottom: calc(var(--spacing) * 5); background-color: var(--color-gray-200); color: var(--color-gray-700); } .atelier_card img { width: 100%; } .atelier_card .content { padding-inline: calc(var(--spacing) * 4); padding-block: calc(var(--spacing) * 5); @media (width >= 768px) { padding-inline: calc(var(--spacing) * 7); } } .atelier_card h4 { margin-bottom: calc(var(--spacing) * 4); font-family: var(--font-steviesans); font-size: var(--text-xl); line-height: var(--tw-leading, var(--text-xl--line-height)); --tw-font-weight: var(--font-weight-bold); font-weight: var(--font-weight-bold); @media (width >= 768px) { margin-bottom: calc(var(--spacing) * 5); } @media (width >= 768px) { font-size: var(--text-2xl); line-height: var(--tw-leading, var(--text-2xl--line-height)); } } .atelier_card p { font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); @media (width >= 768px) { font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height)); } } .location_banner { position: relative; max-height: 520px; overflow: hidden; &::before { content: var(--tw-content); position: absolute; } &::before { content: var(--tw-content); top: 0px; } &::before { content: var(--tw-content); left: 0px; } &::before { content: var(--tw-content); height: 100%; } &::before { content: var(--tw-content); width: 100%; } &::before { content: var(--tw-content); background-color: color-mix(in srgb, #000 20%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-black) 20%, transparent); } } &::before { content: var(--tw-content); --tw-content: ''; content: var(--tw-content); } } .location_banner img { display: block; min-height: 200px; width: 100%; object-fit: cover; } .location_banner h1 { position: absolute; top: calc(1 / 2 * 100%); left: 0px; z-index: 1; width: 100%; --tw-translate-y: calc(calc(1 / 2 * 100%) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); text-align: center; font-family: var(--font-steviesans); font-size: var(--text-3xl); line-height: var(--tw-leading, var(--text-3xl--line-height)); --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); color: var(--color-white); text-shadow: 1px 1px 3px #000; @media (width >= 768px) { font-size: var(--text-4xl); line-height: var(--tw-leading, var(--text-4xl--line-height)); } @media (width >= 1024px) { font-size: var(--text-5xl); line-height: var(--tw-leading, var(--text-5xl--line-height)); } } .grey_bg { background-color: #f2f1ef; } .gold_color { color: #ae9450; } .location_section_row { padding-block: calc(var(--spacing) * 12); } .location_img img { width: 100%; } .location_textwrapper h2 { margin-bottom: calc(var(--spacing) * 5); font-family: var(--font-steviesans); font-size: var(--text-xl); line-height: var(--tw-leading, var(--text-xl--line-height)); --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); @media (width >= 768px) { font-size: var(--text-2xl); line-height: var(--tw-leading, var(--text-2xl--line-height)); } } .location_textwrapper h3 { margin-bottom: calc(var(--spacing) * 5); font-family: var(--font-steviesans); font-size: var(--text-lg); line-height: var(--tw-leading, var(--text-lg--line-height)); --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); @media (width >= 768px) { font-size: var(--text-xl); line-height: var(--tw-leading, var(--text-xl--line-height)); } } .location_textwrapper h4 { margin-bottom: calc(var(--spacing) * 5); font-family: var(--font-steviesans); font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height)); --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); @media (width >= 768px) { font-size: var(--text-lg); line-height: var(--tw-leading, var(--text-lg--line-height)); } } .location_section_row .location_textwrapper h2 { border-bottom-style: var(--tw-border-style); border-bottom-width: 2px; border-color: var(--color-gray-500); } .location_textwrapper p { margin-bottom: calc(var(--spacing) * 4); font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); } .location_textwrapper ul { margin-bottom: calc(var(--spacing) * 4); list-style-type: disc; padding-left: calc(var(--spacing) * 4); font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); } .location_textwrapper ul li { margin-bottom: calc(var(--spacing) * 2); &:last-child { margin-bottom: 0px; } } .location_textwrapper .btn_sec { margin-top: calc(var(--spacing) * 5); } .location_textwrapper .btn_sec a { display: inline-block; background-color: var(--color-brand-primary); padding-inline: calc(var(--spacing) * 8); padding-block: calc(var(--spacing) * 4); color: var(--color-white); } .location_category_link { position: relative; margin-block: calc(var(--spacing) * 4); overflow: hidden; } .location_category_link img { display: block; width: 100%; transition-property: all; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .location_category_link h3 { position: absolute; bottom: 0px; left: 0px; display: flex; height: calc(var(--spacing) * 14); width: 100%; align-items: center; justify-content: center; background-color: color-mix(in srgb, #000 40%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-black) 40%, transparent); } padding-inline: calc(var(--spacing) * 4); text-align: center; font-size: var(--text-lg); line-height: var(--tw-leading, var(--text-lg--line-height)); color: var(--color-white); transition-property: all; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); @media (width >= 768px) { font-size: var(--text-xl); line-height: var(--tw-leading, var(--text-xl--line-height)); } } .location_category_link:hover img { --tw-scale-x: 110%; --tw-scale-y: 110%; --tw-scale-z: 110%; scale: var(--tw-scale-x) var(--tw-scale-y); } .location_category_link:hover h3 { height: 100%; background-color: color-mix(in srgb, #000 60%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-black) 60%, transparent); } } .location_awards { margin-inline: calc(var(--spacing) * -3); display: flex; flex-wrap: wrap; justify-content: center; } .location_awards .item { margin-block: calc(var(--spacing) * 2); width: calc(1 / 4 * 100%); padding-inline: calc(var(--spacing) * 3); @media (width >= 1024px) { width: 14.28%; } } .location_awards .item img { width: 100%; } body.cms-page-view .columns .main [class*="-container"] { margin-inline: auto; padding-inline: calc(var(--spacing) * 3); } .row { margin-inline: calc(var(--spacing) * -3); display: flex; flex-wrap: wrap; align-items: center; } .align-items-center { align-items: center; } .col-lg-6 { width: 100%; padding-inline: calc(var(--spacing) * 3); @media (width >= 1024px) { width: calc(1 / 2 * 100%); } } .col-lg-4 { width: 100%; padding-inline: calc(var(--spacing) * 3); @media (width >= 1024px) { width: calc(1 / 3 * 100%); } } @media (width >= 1024px) { .order-lg-2 { order: 2; } } #notice-cookie-block > div { --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 / 0.25)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } #notice-cookie-block p { font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); color: var(--color-black); @media (width >= 768px) { font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height)); } } #notice-cookie-block .btn { display: inline-block; border-style: var(--tw-border-style); border-width: 1px; border-color: var(--color-gray-500); padding-inline: calc(var(--spacing) * 7); padding-block: calc(var(--spacing) * 2); font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height)); color: var(--color-black); --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + 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); &:focus { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + 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); } @media (width >= 768px) { padding-inline: calc(var(--spacing) * 10); } @media (width >= 768px) { padding-block: calc(var(--spacing) * 3); } @media (width >= 768px) { font-size: var(--text-lg); line-height: var(--tw-leading, var(--text-lg--line-height)); } background: linear-gradient(to right,#000 50%,#fff 50%); background-size: 205% 100%; background-position: 99% 105%; transition: all .25s ease; -moz-transition: all .25s ease; -ms-transition: all .25s ease; -webkit-transition: all .25s ease; } #notice-cookie-block .btn:hover { border-color: var(--color-black); &[class*="bg-opacity-"] { background-color: #000; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix( in srgb, var(--color-black) calc(100% / var(--tw-bg-opacity)), #0000 ); } } background-color: var(--color-black); color: var(--color-white); text-decoration-line: none; background-position: 1% 105%; } #notice-cookie-block .btn.btn-primary { color: var(--color-white); background: #000; } #notice-cookie-block .bg-neutral-100 { &[class*="bg-opacity-"] { background-color: #fff; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix( in srgb, var(--color-white) calc(100% / var(--tw-bg-opacity)), #0000 ); } } background-color: var(--color-white); } .contact_form .input, .contact_form select { font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height)); } .search_container .autocomplete-suggestions.two-columns .autocomplete-suggestion { width: 100% !important; } .autocomplete-suggestion .highlight { background-color: transparent !important; } .sizechart-tab-btn { margin-right: calc(var(--spacing) * 2); cursor: pointer; border-style: var(--tw-border-style); border-width: 1px; border-color: var(--color-black); &[class*="bg-opacity-"] { background-color: #fff; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix( in srgb, var(--color-white) calc(100% / var(--tw-bg-opacity)), #0000 ); } } background-color: var(--color-white); padding-inline: calc(var(--spacing) * 5); padding-block: calc(var(--spacing) * 2); } .sizechart-tab-btn.active { &[class*="bg-opacity-"] { background-color: #000; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix( in srgb, var(--color-black) calc(100% / var(--tw-bg-opacity)), #0000 ); } } background-color: var(--color-black); color: var(--color-white); } .event-index-index .columns { max-width: 100%; padding: 0px; } .event_details_page { padding-inline: 0px; padding-block: calc(var(--spacing) * 10); } .event_details_page .event_title { margin-bottom: calc(var(--spacing) * 8); text-align: center; } .event_details_page .event_title h1 { font-family: var(--font-display); font-size: var(--text-3xl); line-height: var(--tw-leading, var(--text-3xl--line-height)); --tw-leading: var(--leading-normal); line-height: var(--leading-normal); @media (width >= 768px) { font-size: 40px; } } .event_gallery_section .section_title { margin-bottom: calc(var(--spacing) * 5); } .event_gallery_section .section_title h2 { position: relative; font-family: var(--font-steviesans); font-size: var(--text-2xl); line-height: var(--tw-leading, var(--text-2xl--line-height)); --tw-leading: var(--leading-normal); line-height: var(--leading-normal); --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); &::after { content: var(--tw-content); position: absolute; } &::after { content: var(--tw-content); top: calc(1 / 2 * 100%); } &::after { content: var(--tw-content); left: 0px; } &::after { content: var(--tw-content); height: 1px; } &::after { content: var(--tw-content); width: 100%; } &::after { content: var(--tw-content); background-color: var(--color-gray-200); } @media (width >= 768px) { font-size: var(--text-3xl); line-height: var(--tw-leading, var(--text-3xl--line-height)); } } .event_gallery_section .section_title h2 span { position: relative; z-index: 1; display: inline-block; &[class*="bg-opacity-"] { background-color: #fff; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix( in srgb, var(--color-white) calc(100% / var(--tw-bg-opacity)), #0000 ); } } background-color: var(--color-white); padding-right: calc(var(--spacing) * 4); } .event_gallery_section .gallery-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: calc(var(--spacing) * 4); @media (width >= 768px) { gap: calc(var(--spacing) * 2); } @media (width >= 1024px) { grid-template-columns: repeat(2, minmax(0, 1fr)); } } .photo-cell { position: relative; overflow: hidden; border-radius: var(--radius-md); } .photo-cell img { width: 100%; } .video-thumb { position: relative; cursor: pointer; overflow: hidden; border-radius: var(--radius-md); &[class*="bg-opacity-"] { background-color: #000; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix( in srgb, var(--color-black) calc(100% / var(--tw-bg-opacity)), #0000 ); } } background-color: var(--color-black); } .video-thumb video { display: block; width: 100%; } .play-btn { position: absolute; inset: 0px; z-index: 2; display: flex; cursor: pointer; align-items: center; justify-content: center; border-style: var(--tw-border-style); border-width: 0px; background-color: color-mix(in srgb, #000 20%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-black) 20%, transparent); } transition-property: opacity; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); --tw-duration: 200ms; transition-duration: 200ms; &:hover { @media (hover: hover) { background-color: color-mix(in srgb, #000 50%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-black) 50%, transparent); } } } } .play-btn img { max-height: 60px; max-width: 60px; } #bio_ep_bg_search { display: none !important; } .page-products .product-image > a { padding-top: 133.333%; } .js_slide .product-item { width: 100%; } .product-item .product-image > a { position: relative; aspect-ratio: 3/4; padding-top: 133.333%; } .product-item .product-image .product-image-photo { position: absolute; top: 0px; left: 0px; width: 100%; } .product-item .product-image video { position: absolute; top: calc(1 / 2 * 100%); left: 0px; height: 100%; width: 100%; --tw-translate-y: calc(calc(1 / 2 * 100%) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); object-fit: cover; } @media (max-width:768px) { #search_mini_form { position: relative; } .product-item .product-item-link { font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height)); --tw-leading: var(--leading-normal); line-height: var(--leading-normal); } .footer_logo img { width: auto; } .sizechart_content img { margin-bottom: calc(var(--spacing) * 4); display: block; } } @media (max-width:991px) { .location_img { margin-bottom: calc(var(--spacing) * 5); } } @media (max-width:768px) { .aw_blog_search-container.aw_blog_search-container-mobile { display: none !important; } } @media (max-width:767px) { .account .columns .sidebar-main, .page-with-filter .columns .sidebar-main { order: 1; } .blog-posts .blog-post-header h2.blog-post-title { -webkit-line-clamp: 4; } } @media (max-width:639px) { .blog-posts .blog-post-content { display: none; } } :is( input:where(:not([type])), [type="text"], [type="email"], [type="url"], [type="password"], [type="number"], [type="date"], [type="datetime-local"], [type="month"], [type="search"], [type="tel"], [type="time"], [type="week"], textarea, select, .form-input, .form-textarea, .form-select, .form-multiselect ) { border-radius: 0; --tw-outline-style: none; outline-style: none; } @layer base { input:where([type='text']),input:where(:not([type])),input:where([type='email']),input:where([type='url']),input:where([type='password']),input:where([type='number']),input:where([type='date']),input:where([type='datetime-local']),input:where([type='month']),input:where([type='search']),input:where([type='tel']),input:where([type='time']),input:where([type='week']),select:where([multiple]),textarea,select { appearance: none; background-color: #fff; border-color: oklch(55.1% 0.027 264.364); border-width: 1px; border-radius: 0px; padding-top: 0.5rem; padding-right: 0.75rem; padding-bottom: 0.5rem; padding-left: 0.75rem; font-size: 1rem; line-height: 1.5rem; --tw-shadow: 0 0 #0000; &:focus { outline: 2px solid transparent; outline-offset: 2px; --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/); --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: oklch(54.6% 0.245 262.881); --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); border-color: oklch(54.6% 0.245 262.881); } } input::placeholder,textarea::placeholder { color: oklch(55.1% 0.027 264.364); opacity: 1; } ::-webkit-datetime-edit-fields-wrapper { padding: 0; } ::-webkit-date-and-time-value { min-height: 1.5em; text-align: inherit; } ::-webkit-datetime-edit { display: inline-flex; } ::-webkit-datetime-edit,::-webkit-datetime-edit-year-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-meridiem-field { padding-top: 0; padding-bottom: 0; } select { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='oklch(55.1%25 0.027 264.364)' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e"); background-position: right 0.5rem center; background-repeat: no-repeat; background-size: 1.5em 1.5em; padding-right: 2.5rem; print-color-adjust: exact; } select:where([multiple]),select:where([size]:not([size="1"])) { background-image: initial; background-position: initial; background-repeat: unset; background-size: initial; padding-right: 0.75rem; print-color-adjust: unset; } input:where([type='checkbox']),input:where([type='radio']) { appearance: none; padding: 0; print-color-adjust: exact; display: inline-block; vertical-align: middle; background-origin: border-box; user-select: none; flex-shrink: 0; height: 1rem; width: 1rem; color: oklch(54.6% 0.245 262.881); background-color: #fff; border-color: oklch(55.1% 0.027 264.364); border-width: 1px; --tw-shadow: 0 0 #0000; } input:where([type='checkbox']) { border-radius: 0px; } input:where([type='radio']) { border-radius: 100%; } input:where([type='checkbox']):focus,input:where([type='radio']):focus { outline: 2px solid transparent; outline-offset: 2px; --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/); --tw-ring-offset-width: 2px; --tw-ring-offset-color: #fff; --tw-ring-color: oklch(54.6% 0.245 262.881); --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } input:where([type='checkbox']):checked,input:where([type='radio']):checked { border-color: transparent; background-color: currentColor; background-size: 100% 100%; background-position: center; background-repeat: no-repeat; } input:where([type='checkbox']):checked { background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e"); @media (forced-colors: active) { appearance: auto; } } input:where([type='radio']):checked { background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e"); @media (forced-colors: active) { appearance: auto; } } input:where([type='checkbox']):checked:hover,input:where([type='checkbox']):checked:focus,input:where([type='radio']):checked:hover,input:where([type='radio']):checked:focus { border-color: transparent; background-color: currentColor; } input:where([type='checkbox']):indeterminate { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e"); border-color: transparent; background-color: currentColor; background-size: 100% 100%; background-position: center; background-repeat: no-repeat; @media (forced-colors: active) { appearance: auto; } } input:where([type='checkbox']):indeterminate:hover,input:where([type='checkbox']):indeterminate:focus { border-color: transparent; background-color: currentColor; } input:where([type='file']) { background: unset; border-color: inherit; border-width: 0; border-radius: 0; padding: 0; font-size: unset; line-height: inherit; } input:where([type='file']):focus { outline: 1px solid ButtonText; outline: 1px auto -webkit-focus-ring-color; } } @property --tw-scroll-snap-strictness { syntax: "*"; inherits: false; initial-value: proximity; } @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-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-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-space-y-reverse { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-space-x-reverse { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-divide-y-reverse { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-border-style { syntax: "*"; inherits: false; initial-value: solid; } @property --tw-gradient-position { syntax: "*"; inherits: false; } @property --tw-gradient-from { syntax: ""; inherits: false; initial-value: #0000; } @property --tw-gradient-via { syntax: ""; inherits: false; initial-value: #0000; } @property --tw-gradient-to { syntax: ""; inherits: false; initial-value: #0000; } @property --tw-gradient-stops { syntax: "*"; inherits: false; } @property --tw-gradient-via-stops { syntax: "*"; inherits: false; } @property --tw-gradient-from-position { syntax: ""; inherits: false; initial-value: 0%; } @property --tw-gradient-via-position { syntax: ""; inherits: false; initial-value: 50%; } @property --tw-gradient-to-position { syntax: ""; inherits: false; initial-value: 100%; } @property --tw-leading { syntax: "*"; inherits: false; } @property --tw-font-weight { syntax: "*"; inherits: false; } @property --tw-tracking { syntax: "*"; inherits: false; } @property --tw-ordinal { syntax: "*"; inherits: false; } @property --tw-slashed-zero { syntax: "*"; inherits: false; } @property --tw-numeric-figure { syntax: "*"; inherits: false; } @property --tw-numeric-spacing { syntax: "*"; inherits: false; } @property --tw-numeric-fraction { 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: ""; 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: ""; 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: ""; inherits: false; initial-value: 0px; } @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-outline-style { syntax: "*"; inherits: false; initial-value: solid; } @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: ""; inherits: false; initial-value: 100%; } @property --tw-drop-shadow-size { syntax: "*"; inherits: false; } @property --tw-duration { syntax: "*"; inherits: false; } @property --tw-ease { 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-content { syntax: "*"; initial-value: ""; inherits: false; } @keyframes spin { to { transform: rotate(360deg); } } @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-scroll-snap-strictness: proximity; --tw-translate-x: 0; --tw-translate-y: 0; --tw-translate-z: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scale-z: 1; --tw-rotate-x: initial; --tw-rotate-y: initial; --tw-rotate-z: initial; --tw-skew-x: initial; --tw-skew-y: initial; --tw-space-y-reverse: 0; --tw-space-x-reverse: 0; --tw-divide-y-reverse: 0; --tw-border-style: solid; --tw-gradient-position: initial; --tw-gradient-from: #0000; --tw-gradient-via: #0000; --tw-gradient-to: #0000; --tw-gradient-stops: initial; --tw-gradient-via-stops: initial; --tw-gradient-from-position: 0%; --tw-gradient-via-position: 50%; --tw-gradient-to-position: 100%; --tw-leading: initial; --tw-font-weight: initial; --tw-tracking: initial; --tw-ordinal: initial; --tw-slashed-zero: initial; --tw-numeric-figure: initial; --tw-numeric-spacing: initial; --tw-numeric-fraction: 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-outline-style: solid; --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-duration: initial; --tw-ease: 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-content: ""; } } } /*! * Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) * Copyright 2024 Fonticons, Inc. */ .fa { font-family: var(--fa-style-family, "Font Awesome 6 Free"); font-weight: var(--fa-style, 900); } .fas, .far, .fab, .fa-solid, .fa-regular, .fa-brands, .fa { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: var(--fa-display, inline-block); font-style: normal; font-variant: normal; line-height: 1; text-rendering: auto; } .fas::before, .far::before, .fab::before, .fa-solid::before, .fa-regular::before, .fa-brands::before, .fa::before { content: var(--fa); } .fa-classic, .fas, .fa-solid, .far, .fa-regular { font-family: 'Font Awesome 6 Free'; } .fa-brands, .fab { font-family: 'Font Awesome 6 Brands'; } .fa-1x { font-size: 1em; } .fa-2x { font-size: 2em; } .fa-3x { font-size: 3em; } .fa-4x { font-size: 4em; } .fa-5x { font-size: 5em; } .fa-6x { font-size: 6em; } .fa-7x { font-size: 7em; } .fa-8x { font-size: 8em; } .fa-9x { font-size: 9em; } .fa-10x { font-size: 10em; } .fa-2xs { font-size: 0.625em; line-height: 0.1em; vertical-align: 0.225em; } .fa-xs { font-size: 0.75em; line-height: 0.08333em; vertical-align: 0.125em; } .fa-sm { font-size: 0.875em; line-height: 0.07143em; vertical-align: 0.05357em; } .fa-lg { font-size: 1.25em; line-height: 0.05em; vertical-align: -0.075em; } .fa-xl { font-size: 1.5em; line-height: 0.04167em; vertical-align: -0.125em; } .fa-2xl { font-size: 2em; line-height: 0.03125em; vertical-align: -0.1875em; } .fa-fw { text-align: center; width: 1.25em; } .fa-ul { list-style-type: none; margin-left: var(--fa-li-margin, 2.5em); padding-left: 0; } .fa-ul > li { position: relative; } .fa-li { left: calc(-1 * var(--fa-li-width, 2em)); position: absolute; text-align: center; width: var(--fa-li-width, 2em); line-height: inherit; } .fa-border { border-color: var(--fa-border-color, #eee); border-radius: var(--fa-border-radius, 0.1em); border-style: var(--fa-border-style, solid); border-width: var(--fa-border-width, 0.08em); padding: var(--fa-border-padding, 0.2em 0.25em 0.15em); } .fa-pull-left { float: left; margin-right: var(--fa-pull-margin, 0.3em); } .fa-pull-right { float: right; margin-left: var(--fa-pull-margin, 0.3em); } .fa-beat { animation-name: fa-beat; animation-delay: var(--fa-animation-delay, 0s); animation-direction: var(--fa-animation-direction, normal); animation-duration: var(--fa-animation-duration, 1s); animation-iteration-count: var(--fa-animation-iteration-count, infinite); animation-timing-function: var(--fa-animation-timing, ease-in-out); } .fa-bounce { animation-name: fa-bounce; animation-delay: var(--fa-animation-delay, 0s); animation-direction: var(--fa-animation-direction, normal); animation-duration: var(--fa-animation-duration, 1s); animation-iteration-count: var(--fa-animation-iteration-count, infinite); animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.28, 0.84, 0.42, 1)); } .fa-fade { animation-name: fa-fade; animation-delay: var(--fa-animation-delay, 0s); animation-direction: var(--fa-animation-direction, normal); animation-duration: var(--fa-animation-duration, 1s); animation-iteration-count: var(--fa-animation-iteration-count, infinite); animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.4, 0, 0.6, 1)); } .fa-beat-fade { animation-name: fa-beat-fade; animation-delay: var(--fa-animation-delay, 0s); animation-direction: var(--fa-animation-direction, normal); animation-duration: var(--fa-animation-duration, 1s); animation-iteration-count: var(--fa-animation-iteration-count, infinite); animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.4, 0, 0.6, 1)); } .fa-flip { animation-name: fa-flip; animation-delay: var(--fa-animation-delay, 0s); animation-direction: var(--fa-animation-direction, normal); animation-duration: var(--fa-animation-duration, 1s); animation-iteration-count: var(--fa-animation-iteration-count, infinite); animation-timing-function: var(--fa-animation-timing, ease-in-out); } .fa-shake { animation-name: fa-shake; animation-delay: var(--fa-animation-delay, 0s); animation-direction: var(--fa-animation-direction, normal); animation-duration: var(--fa-animation-duration, 1s); animation-iteration-count: var(--fa-animation-iteration-count, infinite); animation-timing-function: var(--fa-animation-timing, linear); } .fa-spin { animation-name: fa-spin; animation-delay: var(--fa-animation-delay, 0s); animation-direction: var(--fa-animation-direction, normal); animation-duration: var(--fa-animation-duration, 2s); animation-iteration-count: var(--fa-animation-iteration-count, infinite); animation-timing-function: var(--fa-animation-timing, linear); } .fa-spin-reverse { --fa-animation-direction: reverse; } .fa-pulse, .fa-spin-pulse { animation-name: fa-spin; animation-direction: var(--fa-animation-direction, normal); animation-duration: var(--fa-animation-duration, 1s); animation-iteration-count: var(--fa-animation-iteration-count, infinite); animation-timing-function: var(--fa-animation-timing, steps(8)); } @media (prefers-reduced-motion: reduce) { .fa-beat, .fa-bounce, .fa-fade, .fa-beat-fade, .fa-flip, .fa-pulse, .fa-shake, .fa-spin, .fa-spin-pulse { animation-delay: -1ms; animation-duration: 1ms; animation-iteration-count: 1; transition-delay: 0s; transition-duration: 0s; } } @keyframes fa-beat { 0%, 90% { transform: scale(1); } 45% { transform: scale(var(--fa-beat-scale, 1.25)); } } @keyframes fa-bounce { 0% { transform: scale(1, 1) translateY(0); } 10% { transform: scale(var(--fa-bounce-start-scale-x, 1.1), var(--fa-bounce-start-scale-y, 0.9)) translateY(0); } 30% { transform: scale(var(--fa-bounce-jump-scale-x, 0.9), var(--fa-bounce-jump-scale-y, 1.1)) translateY(var(--fa-bounce-height, -0.5em)); } 50% { transform: scale(var(--fa-bounce-land-scale-x, 1.05), var(--fa-bounce-land-scale-y, 0.95)) translateY(0); } 57% { transform: scale(1, 1) translateY(var(--fa-bounce-rebound, -0.125em)); } 64% { transform: scale(1, 1) translateY(0); } 100% { transform: scale(1, 1) translateY(0); } } @keyframes fa-fade { 50% { opacity: var(--fa-fade-opacity, 0.4); } } @keyframes fa-beat-fade { 0%, 100% { opacity: var(--fa-beat-fade-opacity, 0.4); transform: scale(1); } 50% { opacity: 1; transform: scale(var(--fa-beat-fade-scale, 1.125)); } } @keyframes fa-flip { 50% { transform: rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), var(--fa-flip-angle, -180deg)); } } @keyframes fa-shake { 0% { transform: rotate(-15deg); } 4% { transform: rotate(15deg); } 8%, 24% { transform: rotate(-18deg); } 12%, 28% { transform: rotate(18deg); } 16% { transform: rotate(-22deg); } 20% { transform: rotate(22deg); } 32% { transform: rotate(-12deg); } 36% { transform: rotate(12deg); } 40%, 100% { transform: rotate(0deg); } } @keyframes fa-spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .fa-rotate-90 { transform: rotate(90deg); } .fa-rotate-180 { transform: rotate(180deg); } .fa-rotate-270 { transform: rotate(270deg); } .fa-flip-horizontal { transform: scale(-1, 1); } .fa-flip-vertical { transform: scale(1, -1); } .fa-flip-both, .fa-flip-horizontal.fa-flip-vertical { transform: scale(-1, -1); } .fa-rotate-by { transform: rotate(var(--fa-rotate-angle, 0)); } .fa-stack { display: inline-block; height: 2em; line-height: 2em; position: relative; vertical-align: middle; width: 2.5em; } .fa-stack-1x, .fa-stack-2x { left: 0; position: absolute; text-align: center; width: 100%; z-index: var(--fa-stack-z-index, auto); } .fa-stack-1x { line-height: inherit; } .fa-stack-2x { font-size: 2em; } .fa-inverse { color: var(--fa-inverse, #fff); } /* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen readers do not read off random characters that represent icons */ .fa-0 { --fa: "\30"; } .fa-1 { --fa: "\31"; } .fa-2 { --fa: "\32"; } .fa-3 { --fa: "\33"; } .fa-4 { --fa: "\34"; } .fa-5 { --fa: "\35"; } .fa-6 { --fa: "\36"; } .fa-7 { --fa: "\37"; } .fa-8 { --fa: "\38"; } .fa-9 { --fa: "\39"; } .fa-fill-drip { --fa: "\f576"; } .fa-arrows-to-circle { --fa: "\e4bd"; } .fa-circle-chevron-right { --fa: "\f138"; } .fa-chevron-circle-right { --fa: "\f138"; } .fa-at { --fa: "\40"; } .fa-trash-can { --fa: "\f2ed"; } .fa-trash-alt { --fa: "\f2ed"; } .fa-text-height { --fa: "\f034"; } .fa-user-xmark { --fa: "\f235"; } .fa-user-times { --fa: "\f235"; } .fa-stethoscope { --fa: "\f0f1"; } .fa-message { --fa: "\f27a"; } .fa-comment-alt { --fa: "\f27a"; } .fa-info { --fa: "\f129"; } .fa-down-left-and-up-right-to-center { --fa: "\f422"; } .fa-compress-alt { --fa: "\f422"; } .fa-explosion { --fa: "\e4e9"; } .fa-file-lines { --fa: "\f15c"; } .fa-file-alt { --fa: "\f15c"; } .fa-file-text { --fa: "\f15c"; } .fa-wave-square { --fa: "\f83e"; } .fa-ring { --fa: "\f70b"; } .fa-building-un { --fa: "\e4d9"; } .fa-dice-three { --fa: "\f527"; } .fa-calendar-days { --fa: "\f073"; } .fa-calendar-alt { --fa: "\f073"; } .fa-anchor-circle-check { --fa: "\e4aa"; } .fa-building-circle-arrow-right { --fa: "\e4d1"; } .fa-volleyball { --fa: "\f45f"; } .fa-volleyball-ball { --fa: "\f45f"; } .fa-arrows-up-to-line { --fa: "\e4c2"; } .fa-sort-down { --fa: "\f0dd"; } .fa-sort-desc { --fa: "\f0dd"; } .fa-circle-minus { --fa: "\f056"; } .fa-minus-circle { --fa: "\f056"; } .fa-door-open { --fa: "\f52b"; } .fa-right-from-bracket { --fa: "\f2f5"; } .fa-sign-out-alt { --fa: "\f2f5"; } .fa-atom { --fa: "\f5d2"; } .fa-soap { --fa: "\e06e"; } .fa-icons { --fa: "\f86d"; } .fa-heart-music-camera-bolt { --fa: "\f86d"; } .fa-microphone-lines-slash { --fa: "\f539"; } .fa-microphone-alt-slash { --fa: "\f539"; } .fa-bridge-circle-check { --fa: "\e4c9"; } .fa-pump-medical { --fa: "\e06a"; } .fa-fingerprint { --fa: "\f577"; } .fa-hand-point-right { --fa: "\f0a4"; } .fa-magnifying-glass-location { --fa: "\f689"; } .fa-search-location { --fa: "\f689"; } .fa-forward-step { --fa: "\f051"; } .fa-step-forward { --fa: "\f051"; } .fa-face-smile-beam { --fa: "\f5b8"; } .fa-smile-beam { --fa: "\f5b8"; } .fa-flag-checkered { --fa: "\f11e"; } .fa-football { --fa: "\f44e"; } .fa-football-ball { --fa: "\f44e"; } .fa-school-circle-exclamation { --fa: "\e56c"; } .fa-crop { --fa: "\f125"; } .fa-angles-down { --fa: "\f103"; } .fa-angle-double-down { --fa: "\f103"; } .fa-users-rectangle { --fa: "\e594"; } .fa-people-roof { --fa: "\e537"; } .fa-people-line { --fa: "\e534"; } .fa-beer-mug-empty { --fa: "\f0fc"; } .fa-beer { --fa: "\f0fc"; } .fa-diagram-predecessor { --fa: "\e477"; } .fa-arrow-up-long { --fa: "\f176"; } .fa-long-arrow-up { --fa: "\f176"; } .fa-fire-flame-simple { --fa: "\f46a"; } .fa-burn { --fa: "\f46a"; } .fa-person { --fa: "\f183"; } .fa-male { --fa: "\f183"; } .fa-laptop { --fa: "\f109"; } .fa-file-csv { --fa: "\f6dd"; } .fa-menorah { --fa: "\f676"; } .fa-truck-plane { --fa: "\e58f"; } .fa-record-vinyl { --fa: "\f8d9"; } .fa-face-grin-stars { --fa: "\f587"; } .fa-grin-stars { --fa: "\f587"; } .fa-bong { --fa: "\f55c"; } .fa-spaghetti-monster-flying { --fa: "\f67b"; } .fa-pastafarianism { --fa: "\f67b"; } .fa-arrow-down-up-across-line { --fa: "\e4af"; } .fa-spoon { --fa: "\f2e5"; } .fa-utensil-spoon { --fa: "\f2e5"; } .fa-jar-wheat { --fa: "\e517"; } .fa-envelopes-bulk { --fa: "\f674"; } .fa-mail-bulk { --fa: "\f674"; } .fa-file-circle-exclamation { --fa: "\e4eb"; } .fa-circle-h { --fa: "\f47e"; } .fa-hospital-symbol { --fa: "\f47e"; } .fa-pager { --fa: "\f815"; } .fa-address-book { --fa: "\f2b9"; } .fa-contact-book { --fa: "\f2b9"; } .fa-strikethrough { --fa: "\f0cc"; } .fa-k { --fa: "\4b"; } .fa-landmark-flag { --fa: "\e51c"; } .fa-pencil { --fa: "\f303"; } .fa-pencil-alt { --fa: "\f303"; } .fa-backward { --fa: "\f04a"; } .fa-caret-right { --fa: "\f0da"; } .fa-comments { --fa: "\f086"; } .fa-paste { --fa: "\f0ea"; } .fa-file-clipboard { --fa: "\f0ea"; } .fa-code-pull-request { --fa: "\e13c"; } .fa-clipboard-list { --fa: "\f46d"; } .fa-truck-ramp-box { --fa: "\f4de"; } .fa-truck-loading { --fa: "\f4de"; } .fa-user-check { --fa: "\f4fc"; } .fa-vial-virus { --fa: "\e597"; } .fa-sheet-plastic { --fa: "\e571"; } .fa-blog { --fa: "\f781"; } .fa-user-ninja { --fa: "\f504"; } .fa-person-arrow-up-from-line { --fa: "\e539"; } .fa-scroll-torah { --fa: "\f6a0"; } .fa-torah { --fa: "\f6a0"; } .fa-broom-ball { --fa: "\f458"; } .fa-quidditch { --fa: "\f458"; } .fa-quidditch-broom-ball { --fa: "\f458"; } .fa-toggle-off { --fa: "\f204"; } .fa-box-archive { --fa: "\f187"; } .fa-archive { --fa: "\f187"; } .fa-person-drowning { --fa: "\e545"; } .fa-arrow-down-9-1 { --fa: "\f886"; } .fa-sort-numeric-desc { --fa: "\f886"; } .fa-sort-numeric-down-alt { --fa: "\f886"; } .fa-face-grin-tongue-squint { --fa: "\f58a"; } .fa-grin-tongue-squint { --fa: "\f58a"; } .fa-spray-can { --fa: "\f5bd"; } .fa-truck-monster { --fa: "\f63b"; } .fa-w { --fa: "\57"; } .fa-earth-africa { --fa: "\f57c"; } .fa-globe-africa { --fa: "\f57c"; } .fa-rainbow { --fa: "\f75b"; } .fa-circle-notch { --fa: "\f1ce"; } .fa-tablet-screen-button { --fa: "\f3fa"; } .fa-tablet-alt { --fa: "\f3fa"; } .fa-paw { --fa: "\f1b0"; } .fa-cloud { --fa: "\f0c2"; } .fa-trowel-bricks { --fa: "\e58a"; } .fa-face-flushed { --fa: "\f579"; } .fa-flushed { --fa: "\f579"; } .fa-hospital-user { --fa: "\f80d"; } .fa-tent-arrow-left-right { --fa: "\e57f"; } .fa-gavel { --fa: "\f0e3"; } .fa-legal { --fa: "\f0e3"; } .fa-binoculars { --fa: "\f1e5"; } .fa-microphone-slash { --fa: "\f131"; } .fa-box-tissue { --fa: "\e05b"; } .fa-motorcycle { --fa: "\f21c"; } .fa-bell-concierge { --fa: "\f562"; } .fa-concierge-bell { --fa: "\f562"; } .fa-pen-ruler { --fa: "\f5ae"; } .fa-pencil-ruler { --fa: "\f5ae"; } .fa-people-arrows { --fa: "\e068"; } .fa-people-arrows-left-right { --fa: "\e068"; } .fa-mars-and-venus-burst { --fa: "\e523"; } .fa-square-caret-right { --fa: "\f152"; } .fa-caret-square-right { --fa: "\f152"; } .fa-scissors { --fa: "\f0c4"; } .fa-cut { --fa: "\f0c4"; } .fa-sun-plant-wilt { --fa: "\e57a"; } .fa-toilets-portable { --fa: "\e584"; } .fa-hockey-puck { --fa: "\f453"; } .fa-table { --fa: "\f0ce"; } .fa-magnifying-glass-arrow-right { --fa: "\e521"; } .fa-tachograph-digital { --fa: "\f566"; } .fa-digital-tachograph { --fa: "\f566"; } .fa-users-slash { --fa: "\e073"; } .fa-clover { --fa: "\e139"; } .fa-reply { --fa: "\f3e5"; } .fa-mail-reply { --fa: "\f3e5"; } .fa-star-and-crescent { --fa: "\f699"; } .fa-house-fire { --fa: "\e50c"; } .fa-square-minus { --fa: "\f146"; } .fa-minus-square { --fa: "\f146"; } .fa-helicopter { --fa: "\f533"; } .fa-compass { --fa: "\f14e"; } .fa-square-caret-down { --fa: "\f150"; } .fa-caret-square-down { --fa: "\f150"; } .fa-file-circle-question { --fa: "\e4ef"; } .fa-laptop-code { --fa: "\f5fc"; } .fa-swatchbook { --fa: "\f5c3"; } .fa-prescription-bottle { --fa: "\f485"; } .fa-bars { --fa: "\f0c9"; } .fa-navicon { --fa: "\f0c9"; } .fa-people-group { --fa: "\e533"; } .fa-hourglass-end { --fa: "\f253"; } .fa-hourglass-3 { --fa: "\f253"; } .fa-heart-crack { --fa: "\f7a9"; } .fa-heart-broken { --fa: "\f7a9"; } .fa-square-up-right { --fa: "\f360"; } .fa-external-link-square-alt { --fa: "\f360"; } .fa-face-kiss-beam { --fa: "\f597"; } .fa-kiss-beam { --fa: "\f597"; } .fa-film { --fa: "\f008"; } .fa-ruler-horizontal { --fa: "\f547"; } .fa-people-robbery { --fa: "\e536"; } .fa-lightbulb { --fa: "\f0eb"; } .fa-caret-left { --fa: "\f0d9"; } .fa-circle-exclamation { --fa: "\f06a"; } .fa-exclamation-circle { --fa: "\f06a"; } .fa-school-circle-xmark { --fa: "\e56d"; } .fa-arrow-right-from-bracket { --fa: "\f08b"; } .fa-sign-out { --fa: "\f08b"; } .fa-circle-chevron-down { --fa: "\f13a"; } .fa-chevron-circle-down { --fa: "\f13a"; } .fa-unlock-keyhole { --fa: "\f13e"; } .fa-unlock-alt { --fa: "\f13e"; } .fa-cloud-showers-heavy { --fa: "\f740"; } .fa-headphones-simple { --fa: "\f58f"; } .fa-headphones-alt { --fa: "\f58f"; } .fa-sitemap { --fa: "\f0e8"; } .fa-circle-dollar-to-slot { --fa: "\f4b9"; } .fa-donate { --fa: "\f4b9"; } .fa-memory { --fa: "\f538"; } .fa-road-spikes { --fa: "\e568"; } .fa-fire-burner { --fa: "\e4f1"; } .fa-flag { --fa: "\f024"; } .fa-hanukiah { --fa: "\f6e6"; } .fa-feather { --fa: "\f52d"; } .fa-volume-low { --fa: "\f027"; } .fa-volume-down { --fa: "\f027"; } .fa-comment-slash { --fa: "\f4b3"; } .fa-cloud-sun-rain { --fa: "\f743"; } .fa-compress { --fa: "\f066"; } .fa-wheat-awn { --fa: "\e2cd"; } .fa-wheat-alt { --fa: "\e2cd"; } .fa-ankh { --fa: "\f644"; } .fa-hands-holding-child { --fa: "\e4fa"; } .fa-asterisk { --fa: "\2a"; } .fa-square-check { --fa: "\f14a"; } .fa-check-square { --fa: "\f14a"; } .fa-peseta-sign { --fa: "\e221"; } .fa-heading { --fa: "\f1dc"; } .fa-header { --fa: "\f1dc"; } .fa-ghost { --fa: "\f6e2"; } .fa-list { --fa: "\f03a"; } .fa-list-squares { --fa: "\f03a"; } .fa-square-phone-flip { --fa: "\f87b"; } .fa-phone-square-alt { --fa: "\f87b"; } .fa-cart-plus { --fa: "\f217"; } .fa-gamepad { --fa: "\f11b"; } .fa-circle-dot { --fa: "\f192"; } .fa-dot-circle { --fa: "\f192"; } .fa-face-dizzy { --fa: "\f567"; } .fa-dizzy { --fa: "\f567"; } .fa-egg { --fa: "\f7fb"; } .fa-house-medical-circle-xmark { --fa: "\e513"; } .fa-campground { --fa: "\f6bb"; } .fa-folder-plus { --fa: "\f65e"; } .fa-futbol { --fa: "\f1e3"; } .fa-futbol-ball { --fa: "\f1e3"; } .fa-soccer-ball { --fa: "\f1e3"; } .fa-paintbrush { --fa: "\f1fc"; } .fa-paint-brush { --fa: "\f1fc"; } .fa-lock { --fa: "\f023"; } .fa-gas-pump { --fa: "\f52f"; } .fa-hot-tub-person { --fa: "\f593"; } .fa-hot-tub { --fa: "\f593"; } .fa-map-location { --fa: "\f59f"; } .fa-map-marked { --fa: "\f59f"; } .fa-house-flood-water { --fa: "\e50e"; } .fa-tree { --fa: "\f1bb"; } .fa-bridge-lock { --fa: "\e4cc"; } .fa-sack-dollar { --fa: "\f81d"; } .fa-pen-to-square { --fa: "\f044"; } .fa-edit { --fa: "\f044"; } .fa-car-side { --fa: "\f5e4"; } .fa-share-nodes { --fa: "\f1e0"; } .fa-share-alt { --fa: "\f1e0"; } .fa-heart-circle-minus { --fa: "\e4ff"; } .fa-hourglass-half { --fa: "\f252"; } .fa-hourglass-2 { --fa: "\f252"; } .fa-microscope { --fa: "\f610"; } .fa-sink { --fa: "\e06d"; } .fa-bag-shopping { --fa: "\f290"; } .fa-shopping-bag { --fa: "\f290"; } .fa-arrow-down-z-a { --fa: "\f881"; } .fa-sort-alpha-desc { --fa: "\f881"; } .fa-sort-alpha-down-alt { --fa: "\f881"; } .fa-mitten { --fa: "\f7b5"; } .fa-person-rays { --fa: "\e54d"; } .fa-users { --fa: "\f0c0"; } .fa-eye-slash { --fa: "\f070"; } .fa-flask-vial { --fa: "\e4f3"; } .fa-hand { --fa: "\f256"; } .fa-hand-paper { --fa: "\f256"; } .fa-om { --fa: "\f679"; } .fa-worm { --fa: "\e599"; } .fa-house-circle-xmark { --fa: "\e50b"; } .fa-plug { --fa: "\f1e6"; } .fa-chevron-up { --fa: "\f077"; } .fa-hand-spock { --fa: "\f259"; } .fa-stopwatch { --fa: "\f2f2"; } .fa-face-kiss { --fa: "\f596"; } .fa-kiss { --fa: "\f596"; } .fa-bridge-circle-xmark { --fa: "\e4cb"; } .fa-face-grin-tongue { --fa: "\f589"; } .fa-grin-tongue { --fa: "\f589"; } .fa-chess-bishop { --fa: "\f43a"; } .fa-face-grin-wink { --fa: "\f58c"; } .fa-grin-wink { --fa: "\f58c"; } .fa-ear-deaf { --fa: "\f2a4"; } .fa-deaf { --fa: "\f2a4"; } .fa-deafness { --fa: "\f2a4"; } .fa-hard-of-hearing { --fa: "\f2a4"; } .fa-road-circle-check { --fa: "\e564"; } .fa-dice-five { --fa: "\f523"; } .fa-square-rss { --fa: "\f143"; } .fa-rss-square { --fa: "\f143"; } .fa-land-mine-on { --fa: "\e51b"; } .fa-i-cursor { --fa: "\f246"; } .fa-stamp { --fa: "\f5bf"; } .fa-stairs { --fa: "\e289"; } .fa-i { --fa: "\49"; } .fa-hryvnia-sign { --fa: "\f6f2"; } .fa-hryvnia { --fa: "\f6f2"; } .fa-pills { --fa: "\f484"; } .fa-face-grin-wide { --fa: "\f581"; } .fa-grin-alt { --fa: "\f581"; } .fa-tooth { --fa: "\f5c9"; } .fa-v { --fa: "\56"; } .fa-bangladeshi-taka-sign { --fa: "\e2e6"; } .fa-bicycle { --fa: "\f206"; } .fa-staff-snake { --fa: "\e579"; } .fa-rod-asclepius { --fa: "\e579"; } .fa-rod-snake { --fa: "\e579"; } .fa-staff-aesculapius { --fa: "\e579"; } .fa-head-side-cough-slash { --fa: "\e062"; } .fa-truck-medical { --fa: "\f0f9"; } .fa-ambulance { --fa: "\f0f9"; } .fa-wheat-awn-circle-exclamation { --fa: "\e598"; } .fa-snowman { --fa: "\f7d0"; } .fa-mortar-pestle { --fa: "\f5a7"; } .fa-road-barrier { --fa: "\e562"; } .fa-school { --fa: "\f549"; } .fa-igloo { --fa: "\f7ae"; } .fa-joint { --fa: "\f595"; } .fa-angle-right { --fa: "\f105"; } .fa-horse { --fa: "\f6f0"; } .fa-q { --fa: "\51"; } .fa-g { --fa: "\47"; } .fa-notes-medical { --fa: "\f481"; } .fa-temperature-half { --fa: "\f2c9"; } .fa-temperature-2 { --fa: "\f2c9"; } .fa-thermometer-2 { --fa: "\f2c9"; } .fa-thermometer-half { --fa: "\f2c9"; } .fa-dong-sign { --fa: "\e169"; } .fa-capsules { --fa: "\f46b"; } .fa-poo-storm { --fa: "\f75a"; } .fa-poo-bolt { --fa: "\f75a"; } .fa-face-frown-open { --fa: "\f57a"; } .fa-frown-open { --fa: "\f57a"; } .fa-hand-point-up { --fa: "\f0a6"; } .fa-money-bill { --fa: "\f0d6"; } .fa-bookmark { --fa: "\f02e"; } .fa-align-justify { --fa: "\f039"; } .fa-umbrella-beach { --fa: "\f5ca"; } .fa-helmet-un { --fa: "\e503"; } .fa-bullseye { --fa: "\f140"; } .fa-bacon { --fa: "\f7e5"; } .fa-hand-point-down { --fa: "\f0a7"; } .fa-arrow-up-from-bracket { --fa: "\e09a"; } .fa-folder { --fa: "\f07b"; } .fa-folder-blank { --fa: "\f07b"; } .fa-file-waveform { --fa: "\f478"; } .fa-file-medical-alt { --fa: "\f478"; } .fa-radiation { --fa: "\f7b9"; } .fa-chart-simple { --fa: "\e473"; } .fa-mars-stroke { --fa: "\f229"; } .fa-vial { --fa: "\f492"; } .fa-gauge { --fa: "\f624"; } .fa-dashboard { --fa: "\f624"; } .fa-gauge-med { --fa: "\f624"; } .fa-tachometer-alt-average { --fa: "\f624"; } .fa-wand-magic-sparkles { --fa: "\e2ca"; } .fa-magic-wand-sparkles { --fa: "\e2ca"; } .fa-e { --fa: "\45"; } .fa-pen-clip { --fa: "\f305"; } .fa-pen-alt { --fa: "\f305"; } .fa-bridge-circle-exclamation { --fa: "\e4ca"; } .fa-user { --fa: "\f007"; } .fa-school-circle-check { --fa: "\e56b"; } .fa-dumpster { --fa: "\f793"; } .fa-van-shuttle { --fa: "\f5b6"; } .fa-shuttle-van { --fa: "\f5b6"; } .fa-building-user { --fa: "\e4da"; } .fa-square-caret-left { --fa: "\f191"; } .fa-caret-square-left { --fa: "\f191"; } .fa-highlighter { --fa: "\f591"; } .fa-key { --fa: "\f084"; } .fa-bullhorn { --fa: "\f0a1"; } .fa-globe { --fa: "\f0ac"; } .fa-synagogue { --fa: "\f69b"; } .fa-person-half-dress { --fa: "\e548"; } .fa-road-bridge { --fa: "\e563"; } .fa-location-arrow { --fa: "\f124"; } .fa-c { --fa: "\43"; } .fa-tablet-button { --fa: "\f10a"; } .fa-building-lock { --fa: "\e4d6"; } .fa-pizza-slice { --fa: "\f818"; } .fa-money-bill-wave { --fa: "\f53a"; } .fa-chart-area { --fa: "\f1fe"; } .fa-area-chart { --fa: "\f1fe"; } .fa-house-flag { --fa: "\e50d"; } .fa-person-circle-minus { --fa: "\e540"; } .fa-ban { --fa: "\f05e"; } .fa-cancel { --fa: "\f05e"; } .fa-camera-rotate { --fa: "\e0d8"; } .fa-spray-can-sparkles { --fa: "\f5d0"; } .fa-air-freshener { --fa: "\f5d0"; } .fa-star { --fa: "\f005"; } .fa-repeat { --fa: "\f363"; } .fa-cross { --fa: "\f654"; } .fa-box { --fa: "\f466"; } .fa-venus-mars { --fa: "\f228"; } .fa-arrow-pointer { --fa: "\f245"; } .fa-mouse-pointer { --fa: "\f245"; } .fa-maximize { --fa: "\f31e"; } .fa-expand-arrows-alt { --fa: "\f31e"; } .fa-charging-station { --fa: "\f5e7"; } .fa-shapes { --fa: "\f61f"; } .fa-triangle-circle-square { --fa: "\f61f"; } .fa-shuffle { --fa: "\f074"; } .fa-random { --fa: "\f074"; } .fa-person-running { --fa: "\f70c"; } .fa-running { --fa: "\f70c"; } .fa-mobile-retro { --fa: "\e527"; } .fa-grip-lines-vertical { --fa: "\f7a5"; } .fa-spider { --fa: "\f717"; } .fa-hands-bound { --fa: "\e4f9"; } .fa-file-invoice-dollar { --fa: "\f571"; } .fa-plane-circle-exclamation { --fa: "\e556"; } .fa-x-ray { --fa: "\f497"; } .fa-spell-check { --fa: "\f891"; } .fa-slash { --fa: "\f715"; } .fa-computer-mouse { --fa: "\f8cc"; } .fa-mouse { --fa: "\f8cc"; } .fa-arrow-right-to-bracket { --fa: "\f090"; } .fa-sign-in { --fa: "\f090"; } .fa-shop-slash { --fa: "\e070"; } .fa-store-alt-slash { --fa: "\e070"; } .fa-server { --fa: "\f233"; } .fa-virus-covid-slash { --fa: "\e4a9"; } .fa-shop-lock { --fa: "\e4a5"; } .fa-hourglass-start { --fa: "\f251"; } .fa-hourglass-1 { --fa: "\f251"; } .fa-blender-phone { --fa: "\f6b6"; } .fa-building-wheat { --fa: "\e4db"; } .fa-person-breastfeeding { --fa: "\e53a"; } .fa-right-to-bracket { --fa: "\f2f6"; } .fa-sign-in-alt { --fa: "\f2f6"; } .fa-venus { --fa: "\f221"; } .fa-passport { --fa: "\f5ab"; } .fa-thumbtack-slash { --fa: "\e68f"; } .fa-thumb-tack-slash { --fa: "\e68f"; } .fa-heart-pulse { --fa: "\f21e"; } .fa-heartbeat { --fa: "\f21e"; } .fa-people-carry-box { --fa: "\f4ce"; } .fa-people-carry { --fa: "\f4ce"; } .fa-temperature-high { --fa: "\f769"; } .fa-microchip { --fa: "\f2db"; } .fa-crown { --fa: "\f521"; } .fa-weight-hanging { --fa: "\f5cd"; } .fa-xmarks-lines { --fa: "\e59a"; } .fa-file-prescription { --fa: "\f572"; } .fa-weight-scale { --fa: "\f496"; } .fa-weight { --fa: "\f496"; } .fa-user-group { --fa: "\f500"; } .fa-user-friends { --fa: "\f500"; } .fa-arrow-up-a-z { --fa: "\f15e"; } .fa-sort-alpha-up { --fa: "\f15e"; } .fa-chess-knight { --fa: "\f441"; } .fa-face-laugh-squint { --fa: "\f59b"; } .fa-laugh-squint { --fa: "\f59b"; } .fa-wheelchair { --fa: "\f193"; } .fa-circle-arrow-up { --fa: "\f0aa"; } .fa-arrow-circle-up { --fa: "\f0aa"; } .fa-toggle-on { --fa: "\f205"; } .fa-person-walking { --fa: "\f554"; } .fa-walking { --fa: "\f554"; } .fa-l { --fa: "\4c"; } .fa-fire { --fa: "\f06d"; } .fa-bed-pulse { --fa: "\f487"; } .fa-procedures { --fa: "\f487"; } .fa-shuttle-space { --fa: "\f197"; } .fa-space-shuttle { --fa: "\f197"; } .fa-face-laugh { --fa: "\f599"; } .fa-laugh { --fa: "\f599"; } .fa-folder-open { --fa: "\f07c"; } .fa-heart-circle-plus { --fa: "\e500"; } .fa-code-fork { --fa: "\e13b"; } .fa-city { --fa: "\f64f"; } .fa-microphone-lines { --fa: "\f3c9"; } .fa-microphone-alt { --fa: "\f3c9"; } .fa-pepper-hot { --fa: "\f816"; } .fa-unlock { --fa: "\f09c"; } .fa-colon-sign { --fa: "\e140"; } .fa-headset { --fa: "\f590"; } .fa-store-slash { --fa: "\e071"; } .fa-road-circle-xmark { --fa: "\e566"; } .fa-user-minus { --fa: "\f503"; } .fa-mars-stroke-up { --fa: "\f22a"; } .fa-mars-stroke-v { --fa: "\f22a"; } .fa-champagne-glasses { --fa: "\f79f"; } .fa-glass-cheers { --fa: "\f79f"; } .fa-clipboard { --fa: "\f328"; } .fa-house-circle-exclamation { --fa: "\e50a"; } .fa-file-arrow-up { --fa: "\f574"; } .fa-file-upload { --fa: "\f574"; } .fa-wifi { --fa: "\f1eb"; } .fa-wifi-3 { --fa: "\f1eb"; } .fa-wifi-strong { --fa: "\f1eb"; } .fa-bath { --fa: "\f2cd"; } .fa-bathtub { --fa: "\f2cd"; } .fa-underline { --fa: "\f0cd"; } .fa-user-pen { --fa: "\f4ff"; } .fa-user-edit { --fa: "\f4ff"; } .fa-signature { --fa: "\f5b7"; } .fa-stroopwafel { --fa: "\f551"; } .fa-bold { --fa: "\f032"; } .fa-anchor-lock { --fa: "\e4ad"; } .fa-building-ngo { --fa: "\e4d7"; } .fa-manat-sign { --fa: "\e1d5"; } .fa-not-equal { --fa: "\f53e"; } .fa-border-top-left { --fa: "\f853"; } .fa-border-style { --fa: "\f853"; } .fa-map-location-dot { --fa: "\f5a0"; } .fa-map-marked-alt { --fa: "\f5a0"; } .fa-jedi { --fa: "\f669"; } .fa-square-poll-vertical { --fa: "\f681"; } .fa-poll { --fa: "\f681"; } .fa-mug-hot { --fa: "\f7b6"; } .fa-car-battery { --fa: "\f5df"; } .fa-battery-car { --fa: "\f5df"; } .fa-gift { --fa: "\f06b"; } .fa-dice-two { --fa: "\f528"; } .fa-chess-queen { --fa: "\f445"; } .fa-glasses { --fa: "\f530"; } .fa-chess-board { --fa: "\f43c"; } .fa-building-circle-check { --fa: "\e4d2"; } .fa-person-chalkboard { --fa: "\e53d"; } .fa-mars-stroke-right { --fa: "\f22b"; } .fa-mars-stroke-h { --fa: "\f22b"; } .fa-hand-back-fist { --fa: "\f255"; } .fa-hand-rock { --fa: "\f255"; } .fa-square-caret-up { --fa: "\f151"; } .fa-caret-square-up { --fa: "\f151"; } .fa-cloud-showers-water { --fa: "\e4e4"; } .fa-chart-bar { --fa: "\f080"; } .fa-bar-chart { --fa: "\f080"; } .fa-hands-bubbles { --fa: "\e05e"; } .fa-hands-wash { --fa: "\e05e"; } .fa-less-than-equal { --fa: "\f537"; } .fa-train { --fa: "\f238"; } .fa-eye-low-vision { --fa: "\f2a8"; } .fa-low-vision { --fa: "\f2a8"; } .fa-crow { --fa: "\f520"; } .fa-sailboat { --fa: "\e445"; } .fa-window-restore { --fa: "\f2d2"; } .fa-square-plus { --fa: "\f0fe"; } .fa-plus-square { --fa: "\f0fe"; } .fa-torii-gate { --fa: "\f6a1"; } .fa-frog { --fa: "\f52e"; } .fa-bucket { --fa: "\e4cf"; } .fa-image { --fa: "\f03e"; } .fa-microphone { --fa: "\f130"; } .fa-cow { --fa: "\f6c8"; } .fa-caret-up { --fa: "\f0d8"; } .fa-screwdriver { --fa: "\f54a"; } .fa-folder-closed { --fa: "\e185"; } .fa-house-tsunami { --fa: "\e515"; } .fa-square-nfi { --fa: "\e576"; } .fa-arrow-up-from-ground-water { --fa: "\e4b5"; } .fa-martini-glass { --fa: "\f57b"; } .fa-glass-martini-alt { --fa: "\f57b"; } .fa-square-binary { --fa: "\e69b"; } .fa-rotate-left { --fa: "\f2ea"; } .fa-rotate-back { --fa: "\f2ea"; } .fa-rotate-backward { --fa: "\f2ea"; } .fa-undo-alt { --fa: "\f2ea"; } .fa-table-columns { --fa: "\f0db"; } .fa-columns { --fa: "\f0db"; } .fa-lemon { --fa: "\f094"; } .fa-head-side-mask { --fa: "\e063"; } .fa-handshake { --fa: "\f2b5"; } .fa-gem { --fa: "\f3a5"; } .fa-dolly { --fa: "\f472"; } .fa-dolly-box { --fa: "\f472"; } .fa-smoking { --fa: "\f48d"; } .fa-minimize { --fa: "\f78c"; } .fa-compress-arrows-alt { --fa: "\f78c"; } .fa-monument { --fa: "\f5a6"; } .fa-snowplow { --fa: "\f7d2"; } .fa-angles-right { --fa: "\f101"; } .fa-angle-double-right { --fa: "\f101"; } .fa-cannabis { --fa: "\f55f"; } .fa-circle-play { --fa: "\f144"; } .fa-play-circle { --fa: "\f144"; } .fa-tablets { --fa: "\f490"; } .fa-ethernet { --fa: "\f796"; } .fa-euro-sign { --fa: "\f153"; } .fa-eur { --fa: "\f153"; } .fa-euro { --fa: "\f153"; } .fa-chair { --fa: "\f6c0"; } .fa-circle-check { --fa: "\f058"; } .fa-check-circle { --fa: "\f058"; } .fa-circle-stop { --fa: "\f28d"; } .fa-stop-circle { --fa: "\f28d"; } .fa-compass-drafting { --fa: "\f568"; } .fa-drafting-compass { --fa: "\f568"; } .fa-plate-wheat { --fa: "\e55a"; } .fa-icicles { --fa: "\f7ad"; } .fa-person-shelter { --fa: "\e54f"; } .fa-neuter { --fa: "\f22c"; } .fa-id-badge { --fa: "\f2c1"; } .fa-marker { --fa: "\f5a1"; } .fa-face-laugh-beam { --fa: "\f59a"; } .fa-laugh-beam { --fa: "\f59a"; } .fa-helicopter-symbol { --fa: "\e502"; } .fa-universal-access { --fa: "\f29a"; } .fa-circle-chevron-up { --fa: "\f139"; } .fa-chevron-circle-up { --fa: "\f139"; } .fa-lari-sign { --fa: "\e1c8"; } .fa-volcano { --fa: "\f770"; } .fa-person-walking-dashed-line-arrow-right { --fa: "\e553"; } .fa-sterling-sign { --fa: "\f154"; } .fa-gbp { --fa: "\f154"; } .fa-pound-sign { --fa: "\f154"; } .fa-viruses { --fa: "\e076"; } .fa-square-person-confined { --fa: "\e577"; } .fa-user-tie { --fa: "\f508"; } .fa-arrow-down-long { --fa: "\f175"; } .fa-long-arrow-down { --fa: "\f175"; } .fa-tent-arrow-down-to-line { --fa: "\e57e"; } .fa-certificate { --fa: "\f0a3"; } .fa-reply-all { --fa: "\f122"; } .fa-mail-reply-all { --fa: "\f122"; } .fa-suitcase { --fa: "\f0f2"; } .fa-person-skating { --fa: "\f7c5"; } .fa-skating { --fa: "\f7c5"; } .fa-filter-circle-dollar { --fa: "\f662"; } .fa-funnel-dollar { --fa: "\f662"; } .fa-camera-retro { --fa: "\f083"; } .fa-circle-arrow-down { --fa: "\f0ab"; } .fa-arrow-circle-down { --fa: "\f0ab"; } .fa-file-import { --fa: "\f56f"; } .fa-arrow-right-to-file { --fa: "\f56f"; } .fa-square-arrow-up-right { --fa: "\f14c"; } .fa-external-link-square { --fa: "\f14c"; } .fa-box-open { --fa: "\f49e"; } .fa-scroll { --fa: "\f70e"; } .fa-spa { --fa: "\f5bb"; } .fa-location-pin-lock { --fa: "\e51f"; } .fa-pause { --fa: "\f04c"; } .fa-hill-avalanche { --fa: "\e507"; } .fa-temperature-empty { --fa: "\f2cb"; } .fa-temperature-0 { --fa: "\f2cb"; } .fa-thermometer-0 { --fa: "\f2cb"; } .fa-thermometer-empty { --fa: "\f2cb"; } .fa-bomb { --fa: "\f1e2"; } .fa-registered { --fa: "\f25d"; } .fa-address-card { --fa: "\f2bb"; } .fa-contact-card { --fa: "\f2bb"; } .fa-vcard { --fa: "\f2bb"; } .fa-scale-unbalanced-flip { --fa: "\f516"; } .fa-balance-scale-right { --fa: "\f516"; } .fa-subscript { --fa: "\f12c"; } .fa-diamond-turn-right { --fa: "\f5eb"; } .fa-directions { --fa: "\f5eb"; } .fa-burst { --fa: "\e4dc"; } .fa-house-laptop { --fa: "\e066"; } .fa-laptop-house { --fa: "\e066"; } .fa-face-tired { --fa: "\f5c8"; } .fa-tired { --fa: "\f5c8"; } .fa-money-bills { --fa: "\e1f3"; } .fa-smog { --fa: "\f75f"; } .fa-crutch { --fa: "\f7f7"; } .fa-cloud-arrow-up { --fa: "\f0ee"; } .fa-cloud-upload { --fa: "\f0ee"; } .fa-cloud-upload-alt { --fa: "\f0ee"; } .fa-palette { --fa: "\f53f"; } .fa-arrows-turn-right { --fa: "\e4c0"; } .fa-vest { --fa: "\e085"; } .fa-ferry { --fa: "\e4ea"; } .fa-arrows-down-to-people { --fa: "\e4b9"; } .fa-seedling { --fa: "\f4d8"; } .fa-sprout { --fa: "\f4d8"; } .fa-left-right { --fa: "\f337"; } .fa-arrows-alt-h { --fa: "\f337"; } .fa-boxes-packing { --fa: "\e4c7"; } .fa-circle-arrow-left { --fa: "\f0a8"; } .fa-arrow-circle-left { --fa: "\f0a8"; } .fa-group-arrows-rotate { --fa: "\e4f6"; } .fa-bowl-food { --fa: "\e4c6"; } .fa-candy-cane { --fa: "\f786"; } .fa-arrow-down-wide-short { --fa: "\f160"; } .fa-sort-amount-asc { --fa: "\f160"; } .fa-sort-amount-down { --fa: "\f160"; } .fa-cloud-bolt { --fa: "\f76c"; } .fa-thunderstorm { --fa: "\f76c"; } .fa-text-slash { --fa: "\f87d"; } .fa-remove-format { --fa: "\f87d"; } .fa-face-smile-wink { --fa: "\f4da"; } .fa-smile-wink { --fa: "\f4da"; } .fa-file-word { --fa: "\f1c2"; } .fa-file-powerpoint { --fa: "\f1c4"; } .fa-arrows-left-right { --fa: "\f07e"; } .fa-arrows-h { --fa: "\f07e"; } .fa-house-lock { --fa: "\e510"; } .fa-cloud-arrow-down { --fa: "\f0ed"; } .fa-cloud-download { --fa: "\f0ed"; } .fa-cloud-download-alt { --fa: "\f0ed"; } .fa-children { --fa: "\e4e1"; } .fa-chalkboard { --fa: "\f51b"; } .fa-blackboard { --fa: "\f51b"; } .fa-user-large-slash { --fa: "\f4fa"; } .fa-user-alt-slash { --fa: "\f4fa"; } .fa-envelope-open { --fa: "\f2b6"; } .fa-handshake-simple-slash { --fa: "\e05f"; } .fa-handshake-alt-slash { --fa: "\e05f"; } .fa-mattress-pillow { --fa: "\e525"; } .fa-guarani-sign { --fa: "\e19a"; } .fa-arrows-rotate { --fa: "\f021"; } .fa-refresh { --fa: "\f021"; } .fa-sync { --fa: "\f021"; } .fa-fire-extinguisher { --fa: "\f134"; } .fa-cruzeiro-sign { --fa: "\e152"; } .fa-greater-than-equal { --fa: "\f532"; } .fa-shield-halved { --fa: "\f3ed"; } .fa-shield-alt { --fa: "\f3ed"; } .fa-book-atlas { --fa: "\f558"; } .fa-atlas { --fa: "\f558"; } .fa-virus { --fa: "\e074"; } .fa-envelope-circle-check { --fa: "\e4e8"; } .fa-layer-group { --fa: "\f5fd"; } .fa-arrows-to-dot { --fa: "\e4be"; } .fa-archway { --fa: "\f557"; } .fa-heart-circle-check { --fa: "\e4fd"; } .fa-house-chimney-crack { --fa: "\f6f1"; } .fa-house-damage { --fa: "\f6f1"; } .fa-file-zipper { --fa: "\f1c6"; } .fa-file-archive { --fa: "\f1c6"; } .fa-square { --fa: "\f0c8"; } .fa-martini-glass-empty { --fa: "\f000"; } .fa-glass-martini { --fa: "\f000"; } .fa-couch { --fa: "\f4b8"; } .fa-cedi-sign { --fa: "\e0df"; } .fa-italic { --fa: "\f033"; } .fa-table-cells-column-lock { --fa: "\e678"; } .fa-church { --fa: "\f51d"; } .fa-comments-dollar { --fa: "\f653"; } .fa-democrat { --fa: "\f747"; } .fa-z { --fa: "\5a"; } .fa-person-skiing { --fa: "\f7c9"; } .fa-skiing { --fa: "\f7c9"; } .fa-road-lock { --fa: "\e567"; } .fa-a { --fa: "\41"; } .fa-temperature-arrow-down { --fa: "\e03f"; } .fa-temperature-down { --fa: "\e03f"; } .fa-feather-pointed { --fa: "\f56b"; } .fa-feather-alt { --fa: "\f56b"; } .fa-p { --fa: "\50"; } .fa-snowflake { --fa: "\f2dc"; } .fa-newspaper { --fa: "\f1ea"; } .fa-rectangle-ad { --fa: "\f641"; } .fa-ad { --fa: "\f641"; } .fa-circle-arrow-right { --fa: "\f0a9"; } .fa-arrow-circle-right { --fa: "\f0a9"; } .fa-filter-circle-xmark { --fa: "\e17b"; } .fa-locust { --fa: "\e520"; } .fa-sort { --fa: "\f0dc"; } .fa-unsorted { --fa: "\f0dc"; } .fa-list-ol { --fa: "\f0cb"; } .fa-list-1-2 { --fa: "\f0cb"; } .fa-list-numeric { --fa: "\f0cb"; } .fa-person-dress-burst { --fa: "\e544"; } .fa-money-check-dollar { --fa: "\f53d"; } .fa-money-check-alt { --fa: "\f53d"; } .fa-vector-square { --fa: "\f5cb"; } .fa-bread-slice { --fa: "\f7ec"; } .fa-language { --fa: "\f1ab"; } .fa-face-kiss-wink-heart { --fa: "\f598"; } .fa-kiss-wink-heart { --fa: "\f598"; } .fa-filter { --fa: "\f0b0"; } .fa-question { --fa: "\3f"; } .fa-file-signature { --fa: "\f573"; } .fa-up-down-left-right { --fa: "\f0b2"; } .fa-arrows-alt { --fa: "\f0b2"; } .fa-house-chimney-user { --fa: "\e065"; } .fa-hand-holding-heart { --fa: "\f4be"; } .fa-puzzle-piece { --fa: "\f12e"; } .fa-money-check { --fa: "\f53c"; } .fa-star-half-stroke { --fa: "\f5c0"; } .fa-star-half-alt { --fa: "\f5c0"; } .fa-code { --fa: "\f121"; } .fa-whiskey-glass { --fa: "\f7a0"; } .fa-glass-whiskey { --fa: "\f7a0"; } .fa-building-circle-exclamation { --fa: "\e4d3"; } .fa-magnifying-glass-chart { --fa: "\e522"; } .fa-arrow-up-right-from-square { --fa: "\f08e"; } .fa-external-link { --fa: "\f08e"; } .fa-cubes-stacked { --fa: "\e4e6"; } .fa-won-sign { --fa: "\f159"; } .fa-krw { --fa: "\f159"; } .fa-won { --fa: "\f159"; } .fa-virus-covid { --fa: "\e4a8"; } .fa-austral-sign { --fa: "\e0a9"; } .fa-f { --fa: "\46"; } .fa-leaf { --fa: "\f06c"; } .fa-road { --fa: "\f018"; } .fa-taxi { --fa: "\f1ba"; } .fa-cab { --fa: "\f1ba"; } .fa-person-circle-plus { --fa: "\e541"; } .fa-chart-pie { --fa: "\f200"; } .fa-pie-chart { --fa: "\f200"; } .fa-bolt-lightning { --fa: "\e0b7"; } .fa-sack-xmark { --fa: "\e56a"; } .fa-file-excel { --fa: "\f1c3"; } .fa-file-contract { --fa: "\f56c"; } .fa-fish-fins { --fa: "\e4f2"; } .fa-building-flag { --fa: "\e4d5"; } .fa-face-grin-beam { --fa: "\f582"; } .fa-grin-beam { --fa: "\f582"; } .fa-object-ungroup { --fa: "\f248"; } .fa-poop { --fa: "\f619"; } .fa-location-pin { --fa: "\f041"; } .fa-map-marker { --fa: "\f041"; } .fa-kaaba { --fa: "\f66b"; } .fa-toilet-paper { --fa: "\f71e"; } .fa-helmet-safety { --fa: "\f807"; } .fa-hard-hat { --fa: "\f807"; } .fa-hat-hard { --fa: "\f807"; } .fa-eject { --fa: "\f052"; } .fa-circle-right { --fa: "\f35a"; } .fa-arrow-alt-circle-right { --fa: "\f35a"; } .fa-plane-circle-check { --fa: "\e555"; } .fa-face-rolling-eyes { --fa: "\f5a5"; } .fa-meh-rolling-eyes { --fa: "\f5a5"; } .fa-object-group { --fa: "\f247"; } .fa-chart-line { --fa: "\f201"; } .fa-line-chart { --fa: "\f201"; } .fa-mask-ventilator { --fa: "\e524"; } .fa-arrow-right { --fa: "\f061"; } .fa-signs-post { --fa: "\f277"; } .fa-map-signs { --fa: "\f277"; } .fa-cash-register { --fa: "\f788"; } .fa-person-circle-question { --fa: "\e542"; } .fa-h { --fa: "\48"; } .fa-tarp { --fa: "\e57b"; } .fa-screwdriver-wrench { --fa: "\f7d9"; } .fa-tools { --fa: "\f7d9"; } .fa-arrows-to-eye { --fa: "\e4bf"; } .fa-plug-circle-bolt { --fa: "\e55b"; } .fa-heart { --fa: "\f004"; } .fa-mars-and-venus { --fa: "\f224"; } .fa-house-user { --fa: "\e1b0"; } .fa-home-user { --fa: "\e1b0"; } .fa-dumpster-fire { --fa: "\f794"; } .fa-house-crack { --fa: "\e3b1"; } .fa-martini-glass-citrus { --fa: "\f561"; } .fa-cocktail { --fa: "\f561"; } .fa-face-surprise { --fa: "\f5c2"; } .fa-surprise { --fa: "\f5c2"; } .fa-bottle-water { --fa: "\e4c5"; } .fa-circle-pause { --fa: "\f28b"; } .fa-pause-circle { --fa: "\f28b"; } .fa-toilet-paper-slash { --fa: "\e072"; } .fa-apple-whole { --fa: "\f5d1"; } .fa-apple-alt { --fa: "\f5d1"; } .fa-kitchen-set { --fa: "\e51a"; } .fa-r { --fa: "\52"; } .fa-temperature-quarter { --fa: "\f2ca"; } .fa-temperature-1 { --fa: "\f2ca"; } .fa-thermometer-1 { --fa: "\f2ca"; } .fa-thermometer-quarter { --fa: "\f2ca"; } .fa-cube { --fa: "\f1b2"; } .fa-bitcoin-sign { --fa: "\e0b4"; } .fa-shield-dog { --fa: "\e573"; } .fa-solar-panel { --fa: "\f5ba"; } .fa-lock-open { --fa: "\f3c1"; } .fa-elevator { --fa: "\e16d"; } .fa-money-bill-transfer { --fa: "\e528"; } .fa-money-bill-trend-up { --fa: "\e529"; } .fa-house-flood-water-circle-arrow-right { --fa: "\e50f"; } .fa-square-poll-horizontal { --fa: "\f682"; } .fa-poll-h { --fa: "\f682"; } .fa-circle { --fa: "\f111"; } .fa-backward-fast { --fa: "\f049"; } .fa-fast-backward { --fa: "\f049"; } .fa-recycle { --fa: "\f1b8"; } .fa-user-astronaut { --fa: "\f4fb"; } .fa-plane-slash { --fa: "\e069"; } .fa-trademark { --fa: "\f25c"; } .fa-basketball { --fa: "\f434"; } .fa-basketball-ball { --fa: "\f434"; } .fa-satellite-dish { --fa: "\f7c0"; } .fa-circle-up { --fa: "\f35b"; } .fa-arrow-alt-circle-up { --fa: "\f35b"; } .fa-mobile-screen-button { --fa: "\f3cd"; } .fa-mobile-alt { --fa: "\f3cd"; } .fa-volume-high { --fa: "\f028"; } .fa-volume-up { --fa: "\f028"; } .fa-users-rays { --fa: "\e593"; } .fa-wallet { --fa: "\f555"; } .fa-clipboard-check { --fa: "\f46c"; } .fa-file-audio { --fa: "\f1c7"; } .fa-burger { --fa: "\f805"; } .fa-hamburger { --fa: "\f805"; } .fa-wrench { --fa: "\f0ad"; } .fa-bugs { --fa: "\e4d0"; } .fa-rupee-sign { --fa: "\f156"; } .fa-rupee { --fa: "\f156"; } .fa-file-image { --fa: "\f1c5"; } .fa-circle-question { --fa: "\f059"; } .fa-question-circle { --fa: "\f059"; } .fa-plane-departure { --fa: "\f5b0"; } .fa-handshake-slash { --fa: "\e060"; } .fa-book-bookmark { --fa: "\e0bb"; } .fa-code-branch { --fa: "\f126"; } .fa-hat-cowboy { --fa: "\f8c0"; } .fa-bridge { --fa: "\e4c8"; } .fa-phone-flip { --fa: "\f879"; } .fa-phone-alt { --fa: "\f879"; } .fa-truck-front { --fa: "\e2b7"; } .fa-cat { --fa: "\f6be"; } .fa-anchor-circle-exclamation { --fa: "\e4ab"; } .fa-truck-field { --fa: "\e58d"; } .fa-route { --fa: "\f4d7"; } .fa-clipboard-question { --fa: "\e4e3"; } .fa-panorama { --fa: "\e209"; } .fa-comment-medical { --fa: "\f7f5"; } .fa-teeth-open { --fa: "\f62f"; } .fa-file-circle-minus { --fa: "\e4ed"; } .fa-tags { --fa: "\f02c"; } .fa-wine-glass { --fa: "\f4e3"; } .fa-forward-fast { --fa: "\f050"; } .fa-fast-forward { --fa: "\f050"; } .fa-face-meh-blank { --fa: "\f5a4"; } .fa-meh-blank { --fa: "\f5a4"; } .fa-square-parking { --fa: "\f540"; } .fa-parking { --fa: "\f540"; } .fa-house-signal { --fa: "\e012"; } .fa-bars-progress { --fa: "\f828"; } .fa-tasks-alt { --fa: "\f828"; } .fa-faucet-drip { --fa: "\e006"; } .fa-cart-flatbed { --fa: "\f474"; } .fa-dolly-flatbed { --fa: "\f474"; } .fa-ban-smoking { --fa: "\f54d"; } .fa-smoking-ban { --fa: "\f54d"; } .fa-terminal { --fa: "\f120"; } .fa-mobile-button { --fa: "\f10b"; } .fa-house-medical-flag { --fa: "\e514"; } .fa-basket-shopping { --fa: "\f291"; } .fa-shopping-basket { --fa: "\f291"; } .fa-tape { --fa: "\f4db"; } .fa-bus-simple { --fa: "\f55e"; } .fa-bus-alt { --fa: "\f55e"; } .fa-eye { --fa: "\f06e"; } .fa-face-sad-cry { --fa: "\f5b3"; } .fa-sad-cry { --fa: "\f5b3"; } .fa-audio-description { --fa: "\f29e"; } .fa-person-military-to-person { --fa: "\e54c"; } .fa-file-shield { --fa: "\e4f0"; } .fa-user-slash { --fa: "\f506"; } .fa-pen { --fa: "\f304"; } .fa-tower-observation { --fa: "\e586"; } .fa-file-code { --fa: "\f1c9"; } .fa-signal { --fa: "\f012"; } .fa-signal-5 { --fa: "\f012"; } .fa-signal-perfect { --fa: "\f012"; } .fa-bus { --fa: "\f207"; } .fa-heart-circle-xmark { --fa: "\e501"; } .fa-house-chimney { --fa: "\e3af"; } .fa-home-lg { --fa: "\e3af"; } .fa-window-maximize { --fa: "\f2d0"; } .fa-face-frown { --fa: "\f119"; } .fa-frown { --fa: "\f119"; } .fa-prescription { --fa: "\f5b1"; } .fa-shop { --fa: "\f54f"; } .fa-store-alt { --fa: "\f54f"; } .fa-floppy-disk { --fa: "\f0c7"; } .fa-save { --fa: "\f0c7"; } .fa-vihara { --fa: "\f6a7"; } .fa-scale-unbalanced { --fa: "\f515"; } .fa-balance-scale-left { --fa: "\f515"; } .fa-sort-up { --fa: "\f0de"; } .fa-sort-asc { --fa: "\f0de"; } .fa-comment-dots { --fa: "\f4ad"; } .fa-commenting { --fa: "\f4ad"; } .fa-plant-wilt { --fa: "\e5aa"; } .fa-diamond { --fa: "\f219"; } .fa-face-grin-squint { --fa: "\f585"; } .fa-grin-squint { --fa: "\f585"; } .fa-hand-holding-dollar { --fa: "\f4c0"; } .fa-hand-holding-usd { --fa: "\f4c0"; } .fa-chart-diagram { --fa: "\e695"; } .fa-bacterium { --fa: "\e05a"; } .fa-hand-pointer { --fa: "\f25a"; } .fa-drum-steelpan { --fa: "\f56a"; } .fa-hand-scissors { --fa: "\f257"; } .fa-hands-praying { --fa: "\f684"; } .fa-praying-hands { --fa: "\f684"; } .fa-arrow-rotate-right { --fa: "\f01e"; } .fa-arrow-right-rotate { --fa: "\f01e"; } .fa-arrow-rotate-forward { --fa: "\f01e"; } .fa-redo { --fa: "\f01e"; } .fa-biohazard { --fa: "\f780"; } .fa-location-crosshairs { --fa: "\f601"; } .fa-location { --fa: "\f601"; } .fa-mars-double { --fa: "\f227"; } .fa-child-dress { --fa: "\e59c"; } .fa-users-between-lines { --fa: "\e591"; } .fa-lungs-virus { --fa: "\e067"; } .fa-face-grin-tears { --fa: "\f588"; } .fa-grin-tears { --fa: "\f588"; } .fa-phone { --fa: "\f095"; } .fa-calendar-xmark { --fa: "\f273"; } .fa-calendar-times { --fa: "\f273"; } .fa-child-reaching { --fa: "\e59d"; } .fa-head-side-virus { --fa: "\e064"; } .fa-user-gear { --fa: "\f4fe"; } .fa-user-cog { --fa: "\f4fe"; } .fa-arrow-up-1-9 { --fa: "\f163"; } .fa-sort-numeric-up { --fa: "\f163"; } .fa-door-closed { --fa: "\f52a"; } .fa-shield-virus { --fa: "\e06c"; } .fa-dice-six { --fa: "\f526"; } .fa-mosquito-net { --fa: "\e52c"; } .fa-file-fragment { --fa: "\e697"; } .fa-bridge-water { --fa: "\e4ce"; } .fa-person-booth { --fa: "\f756"; } .fa-text-width { --fa: "\f035"; } .fa-hat-wizard { --fa: "\f6e8"; } .fa-pen-fancy { --fa: "\f5ac"; } .fa-person-digging { --fa: "\f85e"; } .fa-digging { --fa: "\f85e"; } .fa-trash { --fa: "\f1f8"; } .fa-gauge-simple { --fa: "\f629"; } .fa-gauge-simple-med { --fa: "\f629"; } .fa-tachometer-average { --fa: "\f629"; } .fa-book-medical { --fa: "\f7e6"; } .fa-poo { --fa: "\f2fe"; } .fa-quote-right { --fa: "\f10e"; } .fa-quote-right-alt { --fa: "\f10e"; } .fa-shirt { --fa: "\f553"; } .fa-t-shirt { --fa: "\f553"; } .fa-tshirt { --fa: "\f553"; } .fa-cubes { --fa: "\f1b3"; } .fa-divide { --fa: "\f529"; } .fa-tenge-sign { --fa: "\f7d7"; } .fa-tenge { --fa: "\f7d7"; } .fa-headphones { --fa: "\f025"; } .fa-hands-holding { --fa: "\f4c2"; } .fa-hands-clapping { --fa: "\e1a8"; } .fa-republican { --fa: "\f75e"; } .fa-arrow-left { --fa: "\f060"; } .fa-person-circle-xmark { --fa: "\e543"; } .fa-ruler { --fa: "\f545"; } .fa-align-left { --fa: "\f036"; } .fa-dice-d6 { --fa: "\f6d1"; } .fa-restroom { --fa: "\f7bd"; } .fa-j { --fa: "\4a"; } .fa-users-viewfinder { --fa: "\e595"; } .fa-file-video { --fa: "\f1c8"; } .fa-up-right-from-square { --fa: "\f35d"; } .fa-external-link-alt { --fa: "\f35d"; } .fa-table-cells { --fa: "\f00a"; } .fa-th { --fa: "\f00a"; } .fa-file-pdf { --fa: "\f1c1"; } .fa-book-bible { --fa: "\f647"; } .fa-bible { --fa: "\f647"; } .fa-o { --fa: "\4f"; } .fa-suitcase-medical { --fa: "\f0fa"; } .fa-medkit { --fa: "\f0fa"; } .fa-user-secret { --fa: "\f21b"; } .fa-otter { --fa: "\f700"; } .fa-person-dress { --fa: "\f182"; } .fa-female { --fa: "\f182"; } .fa-comment-dollar { --fa: "\f651"; } .fa-business-time { --fa: "\f64a"; } .fa-briefcase-clock { --fa: "\f64a"; } .fa-table-cells-large { --fa: "\f009"; } .fa-th-large { --fa: "\f009"; } .fa-book-tanakh { --fa: "\f827"; } .fa-tanakh { --fa: "\f827"; } .fa-phone-volume { --fa: "\f2a0"; } .fa-volume-control-phone { --fa: "\f2a0"; } .fa-hat-cowboy-side { --fa: "\f8c1"; } .fa-clipboard-user { --fa: "\f7f3"; } .fa-child { --fa: "\f1ae"; } .fa-lira-sign { --fa: "\f195"; } .fa-satellite { --fa: "\f7bf"; } .fa-plane-lock { --fa: "\e558"; } .fa-tag { --fa: "\f02b"; } .fa-comment { --fa: "\f075"; } .fa-cake-candles { --fa: "\f1fd"; } .fa-birthday-cake { --fa: "\f1fd"; } .fa-cake { --fa: "\f1fd"; } .fa-envelope { --fa: "\f0e0"; } .fa-angles-up { --fa: "\f102"; } .fa-angle-double-up { --fa: "\f102"; } .fa-paperclip { --fa: "\f0c6"; } .fa-arrow-right-to-city { --fa: "\e4b3"; } .fa-ribbon { --fa: "\f4d6"; } .fa-lungs { --fa: "\f604"; } .fa-arrow-up-9-1 { --fa: "\f887"; } .fa-sort-numeric-up-alt { --fa: "\f887"; } .fa-litecoin-sign { --fa: "\e1d3"; } .fa-border-none { --fa: "\f850"; } .fa-circle-nodes { --fa: "\e4e2"; } .fa-parachute-box { --fa: "\f4cd"; } .fa-indent { --fa: "\f03c"; } .fa-truck-field-un { --fa: "\e58e"; } .fa-hourglass { --fa: "\f254"; } .fa-hourglass-empty { --fa: "\f254"; } .fa-mountain { --fa: "\f6fc"; } .fa-user-doctor { --fa: "\f0f0"; } .fa-user-md { --fa: "\f0f0"; } .fa-circle-info { --fa: "\f05a"; } .fa-info-circle { --fa: "\f05a"; } .fa-cloud-meatball { --fa: "\f73b"; } .fa-camera { --fa: "\f030"; } .fa-camera-alt { --fa: "\f030"; } .fa-square-virus { --fa: "\e578"; } .fa-meteor { --fa: "\f753"; } .fa-car-on { --fa: "\e4dd"; } .fa-sleigh { --fa: "\f7cc"; } .fa-arrow-down-1-9 { --fa: "\f162"; } .fa-sort-numeric-asc { --fa: "\f162"; } .fa-sort-numeric-down { --fa: "\f162"; } .fa-hand-holding-droplet { --fa: "\f4c1"; } .fa-hand-holding-water { --fa: "\f4c1"; } .fa-water { --fa: "\f773"; } .fa-calendar-check { --fa: "\f274"; } .fa-braille { --fa: "\f2a1"; } .fa-prescription-bottle-medical { --fa: "\f486"; } .fa-prescription-bottle-alt { --fa: "\f486"; } .fa-landmark { --fa: "\f66f"; } .fa-truck { --fa: "\f0d1"; } .fa-crosshairs { --fa: "\f05b"; } .fa-person-cane { --fa: "\e53c"; } .fa-tent { --fa: "\e57d"; } .fa-vest-patches { --fa: "\e086"; } .fa-check-double { --fa: "\f560"; } .fa-arrow-down-a-z { --fa: "\f15d"; } .fa-sort-alpha-asc { --fa: "\f15d"; } .fa-sort-alpha-down { --fa: "\f15d"; } .fa-money-bill-wheat { --fa: "\e52a"; } .fa-cookie { --fa: "\f563"; } .fa-arrow-rotate-left { --fa: "\f0e2"; } .fa-arrow-left-rotate { --fa: "\f0e2"; } .fa-arrow-rotate-back { --fa: "\f0e2"; } .fa-arrow-rotate-backward { --fa: "\f0e2"; } .fa-undo { --fa: "\f0e2"; } .fa-hard-drive { --fa: "\f0a0"; } .fa-hdd { --fa: "\f0a0"; } .fa-face-grin-squint-tears { --fa: "\f586"; } .fa-grin-squint-tears { --fa: "\f586"; } .fa-dumbbell { --fa: "\f44b"; } .fa-rectangle-list { --fa: "\f022"; } .fa-list-alt { --fa: "\f022"; } .fa-tarp-droplet { --fa: "\e57c"; } .fa-house-medical-circle-check { --fa: "\e511"; } .fa-person-skiing-nordic { --fa: "\f7ca"; } .fa-skiing-nordic { --fa: "\f7ca"; } .fa-calendar-plus { --fa: "\f271"; } .fa-plane-arrival { --fa: "\f5af"; } .fa-circle-left { --fa: "\f359"; } .fa-arrow-alt-circle-left { --fa: "\f359"; } .fa-train-subway { --fa: "\f239"; } .fa-subway { --fa: "\f239"; } .fa-chart-gantt { --fa: "\e0e4"; } .fa-indian-rupee-sign { --fa: "\e1bc"; } .fa-indian-rupee { --fa: "\e1bc"; } .fa-inr { --fa: "\e1bc"; } .fa-crop-simple { --fa: "\f565"; } .fa-crop-alt { --fa: "\f565"; } .fa-money-bill-1 { --fa: "\f3d1"; } .fa-money-bill-alt { --fa: "\f3d1"; } .fa-left-long { --fa: "\f30a"; } .fa-long-arrow-alt-left { --fa: "\f30a"; } .fa-dna { --fa: "\f471"; } .fa-virus-slash { --fa: "\e075"; } .fa-minus { --fa: "\f068"; } .fa-subtract { --fa: "\f068"; } .fa-chess { --fa: "\f439"; } .fa-arrow-left-long { --fa: "\f177"; } .fa-long-arrow-left { --fa: "\f177"; } .fa-plug-circle-check { --fa: "\e55c"; } .fa-street-view { --fa: "\f21d"; } .fa-franc-sign { --fa: "\e18f"; } .fa-volume-off { --fa: "\f026"; } .fa-hands-asl-interpreting { --fa: "\f2a3"; } .fa-american-sign-language-interpreting { --fa: "\f2a3"; } .fa-asl-interpreting { --fa: "\f2a3"; } .fa-hands-american-sign-language-interpreting { --fa: "\f2a3"; } .fa-gear { --fa: "\f013"; } .fa-cog { --fa: "\f013"; } .fa-droplet-slash { --fa: "\f5c7"; } .fa-tint-slash { --fa: "\f5c7"; } .fa-mosque { --fa: "\f678"; } .fa-mosquito { --fa: "\e52b"; } .fa-star-of-david { --fa: "\f69a"; } .fa-person-military-rifle { --fa: "\e54b"; } .fa-cart-shopping { --fa: "\f07a"; } .fa-shopping-cart { --fa: "\f07a"; } .fa-vials { --fa: "\f493"; } .fa-plug-circle-plus { --fa: "\e55f"; } .fa-place-of-worship { --fa: "\f67f"; } .fa-grip-vertical { --fa: "\f58e"; } .fa-hexagon-nodes { --fa: "\e699"; } .fa-arrow-turn-up { --fa: "\f148"; } .fa-level-up { --fa: "\f148"; } .fa-u { --fa: "\55"; } .fa-square-root-variable { --fa: "\f698"; } .fa-square-root-alt { --fa: "\f698"; } .fa-clock { --fa: "\f017"; } .fa-clock-four { --fa: "\f017"; } .fa-backward-step { --fa: "\f048"; } .fa-step-backward { --fa: "\f048"; } .fa-pallet { --fa: "\f482"; } .fa-faucet { --fa: "\e005"; } .fa-baseball-bat-ball { --fa: "\f432"; } .fa-s { --fa: "\53"; } .fa-timeline { --fa: "\e29c"; } .fa-keyboard { --fa: "\f11c"; } .fa-caret-down { --fa: "\f0d7"; } .fa-house-chimney-medical { --fa: "\f7f2"; } .fa-clinic-medical { --fa: "\f7f2"; } .fa-temperature-three-quarters { --fa: "\f2c8"; } .fa-temperature-3 { --fa: "\f2c8"; } .fa-thermometer-3 { --fa: "\f2c8"; } .fa-thermometer-three-quarters { --fa: "\f2c8"; } .fa-mobile-screen { --fa: "\f3cf"; } .fa-mobile-android-alt { --fa: "\f3cf"; } .fa-plane-up { --fa: "\e22d"; } .fa-piggy-bank { --fa: "\f4d3"; } .fa-battery-half { --fa: "\f242"; } .fa-battery-3 { --fa: "\f242"; } .fa-mountain-city { --fa: "\e52e"; } .fa-coins { --fa: "\f51e"; } .fa-khanda { --fa: "\f66d"; } .fa-sliders { --fa: "\f1de"; } .fa-sliders-h { --fa: "\f1de"; } .fa-folder-tree { --fa: "\f802"; } .fa-network-wired { --fa: "\f6ff"; } .fa-map-pin { --fa: "\f276"; } .fa-hamsa { --fa: "\f665"; } .fa-cent-sign { --fa: "\e3f5"; } .fa-flask { --fa: "\f0c3"; } .fa-person-pregnant { --fa: "\e31e"; } .fa-wand-sparkles { --fa: "\f72b"; } .fa-ellipsis-vertical { --fa: "\f142"; } .fa-ellipsis-v { --fa: "\f142"; } .fa-ticket { --fa: "\f145"; } .fa-power-off { --fa: "\f011"; } .fa-right-long { --fa: "\f30b"; } .fa-long-arrow-alt-right { --fa: "\f30b"; } .fa-flag-usa { --fa: "\f74d"; } .fa-laptop-file { --fa: "\e51d"; } .fa-tty { --fa: "\f1e4"; } .fa-teletype { --fa: "\f1e4"; } .fa-diagram-next { --fa: "\e476"; } .fa-person-rifle { --fa: "\e54e"; } .fa-house-medical-circle-exclamation { --fa: "\e512"; } .fa-closed-captioning { --fa: "\f20a"; } .fa-person-hiking { --fa: "\f6ec"; } .fa-hiking { --fa: "\f6ec"; } .fa-venus-double { --fa: "\f226"; } .fa-images { --fa: "\f302"; } .fa-calculator { --fa: "\f1ec"; } .fa-people-pulling { --fa: "\e535"; } .fa-n { --fa: "\4e"; } .fa-cable-car { --fa: "\f7da"; } .fa-tram { --fa: "\f7da"; } .fa-cloud-rain { --fa: "\f73d"; } .fa-building-circle-xmark { --fa: "\e4d4"; } .fa-ship { --fa: "\f21a"; } .fa-arrows-down-to-line { --fa: "\e4b8"; } .fa-download { --fa: "\f019"; } .fa-face-grin { --fa: "\f580"; } .fa-grin { --fa: "\f580"; } .fa-delete-left { --fa: "\f55a"; } .fa-backspace { --fa: "\f55a"; } .fa-eye-dropper { --fa: "\f1fb"; } .fa-eye-dropper-empty { --fa: "\f1fb"; } .fa-eyedropper { --fa: "\f1fb"; } .fa-file-circle-check { --fa: "\e5a0"; } .fa-forward { --fa: "\f04e"; } .fa-mobile { --fa: "\f3ce"; } .fa-mobile-android { --fa: "\f3ce"; } .fa-mobile-phone { --fa: "\f3ce"; } .fa-face-meh { --fa: "\f11a"; } .fa-meh { --fa: "\f11a"; } .fa-align-center { --fa: "\f037"; } .fa-book-skull { --fa: "\f6b7"; } .fa-book-dead { --fa: "\f6b7"; } .fa-id-card { --fa: "\f2c2"; } .fa-drivers-license { --fa: "\f2c2"; } .fa-outdent { --fa: "\f03b"; } .fa-dedent { --fa: "\f03b"; } .fa-heart-circle-exclamation { --fa: "\e4fe"; } .fa-house { --fa: "\f015"; } .fa-home { --fa: "\f015"; } .fa-home-alt { --fa: "\f015"; } .fa-home-lg-alt { --fa: "\f015"; } .fa-calendar-week { --fa: "\f784"; } .fa-laptop-medical { --fa: "\f812"; } .fa-b { --fa: "\42"; } .fa-file-medical { --fa: "\f477"; } .fa-dice-one { --fa: "\f525"; } .fa-kiwi-bird { --fa: "\f535"; } .fa-arrow-right-arrow-left { --fa: "\f0ec"; } .fa-exchange { --fa: "\f0ec"; } .fa-rotate-right { --fa: "\f2f9"; } .fa-redo-alt { --fa: "\f2f9"; } .fa-rotate-forward { --fa: "\f2f9"; } .fa-utensils { --fa: "\f2e7"; } .fa-cutlery { --fa: "\f2e7"; } .fa-arrow-up-wide-short { --fa: "\f161"; } .fa-sort-amount-up { --fa: "\f161"; } .fa-mill-sign { --fa: "\e1ed"; } .fa-bowl-rice { --fa: "\e2eb"; } .fa-skull { --fa: "\f54c"; } .fa-tower-broadcast { --fa: "\f519"; } .fa-broadcast-tower { --fa: "\f519"; } .fa-truck-pickup { --fa: "\f63c"; } .fa-up-long { --fa: "\f30c"; } .fa-long-arrow-alt-up { --fa: "\f30c"; } .fa-stop { --fa: "\f04d"; } .fa-code-merge { --fa: "\f387"; } .fa-upload { --fa: "\f093"; } .fa-hurricane { --fa: "\f751"; } .fa-mound { --fa: "\e52d"; } .fa-toilet-portable { --fa: "\e583"; } .fa-compact-disc { --fa: "\f51f"; } .fa-file-arrow-down { --fa: "\f56d"; } .fa-file-download { --fa: "\f56d"; } .fa-caravan { --fa: "\f8ff"; } .fa-shield-cat { --fa: "\e572"; } .fa-bolt { --fa: "\f0e7"; } .fa-zap { --fa: "\f0e7"; } .fa-glass-water { --fa: "\e4f4"; } .fa-oil-well { --fa: "\e532"; } .fa-vault { --fa: "\e2c5"; } .fa-mars { --fa: "\f222"; } .fa-toilet { --fa: "\f7d8"; } .fa-plane-circle-xmark { --fa: "\e557"; } .fa-yen-sign { --fa: "\f157"; } .fa-cny { --fa: "\f157"; } .fa-jpy { --fa: "\f157"; } .fa-rmb { --fa: "\f157"; } .fa-yen { --fa: "\f157"; } .fa-ruble-sign { --fa: "\f158"; } .fa-rouble { --fa: "\f158"; } .fa-rub { --fa: "\f158"; } .fa-ruble { --fa: "\f158"; } .fa-sun { --fa: "\f185"; } .fa-guitar { --fa: "\f7a6"; } .fa-face-laugh-wink { --fa: "\f59c"; } .fa-laugh-wink { --fa: "\f59c"; } .fa-horse-head { --fa: "\f7ab"; } .fa-bore-hole { --fa: "\e4c3"; } .fa-industry { --fa: "\f275"; } .fa-circle-down { --fa: "\f358"; } .fa-arrow-alt-circle-down { --fa: "\f358"; } .fa-arrows-turn-to-dots { --fa: "\e4c1"; } .fa-florin-sign { --fa: "\e184"; } .fa-arrow-down-short-wide { --fa: "\f884"; } .fa-sort-amount-desc { --fa: "\f884"; } .fa-sort-amount-down-alt { --fa: "\f884"; } .fa-less-than { --fa: "\3c"; } .fa-angle-down { --fa: "\f107"; } .fa-car-tunnel { --fa: "\e4de"; } .fa-head-side-cough { --fa: "\e061"; } .fa-grip-lines { --fa: "\f7a4"; } .fa-thumbs-down { --fa: "\f165"; } .fa-user-lock { --fa: "\f502"; } .fa-arrow-right-long { --fa: "\f178"; } .fa-long-arrow-right { --fa: "\f178"; } .fa-anchor-circle-xmark { --fa: "\e4ac"; } .fa-ellipsis { --fa: "\f141"; } .fa-ellipsis-h { --fa: "\f141"; } .fa-chess-pawn { --fa: "\f443"; } .fa-kit-medical { --fa: "\f479"; } .fa-first-aid { --fa: "\f479"; } .fa-person-through-window { --fa: "\e5a9"; } .fa-toolbox { --fa: "\f552"; } .fa-hands-holding-circle { --fa: "\e4fb"; } .fa-bug { --fa: "\f188"; } .fa-credit-card { --fa: "\f09d"; } .fa-credit-card-alt { --fa: "\f09d"; } .fa-car { --fa: "\f1b9"; } .fa-automobile { --fa: "\f1b9"; } .fa-hand-holding-hand { --fa: "\e4f7"; } .fa-book-open-reader { --fa: "\f5da"; } .fa-book-reader { --fa: "\f5da"; } .fa-mountain-sun { --fa: "\e52f"; } .fa-arrows-left-right-to-line { --fa: "\e4ba"; } .fa-dice-d20 { --fa: "\f6cf"; } .fa-truck-droplet { --fa: "\e58c"; } .fa-file-circle-xmark { --fa: "\e5a1"; } .fa-temperature-arrow-up { --fa: "\e040"; } .fa-temperature-up { --fa: "\e040"; } .fa-medal { --fa: "\f5a2"; } .fa-bed { --fa: "\f236"; } .fa-square-h { --fa: "\f0fd"; } .fa-h-square { --fa: "\f0fd"; } .fa-podcast { --fa: "\f2ce"; } .fa-temperature-full { --fa: "\f2c7"; } .fa-temperature-4 { --fa: "\f2c7"; } .fa-thermometer-4 { --fa: "\f2c7"; } .fa-thermometer-full { --fa: "\f2c7"; } .fa-bell { --fa: "\f0f3"; } .fa-superscript { --fa: "\f12b"; } .fa-plug-circle-xmark { --fa: "\e560"; } .fa-star-of-life { --fa: "\f621"; } .fa-phone-slash { --fa: "\f3dd"; } .fa-paint-roller { --fa: "\f5aa"; } .fa-handshake-angle { --fa: "\f4c4"; } .fa-hands-helping { --fa: "\f4c4"; } .fa-location-dot { --fa: "\f3c5"; } .fa-map-marker-alt { --fa: "\f3c5"; } .fa-file { --fa: "\f15b"; } .fa-greater-than { --fa: "\3e"; } .fa-person-swimming { --fa: "\f5c4"; } .fa-swimmer { --fa: "\f5c4"; } .fa-arrow-down { --fa: "\f063"; } .fa-droplet { --fa: "\f043"; } .fa-tint { --fa: "\f043"; } .fa-eraser { --fa: "\f12d"; } .fa-earth-americas { --fa: "\f57d"; } .fa-earth { --fa: "\f57d"; } .fa-earth-america { --fa: "\f57d"; } .fa-globe-americas { --fa: "\f57d"; } .fa-person-burst { --fa: "\e53b"; } .fa-dove { --fa: "\f4ba"; } .fa-battery-empty { --fa: "\f244"; } .fa-battery-0 { --fa: "\f244"; } .fa-socks { --fa: "\f696"; } .fa-inbox { --fa: "\f01c"; } .fa-section { --fa: "\e447"; } .fa-gauge-high { --fa: "\f625"; } .fa-tachometer-alt { --fa: "\f625"; } .fa-tachometer-alt-fast { --fa: "\f625"; } .fa-envelope-open-text { --fa: "\f658"; } .fa-hospital { --fa: "\f0f8"; } .fa-hospital-alt { --fa: "\f0f8"; } .fa-hospital-wide { --fa: "\f0f8"; } .fa-wine-bottle { --fa: "\f72f"; } .fa-chess-rook { --fa: "\f447"; } .fa-bars-staggered { --fa: "\f550"; } .fa-reorder { --fa: "\f550"; } .fa-stream { --fa: "\f550"; } .fa-dharmachakra { --fa: "\f655"; } .fa-hotdog { --fa: "\f80f"; } .fa-person-walking-with-cane { --fa: "\f29d"; } .fa-blind { --fa: "\f29d"; } .fa-drum { --fa: "\f569"; } .fa-ice-cream { --fa: "\f810"; } .fa-heart-circle-bolt { --fa: "\e4fc"; } .fa-fax { --fa: "\f1ac"; } .fa-paragraph { --fa: "\f1dd"; } .fa-check-to-slot { --fa: "\f772"; } .fa-vote-yea { --fa: "\f772"; } .fa-star-half { --fa: "\f089"; } .fa-boxes-stacked { --fa: "\f468"; } .fa-boxes { --fa: "\f468"; } .fa-boxes-alt { --fa: "\f468"; } .fa-link { --fa: "\f0c1"; } .fa-chain { --fa: "\f0c1"; } .fa-ear-listen { --fa: "\f2a2"; } .fa-assistive-listening-systems { --fa: "\f2a2"; } .fa-tree-city { --fa: "\e587"; } .fa-play { --fa: "\f04b"; } .fa-font { --fa: "\f031"; } .fa-table-cells-row-lock { --fa: "\e67a"; } .fa-rupiah-sign { --fa: "\e23d"; } .fa-magnifying-glass { --fa: "\f002"; } .fa-search { --fa: "\f002"; } .fa-table-tennis-paddle-ball { --fa: "\f45d"; } .fa-ping-pong-paddle-ball { --fa: "\f45d"; } .fa-table-tennis { --fa: "\f45d"; } .fa-person-dots-from-line { --fa: "\f470"; } .fa-diagnoses { --fa: "\f470"; } .fa-trash-can-arrow-up { --fa: "\f82a"; } .fa-trash-restore-alt { --fa: "\f82a"; } .fa-naira-sign { --fa: "\e1f6"; } .fa-cart-arrow-down { --fa: "\f218"; } .fa-walkie-talkie { --fa: "\f8ef"; } .fa-file-pen { --fa: "\f31c"; } .fa-file-edit { --fa: "\f31c"; } .fa-receipt { --fa: "\f543"; } .fa-square-pen { --fa: "\f14b"; } .fa-pen-square { --fa: "\f14b"; } .fa-pencil-square { --fa: "\f14b"; } .fa-suitcase-rolling { --fa: "\f5c1"; } .fa-person-circle-exclamation { --fa: "\e53f"; } .fa-chevron-down { --fa: "\f078"; } .fa-battery-full { --fa: "\f240"; } .fa-battery { --fa: "\f240"; } .fa-battery-5 { --fa: "\f240"; } .fa-skull-crossbones { --fa: "\f714"; } .fa-code-compare { --fa: "\e13a"; } .fa-list-ul { --fa: "\f0ca"; } .fa-list-dots { --fa: "\f0ca"; } .fa-school-lock { --fa: "\e56f"; } .fa-tower-cell { --fa: "\e585"; } .fa-down-long { --fa: "\f309"; } .fa-long-arrow-alt-down { --fa: "\f309"; } .fa-ranking-star { --fa: "\e561"; } .fa-chess-king { --fa: "\f43f"; } .fa-person-harassing { --fa: "\e549"; } .fa-brazilian-real-sign { --fa: "\e46c"; } .fa-landmark-dome { --fa: "\f752"; } .fa-landmark-alt { --fa: "\f752"; } .fa-arrow-up { --fa: "\f062"; } .fa-tv { --fa: "\f26c"; } .fa-television { --fa: "\f26c"; } .fa-tv-alt { --fa: "\f26c"; } .fa-shrimp { --fa: "\e448"; } .fa-list-check { --fa: "\f0ae"; } .fa-tasks { --fa: "\f0ae"; } .fa-jug-detergent { --fa: "\e519"; } .fa-circle-user { --fa: "\f2bd"; } .fa-user-circle { --fa: "\f2bd"; } .fa-user-shield { --fa: "\f505"; } .fa-wind { --fa: "\f72e"; } .fa-car-burst { --fa: "\f5e1"; } .fa-car-crash { --fa: "\f5e1"; } .fa-y { --fa: "\59"; } .fa-person-snowboarding { --fa: "\f7ce"; } .fa-snowboarding { --fa: "\f7ce"; } .fa-truck-fast { --fa: "\f48b"; } .fa-shipping-fast { --fa: "\f48b"; } .fa-fish { --fa: "\f578"; } .fa-user-graduate { --fa: "\f501"; } .fa-circle-half-stroke { --fa: "\f042"; } .fa-adjust { --fa: "\f042"; } .fa-clapperboard { --fa: "\e131"; } .fa-circle-radiation { --fa: "\f7ba"; } .fa-radiation-alt { --fa: "\f7ba"; } .fa-baseball { --fa: "\f433"; } .fa-baseball-ball { --fa: "\f433"; } .fa-jet-fighter-up { --fa: "\e518"; } .fa-diagram-project { --fa: "\f542"; } .fa-project-diagram { --fa: "\f542"; } .fa-copy { --fa: "\f0c5"; } .fa-volume-xmark { --fa: "\f6a9"; } .fa-volume-mute { --fa: "\f6a9"; } .fa-volume-times { --fa: "\f6a9"; } .fa-hand-sparkles { --fa: "\e05d"; } .fa-grip { --fa: "\f58d"; } .fa-grip-horizontal { --fa: "\f58d"; } .fa-share-from-square { --fa: "\f14d"; } .fa-share-square { --fa: "\f14d"; } .fa-child-combatant { --fa: "\e4e0"; } .fa-child-rifle { --fa: "\e4e0"; } .fa-gun { --fa: "\e19b"; } .fa-square-phone { --fa: "\f098"; } .fa-phone-square { --fa: "\f098"; } .fa-plus { --fa: "\2b"; } .fa-add { --fa: "\2b"; } .fa-expand { --fa: "\f065"; } .fa-computer { --fa: "\e4e5"; } .fa-xmark { --fa: "\f00d"; } .fa-close { --fa: "\f00d"; } .fa-multiply { --fa: "\f00d"; } .fa-remove { --fa: "\f00d"; } .fa-times { --fa: "\f00d"; } .fa-arrows-up-down-left-right { --fa: "\f047"; } .fa-arrows { --fa: "\f047"; } .fa-chalkboard-user { --fa: "\f51c"; } .fa-chalkboard-teacher { --fa: "\f51c"; } .fa-peso-sign { --fa: "\e222"; } .fa-building-shield { --fa: "\e4d8"; } .fa-baby { --fa: "\f77c"; } .fa-users-line { --fa: "\e592"; } .fa-quote-left { --fa: "\f10d"; } .fa-quote-left-alt { --fa: "\f10d"; } .fa-tractor { --fa: "\f722"; } .fa-trash-arrow-up { --fa: "\f829"; } .fa-trash-restore { --fa: "\f829"; } .fa-arrow-down-up-lock { --fa: "\e4b0"; } .fa-lines-leaning { --fa: "\e51e"; } .fa-ruler-combined { --fa: "\f546"; } .fa-copyright { --fa: "\f1f9"; } .fa-equals { --fa: "\3d"; } .fa-blender { --fa: "\f517"; } .fa-teeth { --fa: "\f62e"; } .fa-shekel-sign { --fa: "\f20b"; } .fa-ils { --fa: "\f20b"; } .fa-shekel { --fa: "\f20b"; } .fa-sheqel { --fa: "\f20b"; } .fa-sheqel-sign { --fa: "\f20b"; } .fa-map { --fa: "\f279"; } .fa-rocket { --fa: "\f135"; } .fa-photo-film { --fa: "\f87c"; } .fa-photo-video { --fa: "\f87c"; } .fa-folder-minus { --fa: "\f65d"; } .fa-hexagon-nodes-bolt { --fa: "\e69a"; } .fa-store { --fa: "\f54e"; } .fa-arrow-trend-up { --fa: "\e098"; } .fa-plug-circle-minus { --fa: "\e55e"; } .fa-sign-hanging { --fa: "\f4d9"; } .fa-sign { --fa: "\f4d9"; } .fa-bezier-curve { --fa: "\f55b"; } .fa-bell-slash { --fa: "\f1f6"; } .fa-tablet { --fa: "\f3fb"; } .fa-tablet-android { --fa: "\f3fb"; } .fa-school-flag { --fa: "\e56e"; } .fa-fill { --fa: "\f575"; } .fa-angle-up { --fa: "\f106"; } .fa-drumstick-bite { --fa: "\f6d7"; } .fa-holly-berry { --fa: "\f7aa"; } .fa-chevron-left { --fa: "\f053"; } .fa-bacteria { --fa: "\e059"; } .fa-hand-lizard { --fa: "\f258"; } .fa-notdef { --fa: "\e1fe"; } .fa-disease { --fa: "\f7fa"; } .fa-briefcase-medical { --fa: "\f469"; } .fa-genderless { --fa: "\f22d"; } .fa-chevron-right { --fa: "\f054"; } .fa-retweet { --fa: "\f079"; } .fa-car-rear { --fa: "\f5de"; } .fa-car-alt { --fa: "\f5de"; } .fa-pump-soap { --fa: "\e06b"; } .fa-video-slash { --fa: "\f4e2"; } .fa-battery-quarter { --fa: "\f243"; } .fa-battery-2 { --fa: "\f243"; } .fa-radio { --fa: "\f8d7"; } .fa-baby-carriage { --fa: "\f77d"; } .fa-carriage-baby { --fa: "\f77d"; } .fa-traffic-light { --fa: "\f637"; } .fa-thermometer { --fa: "\f491"; } .fa-vr-cardboard { --fa: "\f729"; } .fa-hand-middle-finger { --fa: "\f806"; } .fa-percent { --fa: "\25"; } .fa-percentage { --fa: "\25"; } .fa-truck-moving { --fa: "\f4df"; } .fa-glass-water-droplet { --fa: "\e4f5"; } .fa-display { --fa: "\e163"; } .fa-face-smile { --fa: "\f118"; } .fa-smile { --fa: "\f118"; } .fa-thumbtack { --fa: "\f08d"; } .fa-thumb-tack { --fa: "\f08d"; } .fa-trophy { --fa: "\f091"; } .fa-person-praying { --fa: "\f683"; } .fa-pray { --fa: "\f683"; } .fa-hammer { --fa: "\f6e3"; } .fa-hand-peace { --fa: "\f25b"; } .fa-rotate { --fa: "\f2f1"; } .fa-sync-alt { --fa: "\f2f1"; } .fa-spinner { --fa: "\f110"; } .fa-robot { --fa: "\f544"; } .fa-peace { --fa: "\f67c"; } .fa-gears { --fa: "\f085"; } .fa-cogs { --fa: "\f085"; } .fa-warehouse { --fa: "\f494"; } .fa-arrow-up-right-dots { --fa: "\e4b7"; } .fa-splotch { --fa: "\f5bc"; } .fa-face-grin-hearts { --fa: "\f584"; } .fa-grin-hearts { --fa: "\f584"; } .fa-dice-four { --fa: "\f524"; } .fa-sim-card { --fa: "\f7c4"; } .fa-transgender { --fa: "\f225"; } .fa-transgender-alt { --fa: "\f225"; } .fa-mercury { --fa: "\f223"; } .fa-arrow-turn-down { --fa: "\f149"; } .fa-level-down { --fa: "\f149"; } .fa-person-falling-burst { --fa: "\e547"; } .fa-award { --fa: "\f559"; } .fa-ticket-simple { --fa: "\f3ff"; } .fa-ticket-alt { --fa: "\f3ff"; } .fa-building { --fa: "\f1ad"; } .fa-angles-left { --fa: "\f100"; } .fa-angle-double-left { --fa: "\f100"; } .fa-qrcode { --fa: "\f029"; } .fa-clock-rotate-left { --fa: "\f1da"; } .fa-history { --fa: "\f1da"; } .fa-face-grin-beam-sweat { --fa: "\f583"; } .fa-grin-beam-sweat { --fa: "\f583"; } .fa-file-export { --fa: "\f56e"; } .fa-arrow-right-from-file { --fa: "\f56e"; } .fa-shield { --fa: "\f132"; } .fa-shield-blank { --fa: "\f132"; } .fa-arrow-up-short-wide { --fa: "\f885"; } .fa-sort-amount-up-alt { --fa: "\f885"; } .fa-comment-nodes { --fa: "\e696"; } .fa-house-medical { --fa: "\e3b2"; } .fa-golf-ball-tee { --fa: "\f450"; } .fa-golf-ball { --fa: "\f450"; } .fa-circle-chevron-left { --fa: "\f137"; } .fa-chevron-circle-left { --fa: "\f137"; } .fa-house-chimney-window { --fa: "\e00d"; } .fa-pen-nib { --fa: "\f5ad"; } .fa-tent-arrow-turn-left { --fa: "\e580"; } .fa-tents { --fa: "\e582"; } .fa-wand-magic { --fa: "\f0d0"; } .fa-magic { --fa: "\f0d0"; } .fa-dog { --fa: "\f6d3"; } .fa-carrot { --fa: "\f787"; } .fa-moon { --fa: "\f186"; } .fa-wine-glass-empty { --fa: "\f5ce"; } .fa-wine-glass-alt { --fa: "\f5ce"; } .fa-cheese { --fa: "\f7ef"; } .fa-yin-yang { --fa: "\f6ad"; } .fa-music { --fa: "\f001"; } .fa-code-commit { --fa: "\f386"; } .fa-temperature-low { --fa: "\f76b"; } .fa-person-biking { --fa: "\f84a"; } .fa-biking { --fa: "\f84a"; } .fa-broom { --fa: "\f51a"; } .fa-shield-heart { --fa: "\e574"; } .fa-gopuram { --fa: "\f664"; } .fa-earth-oceania { --fa: "\e47b"; } .fa-globe-oceania { --fa: "\e47b"; } .fa-square-xmark { --fa: "\f2d3"; } .fa-times-square { --fa: "\f2d3"; } .fa-xmark-square { --fa: "\f2d3"; } .fa-hashtag { --fa: "\23"; } .fa-up-right-and-down-left-from-center { --fa: "\f424"; } .fa-expand-alt { --fa: "\f424"; } .fa-oil-can { --fa: "\f613"; } .fa-t { --fa: "\54"; } .fa-hippo { --fa: "\f6ed"; } .fa-chart-column { --fa: "\e0e3"; } .fa-infinity { --fa: "\f534"; } .fa-vial-circle-check { --fa: "\e596"; } .fa-person-arrow-down-to-line { --fa: "\e538"; } .fa-voicemail { --fa: "\f897"; } .fa-fan { --fa: "\f863"; } .fa-person-walking-luggage { --fa: "\e554"; } .fa-up-down { --fa: "\f338"; } .fa-arrows-alt-v { --fa: "\f338"; } .fa-cloud-moon-rain { --fa: "\f73c"; } .fa-calendar { --fa: "\f133"; } .fa-trailer { --fa: "\e041"; } .fa-bahai { --fa: "\f666"; } .fa-haykal { --fa: "\f666"; } .fa-sd-card { --fa: "\f7c2"; } .fa-dragon { --fa: "\f6d5"; } .fa-shoe-prints { --fa: "\f54b"; } .fa-circle-plus { --fa: "\f055"; } .fa-plus-circle { --fa: "\f055"; } .fa-face-grin-tongue-wink { --fa: "\f58b"; } .fa-grin-tongue-wink { --fa: "\f58b"; } .fa-hand-holding { --fa: "\f4bd"; } .fa-plug-circle-exclamation { --fa: "\e55d"; } .fa-link-slash { --fa: "\f127"; } .fa-chain-broken { --fa: "\f127"; } .fa-chain-slash { --fa: "\f127"; } .fa-unlink { --fa: "\f127"; } .fa-clone { --fa: "\f24d"; } .fa-person-walking-arrow-loop-left { --fa: "\e551"; } .fa-arrow-up-z-a { --fa: "\f882"; } .fa-sort-alpha-up-alt { --fa: "\f882"; } .fa-fire-flame-curved { --fa: "\f7e4"; } .fa-fire-alt { --fa: "\f7e4"; } .fa-tornado { --fa: "\f76f"; } .fa-file-circle-plus { --fa: "\e494"; } .fa-book-quran { --fa: "\f687"; } .fa-quran { --fa: "\f687"; } .fa-anchor { --fa: "\f13d"; } .fa-border-all { --fa: "\f84c"; } .fa-face-angry { --fa: "\f556"; } .fa-angry { --fa: "\f556"; } .fa-cookie-bite { --fa: "\f564"; } .fa-arrow-trend-down { --fa: "\e097"; } .fa-rss { --fa: "\f09e"; } .fa-feed { --fa: "\f09e"; } .fa-draw-polygon { --fa: "\f5ee"; } .fa-scale-balanced { --fa: "\f24e"; } .fa-balance-scale { --fa: "\f24e"; } .fa-gauge-simple-high { --fa: "\f62a"; } .fa-tachometer { --fa: "\f62a"; } .fa-tachometer-fast { --fa: "\f62a"; } .fa-shower { --fa: "\f2cc"; } .fa-desktop { --fa: "\f390"; } .fa-desktop-alt { --fa: "\f390"; } .fa-m { --fa: "\4d"; } .fa-table-list { --fa: "\f00b"; } .fa-th-list { --fa: "\f00b"; } .fa-comment-sms { --fa: "\f7cd"; } .fa-sms { --fa: "\f7cd"; } .fa-book { --fa: "\f02d"; } .fa-user-plus { --fa: "\f234"; } .fa-check { --fa: "\f00c"; } .fa-battery-three-quarters { --fa: "\f241"; } .fa-battery-4 { --fa: "\f241"; } .fa-house-circle-check { --fa: "\e509"; } .fa-angle-left { --fa: "\f104"; } .fa-diagram-successor { --fa: "\e47a"; } .fa-truck-arrow-right { --fa: "\e58b"; } .fa-arrows-split-up-and-left { --fa: "\e4bc"; } .fa-hand-fist { --fa: "\f6de"; } .fa-fist-raised { --fa: "\f6de"; } .fa-cloud-moon { --fa: "\f6c3"; } .fa-briefcase { --fa: "\f0b1"; } .fa-person-falling { --fa: "\e546"; } .fa-image-portrait { --fa: "\f3e0"; } .fa-portrait { --fa: "\f3e0"; } .fa-user-tag { --fa: "\f507"; } .fa-rug { --fa: "\e569"; } .fa-earth-europe { --fa: "\f7a2"; } .fa-globe-europe { --fa: "\f7a2"; } .fa-cart-flatbed-suitcase { --fa: "\f59d"; } .fa-luggage-cart { --fa: "\f59d"; } .fa-rectangle-xmark { --fa: "\f410"; } .fa-rectangle-times { --fa: "\f410"; } .fa-times-rectangle { --fa: "\f410"; } .fa-window-close { --fa: "\f410"; } .fa-baht-sign { --fa: "\e0ac"; } .fa-book-open { --fa: "\f518"; } .fa-book-journal-whills { --fa: "\f66a"; } .fa-journal-whills { --fa: "\f66a"; } .fa-handcuffs { --fa: "\e4f8"; } .fa-triangle-exclamation { --fa: "\f071"; } .fa-exclamation-triangle { --fa: "\f071"; } .fa-warning { --fa: "\f071"; } .fa-database { --fa: "\f1c0"; } .fa-share { --fa: "\f064"; } .fa-mail-forward { --fa: "\f064"; } .fa-bottle-droplet { --fa: "\e4c4"; } .fa-mask-face { --fa: "\e1d7"; } .fa-hill-rockslide { --fa: "\e508"; } .fa-right-left { --fa: "\f362"; } .fa-exchange-alt { --fa: "\f362"; } .fa-paper-plane { --fa: "\f1d8"; } .fa-road-circle-exclamation { --fa: "\e565"; } .fa-dungeon { --fa: "\f6d9"; } .fa-align-right { --fa: "\f038"; } .fa-money-bill-1-wave { --fa: "\f53b"; } .fa-money-bill-wave-alt { --fa: "\f53b"; } .fa-life-ring { --fa: "\f1cd"; } .fa-hands { --fa: "\f2a7"; } .fa-sign-language { --fa: "\f2a7"; } .fa-signing { --fa: "\f2a7"; } .fa-calendar-day { --fa: "\f783"; } .fa-water-ladder { --fa: "\f5c5"; } .fa-ladder-water { --fa: "\f5c5"; } .fa-swimming-pool { --fa: "\f5c5"; } .fa-arrows-up-down { --fa: "\f07d"; } .fa-arrows-v { --fa: "\f07d"; } .fa-face-grimace { --fa: "\f57f"; } .fa-grimace { --fa: "\f57f"; } .fa-wheelchair-move { --fa: "\e2ce"; } .fa-wheelchair-alt { --fa: "\e2ce"; } .fa-turn-down { --fa: "\f3be"; } .fa-level-down-alt { --fa: "\f3be"; } .fa-person-walking-arrow-right { --fa: "\e552"; } .fa-square-envelope { --fa: "\f199"; } .fa-envelope-square { --fa: "\f199"; } .fa-dice { --fa: "\f522"; } .fa-bowling-ball { --fa: "\f436"; } .fa-brain { --fa: "\f5dc"; } .fa-bandage { --fa: "\f462"; } .fa-band-aid { --fa: "\f462"; } .fa-calendar-minus { --fa: "\f272"; } .fa-circle-xmark { --fa: "\f057"; } .fa-times-circle { --fa: "\f057"; } .fa-xmark-circle { --fa: "\f057"; } .fa-gifts { --fa: "\f79c"; } .fa-hotel { --fa: "\f594"; } .fa-earth-asia { --fa: "\f57e"; } .fa-globe-asia { --fa: "\f57e"; } .fa-id-card-clip { --fa: "\f47f"; } .fa-id-card-alt { --fa: "\f47f"; } .fa-magnifying-glass-plus { --fa: "\f00e"; } .fa-search-plus { --fa: "\f00e"; } .fa-thumbs-up { --fa: "\f164"; } .fa-user-clock { --fa: "\f4fd"; } .fa-hand-dots { --fa: "\f461"; } .fa-allergies { --fa: "\f461"; } .fa-file-invoice { --fa: "\f570"; } .fa-window-minimize { --fa: "\f2d1"; } .fa-mug-saucer { --fa: "\f0f4"; } .fa-coffee { --fa: "\f0f4"; } .fa-brush { --fa: "\f55d"; } .fa-file-half-dashed { --fa: "\e698"; } .fa-mask { --fa: "\f6fa"; } .fa-magnifying-glass-minus { --fa: "\f010"; } .fa-search-minus { --fa: "\f010"; } .fa-ruler-vertical { --fa: "\f548"; } .fa-user-large { --fa: "\f406"; } .fa-user-alt { --fa: "\f406"; } .fa-train-tram { --fa: "\e5b4"; } .fa-user-nurse { --fa: "\f82f"; } .fa-syringe { --fa: "\f48e"; } .fa-cloud-sun { --fa: "\f6c4"; } .fa-stopwatch-20 { --fa: "\e06f"; } .fa-square-full { --fa: "\f45c"; } .fa-magnet { --fa: "\f076"; } .fa-jar { --fa: "\e516"; } .fa-note-sticky { --fa: "\f249"; } .fa-sticky-note { --fa: "\f249"; } .fa-bug-slash { --fa: "\e490"; } .fa-arrow-up-from-water-pump { --fa: "\e4b6"; } .fa-bone { --fa: "\f5d7"; } .fa-table-cells-row-unlock { --fa: "\e691"; } .fa-user-injured { --fa: "\f728"; } .fa-face-sad-tear { --fa: "\f5b4"; } .fa-sad-tear { --fa: "\f5b4"; } .fa-plane { --fa: "\f072"; } .fa-tent-arrows-down { --fa: "\e581"; } .fa-exclamation { --fa: "\21"; } .fa-arrows-spin { --fa: "\e4bb"; } .fa-print { --fa: "\f02f"; } .fa-turkish-lira-sign { --fa: "\e2bb"; } .fa-try { --fa: "\e2bb"; } .fa-turkish-lira { --fa: "\e2bb"; } .fa-dollar-sign { --fa: "\24"; } .fa-dollar { --fa: "\24"; } .fa-usd { --fa: "\24"; } .fa-x { --fa: "\58"; } .fa-magnifying-glass-dollar { --fa: "\f688"; } .fa-search-dollar { --fa: "\f688"; } .fa-users-gear { --fa: "\f509"; } .fa-users-cog { --fa: "\f509"; } .fa-person-military-pointing { --fa: "\e54a"; } .fa-building-columns { --fa: "\f19c"; } .fa-bank { --fa: "\f19c"; } .fa-institution { --fa: "\f19c"; } .fa-museum { --fa: "\f19c"; } .fa-university { --fa: "\f19c"; } .fa-umbrella { --fa: "\f0e9"; } .fa-trowel { --fa: "\e589"; } .fa-d { --fa: "\44"; } .fa-stapler { --fa: "\e5af"; } .fa-masks-theater { --fa: "\f630"; } .fa-theater-masks { --fa: "\f630"; } .fa-kip-sign { --fa: "\e1c4"; } .fa-hand-point-left { --fa: "\f0a5"; } .fa-handshake-simple { --fa: "\f4c6"; } .fa-handshake-alt { --fa: "\f4c6"; } .fa-jet-fighter { --fa: "\f0fb"; } .fa-fighter-jet { --fa: "\f0fb"; } .fa-square-share-nodes { --fa: "\f1e1"; } .fa-share-alt-square { --fa: "\f1e1"; } .fa-barcode { --fa: "\f02a"; } .fa-plus-minus { --fa: "\e43c"; } .fa-video { --fa: "\f03d"; } .fa-video-camera { --fa: "\f03d"; } .fa-graduation-cap { --fa: "\f19d"; } .fa-mortar-board { --fa: "\f19d"; } .fa-hand-holding-medical { --fa: "\e05c"; } .fa-person-circle-check { --fa: "\e53e"; } .fa-turn-up { --fa: "\f3bf"; } .fa-level-up-alt { --fa: "\f3bf"; } .sr-only, .fa-sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border-width: 0; } .sr-only-focusable:not(:focus), .fa-sr-only-focusable:not(:focus) { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border-width: 0; } :root, :host { --fa-style-family-brands: 'Font Awesome 6 Brands'; --fa-font-brands: normal 400 1em/1 'Font Awesome 6 Brands'; } @font-face { font-family: 'Font Awesome 6 Brands'; font-style: normal; font-weight: 400; font-display: swap; src: url("../../frontend/Bianco/hyvatheme/en_US/fonts/fa-brands-400.woff2") format("woff2"), url("../../frontend/Bianco/hyvatheme/en_US/fonts/fa-brands-400.ttf") format("truetype"); } .fab, .fa-brands { font-weight: 400; } .fa-monero { --fa: "\f3d0"; } .fa-hooli { --fa: "\f427"; } .fa-yelp { --fa: "\f1e9"; } .fa-cc-visa { --fa: "\f1f0"; } .fa-lastfm { --fa: "\f202"; } .fa-shopware { --fa: "\f5b5"; } .fa-creative-commons-nc { --fa: "\f4e8"; } .fa-aws { --fa: "\f375"; } .fa-redhat { --fa: "\f7bc"; } .fa-yoast { --fa: "\f2b1"; } .fa-cloudflare { --fa: "\e07d"; } .fa-ups { --fa: "\f7e0"; } .fa-pixiv { --fa: "\e640"; } .fa-wpexplorer { --fa: "\f2de"; } .fa-dyalog { --fa: "\f399"; } .fa-bity { --fa: "\f37a"; } .fa-stackpath { --fa: "\f842"; } .fa-buysellads { --fa: "\f20d"; } .fa-first-order { --fa: "\f2b0"; } .fa-modx { --fa: "\f285"; } .fa-guilded { --fa: "\e07e"; } .fa-vnv { --fa: "\f40b"; } .fa-square-js { --fa: "\f3b9"; } .fa-js-square { --fa: "\f3b9"; } .fa-microsoft { --fa: "\f3ca"; } .fa-qq { --fa: "\f1d6"; } .fa-orcid { --fa: "\f8d2"; } .fa-java { --fa: "\f4e4"; } .fa-invision { --fa: "\f7b0"; } .fa-creative-commons-pd-alt { --fa: "\f4ed"; } .fa-centercode { --fa: "\f380"; } .fa-glide-g { --fa: "\f2a6"; } .fa-drupal { --fa: "\f1a9"; } .fa-jxl { --fa: "\e67b"; } .fa-dart-lang { --fa: "\e693"; } .fa-hire-a-helper { --fa: "\f3b0"; } .fa-creative-commons-by { --fa: "\f4e7"; } .fa-unity { --fa: "\e049"; } .fa-whmcs { --fa: "\f40d"; } .fa-rocketchat { --fa: "\f3e8"; } .fa-vk { --fa: "\f189"; } .fa-untappd { --fa: "\f405"; } .fa-mailchimp { --fa: "\f59e"; } .fa-css3-alt { --fa: "\f38b"; } .fa-square-reddit { --fa: "\f1a2"; } .fa-reddit-square { --fa: "\f1a2"; } .fa-vimeo-v { --fa: "\f27d"; } .fa-contao { --fa: "\f26d"; } .fa-square-font-awesome { --fa: "\e5ad"; } .fa-deskpro { --fa: "\f38f"; } .fa-brave { --fa: "\e63c"; } .fa-sistrix { --fa: "\f3ee"; } .fa-square-instagram { --fa: "\e055"; } .fa-instagram-square { --fa: "\e055"; } .fa-battle-net { --fa: "\f835"; } .fa-the-red-yeti { --fa: "\f69d"; } .fa-square-hacker-news { --fa: "\f3af"; } .fa-hacker-news-square { --fa: "\f3af"; } .fa-edge { --fa: "\f282"; } .fa-threads { --fa: "\e618"; } .fa-napster { --fa: "\f3d2"; } .fa-square-snapchat { --fa: "\f2ad"; } .fa-snapchat-square { --fa: "\f2ad"; } .fa-google-plus-g { --fa: "\f0d5"; } .fa-artstation { --fa: "\f77a"; } .fa-markdown { --fa: "\f60f"; } .fa-sourcetree { --fa: "\f7d3"; } .fa-google-plus { --fa: "\f2b3"; } .fa-diaspora { --fa: "\f791"; } .fa-foursquare { --fa: "\f180"; } .fa-stack-overflow { --fa: "\f16c"; } .fa-github-alt { --fa: "\f113"; } .fa-phoenix-squadron { --fa: "\f511"; } .fa-pagelines { --fa: "\f18c"; } .fa-algolia { --fa: "\f36c"; } .fa-red-river { --fa: "\f3e3"; } .fa-creative-commons-sa { --fa: "\f4ef"; } .fa-safari { --fa: "\f267"; } .fa-google { --fa: "\f1a0"; } .fa-square-font-awesome-stroke { --fa: "\f35c"; } .fa-font-awesome-alt { --fa: "\f35c"; } .fa-atlassian { --fa: "\f77b"; } .fa-linkedin-in { --fa: "\f0e1"; } .fa-digital-ocean { --fa: "\f391"; } .fa-nimblr { --fa: "\f5a8"; } .fa-chromecast { --fa: "\f838"; } .fa-evernote { --fa: "\f839"; } .fa-hacker-news { --fa: "\f1d4"; } .fa-creative-commons-sampling { --fa: "\f4f0"; } .fa-adversal { --fa: "\f36a"; } .fa-creative-commons { --fa: "\f25e"; } .fa-watchman-monitoring { --fa: "\e087"; } .fa-fonticons { --fa: "\f280"; } .fa-weixin { --fa: "\f1d7"; } .fa-shirtsinbulk { --fa: "\f214"; } .fa-codepen { --fa: "\f1cb"; } .fa-git-alt { --fa: "\f841"; } .fa-lyft { --fa: "\f3c3"; } .fa-rev { --fa: "\f5b2"; } .fa-windows { --fa: "\f17a"; } .fa-wizards-of-the-coast { --fa: "\f730"; } .fa-square-viadeo { --fa: "\f2aa"; } .fa-viadeo-square { --fa: "\f2aa"; } .fa-meetup { --fa: "\f2e0"; } .fa-centos { --fa: "\f789"; } .fa-adn { --fa: "\f170"; } .fa-cloudsmith { --fa: "\f384"; } .fa-opensuse { --fa: "\e62b"; } .fa-pied-piper-alt { --fa: "\f1a8"; } .fa-square-dribbble { --fa: "\f397"; } .fa-dribbble-square { --fa: "\f397"; } .fa-codiepie { --fa: "\f284"; } .fa-node { --fa: "\f419"; } .fa-mix { --fa: "\f3cb"; } .fa-steam { --fa: "\f1b6"; } .fa-cc-apple-pay { --fa: "\f416"; } .fa-scribd { --fa: "\f28a"; } .fa-debian { --fa: "\e60b"; } .fa-openid { --fa: "\f19b"; } .fa-instalod { --fa: "\e081"; } .fa-files-pinwheel { --fa: "\e69f"; } .fa-expeditedssl { --fa: "\f23e"; } .fa-sellcast { --fa: "\f2da"; } .fa-square-twitter { --fa: "\f081"; } .fa-twitter-square { --fa: "\f081"; } .fa-r-project { --fa: "\f4f7"; } .fa-delicious { --fa: "\f1a5"; } .fa-freebsd { --fa: "\f3a4"; } .fa-vuejs { --fa: "\f41f"; } .fa-accusoft { --fa: "\f369"; } .fa-ioxhost { --fa: "\f208"; } .fa-fonticons-fi { --fa: "\f3a2"; } .fa-app-store { --fa: "\f36f"; } .fa-cc-mastercard { --fa: "\f1f1"; } .fa-itunes-note { --fa: "\f3b5"; } .fa-golang { --fa: "\e40f"; } .fa-kickstarter { --fa: "\f3bb"; } .fa-square-kickstarter { --fa: "\f3bb"; } .fa-grav { --fa: "\f2d6"; } .fa-weibo { --fa: "\f18a"; } .fa-uncharted { --fa: "\e084"; } .fa-firstdraft { --fa: "\f3a1"; } .fa-square-youtube { --fa: "\f431"; } .fa-youtube-square { --fa: "\f431"; } .fa-wikipedia-w { --fa: "\f266"; } .fa-wpressr { --fa: "\f3e4"; } .fa-rendact { --fa: "\f3e4"; } .fa-angellist { --fa: "\f209"; } .fa-galactic-republic { --fa: "\f50c"; } .fa-nfc-directional { --fa: "\e530"; } .fa-skype { --fa: "\f17e"; } .fa-joget { --fa: "\f3b7"; } .fa-fedora { --fa: "\f798"; } .fa-stripe-s { --fa: "\f42a"; } .fa-meta { --fa: "\e49b"; } .fa-laravel { --fa: "\f3bd"; } .fa-hotjar { --fa: "\f3b1"; } .fa-bluetooth-b { --fa: "\f294"; } .fa-square-letterboxd { --fa: "\e62e"; } .fa-sticker-mule { --fa: "\f3f7"; } .fa-creative-commons-zero { --fa: "\f4f3"; } .fa-hips { --fa: "\f452"; } .fa-css { --fa: "\e6a2"; } .fa-behance { --fa: "\f1b4"; } .fa-reddit { --fa: "\f1a1"; } .fa-discord { --fa: "\f392"; } .fa-chrome { --fa: "\f268"; } .fa-app-store-ios { --fa: "\f370"; } .fa-cc-discover { --fa: "\f1f2"; } .fa-wpbeginner { --fa: "\f297"; } .fa-confluence { --fa: "\f78d"; } .fa-shoelace { --fa: "\e60c"; } .fa-mdb { --fa: "\f8ca"; } .fa-dochub { --fa: "\f394"; } .fa-accessible-icon { --fa: "\f368"; } .fa-ebay { --fa: "\f4f4"; } .fa-amazon { --fa: "\f270"; } .fa-unsplash { --fa: "\e07c"; } .fa-yarn { --fa: "\f7e3"; } .fa-square-steam { --fa: "\f1b7"; } .fa-steam-square { --fa: "\f1b7"; } .fa-500px { --fa: "\f26e"; } .fa-square-vimeo { --fa: "\f194"; } .fa-vimeo-square { --fa: "\f194"; } .fa-asymmetrik { --fa: "\f372"; } .fa-font-awesome { --fa: "\f2b4"; } .fa-font-awesome-flag { --fa: "\f2b4"; } .fa-font-awesome-logo-full { --fa: "\f2b4"; } .fa-gratipay { --fa: "\f184"; } .fa-apple { --fa: "\f179"; } .fa-hive { --fa: "\e07f"; } .fa-gitkraken { --fa: "\f3a6"; } .fa-keybase { --fa: "\f4f5"; } .fa-apple-pay { --fa: "\f415"; } .fa-padlet { --fa: "\e4a0"; } .fa-amazon-pay { --fa: "\f42c"; } .fa-square-github { --fa: "\f092"; } .fa-github-square { --fa: "\f092"; } .fa-stumbleupon { --fa: "\f1a4"; } .fa-fedex { --fa: "\f797"; } .fa-phoenix-framework { --fa: "\f3dc"; } .fa-shopify { --fa: "\e057"; } .fa-neos { --fa: "\f612"; } .fa-square-threads { --fa: "\e619"; } .fa-hackerrank { --fa: "\f5f7"; } .fa-researchgate { --fa: "\f4f8"; } .fa-swift { --fa: "\f8e1"; } .fa-angular { --fa: "\f420"; } .fa-speakap { --fa: "\f3f3"; } .fa-angrycreative { --fa: "\f36e"; } .fa-y-combinator { --fa: "\f23b"; } .fa-empire { --fa: "\f1d1"; } .fa-envira { --fa: "\f299"; } .fa-google-scholar { --fa: "\e63b"; } .fa-square-gitlab { --fa: "\e5ae"; } .fa-gitlab-square { --fa: "\e5ae"; } .fa-studiovinari { --fa: "\f3f8"; } .fa-pied-piper { --fa: "\f2ae"; } .fa-wordpress { --fa: "\f19a"; } .fa-product-hunt { --fa: "\f288"; } .fa-firefox { --fa: "\f269"; } .fa-linode { --fa: "\f2b8"; } .fa-goodreads { --fa: "\f3a8"; } .fa-square-odnoklassniki { --fa: "\f264"; } .fa-odnoklassniki-square { --fa: "\f264"; } .fa-jsfiddle { --fa: "\f1cc"; } .fa-sith { --fa: "\f512"; } .fa-themeisle { --fa: "\f2b2"; } .fa-page4 { --fa: "\f3d7"; } .fa-hashnode { --fa: "\e499"; } .fa-react { --fa: "\f41b"; } .fa-cc-paypal { --fa: "\f1f4"; } .fa-squarespace { --fa: "\f5be"; } .fa-cc-stripe { --fa: "\f1f5"; } .fa-creative-commons-share { --fa: "\f4f2"; } .fa-bitcoin { --fa: "\f379"; } .fa-keycdn { --fa: "\f3ba"; } .fa-opera { --fa: "\f26a"; } .fa-itch-io { --fa: "\f83a"; } .fa-umbraco { --fa: "\f8e8"; } .fa-galactic-senate { --fa: "\f50d"; } .fa-ubuntu { --fa: "\f7df"; } .fa-draft2digital { --fa: "\f396"; } .fa-stripe { --fa: "\f429"; } .fa-houzz { --fa: "\f27c"; } .fa-gg { --fa: "\f260"; } .fa-dhl { --fa: "\f790"; } .fa-square-pinterest { --fa: "\f0d3"; } .fa-pinterest-square { --fa: "\f0d3"; } .fa-xing { --fa: "\f168"; } .fa-blackberry { --fa: "\f37b"; } .fa-creative-commons-pd { --fa: "\f4ec"; } .fa-playstation { --fa: "\f3df"; } .fa-quinscape { --fa: "\f459"; } .fa-less { --fa: "\f41d"; } .fa-blogger-b { --fa: "\f37d"; } .fa-opencart { --fa: "\f23d"; } .fa-vine { --fa: "\f1ca"; } .fa-signal-messenger { --fa: "\e663"; } .fa-paypal { --fa: "\f1ed"; } .fa-gitlab { --fa: "\f296"; } .fa-typo3 { --fa: "\f42b"; } .fa-reddit-alien { --fa: "\f281"; } .fa-yahoo { --fa: "\f19e"; } .fa-dailymotion { --fa: "\e052"; } .fa-affiliatetheme { --fa: "\f36b"; } .fa-pied-piper-pp { --fa: "\f1a7"; } .fa-bootstrap { --fa: "\f836"; } .fa-odnoklassniki { --fa: "\f263"; } .fa-nfc-symbol { --fa: "\e531"; } .fa-mintbit { --fa: "\e62f"; } .fa-ethereum { --fa: "\f42e"; } .fa-speaker-deck { --fa: "\f83c"; } .fa-creative-commons-nc-eu { --fa: "\f4e9"; } .fa-patreon { --fa: "\f3d9"; } .fa-avianex { --fa: "\f374"; } .fa-ello { --fa: "\f5f1"; } .fa-gofore { --fa: "\f3a7"; } .fa-bimobject { --fa: "\f378"; } .fa-brave-reverse { --fa: "\e63d"; } .fa-facebook-f { --fa: "\f39e"; } .fa-square-google-plus { --fa: "\f0d4"; } .fa-google-plus-square { --fa: "\f0d4"; } .fa-web-awesome { --fa: "\e682"; } .fa-mandalorian { --fa: "\f50f"; } .fa-first-order-alt { --fa: "\f50a"; } .fa-osi { --fa: "\f41a"; } .fa-google-wallet { --fa: "\f1ee"; } .fa-d-and-d-beyond { --fa: "\f6ca"; } .fa-periscope { --fa: "\f3da"; } .fa-fulcrum { --fa: "\f50b"; } .fa-cloudscale { --fa: "\f383"; } .fa-forumbee { --fa: "\f211"; } .fa-mizuni { --fa: "\f3cc"; } .fa-schlix { --fa: "\f3ea"; } .fa-square-xing { --fa: "\f169"; } .fa-xing-square { --fa: "\f169"; } .fa-bandcamp { --fa: "\f2d5"; } .fa-wpforms { --fa: "\f298"; } .fa-cloudversify { --fa: "\f385"; } .fa-usps { --fa: "\f7e1"; } .fa-megaport { --fa: "\f5a3"; } .fa-magento { --fa: "\f3c4"; } .fa-spotify { --fa: "\f1bc"; } .fa-optin-monster { --fa: "\f23c"; } .fa-fly { --fa: "\f417"; } .fa-square-bluesky { --fa: "\e6a3"; } .fa-aviato { --fa: "\f421"; } .fa-itunes { --fa: "\f3b4"; } .fa-cuttlefish { --fa: "\f38c"; } .fa-blogger { --fa: "\f37c"; } .fa-flickr { --fa: "\f16e"; } .fa-viber { --fa: "\f409"; } .fa-soundcloud { --fa: "\f1be"; } .fa-digg { --fa: "\f1a6"; } .fa-tencent-weibo { --fa: "\f1d5"; } .fa-letterboxd { --fa: "\e62d"; } .fa-symfony { --fa: "\f83d"; } .fa-maxcdn { --fa: "\f136"; } .fa-etsy { --fa: "\f2d7"; } .fa-facebook-messenger { --fa: "\f39f"; } .fa-audible { --fa: "\f373"; } .fa-think-peaks { --fa: "\f731"; } .fa-bilibili { --fa: "\e3d9"; } .fa-erlang { --fa: "\f39d"; } .fa-x-twitter { --fa: "\e61b"; } .fa-cotton-bureau { --fa: "\f89e"; } .fa-dashcube { --fa: "\f210"; } .fa-42-group { --fa: "\e080"; } .fa-innosoft { --fa: "\e080"; } .fa-stack-exchange { --fa: "\f18d"; } .fa-elementor { --fa: "\f430"; } .fa-square-pied-piper { --fa: "\e01e"; } .fa-pied-piper-square { --fa: "\e01e"; } .fa-creative-commons-nd { --fa: "\f4eb"; } .fa-palfed { --fa: "\f3d8"; } .fa-superpowers { --fa: "\f2dd"; } .fa-resolving { --fa: "\f3e7"; } .fa-xbox { --fa: "\f412"; } .fa-square-web-awesome-stroke { --fa: "\e684"; } .fa-searchengin { --fa: "\f3eb"; } .fa-tiktok { --fa: "\e07b"; } .fa-square-facebook { --fa: "\f082"; } .fa-facebook-square { --fa: "\f082"; } .fa-renren { --fa: "\f18b"; } .fa-linux { --fa: "\f17c"; } .fa-glide { --fa: "\f2a5"; } .fa-linkedin { --fa: "\f08c"; } .fa-hubspot { --fa: "\f3b2"; } .fa-deploydog { --fa: "\f38e"; } .fa-twitch { --fa: "\f1e8"; } .fa-flutter { --fa: "\e694"; } .fa-ravelry { --fa: "\f2d9"; } .fa-mixer { --fa: "\e056"; } .fa-square-lastfm { --fa: "\f203"; } .fa-lastfm-square { --fa: "\f203"; } .fa-vimeo { --fa: "\f40a"; } .fa-mendeley { --fa: "\f7b3"; } .fa-uniregistry { --fa: "\f404"; } .fa-figma { --fa: "\f799"; } .fa-creative-commons-remix { --fa: "\f4ee"; } .fa-cc-amazon-pay { --fa: "\f42d"; } .fa-dropbox { --fa: "\f16b"; } .fa-instagram { --fa: "\f16d"; } .fa-cmplid { --fa: "\e360"; } .fa-upwork { --fa: "\e641"; } .fa-facebook { --fa: "\f09a"; } .fa-gripfire { --fa: "\f3ac"; } .fa-jedi-order { --fa: "\f50e"; } .fa-uikit { --fa: "\f403"; } .fa-fort-awesome-alt { --fa: "\f3a3"; } .fa-phabricator { --fa: "\f3db"; } .fa-ussunnah { --fa: "\f407"; } .fa-earlybirds { --fa: "\f39a"; } .fa-trade-federation { --fa: "\f513"; } .fa-autoprefixer { --fa: "\f41c"; } .fa-whatsapp { --fa: "\f232"; } .fa-square-upwork { --fa: "\e67c"; } .fa-slideshare { --fa: "\f1e7"; } .fa-google-play { --fa: "\f3ab"; } .fa-viadeo { --fa: "\f2a9"; } .fa-line { --fa: "\f3c0"; } .fa-google-drive { --fa: "\f3aa"; } .fa-servicestack { --fa: "\f3ec"; } .fa-simplybuilt { --fa: "\f215"; } .fa-bitbucket { --fa: "\f171"; } .fa-imdb { --fa: "\f2d8"; } .fa-deezer { --fa: "\e077"; } .fa-raspberry-pi { --fa: "\f7bb"; } .fa-jira { --fa: "\f7b1"; } .fa-docker { --fa: "\f395"; } .fa-screenpal { --fa: "\e570"; } .fa-bluetooth { --fa: "\f293"; } .fa-gitter { --fa: "\f426"; } .fa-d-and-d { --fa: "\f38d"; } .fa-microblog { --fa: "\e01a"; } .fa-cc-diners-club { --fa: "\f24c"; } .fa-gg-circle { --fa: "\f261"; } .fa-pied-piper-hat { --fa: "\f4e5"; } .fa-kickstarter-k { --fa: "\f3bc"; } .fa-yandex { --fa: "\f413"; } .fa-readme { --fa: "\f4d5"; } .fa-html5 { --fa: "\f13b"; } .fa-sellsy { --fa: "\f213"; } .fa-square-web-awesome { --fa: "\e683"; } .fa-sass { --fa: "\f41e"; } .fa-wirsindhandwerk { --fa: "\e2d0"; } .fa-wsh { --fa: "\e2d0"; } .fa-buromobelexperte { --fa: "\f37f"; } .fa-salesforce { --fa: "\f83b"; } .fa-octopus-deploy { --fa: "\e082"; } .fa-medapps { --fa: "\f3c6"; } .fa-ns8 { --fa: "\f3d5"; } .fa-pinterest-p { --fa: "\f231"; } .fa-apper { --fa: "\f371"; } .fa-fort-awesome { --fa: "\f286"; } .fa-waze { --fa: "\f83f"; } .fa-bluesky { --fa: "\e671"; } .fa-cc-jcb { --fa: "\f24b"; } .fa-snapchat { --fa: "\f2ab"; } .fa-snapchat-ghost { --fa: "\f2ab"; } .fa-fantasy-flight-games { --fa: "\f6dc"; } .fa-rust { --fa: "\e07a"; } .fa-wix { --fa: "\f5cf"; } .fa-square-behance { --fa: "\f1b5"; } .fa-behance-square { --fa: "\f1b5"; } .fa-supple { --fa: "\f3f9"; } .fa-webflow { --fa: "\e65c"; } .fa-rebel { --fa: "\f1d0"; } .fa-css3 { --fa: "\f13c"; } .fa-staylinked { --fa: "\f3f5"; } .fa-kaggle { --fa: "\f5fa"; } .fa-space-awesome { --fa: "\e5ac"; } .fa-deviantart { --fa: "\f1bd"; } .fa-cpanel { --fa: "\f388"; } .fa-goodreads-g { --fa: "\f3a9"; } .fa-square-git { --fa: "\f1d2"; } .fa-git-square { --fa: "\f1d2"; } .fa-square-tumblr { --fa: "\f174"; } .fa-tumblr-square { --fa: "\f174"; } .fa-trello { --fa: "\f181"; } .fa-creative-commons-nc-jp { --fa: "\f4ea"; } .fa-get-pocket { --fa: "\f265"; } .fa-perbyte { --fa: "\e083"; } .fa-grunt { --fa: "\f3ad"; } .fa-weebly { --fa: "\f5cc"; } .fa-connectdevelop { --fa: "\f20e"; } .fa-leanpub { --fa: "\f212"; } .fa-black-tie { --fa: "\f27e"; } .fa-themeco { --fa: "\f5c6"; } .fa-python { --fa: "\f3e2"; } .fa-android { --fa: "\f17b"; } .fa-bots { --fa: "\e340"; } .fa-free-code-camp { --fa: "\f2c5"; } .fa-hornbill { --fa: "\f592"; } .fa-js { --fa: "\f3b8"; } .fa-ideal { --fa: "\e013"; } .fa-git { --fa: "\f1d3"; } .fa-dev { --fa: "\f6cc"; } .fa-sketch { --fa: "\f7c6"; } .fa-yandex-international { --fa: "\f414"; } .fa-cc-amex { --fa: "\f1f3"; } .fa-uber { --fa: "\f402"; } .fa-github { --fa: "\f09b"; } .fa-php { --fa: "\f457"; } .fa-alipay { --fa: "\f642"; } .fa-youtube { --fa: "\f167"; } .fa-skyatlas { --fa: "\f216"; } .fa-firefox-browser { --fa: "\e007"; } .fa-replyd { --fa: "\f3e6"; } .fa-suse { --fa: "\f7d6"; } .fa-jenkins { --fa: "\f3b6"; } .fa-twitter { --fa: "\f099"; } .fa-rockrms { --fa: "\f3e9"; } .fa-pinterest { --fa: "\f0d2"; } .fa-buffer { --fa: "\f837"; } .fa-npm { --fa: "\f3d4"; } .fa-yammer { --fa: "\f840"; } .fa-btc { --fa: "\f15a"; } .fa-dribbble { --fa: "\f17d"; } .fa-stumbleupon-circle { --fa: "\f1a3"; } .fa-internet-explorer { --fa: "\f26b"; } .fa-stubber { --fa: "\e5c7"; } .fa-telegram { --fa: "\f2c6"; } .fa-telegram-plane { --fa: "\f2c6"; } .fa-old-republic { --fa: "\f510"; } .fa-odysee { --fa: "\e5c6"; } .fa-square-whatsapp { --fa: "\f40c"; } .fa-whatsapp-square { --fa: "\f40c"; } .fa-node-js { --fa: "\f3d3"; } .fa-edge-legacy { --fa: "\e078"; } .fa-slack { --fa: "\f198"; } .fa-slack-hash { --fa: "\f198"; } .fa-medrt { --fa: "\f3c8"; } .fa-usb { --fa: "\f287"; } .fa-tumblr { --fa: "\f173"; } .fa-vaadin { --fa: "\f408"; } .fa-quora { --fa: "\f2c4"; } .fa-square-x-twitter { --fa: "\e61a"; } .fa-reacteurope { --fa: "\f75d"; } .fa-medium { --fa: "\f23a"; } .fa-medium-m { --fa: "\f23a"; } .fa-amilia { --fa: "\f36d"; } .fa-mixcloud { --fa: "\f289"; } .fa-flipboard { --fa: "\f44d"; } .fa-viacoin { --fa: "\f237"; } .fa-critical-role { --fa: "\f6c9"; } .fa-sitrox { --fa: "\e44a"; } .fa-discourse { --fa: "\f393"; } .fa-joomla { --fa: "\f1aa"; } .fa-mastodon { --fa: "\f4f6"; } .fa-airbnb { --fa: "\f834"; } .fa-wolf-pack-battalion { --fa: "\f514"; } .fa-buy-n-large { --fa: "\f8a6"; } .fa-gulp { --fa: "\f3ae"; } .fa-creative-commons-sampling-plus { --fa: "\f4f1"; } .fa-strava { --fa: "\f428"; } .fa-ember { --fa: "\f423"; } .fa-canadian-maple-leaf { --fa: "\f785"; } .fa-teamspeak { --fa: "\f4f9"; } .fa-pushed { --fa: "\f3e1"; } .fa-wordpress-simple { --fa: "\f411"; } .fa-nutritionix { --fa: "\f3d6"; } .fa-wodu { --fa: "\e088"; } .fa-google-pay { --fa: "\e079"; } .fa-intercom { --fa: "\f7af"; } .fa-zhihu { --fa: "\f63f"; } .fa-korvue { --fa: "\f42f"; } .fa-pix { --fa: "\e43a"; } .fa-steam-symbol { --fa: "\f3f6"; } :root, :host { --fa-style-family-classic: 'Font Awesome 6 Free'; --fa-font-regular: normal 400 1em/1 'Font Awesome 6 Free'; } @font-face { font-family: 'Font Awesome 6 Free'; font-style: normal; font-weight: 400; font-display: swap; src: url("../../frontend/Bianco/hyvatheme/en_US/fonts/fa-regular-400.woff2") format("woff2"), url("../../frontend/Bianco/hyvatheme/en_US/fonts/fa-regular-400.ttf") format("truetype"); } .far, .fa-regular { font-weight: 400; } :root, :host { --fa-style-family-classic: 'Font Awesome 6 Free'; --fa-font-solid: normal 900 1em/1 'Font Awesome 6 Free'; } @font-face { font-family: 'Font Awesome 6 Free'; font-style: normal; font-weight: 900; font-display: swap; src: url("../../frontend/Bianco/hyvatheme/en_US/fonts/fa-solid-900.woff2") format("woff2"), url("../../frontend/Bianco/hyvatheme/en_US/fonts/fa-solid-900.ttf") format("truetype"); } .fas, .fa-solid { font-weight: 900; } @font-face { font-family: 'Font Awesome 5 Brands'; font-display: swap; font-weight: 400; src: url("../../frontend/Bianco/hyvatheme/en_US/fonts/fa-brands-400.woff2") format("woff2"), url("../../frontend/Bianco/hyvatheme/en_US/fonts/fa-brands-400.ttf") format("truetype"); } @font-face { font-family: 'Font Awesome 5 Free'; font-display: swap; font-weight: 900; src: url("../../frontend/Bianco/hyvatheme/en_US/fonts/fa-solid-900.woff2") format("woff2"), url("../../frontend/Bianco/hyvatheme/en_US/fonts/fa-solid-900.ttf") format("truetype"); } @font-face { font-family: 'Font Awesome 5 Free'; font-display: swap; font-weight: 400; src: url("../../frontend/Bianco/hyvatheme/en_US/fonts/fa-regular-400.woff2") format("woff2"), url("../../frontend/Bianco/hyvatheme/en_US/fonts/fa-regular-400.ttf") format("truetype"); } @font-face { font-family: 'FontAwesome'; font-display: swap; src: url("../../frontend/Bianco/hyvatheme/en_US/fonts/fa-solid-900.woff2") format("woff2"), url("../../frontend/Bianco/hyvatheme/en_US/fonts/fa-solid-900.ttf") format("truetype"); } @font-face { font-family: 'FontAwesome'; font-display: swap; src: url("../../frontend/Bianco/hyvatheme/en_US/fonts/fa-brands-400.woff2") format("woff2"), url("../../frontend/Bianco/hyvatheme/en_US/fonts/fa-brands-400.ttf") format("truetype"); } @font-face { font-family: 'FontAwesome'; font-display: swap; src: url("../../frontend/Bianco/hyvatheme/en_US/fonts/fa-regular-400.woff2") format("woff2"), url("../../frontend/Bianco/hyvatheme/en_US/fonts/fa-regular-400.ttf") format("truetype"); unicode-range: U+F003,U+F006,U+F014,U+F016-F017,U+F01A-F01B,U+F01D,U+F022,U+F03E,U+F044,U+F046,U+F05C-F05D,U+F06E,U+F070,U+F087-F088,U+F08A,U+F094,U+F096-F097,U+F09D,U+F0A0,U+F0A2,U+F0A4-F0A7,U+F0C5,U+F0C7,U+F0E5-F0E6,U+F0EB,U+F0F6-F0F8,U+F10C,U+F114-F115,U+F118-F11A,U+F11C-F11D,U+F133,U+F147,U+F14E,U+F150-F152,U+F185-F186,U+F18E,U+F190-F192,U+F196,U+F1C1-F1C9,U+F1D9,U+F1DB,U+F1E3,U+F1EA,U+F1F7,U+F1F9,U+F20A,U+F247-F248,U+F24A,U+F24D,U+F255-F25B,U+F25D,U+F271-F274,U+F278,U+F27B,U+F28C,U+F28E,U+F29C,U+F2B5,U+F2B7,U+F2BA,U+F2BC,U+F2BE,U+F2C0-F2C1,U+F2C3,U+F2D0,U+F2D2,U+F2D4,U+F2DC; } @font-face { font-family: 'FontAwesome'; font-display: swap; src: url("../../frontend/Bianco/hyvatheme/en_US/fonts/fa-v4compatibility.woff2") format("woff2"), url("../../frontend/Bianco/hyvatheme/en_US/fonts/fa-v4compatibility.ttf") format("truetype"); unicode-range: U+F041,U+F047,U+F065-F066,U+F07D-F07E,U+F080,U+F08B,U+F08E,U+F090,U+F09A,U+F0AC,U+F0AE,U+F0B2,U+F0D0,U+F0D6,U+F0E4,U+F0EC,U+F10A-F10B,U+F123,U+F13E,U+F148-F149,U+F14C,U+F156,U+F15E,U+F160-F161,U+F163,U+F175-F178,U+F195,U+F1F8,U+F219,U+F27A; } /*! Chosen, a Select Box Enhancer for jQuery and Prototype by Patrick Filler for Harvest, http://getharvest.com Version 1.8.7 Full source at https://github.com/harvesthq/chosen Copyright (c) 2011-2018 Harvest http://getharvest.com MIT License, https://github.com/harvesthq/chosen/blob/master/LICENSE.md This file is generated by `grunt build`, do not edit it by hand. */.chosen-container{position:relative;display:inline-block;vertical-align:middle;font-size:13px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.chosen-container *{-webkit-box-sizing:border-box;box-sizing:border-box}.chosen-container .chosen-drop{position:absolute;top:100%;z-index:1010;width:100%;border:1px solid #aaa;border-top:0;background:#fff;-webkit-box-shadow:0 4px 5px rgba(0,0,0,.15);box-shadow:0 4px 5px rgba(0,0,0,.15);clip:rect(0,0,0,0);-webkit-clip-path:inset(100% 100%);clip-path:inset(100% 100%)}.chosen-container.chosen-with-drop .chosen-drop{clip:auto;-webkit-clip-path:none;clip-path:none}.chosen-container a{cursor:pointer}.chosen-container .chosen-single .group-name,.chosen-container .search-choice .group-name{margin-right:4px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight:400;color:#999}.chosen-container .chosen-single .group-name:after,.chosen-container .search-choice .group-name:after{content:":";padding-left:2px;vertical-align:top}.chosen-container-single .chosen-single{position:relative;display:block;overflow:hidden;padding:0 0 0 8px;height:25px;border:1px solid #aaa;border-radius:5px;background-color:#fff;background:-webkit-gradient(linear,left top,left bottom,color-stop(20%,#fff),color-stop(50%,#f6f6f6),color-stop(52%,#eee),to(#f4f4f4));background:linear-gradient(#fff 20%,#f6f6f6 50%,#eee 52%,#f4f4f4 100%);background-clip:padding-box;-webkit-box-shadow:0 0 3px #fff inset,0 1px 1px rgba(0,0,0,.1);box-shadow:0 0 3px #fff inset,0 1px 1px rgba(0,0,0,.1);color:#444;text-decoration:none;white-space:nowrap;line-height:24px}.chosen-container-single .chosen-default{color:#999}.chosen-container-single .chosen-single span{display:block;overflow:hidden;margin-right:26px;text-overflow:ellipsis;white-space:nowrap}.chosen-container-single .chosen-single-with-deselect span{margin-right:38px}.chosen-container-single .chosen-single abbr{position:absolute;top:6px;right:26px;display:block;width:12px;height:12px;background:url(../../frontend/Bianco/hyvatheme/en_US/Amasty_Storelocator/vendor/chosen/chosen-sprite.png) -42px 1px no-repeat;font-size:1px}.chosen-container-single .chosen-single abbr:hover{background-position:-42px -10px}.chosen-container-single.chosen-disabled .chosen-single abbr:hover{background-position:-42px -10px}.chosen-container-single .chosen-single div{position:absolute;top:0;right:0;display:block;width:18px;height:100%}.chosen-container-single .chosen-single div b{display:block;width:100%;height:100%;background:url(../../frontend/Bianco/hyvatheme/en_US/Amasty_Storelocator/vendor/chosen/chosen-sprite.png) no-repeat 0 2px}.chosen-container-single .chosen-search{position:relative;z-index:1010;margin:0;padding:3px 4px;white-space:nowrap}.chosen-container-single .chosen-search input[type=text]{margin:1px 0;padding:4px 20px 4px 5px;width:100%;height:auto;outline:0;border:1px solid #aaa;background:url(../../frontend/Bianco/hyvatheme/en_US/Amasty_Storelocator/vendor/chosen/chosen-sprite.png) no-repeat 100% -20px;font-size:1em;font-family:sans-serif;line-height:normal;border-radius:0}.chosen-container-single .chosen-drop{margin-top:-1px;border-radius:0 0 4px 4px;background-clip:padding-box}.chosen-container-single.chosen-container-single-nosearch .chosen-search{position:absolute;clip:rect(0,0,0,0);-webkit-clip-path:inset(100% 100%);clip-path:inset(100% 100%)}.chosen-container .chosen-results{color:#444;position:relative;overflow-x:hidden;overflow-y:auto;margin:0 4px 4px 0;padding:0 0 0 4px;max-height:240px;-webkit-overflow-scrolling:touch}.chosen-container .chosen-results li{display:none;margin:0;padding:5px 6px;list-style:none;line-height:15px;word-wrap:break-word;-webkit-touch-callout:none}.chosen-container .chosen-results li.active-result{display:list-item;cursor:pointer}.chosen-container .chosen-results li.disabled-result{display:list-item;color:#ccc;cursor:default}.chosen-container .chosen-results li.highlighted{background-color:#3875d7;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(20%,#3875d7),color-stop(90%,#2a62bc));background-image:linear-gradient(#3875d7 20%,#2a62bc 90%);color:#fff}.chosen-container .chosen-results li.no-results{color:#777;display:list-item;background:#f4f4f4}.chosen-container .chosen-results li.group-result{display:list-item;font-weight:700;cursor:default}.chosen-container .chosen-results li.group-option{padding-left:15px}.chosen-container .chosen-results li em{font-style:normal;text-decoration:underline}.chosen-container-multi .chosen-choices{position:relative;overflow:hidden;margin:0;padding:0 5px;width:100%;height:auto;border:1px solid #aaa;background-color:#fff;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(1%,#eee),color-stop(15%,#fff));background-image:linear-gradient(#eee 1%,#fff 15%);cursor:text}.chosen-container-multi .chosen-choices li{float:left;list-style:none}.chosen-container-multi .chosen-choices li.search-field{margin:0;padding:0;white-space:nowrap}.chosen-container-multi .chosen-choices li.search-field input[type=text]{margin:1px 0;padding:0;height:25px;outline:0;border:0!important;background:0 0!important;-webkit-box-shadow:none;box-shadow:none;color:#999;font-size:100%;font-family:sans-serif;line-height:normal;border-radius:0;width:25px}.chosen-container-multi .chosen-choices li.search-choice{position:relative;margin:3px 5px 3px 0;padding:3px 20px 3px 5px;border:1px solid #aaa;max-width:100%;border-radius:3px;background-color:#eee;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(20%,#f4f4f4),color-stop(50%,#f0f0f0),color-stop(52%,#e8e8e8),to(#eee));background-image:linear-gradient(#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);background-size:100% 19px;background-repeat:repeat-x;background-clip:padding-box;-webkit-box-shadow:0 0 2px #fff inset,0 1px 0 rgba(0,0,0,.05);box-shadow:0 0 2px #fff inset,0 1px 0 rgba(0,0,0,.05);color:#333;line-height:13px;cursor:default}.chosen-container-multi .chosen-choices li.search-choice span{word-wrap:break-word}.chosen-container-multi .chosen-choices li.search-choice .search-choice-close{position:absolute;top:4px;right:3px;display:block;width:12px;height:12px;background:url(../../frontend/Bianco/hyvatheme/en_US/Amasty_Storelocator/vendor/chosen/chosen-sprite.png) -42px 1px no-repeat;font-size:1px}.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover{background-position:-42px -10px}.chosen-container-multi .chosen-choices li.search-choice-disabled{padding-right:5px;border:1px solid #ccc;background-color:#e4e4e4;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(20%,#f4f4f4),color-stop(50%,#f0f0f0),color-stop(52%,#e8e8e8),to(#eee));background-image:linear-gradient(#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);color:#666}.chosen-container-multi .chosen-choices li.search-choice-focus{background:#d4d4d4}.chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close{background-position:-42px -10px}.chosen-container-multi .chosen-results{margin:0;padding:0}.chosen-container-multi .chosen-drop .result-selected{display:list-item;color:#ccc;cursor:default}.chosen-container-active .chosen-single{border:1px solid #5897fb;-webkit-box-shadow:0 0 5px rgba(0,0,0,.3);box-shadow:0 0 5px rgba(0,0,0,.3)}.chosen-container-active.chosen-with-drop .chosen-single{border:1px solid #aaa;border-bottom-right-radius:0;border-bottom-left-radius:0;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(20%,#eee),color-stop(80%,#fff));background-image:linear-gradient(#eee 20%,#fff 80%);-webkit-box-shadow:0 1px 0 #fff inset;box-shadow:0 1px 0 #fff inset}.chosen-container-active.chosen-with-drop .chosen-single div{border-left:none;background:0 0}.chosen-container-active.chosen-with-drop .chosen-single div b{background-position:-18px 2px}.chosen-container-active .chosen-choices{border:1px solid #5897fb;-webkit-box-shadow:0 0 5px rgba(0,0,0,.3);box-shadow:0 0 5px rgba(0,0,0,.3)}.chosen-container-active .chosen-choices li.search-field input[type=text]{color:#222!important}.chosen-disabled{opacity:.5!important;cursor:default}.chosen-disabled .chosen-single{cursor:default}.chosen-disabled .chosen-choices .search-choice .search-choice-close{cursor:default}.chosen-rtl{text-align:right}.chosen-rtl .chosen-single{overflow:visible;padding:0 8px 0 0}.chosen-rtl .chosen-single span{margin-right:0;margin-left:26px;direction:rtl}.chosen-rtl .chosen-single-with-deselect span{margin-left:38px}.chosen-rtl .chosen-single div{right:auto;left:3px}.chosen-rtl .chosen-single abbr{right:auto;left:26px}.chosen-rtl .chosen-choices li{float:right}.chosen-rtl .chosen-choices li.search-field input[type=text]{direction:rtl}.chosen-rtl .chosen-choices li.search-choice{margin:3px 5px 3px 0;padding:3px 5px 3px 19px}.chosen-rtl .chosen-choices li.search-choice .search-choice-close{right:auto;left:4px}.chosen-rtl.chosen-container-single .chosen-results{margin:0 0 4px 4px;padding:0 4px 0 0}.chosen-rtl .chosen-results li.group-option{padding-right:15px;padding-left:0}.chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div{border-right:none}.chosen-rtl .chosen-search input[type=text]{padding:4px 5px 4px 20px;background:url(../../frontend/Bianco/hyvatheme/en_US/Amasty_Storelocator/vendor/chosen/chosen-sprite.png) no-repeat -30px -20px;direction:rtl}.chosen-rtl.chosen-container-single .chosen-single div b{background-position:6px 2px}.chosen-rtl.chosen-container-single.chosen-with-drop .chosen-single div b{background-position:-12px 2px}@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:144dpi),only screen and (min-resolution:1.5dppx){.chosen-container .chosen-results-scroll-down span,.chosen-container .chosen-results-scroll-up span,.chosen-container-multi .chosen-choices .search-choice .search-choice-close,.chosen-container-single .chosen-search input[type=text],.chosen-container-single .chosen-single abbr,.chosen-container-single .chosen-single div b,.chosen-rtl .chosen-search input[type=text]{background-image:url(../../frontend/Bianco/hyvatheme/en_US/Amasty_Storelocator/vendor/chosen/chosen-sprite@2x.png)!important;background-size:52px 37px!important;background-repeat:no-repeat!important}}/** * Mageplaza * * NOTICE OF LICENSE * * This source file is subject to the Mageplaza.com license that is * available through the world-wide-web at this URL: * https://www.mageplaza.com/LICENSE.txt * * DISCLAIMER * * Do not edit or add to this file if you wish to upgrade this extension to newer * version in the future. * * @category Mageplaza * @package Mageplaza_Search * @copyright Copyright (c) Mageplaza (https://www.mageplaza.com/) * @license https://www.mageplaza.com/LICENSE.txt */ /* SearchBox */ .ais-SearchBox-submit, .ais-SearchBox-reset { background: transparent; border: none; position: absolute; right: 0; top: 3px; } .ais-SearchBox-submitIcon { width: 12px; height: 12px; } .ais-SearchBox-submit:hover, .ais-SearchBox-submit:focus { background: transparent; border: none; } .ais-SearchBox-form { position: relative; } button.ais-SearchBox-reset:focus, button.ais-SearchBox-reset:active, button.ais-SearchBox-reset:hover { border: 0; background: transparent; } input.ais-SearchBox-input { padding-right: 2em; } .mpsearch-list { list-style-type: none; padding: 0; margin: 0; } .mpsearch-list-item { cursor: pointer; padding: 10px 0; border-bottom: 1px solid #eee; margin: 0; position: relative; } .mpsearch-list-item:last-child { border-bottom: none; } .mpsearch-list-item:hover { background-color: #eef3d6; } .mpsearch-list-item .result-wrapper a { text-decoration: none; } .result-wrapper .result-thumbnail { display: flex; align-items: center; justify-content: center; width: 15%; margin: 0.5rem; } .result-wrapper .before_special { color: #aaaaaa; text-decoration: line-through; font-size: 12px; } .result-wrapper .text-ellipsis { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font-size: 0.9em; color: #aaaaaa } .no-results { padding: 1em 0; text-align: center; } .autocomplete-suggestions { position: absolute; width: 100%; z-index: 999; } @media all and (min-width: 769px), print { .autocomplete-suggestions { position: absolute; width: 99.5%; z-index: 999; } } @media all and (max-width: 768px), print { .minisearch .search-category { top: 24% !important; right: 15px !important; display: none; } .ais-SearchBox-submit { right: 15px !important; top: 10px; } .ais-SearchBox-submit.has-items { top: 10px; right: 50px !important; } .ais-SearchBox-submitIcon { width: 15px; height: 15px; } #algoliaAutocomplete .search-category { right: 1px !important; display: none; } #algoliaAutocomplete .mpSearch-input { display: none; } #algoliaAutocomplete .autocomplete-suggestions { border: 1px solid #c2c2c2; padding: 0; box-shadow: none; } #algoliaAutocomplete .ais-SearchBox-submit { display: block !important; } #algoliaAutocomplete .ais-SearchBox-reset { display: none !important; } .autocomplete-suggestions .mpsearch-list-item { width: 100%; } } @media all and (min-width: 769px), print { .algolia-search-block { position: relative; float: right; } .algolia-search-block { width: 374px; } } .algolia-search-block { position: relative; } .autocomplete-suggestions .result-content { display: flex; align-items: center; } .autocomplete-suggestions .result-content .result-sub-content { align-items: center; justify-content: center; width: 65%; } .autocomplete-suggestions .result-content .result-sub-content .name { font-size: 1.2em; } .autocomplete-suggestions .result-content .result-sub-content .name mark { font-weight: bold; background: none; } .autocomplete-suggestions .result-content .result-sub-content .product-line.product-price { text-align: left; color: black; } @media only screen and (min-width: 769px) and (max-width: 1024px) { #algoliaAutocomplete.two-columns { width: 532px !important; } .autocomplete-suggestions.two-columns { display: flex; flex-wrap: wrap; width: 530px !important; } .autocomplete-suggestions.two-columns .mpsearch-list, .autocomplete-suggestions.two-columns .ais-Hits { width: 100%; } .autocomplete-suggestions.two-columns div:not([class]) { width: 100%; } .autocomplete-suggestions .mpsearch-list-item { width: 50%; } } @media only screen and (min-width: 1025px) { #algoliaAutocomplete.two-columns { width: 564px !important; } .autocomplete-suggestions.two-columns { display: flex; flex-wrap: wrap; width: 562px !important; } .autocomplete-suggestions.two-columns .mpsearch-list { width: 100%; display: flex; flex-wrap: wrap; } .autocomplete-suggestions.two-columns .ais-Hits { width: 100%; } .autocomplete-suggestions.two-columns div:not([class]) { width: 100%; } .autocomplete-suggestions.two-columns .mpsearch-list-item { width: 50%; position: relative; } .autocomplete-suggestions.three-columns .mpsearch-list-item { width: 33%; } } /** * Mageplaza * * NOTICE OF LICENSE * * This source file is subject to the Mageplaza.com license that is * available through the world-wide-web at this URL: * https://www.mageplaza.com/LICENSE.txt * * DISCLAIMER * * Do not edit or add to this file if you wish to upgrade this extension to newer * version in the future. * * @category Mageplaza * @package Mageplaza_Search * @copyright Copyright (c) Mageplaza (https://www.mageplaza.com/) * @license https://www.mageplaza.com/LICENSE.txt */ span.mps-add-to-cart { width: 30px; height: 30px; position: absolute; right: 10px; padding: unset; background: url("../../frontend/Bianco/hyvatheme/en_US/Mageplaza_Search/css/images/btn-add-to-cart.svg") no-repeat; border: unset; } .form.minisearch .autocomplete-suggestions { padding: 0; box-shadow: none; } .autocomplete-suggestions span.mps-add-to-cart:hover { background: url("../../frontend/Bianco/hyvatheme/en_US/Mageplaza_Search/css/images/btn-add-to-cart-hover.svg") no-repeat; } .autocomplete-suggestions span.mps-add-to-cart.loading { background: url("../../frontend/Bianco/hyvatheme/en_US/Mageplaza_Search/css/images/btn-add-to-cart-loader.svg") no-repeat; } .trending-title { display: block; padding: 10px 0 0 5px; font-weight: 600; } .suggestions-title { display: block; padding: 10px 0 0 5px; font-weight: 600; } .mp-search-trending { display: flex; flex-wrap: wrap; padding: 10px 5px 0 5px; } .top-key { display: inline-flex; align-items: center; height: 26px; background-color: #F1F1F1; margin: 0 5px 10px 0; padding: 5px; border-radius: 18px; } .top-key .key { max-width: 250px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 0 5px 0 5px; } .top-key:hover { background-color: #D9D9D9; cursor: pointer; } .mp-suggestion .mpsearch-list { padding-left: 5px; } .icon-trending { background: url("../../frontend/Bianco/hyvatheme/en_US/Mageplaza_Search/css/images/icon-trending.svg") no-repeat; width: 26px; height: 26px; } .icon-no-result { background: url("../../frontend/Bianco/hyvatheme/en_US/Mageplaza_Search/css/images/icon-no-result.svg") no-repeat; width: 27px; height: 27px; position: absolute; top: 19px; left: 0; } #search_mini_form.two-columns { transition: width 1s ease, opacity 1s ease; opacity: 1; } .autocomplete-suggestions.two-columns { transition: width 1s ease, opacity 1s ease; opacity: 1; } .parent-category { font-weight: bold; background: #F5F5F5; } @media only screen and (max-width: 480px) { .form.minisearch.active .control { width: 86% !important; } .form.minisearch.show .control { width: 86% !important; } .minisearch .search-category { right: 20px !important; } } @media only screen and (max-width: 360px) { .form.minisearch.active .control { width: 82% !important; } .form.minisearch.show .control { width: 82% !important; } .tooltip-short-des { width: 180px; } } @media only screen and (max-width: 768px) { .autocomplete-suggestions { z-index: 99 !important; max-height: 457px !important; width: 100% !important; border-radius: 0 0 10px 10px; border: none; left: 0; } .autocomplete-suggestion { padding-left: 10px; } .form.minisearch.active .control { background-color: #fff; position: fixed !important; z-index: 10003; width: 90%; top: 90px; left: 28px; border-radius: 10px 10px 0 0; } .form.minisearch.show .control { background-color: #fff; position: fixed !important; z-index: 10003; width: 90%; top: 90px; left: 28px; border-radius: 10px 10px 0 0; } .minisearch.active .search-category { display: block !important; } .minisearch.show .search-category { display: block !important; } .block-search .label.show + .control input { position: static; } #mpsearch-category { border-right: none; } .trending-title { padding-left: 20px; } .mp-search-trending { padding-left: 20px; } #bio_ep_bg_search { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #000; opacity: 0.3; z-index: 10001; } .autocomplete-suggestions .product-des p { white-space: unset !important; } .tooltip-short-des { display: none !important; } } @media only screen and (min-width: 769px) and (max-width: 1024px) { #search_mini_form.two-columns { width: 532px !important; } .autocomplete-suggestions.two-columns { display: flex; flex-wrap: wrap; width: 530px !important; } .autocomplete-suggestions { max-height: 408px !important; width: 95.5%; } .autocomplete-suggestions.two-columns .autocomplete-suggestion { width: 47.75%; } .mp-search .minisearch .actions { right: 125px; top: 0; } } @media only screen and (min-width: 1025px) { #search_mini_form.two-columns { width: 564px !important; } .autocomplete-suggestions { max-height: 408px !important; width: 95.5%; } .autocomplete-suggestions.two-columns { display: flex; flex-wrap: wrap; width: 562px !important; } .autocomplete-suggestions.two-columns .autocomplete-suggestion { width: 47.75%; } .mp-search .minisearch .actions { right: 125px; top: 0; } } .highlight { background-color: #F3793B; font-weight: bold; } .autocomplete-suggestions.three-columns { display: flex; flex-wrap: wrap; } .autocomplete-suggestions { max-height: 510px !important; z-index: 999 !important; } .mp-search .minisearch .actions { right: 125px; top: 0; } .autocomplete-suggestions.three-columns .autocomplete-suggestion { width: 100%; } @media only screen and (min-width: 769px) and (max-width: 1024px) { .autocomplete-suggestions.three-columns .autocomplete-suggestion { width: 50%; } } @media only screen and (min-width: 1025px) { .autocomplete-suggestions.three-columns .autocomplete-suggestion { width: 33%; } } .menu-category { position: absolute; z-index: 9999; width: 100%; background: #fff; left: 0; } .dropdown-category { display: none; list-style: none; height: 625px; padding: 0; margin: 0 15px; border: 1px solid #ccc; border-radius: 0 0 10px 10px; z-index: 9999; overflow: auto; } .dropdown-category.show { display: block; } .dropdown-category li { padding: 8px; cursor: pointer; margin: 0; } li.parent-category { padding: 13px 8px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; } .dropdown-toggle { cursor: pointer; display: block; padding: 5px 15px 5px 5px; border-left: 1px solid #ccc; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .dropdown-toggle:after { font-size: 12px; background: url("../../frontend/Bianco/hyvatheme/en_US/Mageplaza_Search/css/images/icon-dropdown.svg") no-repeat; position: absolute; right: 5px; top: 12px; display: block; content: ''; width: 10px; height: 10px; }.aw_blog_search-container { width: 100% !important; margin-bottom: 20px; position: relative; } .aw_blog_search-container.aw_blog_search-container-mobile { display: none; } .aw_blog_search-bottom-toolbar-container .pager { display: flex; justify-content: space-between; align-items: first baseline; } .aw_blog_search-bottom-toolbar-container .pager .pages { order: 1; } .aw_blog_search-bottom-toolbar-container .pager .toolbar-amount { order: 2; } .aw_blog_search-bottom-toolbar-container .pager .limiter { order: 3; } @media screen and (max-width: 768px) { .aw_blog_search-container.aw_blog_search-container-desktop { display: none; } .aw_blog_search-container.aw_blog_search-container-mobile { display: block; } .aw_blog_search-container.aw_blog_search-container-mobile .aw_blog_search-input { left: 0; position: relative; height: 42px; margin-top: 10px; } .aw_blog_search-container.aw_blog_search-container-mobile .aw_blog_search-button { display: block; background: none; -moz-box-sizing: content-box; border: 0; box-shadow: none; line-height: inherit; margin: 0; padding: 0; text-decoration: none; text-shadow: none; font-weight: 400; position: absolute; right: 15px; top: 16px; z-index: 1; } .aw_blog_search-container.aw_blog_search-container-mobile .aw_blog_search-button:before { font-size: 22px; line-height: 30px; color: #757575; content: '\e615'; font-family: 'luma-icons'; margin: 0; vertical-align: top; display: inline-block; font-weight: normal; overflow: hidden; text-align: center; } .aw_blog_search-bottom-toolbar-container .pager { justify-content: center; } .aw_blog_search-bottom-toolbar-container .pager .toolbar-amount { display: none; } .aw_blog_search-bottom-toolbar-container .pager .limiter { display: none; } } /*# sourceMappingURL=data:application/json,%7B%22version%22%3A3%2C%22sources%22%3A%5B%22%5C%2Fstatic%5C%2Ffrontend%5C%2FBianco%5C%2Fhyvatheme%5C%2Fen_US%5C%2FAheadworks_BlogSearch%5C%2Fcss%5C%2Fstyle.less%22%5D%2C%22names%22%3A%5B%5D%2C%22mappings%22%3A%22AAAA%3BEACI%2CsBAAA%3BEACA%2CmBAAA%3BEACA%2CkBAAA%3B%3BAAEA%2CyBAAC%3BEACG%2CaAAA%3B%3BAAIR%2CwCACI%3BEACI%2CaAAA%3BEACA%2C8BAAA%3BEACA%2C2BAAA%3B%3BAAJR%2CwCACI%2COAKI%3BEACI%2CQAAA%3B%3BAAPZ%2CwCACI%2COASI%3BEACI%2CQAAA%3B%3BAAXZ%2CwCACI%2COAaI%3BEACI%2CQAAA%3B%3BAAyEZ%2CmBApEqC%3BEAG7B%2CyBAAC%3BIACG%2CaAAA%3B%3BEAGJ%2CyBAAC%3BIACG%2CcAAA%3B%3BEADJ%2CyBAAC%2CgCAGG%3BIACI%2COAAA%3BIACA%2CkBAAA%3BIACA%2CYAAA%3BIACA%2CgBAAA%3B%3BEAPR%2CyBAAC%2CgCAUG%3BIACI%2CcAAA%3BIACA%2CgBAAA%3BIACA%2C4BAAA%3BIACA%2CSAAA%3BIACA%2CgBAAA%3BIACA%2CoBAAA%3BIACA%2CSAAA%3BIACA%2CUAAA%3BIACA%2CqBAAA%3BIACA%2CiBAAA%3BIACA%2CgBAAA%3BIACA%2CkBAAA%3BIACA%2CWAAA%3BIACA%2CSAAA%3BIACA%2CUAAA%3B%3BEAzBR%2CyBAAC%2CgCA4BG%2CuBAAsB%3BIAClB%2CeAAA%3BIACA%2CiBAAA%3BIACA%2CcAAA%3BIACA%2CSAAS%2COAAT%3BIACA%2CaAAa%2CYAAb%3BIACA%2CSAAA%3BIACA%2CmBAAA%3BIACA%2CqBAAA%3BIACA%2CmBAAA%3BIACA%2CgBAAA%3BIACA%2CkBAAA%3B%3BEAKZ%2CwCACI%3BIACI%2CuBAAA%3B%3BEAFR%2CwCACI%2COAMI%3BIACI%2CaAAA%3B%3BEARZ%2CwCACI%2COAUI%3BIACI%2CaAAA%22%7D */ /*Common styles */ .products-aw_blog_related_products .product-item-info { width: auto; max-width: 90%; } .products-aw_blog_related_products .product-item-info .actions-primary { margin-bottom: 25px; } /*Catalog page styles */ .page-products .products-aw_blog_related_products.products-grid .product-item { margin-left: 0; } .page-main .block.aw_blog_related_products, .block.aw_blog_related_products .products { margin: 0; } .block.aw_blog_related_products .products-grid .product-item { margin-bottom: 10px; } @media screen and (min-width: 768px), print { .checkout-cart-index .cart-container .aw_blog_related_products { margin-bottom: 10px; box-sizing: border-box; width: 75%; float: left; } } /*Slider styles */ .aw_blog_related_products .product-items.slick-slider { margin-left: 0; } .products-aw_blog_related_products .slick-list { margin: 0 15px; padding-top: 10px; } .products-aw_blog_related_products .slick-slider .product-item { text-align: center; margin-left: 0; } @charset "UTF-8"; /* Icons */ @font-face { font-weight: normal; font-style: normal; font-family: "slick"; src: url("../../frontend/Bianco/hyvatheme/en_US/Aheadworks_Blog/css/fonts/slick.eot"); src: url("../../frontend/Bianco/hyvatheme/en_US/Aheadworks_Blog/css/fonts/slick.eot?#iefix") format("embedded-opentype"), url("../../frontend/Bianco/hyvatheme/en_US/Aheadworks_Blog/css/fonts/slick.woff") format("woff"), url("../../frontend/Bianco/hyvatheme/en_US/Aheadworks_Blog/css/fonts/slick.ttf") format("truetype"), url("../../frontend/Bianco/hyvatheme/en_US/Aheadworks_Blog/css/fonts/slick.svg#slick") format("svg"); } /* Slick slider -----------------------------------------------------------------------------*/ /* Slider */ .slick-slider { position: relative; display: block; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; } .slick-track:before, .slick-track:after { display: table; content: ""; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; min-height: 1px; height: 100%; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } /* Slick theme */ /* Slider */ .slick-loading .slick-list { background: #fff url("../../frontend/Bianco/hyvatheme/en_US/Aheadworks_Blog/images/slick-ajax-loader.gif") center center no-repeat; } /* Arrows */ .slick-prev, .slick-next { position: absolute; top: 50%; display: block; padding: 0; width: 20px; height: 20px; outline: none; border: none !important; box-shadow: none !important; background: transparent; color: transparent; font-size: 0; line-height: 0; cursor: pointer; z-index: 2; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); } .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { outline: none; background: transparent; color: transparent; } .slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { opacity: 1; } .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: 0.25; } .slick-prev:before, .slick-next:before { color: #666; font-size: 20px; font-family: 'slick'; line-height: 1; opacity: 0.75; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-prev { left: 0; } .slick-prev:before { content: "←"; } .slick-next { right: 0; } .slick-next:before { content: "→"; } /* Dots */ .slick-dots { font-size: 1.4rem; line-height: normal; letter-spacing: normal; display: block; list-style: none; margin: 0; padding: 15px 0; text-align: center; width: 100%; } .slick-dots li { cursor: pointer; display: inline-block; height: 14px; margin: 0 5px; padding: 0; position: relative; vertical-align: middle; width: 14px; } .slick-dots li button { background: #ffffff; border: 1px solid #cccccc; border-radius: 10px; box-shadow: none; cursor: pointer; display: block; height: 14px; padding: 0; text-indent: -99999px; transition: .3s; width: 14px; } .slick-dots li button:active, .slick-dots li button:focus, .slick-dots li button:not(.primary) { box-shadow: none; } .slick-dots li.slick-active button { background: #1c1918; } .slick-dots li button:hover { border: 1px solid #b3b3b3; }