@layer properties; @layer theme, base, components, utilities; @layer theme { :root, :host { --bb-font-sans: ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'; --bb-font-mono: ; --bb-color-red-200: oklch(88.5% 0.062 18.334); --bb-color-amber-100: oklch(96.2% 0.059 95.617); --bb-color-yellow-200: oklch(94.5% 0.129 101.54); --bb-color-green-200: oklch(92.5% 0.084 155.995); --bb-color-blue-200: oklch(88.2% 0.059 254.128); --bb-color-black: #000; --bb-color-white: #fff; --bb-spacing: 0.25rem; --bb-text-base: clamp(17px, 16.67px + 0.1vw, 18px); --bb-text-base--line-height: calc(1.5 / 1); --bb-text-2xl: clamp(21px, 18.67px + 0.73vw, 28px); --bb-text-2xl--line-height: calc(2 / 1.5); --bb-text-3xl: clamp(21px, 14px + 2.19vw, 42px); --bb-text-3xl--line-height: calc(2.25 / 1.875); --bb-text-4xl: clamp(33px, 22.33px + 3.33vw, 65px); --bb-text-4xl--line-height: calc(2.5 / 2.25); --bb-text-5xl: clamp(60px, 40px + 6.25vw, 120px); --bb-text-5xl--line-height: 1; --bb-text-6xl: 3.75rem; --bb-text-6xl--line-height: 1; --bb-default-font-family: var(--bb-font-sans); --bb-default-mono-font-family: var(--bb-font-mono); --bb-color-primary: #951b1e; --bb-color-secondary: #f9b233; --bb-color-accent-100: #999fa3; --bb-color-accent-200: #f5f5f5; --bb-color-accent-500: #333f48; --bb-color-accent: #eaeaea; --bb-font-body: Roboto; --bb-font-display: "Bebas Neue"; --bb-font-displayAlt: "Gobold Hollow Bold"; --bb-font-desc: "Roboto Condensed"; } } @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(--bb-default-font-family, ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'); font-feature-settings: var(--bb-default-font-feature-settings, normal); font-variation-settings: var(--bb-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(--bb-default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace); font-feature-settings: var(--bb-default-mono-font-feature-settings, normal); font-variation-settings: var(--bb-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 { 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; } } body { .bb\:absolute { position: absolute; } .bb\:relative { position: relative; } .bb\:inset-0 { inset: calc(var(--bb-spacing) * 0); } .bb\:z-0 { z-index: 0; } .bb\:z-10 { z-index: 10; } .bb\:col-span-2 { grid-column: span 2 / span 2; } .bb\:row-span-1 { grid-row: span 1 / span 1; } .bb\:container { width: 100%; @media (width >= 40rem) { max-width: 40rem; } @media (width >= 48rem) { max-width: 48rem; } @media (width >= 64rem) { max-width: 64rem; } @media (width >= 80rem) { max-width: 80rem; } @media (width >= 96rem) { max-width: 96rem; } } .bb\:container { margin-inline: auto; padding-inline: 2rem; } .bb\:my-0 { margin-block: calc(var(--bb-spacing) * 0); } .bb\:my-8 { margin-block: calc(var(--bb-spacing) * 8); } .bb\:my-16 { margin-block: calc(var(--bb-spacing) * 16); } .bb\:mt-2 { margin-top: calc(var(--bb-spacing) * 2); } .bb\:mt-4 { margin-top: calc(var(--bb-spacing) * 4); } .bb\:mt-8 { margin-top: calc(var(--bb-spacing) * 8); } .bb\:container-fluid { box-sizing: border-box; margin-left: auto; margin-right: auto; padding-left: var(--b_padding, 4vw); padding-right: var(--b_padding, 4vw); max-width: var(--b_maxWidth, 100%); } .bb\:mb-4 { margin-bottom: calc(var(--bb-spacing) * 4); } .bb\:mb-8 { margin-bottom: calc(var(--bb-spacing) * 8); } .bb\:container-inner { box-sizing: border-box; padding-left: calc( (100vw - var(--b_maxWidth, 100%)) / 2 + calc( var(--b_padding, 4vw) / 2 ) ); padding-right: calc( (100vw - var(--b_maxWidth, 100%)) / 2 + calc( var(--b_padding, 4vw) / 2 ) ); } .bb\:container-inner-left { box-sizing: border-box; padding-left: calc( (100vw - var(--b_maxWidth, 100%)) / 2 + calc( var(--b_padding, 4vw) / 2 ) ); padding-right: var(--b_padding, 4vw); } .bb\:container-inner-right { box-sizing: border-box; padding-left: var(--b_padding, 4vw); padding-right: calc( (100vw - var(--b_maxWidth, 100%)) / 2 + calc( var(--b_padding, 4vw) / 2 ) ); } .bb\:flex { display: flex; } .bb\:grid { display: grid; } .bb\:aspect-\[1\/1\] { aspect-ratio: 1/1; } .bb\:aspect-\[3\/2\] { aspect-ratio: 3/2; } .bb\:aspect-\[27\/58\] { aspect-ratio: 27/58; } .bb\:aspect-\[83\/126\] { aspect-ratio: 83/126; } .bb\:aspect-\[89\/63\] { aspect-ratio: 89/63; } .bb\:aspect-\[197\/300\] { aspect-ratio: 197/300; } .bb\:aspect-\[223\/232\] { aspect-ratio: 223/232; } .bb\:aspect-\[300\/143\] { aspect-ratio: 300/143; } .bb\:aspect-\[325\/488\] { aspect-ratio: 325/488; } .bb\:aspect-\[551\/367\] { aspect-ratio: 551/367; } .bb\:aspect-\[650\/1211\] { aspect-ratio: 650/1211; } .bb\:aspect-\[698\/465\] { aspect-ratio: 698/465; } .bb\:aspect-\[756\/715\] { aspect-ratio: 756/715; } .bb\:aspect-\[884\/589\] { aspect-ratio: 884/589; } .bb\:aspect-\[3309\/2260\] { aspect-ratio: 3309/2260; } .bb\:aspect-\[43801\/29200\] { aspect-ratio: 43801/29200; } .bb\:h-8 { height: calc(var(--bb-spacing) * 8); } .bb\:h-25 { height: calc(var(--bb-spacing) * 25); } .bb\:h-100 { height: calc(var(--bb-spacing) * 100); } .bb\:h-200 { height: calc(var(--bb-spacing) * 200); } .bb\:h-600 { height: calc(var(--bb-spacing) * 600); } .bb\:h-\[9\.28rem\] { height: 9.28rem; } .bb\:h-\[87rem\] { height: 87rem; } .bb\:h-auto { height: auto; } .bb\:h-fit { height: fit-content; } .bb\:h-full { height: 100%; } .bb\:max-h-\[9\.28rem\] { max-height: 9.28rem; } .bb\:max-h-\[18\.75rem\] { max-height: 18.75rem; } .bb\:max-h-\[22\.94rem\] { max-height: 22.94rem; } .bb\:max-h-\[27rem\] { max-height: 27rem; } .bb\:max-h-\[29\.06rem\] { max-height: 29.06rem; } .bb\:max-h-\[36\.81rem\] { max-height: 36.81rem; } .bb\:max-h-\[39\.38rem\] { max-height: 39.38rem; } .bb\:max-h-\[42\.38rem\] { max-height: 42.38rem; } .bb\:max-h-\[61rem\] { max-height: 61rem; } .bb\:min-h-9 { min-height: calc(var(--bb-spacing) * 9); } .bb\:min-h-\[3\.88rem\] { min-height: 3.88rem; } .bb\:min-h-\[8\.64rem\] { min-height: 8.64rem; } .bb\:min-h-\[11\.5rem\] { min-height: 11.5rem; } .bb\:min-h-\[11\.06rem\] { min-height: 11.06rem; } .bb\:min-h-\[13\.63rem\] { min-height: 13.63rem; } .bb\:min-h-\[18\.81rem\] { min-height: 18.81rem; } .bb\:min-h-\[31\.25rem\] { min-height: 31.25rem; } .bb\:min-h-\[49\.5rem\] { min-height: 49.5rem; } .bb\:min-h-\[50rem\] { min-height: 50rem; } .bb\:min-h-\[104\.69rem\] { min-height: 104.69rem; } .bb\:min-h-full { min-height: 100%; } .bb\:w-8 { width: calc(var(--bb-spacing) * 8); } .bb\:w-50 { width: calc(var(--bb-spacing) * 50); } .bb\:w-60 { width: calc(var(--bb-spacing) * 60); } .bb\:w-100 { width: calc(var(--bb-spacing) * 100); } .bb\:w-auto { width: auto; } .bb\:w-fit { width: fit-content; } .bb\:w-full { width: 100%; } .bb\:max-w-40 { max-width: calc(var(--bb-spacing) * 40); } .bb\:max-w-\[9\.28rem\] { max-width: 9.28rem; } .bb\:max-w-\[11\.05rem\] { max-width: 11.05rem; } .bb\:max-w-\[12\.31rem\] { max-width: 12.31rem; } .bb\:max-w-\[12\.94rem\] { max-width: 12.94rem; } .bb\:max-w-\[13\.31rem\] { max-width: 13.31rem; } .bb\:max-w-\[16\.5rem\] { max-width: 16.5rem; } .bb\:max-w-\[17\.25rem\] { max-width: 17.25rem; } .bb\:max-w-\[20\.25rem\] { max-width: 20.25rem; } .bb\:max-w-\[25\.5rem\] { max-width: 25.5rem; } .bb\:max-w-\[25\.94rem\] { max-width: 25.94rem; } .bb\:max-w-\[27\.69rem\] { max-width: 27.69rem; } .bb\:max-w-\[28rem\] { max-width: 28rem; } .bb\:max-w-\[32rem\] { max-width: 32rem; } .bb\:max-w-\[33\.88rem\] { max-width: 33.88rem; } .bb\:max-w-\[34\.44rem\] { max-width: 34.44rem; } .bb\:max-w-\[36\.69rem\] { max-width: 36.69rem; } .bb\:max-w-\[39\.75rem\] { max-width: 39.75rem; } .bb\:max-w-\[40\.5rem\] { max-width: 40.5rem; } .bb\:max-w-\[40\.63rem\] { max-width: 40.63rem; } .bb\:max-w-\[42\.5rem\] { max-width: 42.5rem; } .bb\:max-w-\[42\.88rem\] { max-width: 42.88rem; } .bb\:max-w-\[43\.63rem\] { max-width: 43.63rem; } .bb\:max-w-\[46\.5rem\] { max-width: 46.5rem; } .bb\:max-w-\[46\.75rem\] { max-width: 46.75rem; } .bb\:max-w-\[47\.5rem\] { max-width: 47.5rem; } .bb\:max-w-\[47\.25rem\] { max-width: 47.25rem; } .bb\:max-w-\[55\.25rem\] { max-width: 55.25rem; } .bb\:max-w-\[60\.5rem\] { max-width: 60.5rem; } .bb\:max-w-\[62\.04rem\] { max-width: 62.04rem; } .bb\:max-w-\[92rem\] { max-width: 92rem; } .bb\:max-w-\[94\.5rem\] { max-width: 94.5rem; } .bb\:max-w-\[94\.31rem\] { max-width: 94.31rem; } .bb\:max-w-\[95\.19rem\] { max-width: 95.19rem; } .bb\:min-w-200 { min-width: calc(var(--bb-spacing) * 200); } .bb\:flex-1 { flex: 1; } .bb\:-translate-x-\[44\] { --tw-translate-x: calc(44 * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } .bb\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .bb\:flex-col { flex-direction: column; } .bb\:flex-row { flex-direction: row; } .bb\:items-center { align-items: center; } .bb\:items-end { align-items: flex-end; } .bb\:items-start { align-items: flex-start; } .bb\:justify-between { justify-content: space-between; } .bb\:justify-center { justify-content: center; } .bb\:justify-end { justify-content: flex-end; } .bb\:justify-start { justify-content: flex-start; } .bb\:gap-4 { gap: calc(var(--bb-spacing) * 4); } .bb\:gap-5 { gap: calc(var(--bb-spacing) * 5); } .bb\:gap-8 { gap: calc(var(--bb-spacing) * 8); } .bb\:gap-10 { gap: calc(var(--bb-spacing) * 10); } .bb\:gap-12 { gap: calc(var(--bb-spacing) * 12); } .bb\:gap-20 { gap: calc(var(--bb-spacing) * 20); } .bb\:gap-\[0\.54rem\] { gap: 0.54rem; } .bb\:gap-\[0\.63rem\] { gap: 0.63rem; } .bb\:gap-\[0\.65rem\] { gap: 0.65rem; } .bb\:gap-\[0\.91rem\] { gap: 0.91rem; } .bb\:gap-\[0\.94rem\] { gap: 0.94rem; } .bb\:gap-\[1\.06rem\] { gap: 1.06rem; } .bb\:gap-\[1\.63rem\] { gap: 1.63rem; } .bb\:gap-\[3\.56rem\] { gap: 3.56rem; } .bb\:gap-\[3\.75rem\] { gap: 3.75rem; } .bb\:gap-\[4\.94rem\] { gap: 4.94rem; } .bb\:gap-\[7\.44rem\] { gap: 7.44rem; } .bb\:gap-\[12\.63rem\] { gap: 12.63rem; } .bb\:gap-x-10 { column-gap: calc(var(--bb-spacing) * 10); } .bb\:gap-y-10 { row-gap: calc(var(--bb-spacing) * 10); } .bb\:rounded-full { border-radius: calc(infinity * 1px); } .bb\:border { border-style: var(--tw-border-style); border-width: 1px; } .bb\:border-2 { border-style: var(--tw-border-style); border-width: 2px; } .bb\:border-t { border-top-style: var(--tw-border-style); border-top-width: 1px; } .bb\:border-t-2 { border-top-style: var(--tw-border-style); border-top-width: 2px; } .bb\:border-\[\#ffffff\] { border-color: #ffffff; } .bb\:border-accent-100 { border-color: var(--bb-color-accent-100); } .bb\:border-white { border-color: var(--bb-color-white); } .bb\:bg-\[\#2b3c46\] { background-color: #2b3c46; } .bb\:bg-\[\#333f48\] { background-color: #333f48; } .bb\:bg-\[\#ffffff\] { background-color: #ffffff; } .bb\:bg-\[rgba\(245\,245\,245\,1\)\] { background-color: rgba(245,245,245,1); } .bb\:bg-accent { background-color: var(--bb-color-accent); } .bb\:bg-accent-100 { background-color: var(--bb-color-accent-100); } .bb\:bg-accent-200 { background-color: var(--bb-color-accent-200); } .bb\:bg-accent-500 { background-color: var(--bb-color-accent-500); } .bb\:bg-amber-100 { background-color: var(--bb-color-amber-100); } .bb\:bg-black { background-color: var(--bb-color-black); } .bb\:bg-blue-200 { background-color: var(--bb-color-blue-200); } .bb\:bg-green-200 { background-color: var(--bb-color-green-200); } .bb\:bg-primary { background-color: var(--bb-color-primary); } .bb\:bg-red-200 { background-color: var(--bb-color-red-200); } .bb\:bg-secondary { background-color: var(--bb-color-secondary); } .bb\:bg-secondary\/32 { background-color: var(--bb-color-secondary); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--bb-color-secondary) 32%, transparent); } } .bb\:bg-secondary\/41 { background-color: var(--bb-color-secondary); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--bb-color-secondary) 41%, transparent); } } .bb\:bg-secondary\/51 { background-color: var(--bb-color-secondary); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--bb-color-secondary) 51%, transparent); } } .bb\:bg-secondary\/61 { background-color: var(--bb-color-secondary); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--bb-color-secondary) 61%, transparent); } } .bb\:bg-secondary\/65 { background-color: var(--bb-color-secondary); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--bb-color-secondary) 65%, transparent); } } .bb\:bg-secondary\/69 { background-color: var(--bb-color-secondary); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--bb-color-secondary) 69%, transparent); } } .bb\:bg-secondary\/72 { background-color: var(--bb-color-secondary); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--bb-color-secondary) 72%, transparent); } } .bb\:bg-yellow-200\/13 { background-color: var(--bb-color-yellow-200); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--bb-color-yellow-200) 13%, transparent); } } .bb\:bg-gradient-to-bl { --tw-gradient-position: to bottom left in oklab; background-image: linear-gradient(var(--tw-gradient-stops)); } .bb\:bg-gradient-to-tr { --tw-gradient-position: to top right in oklab; background-image: linear-gradient(var(--tw-gradient-stops)); } .bb\:from-primary { --tw-gradient-from: var(--bb-color-primary); --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)); } .bb\:from-\[3\.86\%\] { --tw-gradient-from-position: 3.86%; } .bb\:via-primary { --tw-gradient-via: var(--bb-color-primary); --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .bb\:via-\[50\%\] { --tw-gradient-via-position: 50%; } .bb\:to-secondary { --tw-gradient-to: var(--bb-color-secondary); --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)); } .bb\:to-\[100\%\] { --tw-gradient-to-position: 100%; } .bb\:b_mask-text { color: transparent; -webkit-text-fill-color: transparent; background-clip: text; -webkit-background-clip: text; } .bb\:object-contain { object-fit: contain; } .bb\:object-cover { object-fit: cover; } .bb\:object-\[9\.00\%_0\.00\%\] { object-position: 9.00% 0.00%; } .bb\:object-\[21\.00\%_87\.00\%\] { object-position: 21.00% 87.00%; } .bb\:object-\[25\.00\%_87\.00\%\] { object-position: 25.00% 87.00%; } .bb\:object-\[29\.00\%_22\.00\%\] { object-position: 29.00% 22.00%; } .bb\:object-\[29\.00\%_66\.00\%\] { object-position: 29.00% 66.00%; } .bb\:object-\[45\.00\%_58\.00\%\] { object-position: 45.00% 58.00%; } .bb\:object-\[46\.00\%_36\.00\%\] { object-position: 46.00% 36.00%; } .bb\:object-\[46\.00\%_56\.00\%\] { object-position: 46.00% 56.00%; } .bb\:object-\[47\.00\%_70\.00\%\] { object-position: 47.00% 70.00%; } .bb\:object-\[47\.00\%_75\.00\%\] { object-position: 47.00% 75.00%; } .bb\:object-\[49\.00\%_34\.00\%\] { object-position: 49.00% 34.00%; } .bb\:object-\[49\.00\%_53\.00\%\] { object-position: 49.00% 53.00%; } .bb\:object-\[50\.00\%_48\.00\%\] { object-position: 50.00% 48.00%; } .bb\:object-\[50\.00\%_50\.00\%\] { object-position: 50.00% 50.00%; } .bb\:object-\[51\.00\%_56\.00\%\] { object-position: 51.00% 56.00%; } .bb\:object-\[55\.00\%_29\.00\%\] { object-position: 55.00% 29.00%; } .bb\:object-\[56\.00\%_50\.00\%\] { object-position: 56.00% 50.00%; } .bb\:object-\[59\.00\%_53\.00\%\] { object-position: 59.00% 53.00%; } .bb\:object-\[61\.00\%_23\.00\%\] { object-position: 61.00% 23.00%; } .bb\:p-4 { padding: calc(var(--bb-spacing) * 4); } .bb\:p-8 { padding: calc(var(--bb-spacing) * 8); } .bb\:px-10 { padding-inline: calc(var(--bb-spacing) * 10); } .bb\:px-\[0\.38rem\] { padding-inline: 0.38rem; } .bb\:px-\[5\.88rem\] { padding-inline: 5.88rem; } .bb\:px-\[6\.81rem\] { padding-inline: 6.81rem; } .bb\:py-8 { padding-block: calc(var(--bb-spacing) * 8); } .bb\:py-10 { padding-block: calc(var(--bb-spacing) * 10); } .bb\:py-\[0\.05rem\] { padding-block: 0.05rem; } .bb\:py-\[0\.06rem\] { padding-block: 0.06rem; } .bb\:py-\[4\.44rem\] { padding-block: 4.44rem; } .bb\:py-\[4\.56rem\] { padding-block: 4.56rem; } .bb\:py-\[5\.25rem\] { padding-block: 5.25rem; } .bb\:py-\[6\.25rem\] { padding-block: 6.25rem; } .bb\:pt-\[1\.88rem\] { padding-top: 1.88rem; } .bb\:text-center { text-align: center; } .bb\:text-left { text-align: left; } .bb\:font-\[Bebas_Neue\] { font-family: Bebas Neue; } .bb\:font-\[Roboto_Condensed\] { font-family: Roboto Condensed; } .bb\:font-body { font-family: var(--bb-font-body); } .bb\:font-desc { font-family: var(--bb-font-desc); } .bb\:font-display { font-family: var(--bb-font-display); } .bb\:font-displayAlt { font-family: var(--bb-font-displayAlt); } .bb\:text-2xl { font-size: var(--bb-text-2xl); line-height: var(--tw-leading, var(--bb-text-2xl--line-height)); } .bb\:text-3xl { font-size: var(--bb-text-3xl); line-height: var(--tw-leading, var(--bb-text-3xl--line-height)); } .bb\:text-4xl { font-size: var(--bb-text-4xl); line-height: var(--tw-leading, var(--bb-text-4xl--line-height)); } .bb\:text-5xl { font-size: var(--bb-text-5xl); line-height: var(--tw-leading, var(--bb-text-5xl--line-height)); } .bb\:text-6xl { font-size: var(--bb-text-6xl); line-height: var(--tw-leading, var(--bb-text-6xl--line-height)); } .bb\:text-base { font-size: var(--bb-text-base); line-height: var(--tw-leading, var(--bb-text-base--line-height)); } .bb\:text-\[1\.07rem\] { font-size: 1.07rem; } .bb\:text-\[1\.13rem\] { font-size: 1.13rem; } .bb\:text-\[1\.49rem\] { font-size: 1.49rem; } .bb\:text-\[1\.56rem\] { font-size: 1.56rem; } .bb\:text-\[1\.75rem\] { font-size: 1.75rem; } .bb\:text-\[1\.96rem\] { font-size: 1.96rem; } .bb\:text-\[2\.63rem\] { font-size: 2.63rem; } .bb\:text-\[2\.75rem\] { font-size: 2.75rem; } .bb\:text-\[4\.06rem\] { font-size: 4.06rem; } .bb\:text-\[6\.4rem\] { font-size: 6.4rem; } .bb\:leading-\[0\.9\] { --tw-leading: 0.9; line-height: 0.9; } .bb\:leading-\[0rem\] { --tw-leading: 0rem; line-height: 0rem; } .bb\:leading-\[1\.1\] { --tw-leading: 1.1; line-height: 1.1; } .bb\:leading-\[1\.3\] { --tw-leading: 1.3; line-height: 1.3; } .bb\:leading-\[1\.32\] { --tw-leading: 1.32; line-height: 1.32; } .bb\:leading-\[2\.69rem\] { --tw-leading: 2.69rem; line-height: 2.69rem; } .bb\:text-\[\#000000\] { color: #000000; } .bb\:text-\[\#000000cc\] { color: #000000cc; } .bb\:text-\[\#ffffff\] { color: #ffffff; } .bb\:text-accent { color: var(--bb-color-accent); } .bb\:text-accent-100\/13 { color: var(--bb-color-accent-100); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--bb-color-accent-100) 13%, transparent); } } .bb\:text-black { color: var(--bb-color-black); } .bb\:text-inherit { color: inherit; } .bb\:text-secondary { color: var(--bb-color-secondary); } .bb\:text-white { color: var(--bb-color-white); } .bb\:uppercase { text-transform: uppercase; } .bb\:opacity-25 { opacity: 25%; } .bb\:opacity-50 { opacity: 50%; } .bb\:max-lg\:flex-col { @media (width < 64rem) { flex-direction: column; } } .bb\:md\:grid-area-\[16\/8\] { @media (width >= 48rem) { display: grid; grid-template-columns: repeat(16, minmax(0, 1fr)); grid-template-rows: repeat(8, minmax(0, 1fr)); --b_area: 1 / 1 / 4 / 8; & > * { grid-area: var(--area, var(--b_area)); } } } .bb\:md\:block { @media (width >= 48rem) { display: block; } } .bb\:md\:area-\[1\/1\/9\/17\] { @media (width >= 48rem) { --area: 1 / 1 / 9 / 17; } } .bb\:lg\:grid { @media (width >= 64rem) { display: grid; } } .bb\:xl\:grid { @media (width >= 80rem) { display: grid; } } .bb\:xl\:grid-cols-2 { @media (width >= 80rem) { grid-template-columns: repeat(2, minmax(0, 1fr)); } } .bb\:\[\&_p\]\:\!text-3xl { & p { font-size: var(--bb-text-3xl) !important; line-height: var(--tw-leading, var(--bb-text-3xl--line-height)) !important; } } .bb\:\[\&_p\]\:text-3xl { & p { font-size: var(--bb-text-3xl); line-height: var(--tw-leading, var(--bb-text-3xl--line-height)); } } } .bite-t6ibybx-dGMg2MOH0, .bite-t6ibybx-pCq8CDRWd { height: calc(var(--bb-spacing) * 100); width: calc(var(--bb-spacing) * 100); background-color: var(--bb-color-red-200); } .bite-t6ibybx-dGMg2MOH0-fills { position: absolute; inset: calc(var(--bb-spacing) * 0); z-index: 0; display: grid; border-radius: calc(infinity * 1px); } .bite-t6ibybx-dGMg2MOH0-fill-1 { background-color: var(--bb-color-secondary); } .bite-t6ibybx-pCq8CDRWd-fill-1 { background-color: var(--bb-color-secondary); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--bb-color-secondary) 61%, transparent); } } .bite-t6ibybx-1cad2il { position: relative; display: flex; min-height: 50rem; width: 100%; flex-direction: column; align-items: center; justify-content: flex-start; gap: 0.63rem; padding-top: 1.88rem; } .bite-t6ibybx-1pszcyp { position: relative; box-sizing: border-box; margin-left: auto; margin-right: auto; padding-left: var(--b_padding, 4vw); padding-right: var(--b_padding, 4vw); max-width: var(--b_maxWidth, 100%); display: flex; height: auto; width: 100%; max-width: 94.5rem; align-items: flex-start; justify-content: space-between; gap: calc(var(--bb-spacing) * 4); } .bite-t6ibybx-1pizr9q { position: relative; height: 9.28rem; width: 100%; max-width: 9.28rem; @media (width >= 48rem) { display: grid; grid-template-columns: repeat(16, minmax(0, 1fr)); grid-template-rows: repeat(8, minmax(0, 1fr)); --b_area: 1 / 1 / 4 / 8; & > * { grid-area: var(--area, var(--b_area)); } } } .bite-t6ibybx-1qcykcn { position: relative; aspect-ratio: 1/1; @media (width >= 48rem) { --area: 1 / 1 / 9 / 17; } } .bite-t6ibybx-0qkaod9 { position: relative; box-sizing: border-box; margin-left: auto; margin-right: auto; padding-left: var(--b_padding, 4vw); padding-right: var(--b_padding, 4vw); max-width: var(--b_maxWidth, 100%); display: flex; height: 100%; min-height: 31.25rem; width: 100%; max-width: 94.5rem; flex-direction: column; align-items: flex-start; justify-content: flex-end; gap: 1.06rem; } .bite-t6ibybx-1p905kr { margin-block: calc(var(--bb-spacing) * 0); height: auto; width: 100%; text-align: left; font-family: var(--bb-font-body); font-size: 1.75rem; --tw-leading: 1.32; line-height: 1.32; color: #ffffff; } .bite-t6ibybx-1oz0jvs { margin-block: calc(var(--bb-spacing) * 0); height: auto; width: 100%; text-align: left; font-family: var(--bb-font-display); font-size: var(--bb-text-5xl); line-height: var(--tw-leading, var(--bb-text-5xl--line-height)); --tw-leading: 0.9; line-height: 0.9; color: var(--bb-color-accent); } .bite-t6ibybx-01lnl9b { position: relative; margin-block: calc(var(--bb-spacing) * 8); box-sizing: border-box; margin-left: auto; margin-right: auto; padding-left: var(--b_padding, 4vw); padding-right: var(--b_padding, 4vw); max-width: var(--b_maxWidth, 100%); display: flex; height: auto; width: 100%; align-items: center; justify-content: space-between; gap: calc(var(--bb-spacing) * 8); @media (width < 64rem) { flex-direction: column; } @media (width >= 80rem) { display: grid; } @media (width >= 80rem) { grid-template-columns: repeat(2, minmax(0, 1fr)); } } .bite-t6ibybx-14h5z2h { position: relative; } .bite-t6ibybx-01vn6ya { position: relative; display: flex; height: auto; height: fit-content; width: 100%; max-width: 47.5rem; flex-direction: column; align-items: flex-start; justify-content: flex-start; } .bite-t6ibybx-10qfoig, .bite-t6ibybx-0ncxn0d { margin-block: calc(var(--bb-spacing) * 0); height: auto; width: 100%; max-width: 36.69rem; text-align: left; font-family: var(--bb-font-desc); font-size: var(--bb-text-base); line-height: var(--tw-leading, var(--bb-text-base--line-height)); --tw-leading: 1.32; line-height: 1.32; color: #000000cc; } .bite-t6ibybx-06mfaxw, .bite-t6ibybx-0mxx1ns { position: relative; display: flex; height: auto; width: 100%; flex-direction: column; align-items: flex-start; justify-content: flex-start; } .bite-t6ibybx-06wewmv, .bite-t6ibybx-0n2y1be { margin-block: calc(var(--bb-spacing) * 0); height: auto; width: 100%; max-width: 46.5rem; text-align: left; font-family: var(--bb-font-display); font-size: var(--bb-text-3xl); line-height: var(--tw-leading, var(--bb-text-3xl--line-height)); color: #000000; } .bite-t6ibybx-076eibu { position: relative; display: flex; height: auto; height: fit-content; width: 100%; max-width: 39.75rem; flex-direction: column; align-items: flex-start; justify-content: flex-start; gap: 0.63rem; } .bite-t6ibybx-07ge40t { margin-block: calc(var(--bb-spacing) * 0); min-height: 18.81rem; width: 100%; text-align: left; font-family: var(--bb-font-body); font-size: 1.13rem; color: #000000; } .bite-t6ibybx-1g7ym5f { position: relative; margin-block: calc(var(--bb-spacing) * 8); box-sizing: border-box; margin-left: auto; margin-right: auto; padding-left: var(--b_padding, 4vw); padding-right: var(--b_padding, 4vw); max-width: var(--b_maxWidth, 100%); width: 100%; } .bite-t6ibybx-1ghy7ue { position: relative; display: flex; height: fit-content; width: auto; align-items: flex-start; justify-content: flex-start; gap: calc(var(--bb-spacing) * 8); @media (width < 64rem) { flex-direction: column; } @media (width >= 80rem) { display: grid; } @media (width >= 80rem) { grid-template-columns: repeat(2, minmax(0, 1fr)); } } .bite-t6ibybx-1grxtjd { position: relative; display: flex; height: fit-content; width: 100%; flex-direction: column; align-items: flex-start; justify-content: flex-start; } .bite-t6ibybx-0n7wncr { position: relative; display: flex; min-height: 13.63rem; width: auto; flex-direction: column; align-items: flex-start; justify-content: flex-start; } .bite-t6ibybx-0msyfmf { margin-block: calc(var(--bb-spacing) * 0); height: auto; width: 100%; text-align: left; font-family: var(--bb-font-body); font-size: 1.13rem; color: #000000cc; } .bite-t6ibybx-0mdxu9u { position: relative; max-height: 61rem; } .bite-t6ibybx-1fxz0gg { position: relative; display: flex; aspect-ratio: 27/58; height: fit-content; width: 100%; max-width: 40.5rem; flex-direction: column; align-items: flex-start; justify-content: flex-start; gap: calc(var(--bb-spacing) * 12); } .bite-t6ibybx-0miytxg, .bite-t6ibybx-0m8z88h, .bite-t6ibybx-0lyzmji { position: relative; aspect-ratio: 3/2; max-height: 27rem; } .bite-t6ibybx-0z28lup { position: relative; margin-block: calc(var(--bb-spacing) * 8); display: flex; height: fit-content; align-items: center; justify-content: flex-start; gap: calc(var(--bb-spacing) * 20); @media (width &lt; 64rem) { flex-direction: column; } } .bite-t6ibybx-0ys905q, .bite-t6ibybx-0xodqvt, .bite-t6ibybx-004ps5g { position: relative; aspect-ratio: 884/589; max-height: 36.81rem; max-width: 55.25rem; } .bite-t6ibybx-0yicjyq { position: relative; display: flex; width: 100%; max-width: 28rem; flex-direction: column; } .bite-t6ibybx-PCqGhEuq_ { margin-block: calc(var(--bb-spacing) * 0); height: auto; width: auto; text-align: left; font-family: var(--bb-font-display); font-size: var(--bb-text-5xl); line-height: var(--tw-leading, var(--bb-text-5xl--line-height)); color: var(--bb-color-secondary); } .bite-t6ibybx-zgwmi1ic3 { margin-block: calc(var(--bb-spacing) * 0); height: auto; width: auto; text-align: left; font-family: var(--bb-font-displayAlt); font-size: var(--bb-text-3xl); line-height: var(--tw-leading, var(--bb-text-3xl--line-height)); color: var(--bb-color-secondary); } .bite-t6ibybx-cyeyM1Elm { margin-top: calc(var(--bb-spacing) * 4); } .bite-t6ibybx-0xydcks { margin-block: calc(var(--bb-spacing) * 0); height: auto; width: auto; text-align: left; font-family: var(--bb-font-body); font-size: 1.13rem; --tw-leading: 1.32; line-height: 1.32; color: inherit; } .bite-t6ibybx-0y8cy9r, .bite-t6ibybx-10q9dii { margin-block: calc(var(--bb-spacing) * 0); min-height: 11.5rem; width: 100%; text-align: left; font-family: var(--bb-font-body); font-size: 1.13rem; --tw-leading: 1.32; line-height: 1.32; color: inherit; } .bite-t6ibybx-0xee56u { position: relative; margin-block: calc(var(--bb-spacing) * 8); display: flex; height: auto; width: 100%; max-width: 92rem; align-items: center; justify-content: flex-start; gap: calc(var(--bb-spacing) * 20); @media (width &lt; 64rem) { flex-direction: column; } } .bite-t6ibybx-0wuexsw { position: relative; display: flex; height: auto; width: 100%; max-width: 28rem; flex-direction: column; align-items: flex-start; justify-content: flex-start; gap: calc(var(--bb-spacing) * 4); } .bite-t6ibybx-0x4ejhv, .bite-t6ibybx-1x7wm9r { margin-block: calc(var(--bb-spacing) * 0); height: auto; width: auto; text-align: left; font-family: var(--bb-font-display); font-size: var(--bb-text-3xl); line-height: var(--tw-leading, var(--bb-text-3xl--line-height)); color: inherit; } .bite-t6ibybx-1108z7h, .bite-t6ibybx-1xrvtnp { position: relative; display: flex; height: auto; width: auto; align-items: center; justify-content: flex-start; gap: calc(var(--bb-spacing) * 5); } .bite-t6ibybx-106dbmj, .bite-t6ibybx-1vtylsw { position: relative; display: flex; min-height: calc(var(--bb-spacing) * 9); width: auto; flex-direction: column; align-items: center; justify-content: center; gap: 0.63rem; background-color: var(--bb-color-secondary); padding-inline: calc(var(--bb-spacing) * 10); padding-block: 0.06rem; } .bite-t6ibybx-0zwdpxk, .bite-t6ibybx-1w3y7hv { margin-block: calc(var(--bb-spacing) * 0); height: auto; width: auto; text-align: left; font-family: var(--bb-font-display); font-size: 1.13rem; --tw-leading: 0rem; line-height: 0rem; color: #000000; } .bite-t6ibybx-10qcj0h, .bite-t6ibybx-1wdxt6u { position: relative; display: flex; min-height: calc(var(--bb-spacing) * 9); width: auto; flex-direction: column; align-items: center; justify-content: center; gap: 0.63rem; border-style: var(--tw-border-style); border-width: 1px; border-color: #ffffff; padding-inline: calc(var(--bb-spacing) * 10); padding-block: 0.06rem; } .bite-t6ibybx-10gcxbi, .bite-t6ibybx-1wnxevt { margin-block: calc(var(--bb-spacing) * 0); height: auto; width: auto; text-align: left; font-family: var(--bb-font-display); font-size: 1.13rem; --tw-leading: 0rem; line-height: 0rem; color: #ffffff; } .bite-t6ibybx-11abqef { position: relative; margin-block: calc(var(--bb-spacing) * 8); display: flex; height: fit-content; width: 100%; max-width: 92rem; align-items: center; justify-content: flex-start; gap: calc(var(--bb-spacing) * 20); @media (width &lt; 64rem) { flex-direction: column; } } .bite-t6ibybx-044n47b { position: relative; display: flex; height: auto; width: 100%; max-width: 27.69rem; flex-direction: column; align-items: flex-start; justify-content: flex-start; } .bite-t6ibybx-9ZQ0_MvZP { margin-bottom: calc(var(--bb-spacing) * 4); font-family: var(--bb-font-displayAlt); font-size: var(--bb-text-4xl); line-height: var(--tw-leading, var(--bb-text-4xl--line-height)); color: var(--bb-color-secondary); } .bite-t6ibybx-32s7LSVyR { font-family: var(--bb-font-display); font-size: var(--bb-text-6xl); line-height: var(--tw-leading, var(--bb-text-6xl--line-height)); color: var(--bb-color-secondary); } .bite-t6ibybx-0s7mn22 { position: relative; display: flex; min-height: calc(var(--bb-spacing) * 9); width: auto; max-width: calc(var(--bb-spacing) * 40); flex: 1; align-items: center; justify-content: center; gap: 0.54rem; background-color: var(--bb-color-secondary); padding-inline: calc(var(--bb-spacing) * 10); padding-block: 0.05rem; font-family: var(--bb-font-display); } .bite-t6ibybx-wb329C35G { height: calc(var(--bb-spacing) * 8); width: calc(var(--bb-spacing) * 8); } .bite-t6ibybx-0xogwds { position: relative; margin-block: calc(var(--bb-spacing) * 8); display: flex; height: auto; width: auto; align-items: center; justify-content: flex-start; gap: 1.63rem; @media (width < 64rem) { flex-direction: column; } } .bite-t6ibybx-1wxx0ks { position: relative; display: flex; height: auto; width: 100%; max-width: 46.75rem; flex-direction: column; align-items: flex-start; justify-content: flex-start; gap: calc(var(--bb-spacing) * 4); } .bite-t6ibybx-1xhw7yq { margin-block: calc(var(--bb-spacing) * 0); min-height: 11.5rem; width: 100%; max-width: 42.88rem; text-align: left; font-family: var(--bb-font-body); font-size: 1.13rem; --tw-leading: 1.32; line-height: 1.32; color: inherit; } .bite-t6ibybx-0hqxl9x-rel { position: relative; margin-top: calc(var(--bb-spacing) * 2); display: flex; height: auto; width: 100%; align-items: flex-end; justify-content: space-between; } .bite-t6ibybx-0hgxzky-rel { position: relative; display: flex; height: auto; width: 100%; flex: 1; align-items: flex-start; justify-content: flex-start; color: inherit; } .bite-t6ibybx-0iawsnv-rel { margin-block: calc(var(--bb-spacing) * 0); height: auto; width: 100%; text-align: left; font-family: var(--bb-font-desc); font-size: var(--bb-text-base); line-height: var(--tw-leading, var(--bb-text-base--line-height)); --tw-leading: 1.32; line-height: 1.32; color: inherit; } .bite-t6ibybx-0i0x6yw-rel { margin-block: calc(var(--bb-spacing) * 0); height: auto; width: 100%; text-align: left; font-family: var(--bb-font-desc); font-size: var(--bb-text-base); line-height: var(--tw-leading, var(--bb-text-base--line-height)); --tw-leading: 1.32; line-height: 1.32; color: #ffffff; } @layer base { .wp-block-blockbite-icon svg { display: block; width: 100%; height: auto; } .wp-block-blockbite-group, .wp-block-blockbite-frame, .wp-block-blockbite-image, .wp-block-blockbite-button, .wp-block-blockbite-icon { position: relative; } .wp-block-blockbite-frame > :not(.b_fills), .wp-block-blockbite-group > :not(.b_fills) { position: relative; z-index: 1; } .b_fills { border-radius: inherit; overflow: hidden; display: grid; z-index: 0; --area: ''; height: 100%; width: 100%; } .wp-block-blockbite-frame .b_fills, .wp-block-blockbite-group .b_fills { position: absolute; inset: 0; } .wp-block-blockbite-image .b_fills { position: relative; } .b_fill { grid-row: 1 / -1; grid-column: 1 / -1; overflow: hidden; width: 100%; height: 100%; object-fit: cover; object-position: center; } .b_media { height: 100%; width: 100%; object-fit: cover; object-position: center; } .b_relative { position: relative; } .b_swiper { width: 100%; height: 100%; } .b_slide { display: flex; } .b_w-full { width: 100%; } .b_tile:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: transparent; z-index: 10; } .b_zindex { z-index: 30; } .b_overflow-hidden { overflow: hidden; } swiper-container::part(button-prev) { color: inherit; } swiper-container::part(button-next) { color: inherit; } swiper-container::part(pagination) { color: inherit; } } @layer base { :root { --b_padding: 4vw; --b_maxWidth: 100%; @media (min-width: 96rem) { --b_padding: 1rem; --b_maxWidth: 96rem; } } } @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-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; } @layer properties { @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) { *, ::before, ::after, ::backdrop { --tw-translate-x: 0; --tw-translate-y: 0; --tw-translate-z: 0; --tw-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; } } }