/** Shopify CDN: Minification failed Line 1783:21 Expected ")" to end URL token **/ :root { /* Grid */ --site-gutters: 20px; --site-margins: 20px; --vertical-spacing-large: 150px; --vertical-spacing: 100px; --vertical-spacing-small: 50px; /* Brand Colors */ --tbt-black: #1c1915; --tbt-white: #fff; --dark-color: var(--tbt-black); --light-color: #fff; --tan: #c6c1bb; --paper: #efe8e2; --gray: #2a2723; --blush: #f7dddd; --sky: #91abab; --sky-light: #c8d5d5; --coffee: #d1b5a1; --yellow: #d1ca89; --mahogany: #8c4153; --teal: #3f7f88; --orange: #d65943; --gold: #b3983e; --violet: #2c2635; --navy: #1a253a; --maroon: #4b2020; --walnut: #2e270d; --light-purple: #d6b9b9; --dark-purple: #322b3d; --wedding-purple: #462221; /* Base Colors */ --black: #000; --white: #fff; --bg-color: #fff; --text-color: var(--gray); --main-color: var(--wedding-purple); --light-text-color: #8e8c8a; /* --text-color at 50% opacity */ --light-grey: var(--paper); --hr-color: var(--tan); --error: var(--orange); --success: var(--teal); --notify: var(--yellow); /* Typography */ --main-font: 'Basel', sans-serif; --secondary-font: 'Items', serif; --tertiary-font: 'Items Condensed', serif; --mono-font: 'Basel Mono', monospace; --normal: normal; --light: 300; --medium: 600; --bold: 700; /* Transition Speeds */ --md-speed: 0.3s; --fast-speed: 0.15s; --slow-speed: 0.6s; --stagger-time: 0.05s; /* UI Sizes */ --vh: 1vh; --site-max-width: 1400px; --narrow-width: 800px; --screen-height: calc(var(--1vh) * 100); --button-height: 32px; --base-border-radius: 3px; --button-border-radius: var(--base-border-radius); --header-banner-height: 0px; --header-height: 54px; --header-height-expanded: 60px; --full-header-height: calc(var(--header-height) + var(--header-banner-height)); --sticky-top: calc(var(--site-gutters) + var(--header-height)); --group-bar-height: 0px; } @media screen and (max-width: 639px) { :root { --site-margins: 10px; --site-gutters: 10px; --vertical-spacing-large: 120px; --vertical-spacing: 80px; --vertical-spacing-small: 40px; } } @media screen and (max-width: 949px) { :root { --header-height: calc(54px + 32px); } } /* COLOR THEMES */ *[class*='theme-'] { color: var(--text-color); background: var(--bg-color); } .theme-black { --bg-color: var(--tbt-black); --text-color: var(--white); --light-text-color: rgba(255, 255, 255, 0.5); --hr-color: rgba(255, 255, 255, 0.2); } .theme-dark { --bg-color: var(--dark-color); --text-color: var(--white); --light-text-color: rgba(255, 255, 255, 0.5); --hr-color: rgba(255, 255, 255, 0.2); } .theme-white { --bg-color: var(--white); --text-color: var(--gray); --light-text-color: rgba(0, 0, 0, 0.5); --hr-color: rgba(0, 0, 0, 0.2); } .theme-tan { --bg-color: var(--tan); --text-color: var(--gray); --light-text-color: rgba(0, 0, 0, 0.5); --hr-color: rgba(0, 0, 0, 0.2); } .theme-paper { --bg-color: var(--paper); --text-color: var(--gray); --light-text-color: rgba(0, 0, 0, 0.5); --hr-color: rgba(0, 0, 0, 0.2); } .theme-gray { --bg-color: var(--gray); --text-color: var(--white); --light-text-color: rgba(255, 255, 255, 0.5); --hr-color: rgba(255, 255, 255, 0.2); } .theme-blush { --bg-color: var(--blush); --text-color: var(--gray); --light-text-color: rgba(0, 0, 0, 0.5); --hr-color: rgba(0, 0, 0, 0.2); } .theme-sky { --bg-color: var(--sky); --text-color: var(--gray); --light-text-color: rgba(0, 0, 0, 0.5); --hr-color: rgba(0, 0, 0, 0.2); } .theme-sky-light { --bg-color: var(--sky-light); --text-color: var(--gray); --light-text-color: rgba(0, 0, 0, 0.5); --hr-color: rgba(0, 0, 0, 0.2); } .theme-coffee { --bg-color: var(--coffee); --text-color: var(--gray); --light-text-color: rgba(0, 0, 0, 0.5); --hr-color: rgba(0, 0, 0, 0.2); } .theme-yellow { --bg-color: var(--yellow); --text-color: var(--gray); --light-text-color: rgba(0, 0, 0, 0.5); --hr-color: rgba(0, 0, 0, 0.2); } .theme-mahogany { --bg-color: var(--mahogany); --text-color: var(--white); --light-text-color: rgba(255, 255, 255, 0.5); --hr-color: rgba(255, 255, 255, 0.2); } .theme-teal { --bg-color: var(--teal); --text-color: var(--gray); --light-text-color: rgba(0, 0, 0, 0.5); --hr-color: rgba(0, 0, 0, 0.2); } .theme-orange { --bg-color: var(--orange); --text-color: var(--tbt-black); --light-text-color: rgba(0, 0, 0, 0.5); --hr-color: rgba(0, 0, 0, 0.2); } .theme-gold { --bg-color: var(--gold); --text-color: var(--white); --light-text-color: rgba(255, 255, 255, 0.5); --hr-color: rgba(255, 255, 255, 0.2); } .theme-violet { --bg-color: var(--violet); --text-color: var(--white); --light-text-color: rgba(255, 255, 255, 0.5); --hr-color: rgba(255, 255, 255, 0.2); } .theme-wedding-purple { --bg-color: var(--wedding-purple); --text-color: var(--white); --light-text-color: rgba(255, 255, 255, 0.5); --hr-color: rgba(255, 255, 255, 0.2); } .theme-wedding-purple .button { --button-bg: var(--tbt-black); --button-color: var(--paper); --button-border: transparent; --button-hover-bg: var(--white); --button-hover-color: var(--tbt-black); --button-hover-border: transparent; } .theme-wedding-purple .button.secondary { --button-bg: var(--paper); --button-color: var(--tbt-black); --button-border: transparent; --button-hover-bg: var(--white); --button-hover-color: var(--tbt-black); --button-hover-border: transparent; } .theme-navy { --bg-color: var(--navy); --text-color: var(--white); --light-text-color: rgba(255, 255, 255, 0.5); --hr-color: rgba(255, 255, 255, 0.2); } .theme-maroon { --bg-color: var(--maroon); --text-color: var(--white); --light-text-color: rgba(255, 255, 255, 0.5); --hr-color: rgba(255, 255, 255, 0.2); } .theme-walnut { --bg-color: var(--walnut); --text-color: var(--paper); --light-text-color: rgba(255, 255, 255, 0.5); --hr-color: rgba(255, 255, 255, 0.2); } @tailwind base; :root { --typography-multiplier: 1; } @tailwind base; /* Rich Text */ .rich-text [data-testid='text-block'], [data-slate-editor='true'] [data-testid='text-block'], .gladlyHC-answerDetail [data-testid='text-block'] { padding: 0; } .rich-text.policy header h1, [data-slate-editor='true'].policy header h1, .gladlyHC-answerDetail.policy header h1 { display: none; } .rich-text figcaption, [data-slate-editor='true'] figcaption, .gladlyHC-answerDetail figcaption { margin: 1em 0 3em; } .rich-text h1, .rich-text .h1, .rich-text h2, .rich-text .h2, .rich-text h3, .rich-text .h3, [data-slate-editor='true'] h1, [data-slate-editor='true'] .h1, [data-slate-editor='true'] h2, [data-slate-editor='true'] .h2, [data-slate-editor='true'] h3, [data-slate-editor='true'] .h3, .gladlyHC-answerDetail h1, .gladlyHC-answerDetail .h1, .gladlyHC-answerDetail h2, .gladlyHC-answerDetail .h2, .gladlyHC-answerDetail h3, .gladlyHC-answerDetail .h3 { margin-top: 1em; margin-bottom: 20px; } .rich-text h4, .rich-text .h4, .rich-text h5, .rich-text .h5, .rich-text h6, .rich-text .h6, [data-slate-editor='true'] h4, [data-slate-editor='true'] .h4, [data-slate-editor='true'] h5, [data-slate-editor='true'] .h5, [data-slate-editor='true'] h6, [data-slate-editor='true'] .h6, .gladlyHC-answerDetail h4, .gladlyHC-answerDetail .h4, .gladlyHC-answerDetail h5, .gladlyHC-answerDetail .h5, .gladlyHC-answerDetail h6, .gladlyHC-answerDetail .h6 { margin-top: 1.5em; margin-bottom: 1em; } .rich-text p, .rich-text .body, .rich-text .body-medium, .rich-text .body-large, .rich-text .body-small, .rich-text .body-tiny, [data-slate-editor='true'] p, [data-slate-editor='true'] .body, [data-slate-editor='true'] .body-medium, [data-slate-editor='true'] .body-large, [data-slate-editor='true'] .body-small, [data-slate-editor='true'] .body-tiny, .gladlyHC-answerDetail p, .gladlyHC-answerDetail .body, .gladlyHC-answerDetail .body-medium, .gladlyHC-answerDetail .body-large, .gladlyHC-answerDetail .body-small, .gladlyHC-answerDetail .body-tiny { margin-bottom: 1em; } .rich-text > *:first-child, .rich-text .first-item, [data-slate-editor='true'] > *:first-child, [data-slate-editor='true'] .first-item, .gladlyHC-answerDetail > *:first-child, .gladlyHC-answerDetail .first-item { margin-top: 0; } .rich-text > *:first-child .sanity-pte, .rich-text .first-item .sanity-pte, [data-slate-editor='true'] > *:first-child .sanity-pte, [data-slate-editor='true'] .first-item .sanity-pte, .gladlyHC-answerDetail > *:first-child .sanity-pte, .gladlyHC-answerDetail .first-item .sanity-pte { padding-top: 5px; margin-top: 0 !important; } .rich-text > *:last-child, .rich-text .last-item, [data-slate-editor='true'] > *:last-child, [data-slate-editor='true'] .last-item, .gladlyHC-answerDetail > *:last-child, .gladlyHC-answerDetail .last-item { margin-bottom: 0; } .rich-text ul, .rich-text ol, [data-slate-editor='true'] ul, [data-slate-editor='true'] ol, .gladlyHC-answerDetail ul, .gladlyHC-answerDetail ol { margin-top: 1em; margin-bottom: 1em; } .rich-text li, [data-slate-editor='true'] li, .gladlyHC-answerDetail li { padding-left: 1.2em; position: relative; } .rich-text ul li:before, [data-slate-editor='true'] ul li:before, .gladlyHC-answerDetail ul li:before { content: '' !important; display: block; width: 4px; height: 4px; top: 0.5em; left: 0; margin-top: -2px; background: var(--main-color); border-radius: 50%; position: absolute; } .rich-text ol ol, .rich-text ol ul, .rich-text ul ol, .rich-text ul ul, [data-slate-editor='true'] ol ol, [data-slate-editor='true'] ol ul, [data-slate-editor='true'] ul ol, [data-slate-editor='true'] ul ul, .gladlyHC-answerDetail ol ol, .gladlyHC-answerDetail ol ul, .gladlyHC-answerDetail ul ol, .gladlyHC-answerDetail ul ul { margin-top: 0.5em; } .rich-text ol, [data-slate-editor='true'] ol, .gladlyHC-answerDetail ol { counter-reset: my-awesome-counter; } .rich-text ol > li, [data-slate-editor='true'] ol > li, .gladlyHC-answerDetail ol > li { counter-increment: my-awesome-counter; } .rich-text ol > li li, [data-slate-editor='true'] ol > li li, .gladlyHC-answerDetail ol > li li { counter-reset: my-awesome-counter; } .rich-text ol > li:before, [data-slate-editor='true'] ol > li:before, .gladlyHC-answerDetail ol > li:before { content: counter(my-awesome-counter) '.'; display: block; width: 6px; height: 6px; font-size: 1em; top: 0; left: 0; color: var(--main-color); position: absolute; } /* Low Opacity List Hover */ .link-list.opacity-hover:hover a:not(.has-label), .link-list.opacity-hover:hover .label { opacity: 0.5; } .link-list.opacity-hover:hover a:hover, .link-list.opacity-hover:hover a:hover .label { opacity: 1; } /* Underlined Link */ .underlined-link { display: -ms-inline-flexbox; display: inline-flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-align: center; align-items: center; cursor: pointer; transition: opacity var(--md-speed) ease-in-out, color var(--md-speed) ease-in-out, border var(--md-speed) ease-in-out; } .underlined-link:after { content: ''; display: block; width: 100%; height: 0; border-bottom: 1px dashed currentColor; opacity: 0.25; margin: 0 0.3em 0 0.3em; transition: opacity var(--md-speed) ease-in-out, color var(--md-speed) ease-in-out, border var(--md-speed) ease-in-out; } .underlined-link:hover:after { opacity: 1; } .group:hover .underlined-link:after { opacity: 1; } /* Material Icons */ @font-face { font-family: 'Material Symbols Sharp'; font-style: normal; font-weight: 400; src: url(https://fonts.gstatic.com/icon/font?kit=gNMyW2J8Roq16WD5tFNRaeLQk6-SHQ_R00k4c2_whPnoY9ruReYU3rHmz4BC2dgEH-VBwaxx0TV08dDFHsF-H5uf1kzVR4x9r9-RAnAmh3jnYTuciyOWhfXYqG2STDZqd_3cCfbyWbI&skey=b2b11cf3b396438f&v=v238) format('woff2'); } /* To add icons https://fonts.googleapis.com/css2?family=Material+Symbols+Sharp:opsz,wght,FILL,GRAD@20,400,1,200&icon_names=close,help,play_arrow,play_circle */ .material-icon { font-family: 'Material Symbols Sharp'; font-weight: normal; font-style: normal; font-size: 24px; line-height: 1; letter-spacing: normal; text-transform: none; display: inline-block; white-space: nowrap; word-wrap: normal; direction: ltr; -webkit-font-feature-settings: 'liga'; -webkit-font-smoothing: antialiased; } /* Extra style for inline icons in headlines */ .lockup-headline h1, .lockup-headline h2, .lockup-headline h3, .lockup-headline h4, .lockup-headline h5, .lockup-headline h6 { display: inline; } header ul:has(button.active) { color: rgba(0, 0, 0, 0.25); } header button.active { color: var(--text-color); border-color: var(--hr-color); } header button.active .icon.arrow { transform: rotate(180deg); } header button.active .vertical-line { border-color: var(--text-color); } header .wedding-toggle.active { color: var(--text-color); background-color: var(--paper); border-color: var(--paper); } header .wedding-toggle.active .vertical-line { border-color: var(--text-color); } header #dropdownOverlay:not(.active) { opacity: 0; visibility: hidden; pointer-events: none; } header [data-dropdown-panel].active { transform: none !important; z-index: 3 !important; } header [data-dropdown-panel-item]:not(.active) { display: none; } header .icon:not(.arrow):not(.reset-fill) * { transition: all var(--md-speed) ease-in-out; } header .icon:not(.arrow):not(.reset-fill) { color: var(--text-color); } header .icon.icon-account { color: currentColor; } header .icon.icon-account .bg { fill: transparent; } header .icon.icon-account .outline { fill: currentColor; } header .icon.icon-account .fill { fill: transparent; } header .icon.icon-account.logged-in .fill { fill: currentcolor; } header .icon:hover .bg { fill: currentColor; } header .icon:hover .outline { fill: currentColor; } header .icon:hover .fill { fill: var(--bg-color); } header button#accountToggle.active .icon-account .bg, header button#accountToggle:hover .icon-account .bg, header a#accountToggle.active .icon-account .bg, header a#accountToggle:hover .icon-account .bg { fill: currentColor; } header button#accountToggle.active .icon-account .outline, header button#accountToggle:hover .icon-account .outline, header a#accountToggle.active .icon-account .outline, header a#accountToggle:hover .icon-account .outline { fill: currentColor; } header button#accountToggle.active .icon-account .fill, header button#accountToggle:hover .icon-account .fill, header a#accountToggle.active .icon-account .fill, header a#accountToggle:hover .icon-account .fill { fill: var(--bg-color); } /* Mobile Menu */ header #mobileMenuTrigger { transition: transform var(--md-speed) ease-in-out; } header #mobileMenuTrigger .icon { transition: opacity var(--md-speed) ease-in-out; } header #mobileMenuTrigger .icon-when-open { opacity: 0; } header #mobileMenuTrigger.open { transform: rotate(180deg); } header #mobileMenuTrigger.open .icon-when-open { opacity: 1; } header #mobileMenuTrigger.open .icon-when-closed { opacity: 0; } #shopify-section-notification-banner:not(.open) .banner-wrapper { -ms-grid-rows: 0fr; grid-template-rows: 0fr; } #shopify-section-notification-banner.mobile-close .banner-wrapper { -ms-grid-rows: 0fr !important; grid-template-rows: 0fr !important; } mobile-menu #topLevel.menu-hidden { transform: translateX(-100%); } mobile-menu [data-mobile-section].menu-visible { transform: translateX(-100%); } .footer .klaviyo-form { height: 62px; border-bottom: 1px solid currentColor; padding-bottom: 10px; } .footer .klaviyo-form * { color: currentColor; } .footer .klaviyo-form h1 { text-align: left !important; margin-bottom: 8px; } .footer .klaviyo-form h1 span { /* h5 */ --mobile-font-size: 18 !important; --desktop-font-size: 18 !important; --xl-font-size: calc(var(--desktop-font-size) * var(--typography-multiplier)) !important; font-size: clamp(calc(var(--mobile-font-size) * 1px), calc((var(--desktop-font-size) * 1vw) / 1440 * 100), calc(var(--xl-font-size) * 1px)) !important; font-family: var(--main-font) !important; line-height: 1.3em !important; letter-spacing: 0 !important; font-weight: var(--medium) !important; font-style: normal !important; text-transform: none !important; /* End h5 */ color: currentColor !important; } .footer .klaviyo-form > div { min-height: auto !important; } .footer .klaviyo-form > div > div > .needsclick { padding: 0 !important; } .footer .klaviyo-form label { color: currentColor !important; margin-bottom: 10px; /* h6 */ font-family: var(--mono-font) !important; line-height: 1.3em !important; letter-spacing: .14em !important; font-weight: normal !important; font-style: normal !important; text-transform: uppercase !important; --mobile-font-size: 10; --desktop-font-size: 10; --xl-font-size: calc(var(--desktop-font-size) * var(--typography-multiplier)); font-size: clamp(calc(var(--mobile-font-size) * 1px), calc((var(--desktop-font-size) * 1vw) / 1440 * 100), calc(var(--xl-font-size) * 1px)) !important; /* End h6 */ } .footer .klaviyo-form *[data-testid="form-row"] { -ms-flex-align: center !important; align-items: center !important; } .footer .klaviyo-form *[data-testid="form-row"] > div { height: 100% !important; } .footer .klaviyo-form *[data-testid="form-row"]:first-of-type p:first-of-type span { /* h6 */ font-family: var(--mono-font) !important; line-height: 1.3em !important; letter-spacing: .14em !important; font-weight: normal !important; font-style: normal !important; text-transform: uppercase !important; --mobile-font-size: 10; --desktop-font-size: 10; --xl-font-size: calc(var(--desktop-font-size) * var(--typography-multiplier)); font-size: clamp(calc(var(--mobile-font-size) * 1px), calc((var(--desktop-font-size) * 1vw) / 1440 * 100), calc(var(--xl-font-size) * 1px)) !important; /* End h6 */ text-align: left; color: currentColor !important; display: block; height: 1.2em !important; background-color: var(--paper); padding: .15em .15em .05em !important; } .footer .klaviyo-form *[data-testid="form-row"]:last-of-type p:first-of-type span { margin-top: .5em; /* h6 */ font-family: var(--mono-font) !important; line-height: 1.3em !important; letter-spacing: .14em !important; font-weight: normal !important; font-style: normal !important; text-transform: uppercase !important; --mobile-font-size: 10; --desktop-font-size: 10; --xl-font-size: calc(var(--desktop-font-size) * var(--typography-multiplier)); font-size: clamp(calc(var(--mobile-font-size) * 1px), calc((var(--desktop-font-size) * 1vw) / 1440 * 100), calc(var(--xl-font-size) * 1px)) !important; /* End h6 */ text-align: left; color: currentColor !important; display: block; } .footer .klaviyo-form button[type="button"] { --button-height: 32px; --button-border-width: 1px; --button-bg: var(--text-color); --button-color: var(--bg-color); --button-border: var(--button-bg); --button-hover-bg: var(--main-color); --button-hover-color: white; --button-hover-border: var(--button-hover-bg); --button-h-padding: calc(var(--button-height) / 3); -moz-appearance: none !important; appearance: none !important; /* h6 */ font-family: var(--mono-font) !important; line-height: 1.3em !important; letter-spacing: .14em !important; font-weight: normal !important; font-style: normal !important; text-transform: uppercase !important; --mobile-font-size: 10; --desktop-font-size: 10; --xl-font-size: calc(var(--desktop-font-size) * var(--typography-multiplier)); font-size: clamp(calc(var(--mobile-font-size) * 1px), calc((var(--desktop-font-size) * 1vw) / 1440 * 100), calc(var(--xl-font-size) * 1px)) !important; /* End h6 */ height: var(--button-height) !important; padding: 0 var(--button-h-padding) !important; display: -ms-inline-flexbox !important; display: inline-flex !important; -ms-flex-align: center !important; align-items: center !important; gap: .333em !important; -ms-flex-pack: center !important; justify-content: center !important; background: var(--button-bg) !important; border: var(--button-border-width) solid var(--button-border) !important; border-radius: var(--button-border-radius) !important; color: var(--button-color) !important; cursor: pointer !important; transition: background var(--md-speed) ease-in-out, border var(--md-speed) ease-in-out, color var(--md-speed) ease-in-out; } .footer .klaviyo-form button[type="button"]:hover { background-color: var(--button-hover-bg) !important; border-color: var(--button-hover-border) !important; color: var(--button-hover-color) !important; } .footer .klaviyo-form input[type="email"]:focus, .footer .klaviyo-form input[type="email"]:active { border: none !important; outline: none !important; box-shadow: none !important; } /* for autofilled input */ .footer .klaviyo-form input[type="email"]:-webkit-autofill, .footer .klaviyo-form input[type="email"]:-webkit-autofill:hover, .footer .klaviyo-form input[type="email"]:-webkit-autofill:focus, .footer .klaviyo-form input[type="email"]:-webkit-autofill:active{ -webkit-background-clip: text; -webkit-text-fill-color: #ffffff; transition: background-color 5000s ease-in-out 0s; box-shadow: inset 0 0 20px 20px #23232300; } .footer .klaviyo-form input[type="email"] { -moz-appearance: none !important; appearance: none !important; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-touch-callout: none; border: none !important; outline: none !important; display: inline-block; width: 100%; vertical-align: middle; background-color: var(--cream) !important; border: var(--input-border-width) solid; height: 1.2em !important; text-transform: inherit; border-radius: 0 !important; color: currentColor !important; padding: .15em .15em .05em !important; --mobile-font-size: 18 !important; --desktop-font-size: 18 !important; --xl-font-size: calc(var(--desktop-font-size) * var(--typography-multiplier)) !important; font-size: clamp(calc(var(--mobile-font-size) * 1px), calc((var(--desktop-font-size) * 1vw) / 1440 * 100), calc(var(--xl-font-size) * 1px)) !important; font-family: var(--main-font) !important; line-height: 1.3em !important; letter-spacing: 0 !important; font-weight: var(--medium) !important; font-style: normal !important; text-transform: none !important; } /**/ /* h5 */ /* End h5 */ .footer .klaviyo-form input[type="email"]:-ms-input-placeholder { /* h5 */ --mobile-font-size: 18 !important; --desktop-font-size: 18 !important; --xl-font-size: calc(var(--desktop-font-size) * var(--typography-multiplier)) !important; font-size: clamp(calc(var(--mobile-font-size) * 1px), calc((var(--desktop-font-size) * 1vw) / 1440 * 100), calc(var(--xl-font-size) * 1px)) !important; font-family: var(--main-font) !important; line-height: 1.3em !important; letter-spacing: 0 !important; font-weight: var(--medium) !important; font-style: normal !important; text-transform: none !important; /* End h5 */ color: rgba(255, 255, 255, .5) !important; } .footer .klaviyo-form input[type="email"]::placeholder { /* h5 */ --mobile-font-size: 18 !important; --desktop-font-size: 18 !important; --xl-font-size: calc(var(--desktop-font-size) * var(--typography-multiplier)) !important; font-size: clamp(calc(var(--mobile-font-size) * 1px), calc((var(--desktop-font-size) * 1vw) / 1440 * 100), calc(var(--xl-font-size) * 1px)) !important; font-family: var(--main-font) !important; line-height: 1.3em !important; letter-spacing: 0 !important; font-weight: var(--medium) !important; font-style: normal !important; text-transform: none !important; /* End h5 */ color: rgba(255, 255, 255, .5) !important; } .button, .gladlyHC-answersIndex-link > a { --button-height: 32px; --button-border-width: 1px; --button-bg: var(--main-color); --button-color: var(--paper); --button-border: var(--button-bg); --button-hover-bg: var(--hr-color); --button-hover-color: --text-color; --button-hover-border: var(--button-hover-bg); --button-h-padding: calc(var(--button-height) / 3); /* Button Typography */ font-family: var(--main-font); font-size: 14px; line-height: 1.3em; letter-spacing: 0; font-weight: normal; font-style: normal; /* End Button Typography */ height: var(--button-height); padding: 0 var(--button-h-padding); display: -ms-inline-flexbox; display: inline-flex; -ms-flex-align: center; align-items: center; gap: 0.75em; -ms-flex-pack: center; justify-content: center; background: var(--button-bg); border: var(--button-border-width) solid var(--button-border); border-radius: var(--button-border-radius); color: var(--button-color); cursor: pointer; } .button:hover, .gladlyHC-answersIndex-link > a:hover { color: var(--button-hover-color); background-color: var(--button-hover-bg); border-color: var(--button-hover-border); } .button.disabled, .button[disabled], .gladlyHC-answersIndex-link > a.disabled, .gladlyHC-answersIndex-link > a[disabled] { opacity: 0.5; cursor: not-allowed !important; pointer-events: none !important; } .button:not([class*='transition']), .gladlyHC-answersIndex-link > a:not([class*='transition']) { transition: background var(--md-speed) ease-in-out, border var(--md-speed) ease-in-out, opacity var(--md-speed) ease-in-out, color var(--md-speed) ease-in-out, box-shadow var(--md-speed) ease-in-out, transform var(--md-speed) ease-in-out; } .button.hollow, .gladlyHC-answersIndex-link > a.hollow { --button-bg: transparent; --button-color: var(--text-color); --button-border: var(--text-color); --button-hover-bg: var(--main-color); --button-hover-color: var(--bg-color); --button-hover-border: var(--main-color); } /* Button Themes */ .button.button.cta, .gladlyHC-answersIndex-link > a.button.cta { --button-bg: var(--text-color); --button-color: var(--tbt-white); --button-border: var(--button-bg); --button-hover-bg: var(--main-color); --button-hover-color: #fff; --button-hover-border: var(--button-hover-bg); --button-height: 36px; font-size: 14px; font-weight: 600; } .button.button.cta-lg, .gladlyHC-answersIndex-link > a.button.cta-lg { --button-bg: var(--text-color); --button-color: var(--tbt-white); --button-border: var(--button-bg); --button-hover-bg: var(--main-color); --button-hover-color: #fff; --button-hover-border: var(--button-hover-bg); --button-height: 48px; font-size: 16px; font-weight: 600; } .button.button.cta-sm, .gladlyHC-answersIndex-link > a.button.cta-sm { --button-bg: var(--text-color); --button-color: var(--tbt-white); --button-border: var(--button-bg); --button-hover-bg: var(--main-color); --button-hover-color: #fff; --button-hover-border: var(--button-hover-bg); --button-height: 30px; font-size: 14px; font-weight: 600; } .button.wedding, .gladlyHC-answersIndex-link > a.wedding { --button-bg: var(--main-color); --button-color: var(--white); --button-border: var(--button-bg); --button-hover-bg: var(--text-color); --button-hover-color: #fff; --button-hover-border: var(--button-hover-bg); } .button.secondary, .gladlyHC-answersIndex-link > a.secondary { --button-bg: var(--text-color); --button-color: var(--white); --button-border: var(--button-bg); --button-hover-bg: var(--main-color); --button-hover-color: #fff; --button-hover-border: var(--button-hover-bg); } .button.button.selection, .gladlyHC-answersIndex-link > a.button.selection { --button-bg: #f1ebe6; --button-color: #1c1915; --button-border: #1c1915; --button-hover-bg: var(--main-color); --button-hover-color: #fff; --button-hover-border: var(--button-hover-bg); } .button.light-grey, .gladlyHC-answersIndex-link > a.light-grey { --button-bg: var(--tan); --button-color: var(--dark-color); --button-border: var(--button-bg); --button-hover-bg: var(--paper); --button-hover-color: var(--dark-color); --button-hover-border: var(--button-hover-bg); } .button.white, .gladlyHC-answersIndex-link > a.white { --button-bg: var(--white); --button-color: var(--dark-color); --button-border: var(--button-bg); --button-hover-bg: var(--white); --button-hover-color: var(--dark-color); --button-hover-border: var(--hr-color); } .button.transparent, .gladlyHC-answersIndex-link > a.transparent { --button-bg: transparent; --button-color: currentcolor; --button-border: transparent; --button-hover-bg: transparent; --button-hover-color: currentcolor; --button-hover-border: transparent; } .button.select, .gladlyHC-answersIndex-link > a.select { --button-bg: var(--white); --button-color: var(--text-color); --button-border: var(--light-grey); --button-hover-bg: var(--light-grey); --button-hover-color: var(--text-color); --button-hover-border: var(--light-grey); } .button.option, .gladlyHC-answersIndex-link > a.option { --button-bg: transparent; --button-color: var(--text-color); --button-border: transparent; --button-hover-bg: var(--light-grey); --button-hover-color: var(--text-color); --button-hover-border: transparent; } /* Button Sizes */ .button.small, .gladlyHC-answersIndex-link > a.small { --button-height: 26px; font-size: 12px; } .button.large, .gladlyHC-answersIndex-link > a.large { --button-height: 40px; font-size: 14px; } .button.xlarge, .gladlyHC-answersIndex-link > a.xlarge { --button-height: 3rem; font-size: 14px; } /* Button Shapes */ .button.square, .button.circle, .button.rectangle, .gladlyHC-answersIndex-link > a.square, .gladlyHC-answersIndex-link > a.circle, .gladlyHC-answersIndex-link > a.rectangle { width: var(--button-height); padding: 0; } .button.square .arrow, .button.circle .arrow, .button.rectangle .arrow, .gladlyHC-answersIndex-link > a.square .arrow, .gladlyHC-answersIndex-link > a.circle .arrow, .gladlyHC-answersIndex-link > a.rectangle .arrow { width: 14px !important; padding: 0 !important; } .button.square .arrow svg, .button.circle .arrow svg, .button.rectangle .arrow svg, .gladlyHC-answersIndex-link > a.square .arrow svg, .gladlyHC-answersIndex-link > a.circle .arrow svg, .gladlyHC-answersIndex-link > a.rectangle .arrow svg { display: block; width: 100%; height: auto; } .button.square .arrow svg *, .button.circle .arrow svg *, .button.rectangle .arrow svg *, .gladlyHC-answersIndex-link > a.square .arrow svg *, .gladlyHC-answersIndex-link > a.circle .arrow svg *, .gladlyHC-answersIndex-link > a.rectangle .arrow svg * { fill: currentColor; } .button.square.unpadd, .button.circle.unpadd, .button.rectangle.unpadd, .gladlyHC-answersIndex-link > a.square.unpadd, .gladlyHC-answersIndex-link > a.circle.unpadd, .gladlyHC-answersIndex-link > a.rectangle.unpadd { margin: -12px; } .button.rectangle, .gladlyHC-answersIndex-link > a.rectangle { width: calc(var(--button-height) * 1.5); } .button.circle, .gladlyHC-answersIndex-link > a.circle { --button-border-radius: 50%; } .button.wide, .gladlyHC-answersIndex-link > a.wide { min-width: 5rem; } .button.square .button-label, .button.circle .button-label, .button.rectangle .button-label, .gladlyHC-answersIndex-link > a.square .button-label, .gladlyHC-answersIndex-link > a.circle .button-label, .gladlyHC-answersIndex-link > a.rectangle .button-label { display: none; } .button.unpadd, .gladlyHC-answersIndex-link > a.unpadd { margin: 0 calc(var(--button-h-padding) * -1); } .button.unpadd.transparent, .gladlyHC-answersIndex-link > a.unpadd.transparent { margin: unset; --button-h-padding: 0; } .button.radio, .gladlyHC-answersIndex-link > a.radio { --button-hover-bg: var(--button-bg); /* No hover background change */ --button-hover-color: var(--button-color); /* No hover color change */ --button-hover-border: var(--button-border); /* No hover border change */ border: var(--button-border-width) solid var(--light-text-color); } .button.radio:hover, .gladlyHC-answersIndex-link > a.radio:hover { color: var(--button-color); background-color: var(--button-bg); border-color: var(--button-border); } /* Modals */ modal-component { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 999; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; visibility: visible; opacity: 1; pointer-events: none; } modal-component > * { pointer-events: all; } modal-component:not(.open):not(.animating) { opacity: 0; visibility: hidden; } modal-component:not(.open) .overlay, modal-component:not(.open) .modal-content { opacity: 0 !important; } modal-component .overlay { display: block; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; } modal-component .modal-content { z-index: 2; position: relative; } modal-component .overlay, modal-component .modal-content { transition: opacity 500ms cubic-bezier(0.4, 0, 0.2, 1); } /* Drawers */ modal-component.drawer .modal-content { position: fixed; top: 0; bottom: 0; right: 0; opacity: 1 !important; transition: transform 500ms cubic-bezier(0.4, 0, 0.2, 1); overflow-y: auto; } modal-component.drawer.from-left .modal-content { right: unset; left: 0; } modal-component.drawer.from-bottom .modal-content { right: unset; left: 0; right: 0; } @media (max-width: 767px) { modal-component.drawer.mobile-from-bottom .modal-content { height: unset; bottom: 0; width: 100%; max-width: 100%; top: var(--header-height); } } /* PDPs */ modal-component.pdp .modal-content { transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1); } /* Modals with form */ modal-component.drawer:not(.open) .modal-content { opacity: 1 !important; transform: translate3d(100%, 0, 0); } modal-component.drawer:not(.open).from-left .modal-content { transform: translate3d(-100%, 0, 0); } modal-component.drawer:not(.open).from-right .modal-content { transform: translate3d(0, 0, -100%); } modal-component.drawer:not(.open).from-bottom .modal-content { transform: translate3d(0, 100%, 0); } @media (max-width: 767px) { modal-component.drawer:not(.open).mobile-from-bottom .modal-content { transform: translate3d(0, 100%, 0); } } modal-trigger { cursor: pointer; } @tailwind base; @keyframes ticker { 0% { transform: translateX(0); } 100% { transform: translateX(-25%); } } .animate-ticker { animation: ticker var(--speed, 8s) linear infinite; } body:not([data-shopify-editor]) in-view, body:not([data-shopify-editor]) .scroll-entrance, body:not([data-shopify-editor]) .stagger-in { --transform: translate3d(0, 40px, 0); --delay-value: 0; } body:not([data-shopify-editor]) in-view > *, body:not([data-shopify-editor]) .scroll-entrance > *, body:not([data-shopify-editor]) .stagger-in > * { --timing: cubic-bezier(0.44, 0.24, 0.16, 1); --speed: 650ms; --delay: calc(var(--speed) * 0.06); --added-delay: calc(var(--delay) * var(--delay-value)); will-change: transform, opacity; transform: var(--transform); opacity: 0; transition: opacity var(--speed) var(--timing), transform var(--speed) var(--timing); } body:not([data-shopify-editor]) in-view.in-view > *, body:not([data-shopify-editor]) .scroll-entrance[data-in-view='true'] > *, body:not([data-shopify-editor]) .stagger-in.entered > * { opacity: 1; transform: none; } body:not([data-shopify-editor]) in-view.in-view > *:nth-child(1), body:not([data-shopify-editor]) .scroll-entrance[data-in-view='true'] > *:nth-child(1), body:not([data-shopify-editor]) .stagger-in.entered > *:nth-child(1) { transition-delay: calc((var(--delay) * 0) + var(--added-delay)); } body:not([data-shopify-editor]) in-view.in-view > *:nth-child(2), body:not([data-shopify-editor]) .scroll-entrance[data-in-view='true'] > *:nth-child(2), body:not([data-shopify-editor]) .stagger-in.entered > *:nth-child(2) { transition-delay: calc((var(--delay) * 1) + var(--added-delay)); } body:not([data-shopify-editor]) in-view.in-view > *:nth-child(3), body:not([data-shopify-editor]) .scroll-entrance[data-in-view='true'] > *:nth-child(3), body:not([data-shopify-editor]) .stagger-in.entered > *:nth-child(3) { transition-delay: calc((var(--delay) * 2) + var(--added-delay)); } body:not([data-shopify-editor]) in-view.in-view > *:nth-child(4), body:not([data-shopify-editor]) .scroll-entrance[data-in-view='true'] > *:nth-child(4), body:not([data-shopify-editor]) .stagger-in.entered > *:nth-child(4) { transition-delay: calc((var(--delay) * 3) + var(--added-delay)); } body:not([data-shopify-editor]) in-view.in-view > *:nth-child(5), body:not([data-shopify-editor]) .scroll-entrance[data-in-view='true'] > *:nth-child(5), body:not([data-shopify-editor]) .stagger-in.entered > *:nth-child(5) { transition-delay: calc((var(--delay) * 4) + var(--added-delay)); } body:not([data-shopify-editor]) in-view.in-view > *:nth-child(6), body:not([data-shopify-editor]) .scroll-entrance[data-in-view='true'] > *:nth-child(6), body:not([data-shopify-editor]) .stagger-in.entered > *:nth-child(6) { transition-delay: calc((var(--delay) * 5) + var(--added-delay)); } body:not([data-shopify-editor]) in-view.in-view > *:nth-child(7), body:not([data-shopify-editor]) .scroll-entrance[data-in-view='true'] > *:nth-child(7), body:not([data-shopify-editor]) .stagger-in.entered > *:nth-child(7) { transition-delay: calc((var(--delay) * 6) + var(--added-delay)); } body:not([data-shopify-editor]) in-view.in-view > *:nth-child(8), body:not([data-shopify-editor]) .scroll-entrance[data-in-view='true'] > *:nth-child(8), body:not([data-shopify-editor]) .stagger-in.entered > *:nth-child(8) { transition-delay: calc((var(--delay) * 7) + var(--added-delay)); } body:not([data-shopify-editor]) in-view.in-view > *:nth-child(9), body:not([data-shopify-editor]) .scroll-entrance[data-in-view='true'] > *:nth-child(9), body:not([data-shopify-editor]) .stagger-in.entered > *:nth-child(9) { transition-delay: calc((var(--delay) * 8) + var(--added-delay)); } body:not([data-shopify-editor]) in-view.in-view > *:nth-child(10), body:not([data-shopify-editor]) .scroll-entrance[data-in-view='true'] > *:nth-child(10), body:not([data-shopify-editor]) .stagger-in.entered > *:nth-child(10) { transition-delay: calc((var(--delay) * 9) + var(--added-delay)); } body:not([data-shopify-editor]) in-view.in-view > *:nth-child(11), body:not([data-shopify-editor]) .scroll-entrance[data-in-view='true'] > *:nth-child(11), body:not([data-shopify-editor]) .stagger-in.entered > *:nth-child(11) { transition-delay: calc((var(--delay) * 10) + var(--added-delay)); } body:not([data-shopify-editor]) in-view.in-view > *:nth-child(12), body:not([data-shopify-editor]) .scroll-entrance[data-in-view='true'] > *:nth-child(12), body:not([data-shopify-editor]) .stagger-in.entered > *:nth-child(12) { transition-delay: calc((var(--delay) * 11) + var(--added-delay)); } body:not([data-shopify-editor]) in-view.in-view > *:nth-child(13), body:not([data-shopify-editor]) .scroll-entrance[data-in-view='true'] > *:nth-child(13), body:not([data-shopify-editor]) .stagger-in.entered > *:nth-child(13) { transition-delay: calc((var(--delay) * 12) + var(--added-delay)); } body:not([data-shopify-editor]) in-view.in-view > *:nth-child(14), body:not([data-shopify-editor]) .scroll-entrance[data-in-view='true'] > *:nth-child(14), body:not([data-shopify-editor]) .stagger-in.entered > *:nth-child(14) { transition-delay: calc((var(--delay) * 13) + var(--added-delay)); } body:not([data-shopify-editor]) in-view.in-view > *:nth-child(15), body:not([data-shopify-editor]) .scroll-entrance[data-in-view='true'] > *:nth-child(15), body:not([data-shopify-editor]) .stagger-in.entered > *:nth-child(15) { transition-delay: calc((var(--delay) * 14) + var(--added-delay)); } body:not([data-shopify-editor]) in-view.in-view > *:nth-child(16), body:not([data-shopify-editor]) .scroll-entrance[data-in-view='true'] > *:nth-child(16), body:not([data-shopify-editor]) .stagger-in.entered > *:nth-child(16) { transition-delay: calc((var(--delay) * 15) + var(--added-delay)); } body:not([data-shopify-editor]) in-view.in-view > *:nth-child(17), body:not([data-shopify-editor]) .scroll-entrance[data-in-view='true'] > *:nth-child(17), body:not([data-shopify-editor]) .stagger-in.entered > *:nth-child(17) { transition-delay: calc((var(--delay) * 16) + var(--added-delay)); } body:not([data-shopify-editor]) in-view.in-view > *:nth-child(18), body:not([data-shopify-editor]) .scroll-entrance[data-in-view='true'] > *:nth-child(18), body:not([data-shopify-editor]) .stagger-in.entered > *:nth-child(18) { transition-delay: calc((var(--delay) * 17) + var(--added-delay)); } body:not([data-shopify-editor]) in-view.in-view > *:nth-child(19), body:not([data-shopify-editor]) .scroll-entrance[data-in-view='true'] > *:nth-child(19), body:not([data-shopify-editor]) .stagger-in.entered > *:nth-child(19) { transition-delay: calc((var(--delay) * 18) + var(--added-delay)); } body:not([data-shopify-editor]) in-view.in-view > *:nth-child(20), body:not([data-shopify-editor]) .scroll-entrance[data-in-view='true'] > *:nth-child(20), body:not([data-shopify-editor]) .stagger-in.entered > *:nth-child(20) { transition-delay: calc((var(--delay) * 19) + var(--added-delay)); } parallax-view .parallax-item { transition: transform 5s cubic-bezier(0.06, 0.83, 0.1, 1); transform: translate3d(0, map(var(--percentage, 0), var(--start-y, 0), var(--end-y, 0)), 0) rotate(map(var(--percentage, 0), var(--start-rotate, 0), var(--end-rotate, 0))); } slide-show { display: block; --slide-gap: var(--site-gutters); --slides-to-show: var(--slides-xs, 1); } @media (min-width: 640px) { slide-show { --slides-to-show: var(--slides-sm, 1) } } @media (min-width: 768px) { slide-show { --slides-to-show: var(--slides-md, 1) } } @media (min-width: 1024px) { slide-show { --slides-to-show: var(--slides-lg, 1) } } @media (min-width: 1280px) { slide-show { --slides-to-show: var(--slides-xl, 1) } } @media (min-width: 1536px) { slide-show { --slides-to-show: var(--slides-2xl, 1) } } @media (min-width: 1800px) { slide-show { --slides-to-show: var(--slides-3xl, 1) } } slide-show:not(.overflow-visible) { overflow: hidden; } slide-show img, slide-show video { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } slide-show .slider-container { display: -ms-flexbox; display: flex; -ms-flex-pack: start; justify-content: flex-start; grid-column-gap: var(--slide-gap); } slide-show[data-axis='y'] .slider-container { -ms-flex-wrap: wrap; flex-wrap: wrap; height: 100%; } slide-show[data-axis='y'] .slider-container .slider-slide { -ms-flex: unset; flex: unset; width: 100%; } slide-show .slider-slide:not(.auto-width) { --slide-width: calc( (100% - var(--slide-gap) * (var(--slides-to-show) - 1)) / var(--slides-to-show) ); -ms-flex: 0 0 calc( (100% / var(--slides-to-show)) - var(--slide-gap) * (var(--slides-to-show) - 1) / var(--slides-to-show) ); flex: 0 0 calc( (100% / var(--slides-to-show)) - var(--slide-gap) * (var(--slides-to-show) - 1) / var(--slides-to-show) ); -ms-flex: 0 0 var(--slide-width); flex: 0 0 var(--slide-width); } slide-show .slider-slide.auto-width { -ms-flex-negative: 0; flex-shrink: 0; } slide-show .slider-slide { min-width: 0; } slide-show .slider-slide img, slide-show .slider-slide video { min-width: 100%; } /* Styles for when slideshow loops */ slide-show.loop .slider-container, slide-show[data-loop='true'] .slider-container { grid-column-gap: 0; } slide-show.loop .slider-container .slider-slide, slide-show[data-loop='true'] .slider-container .slider-slide { --slide-width: calc( ((100% - var(--slide-gap) * (var(--slides-to-show) - 1)) / var(--slides-to-show)) + var(--slide-gap) ); padding: 0 calc(var(--slide-gap) / 2); } slide-show .slider-dots { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; } slide-show .slider-dots button { padding: 3px; } slide-show .slider-dots button > span { display: block; width: 6px; height: 6px; text-indent: -200px; overflow: hidden; border: 1px solid currentColor; border-radius: 50%; transition: all var(--md-speed) ease-in-out; } slide-show .slider-dots button.active > span { background-color: currentColor; } slide-show .slider-nav.thumbnails button { opacity: 0.5; transition: opacity var(--md-speed) ease-in-out; } slide-show .slider-nav.thumbnails button:hover { opacity: 0.75; } slide-show .slider-nav.thumbnails button.active { opacity: 1; } @keyframes progress { 0% { width: 0; } 100% { width: 100%; } } @keyframes progress-end { 0% { width: 100%; } 100% { width: 0%; } } .slide-progress { transition: width 500ms ease-in-out; } .slide-progress.animating { animation: progress var(--timeout, 4000ms) linear; } .slide-progress.ended { float: right; animation: progress-end var(--timeout, 300ms) ease-in; } #insta-feed .instafeed-new-layout-container { display: block !important; height: 100% !important; --slide-gap: var(--site-gutters); --slides-to-show: var(--slides-xs, 1); } @media (min-width: 640px) { #insta-feed .instafeed-new-layout-container { --slides-to-show: var(--slides-sm, 1) } } @media (min-width: 768px) { #insta-feed .instafeed-new-layout-container { --slides-to-show: var(--slides-md, 1) } } @media (min-width: 1024px) { #insta-feed .instafeed-new-layout-container { --slides-to-show: var(--slides-lg, 1) } } @media (min-width: 1280px) { #insta-feed .instafeed-new-layout-container { --slides-to-show: var(--slides-xl, 1) } } @media (min-width: 1536px) { #insta-feed .instafeed-new-layout-container { --slides-to-show: var(--slides-2xl, 1) } } #insta-feed .instafeed-new-layout-container:not(.overflow-visible) { overflow: hidden; } #insta-feed .instafeed-new-layout-container .instafeed-new-layout-wrapper { transition: none !important; height: 100% !important; display: -ms-flexbox !important; display: flex !important; grid-column-gap: var(--slide-gap); } #insta-feed .instafeed-new-layout-container .instafeed-new-layout-item { transition: none !important; height: 100% !important; } #insta-feed .instafeed-new-layout-container .instafeed-new-layout-item:not(.auto-width) { --slide-width: calc((100% - var(--slide-gap) * (var(--slides-to-show) - 1)) / var(--slides-to-show)); -ms-flex: 0 0 calc((100% / var(--slides-to-show)) - var(--slide-gap) * (var(--slides-to-show) - 1) / var(--slides-to-show)); flex: 0 0 calc((100% / var(--slides-to-show)) - var(--slide-gap) * (var(--slides-to-show) - 1) / var(--slides-to-show)); -ms-flex: 0 0 var(--slide-width); flex: 0 0 var(--slide-width); } #insta-feed .instafeed-new-layout-container .instafeed-new-layout-item.auto-width { -ms-flex-negative: 0; flex-shrink: 0; } #insta-feed .instafeed-new-layout-container .instafeed-new-layout-item { min-width: 0; } #insta-feed .instafeed-new-layout-container .instafeed-new-layout-item img, #insta-feed .instafeed-new-layout-container .instafeed-new-layout-item video { min-width: 100%; } #insta-feed-dots { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; } #insta-feed-dots button { padding: 3px; } #insta-feed-dots button > span { display: block; width: 6px; height: 6px; text-indent: -200px; overflow: hidden; border: 1px solid currentColor; border-radius: 50%; transition: all var(--md-speed) ease-in-out; } #insta-feed-dots button.active > span { background-color: currentColor; } .input-component, .gladlyHC-searchContainer /* Gladly input */ { --input-height: var(--button-height); --input-bg: transparent; --input-color: var(--text-color); --input-border: var(--light-text-color); --input-border-radius: var(--button-border-radius); /* Hover */ --input-hover-bg: transparent; --input-hover-color: var(--text-color); --input-hover-border: var(--text-color); /* Focus */ --input-focus-bg: transparent; --input-focus-color: var(--text-color); --input-focus-border: var(--text-color); --input-border-width: 1px; } /* Input Sizes */ .input-component.large, .gladlyHC-searchContainer.large { --input-height: 40px; } .input-component.large input, .input-component.large select, .gladlyHC-searchContainer.large input, .gladlyHC-searchContainer.large select { --input-height: 40px; } .input-component.small, .gladlyHC-searchContainer.small { --input-height: 22px; } .input-component.small input, .input-component.small select, .gladlyHC-searchContainer.small input, .gladlyHC-searchContainer.small select { --input-height: 22px; } .input-component select:after, .gladlyHC-searchContainer select:after { background-image: url( data:image/svg + xml, %3csvgaria-hidden='true'xmlns='http://www.w3.org/2000/svg'fill='none'viewBox='0 0 10 6'%3e%3cpathstroke='%236B7280'stroke-linecap='round'stroke-linejoin='round'stroke-width='2'd='m1 1 4 4 4-4'/%3e%3c/svg%3e ); background-position: right 0rem center !important; background-repeat: no-repeat; background-size: 0.5em 0.5em; padding-right: 2rem; print-color-adjust: exact; } .input-component, .gladlyHC-searchContainer { font-family: var(--main-font); font-size: 14px; line-height: 1.3em; letter-spacing: 0; font-weight: normal; font-style: normal; } .input-component input, .input-component select, .gladlyHC-searchContainer input, .gladlyHC-searchContainer select { -moz-appearance: none; appearance: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-touch-callout: none; outline: none; display: inline-block; width: 100%; vertical-align: middle; background-color: var(--input-bg); border: var(--input-border-width) solid var(--input-border); height: var(--input-height); line-height: 1em; text-transform: inherit; letter-spacing: 0; border-radius: var(--input-border-radius); color: inherit; font-style: inherit; font-size: inherit; font-family: inherit; font-weight: inherit; line-height: inherit; text-align: left; box-shadow: none; padding: 0 calc(var(--input-height) * 0.2) 0; } .input-component input[type='date']::-webkit-calendar-picker-indicator, .input-component select[type='date']::-webkit-calendar-picker-indicator, .gladlyHC-searchContainer input[type='date']::-webkit-calendar-picker-indicator, .gladlyHC-searchContainer select[type='date']::-webkit-calendar-picker-indicator { opacity: 0; } .input-component input[type='number'], .input-component select[type='number'], .gladlyHC-searchContainer input[type='number'], .gladlyHC-searchContainer select[type='number'] { -moz-appearance: textfield; } .input-component input[type='number']::-webkit-outer-spin-button, .input-component input[type='number']::-webkit-inner-spin-button, .input-component select[type='number']::-webkit-outer-spin-button, .input-component select[type='number']::-webkit-inner-spin-button, .gladlyHC-searchContainer input[type='number']::-webkit-outer-spin-button, .gladlyHC-searchContainer input[type='number']::-webkit-inner-spin-button, .gladlyHC-searchContainer select[type='number']::-webkit-outer-spin-button, .gladlyHC-searchContainer select[type='number']::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } .input-component input:-ms-input-placeholder, .input-component select:-ms-input-placeholder, .gladlyHC-searchContainer input:-ms-input-placeholder, .gladlyHC-searchContainer select:-ms-input-placeholder { color: var(--light-text-color); } .input-component input::placeholder, .input-component select::placeholder, .gladlyHC-searchContainer input::placeholder, .gladlyHC-searchContainer select::placeholder { color: var(--light-text-color); } /* Input has no value */ .input-component input:placeholder-shown, .input-component select:placeholder-shown, .gladlyHC-searchContainer input:placeholder-shown, .gladlyHC-searchContainer select:placeholder-shown { } .input-component input:not(:placeholder-shown) ~ .input-label, .input-component select:not(:placeholder-shown) ~ .input-label, .gladlyHC-searchContainer input:not(:placeholder-shown) ~ .input-label, .gladlyHC-searchContainer select:not(:placeholder-shown) ~ .input-label { transform: translate3d(0, -7px, 0) scale(0.8); } /* Input has value */ .input-component input:focus, .input-component select:focus, .gladlyHC-searchContainer input:focus, .gladlyHC-searchContainer select:focus { outline: none; box-shadow: none; background-color: var(--input-focus-bg) !important; color: var(--input-focus-color) !important; border-color: var(--input-focus-border) !important; } .input-component input:focus ~ .input-label, .input-component select:focus ~ .input-label, .gladlyHC-searchContainer input:focus ~ .input-label, .gladlyHC-searchContainer select:focus ~ .input-label { /* Active state for label with placeholder */ transform: translate3d(0, -7px, 0) scale(0.8); } /* Disabled */ .input-component input.disabled, .input-component input[disabled], .input-component select.disabled, .input-component select[disabled], .gladlyHC-searchContainer input.disabled, .gladlyHC-searchContainer input[disabled], .gladlyHC-searchContainer select.disabled, .gladlyHC-searchContainer select[disabled] { opacity: 0.3; cursor: not-allowed !important; pointer-events: none !important; } /* Turn off transitions when using tailwind */ .input-component input:not([class*='transition']), .input-component select:not([class*='transition']), .gladlyHC-searchContainer input:not([class*='transition']), .gladlyHC-searchContainer select:not([class*='transition']) { transition: background var(--md-speed) ease-in-out, color var(--md-speed) ease-in-out, border var(--md-speed) ease-in-out, box-shadow var(--md-speed) ease-in-out, transform var(--md-speed) ease-in-out, opacity var(--md-speed) ease-in-out; } .input-component.has-label input, .gladlyHC-searchContainer.has-label input { padding-top: 12px; } .input-component.has-icon.icon-left .input-label, .gladlyHC-searchContainer.has-icon.icon-left .input-label { margin-left: calc(var(--input-height) - var(--input-border-width)); } .input-component.has-icon.icon-left input, .gladlyHC-searchContainer.has-icon.icon-left input { padding-left: calc(var(--input-height) - var(--input-border-width)); } .input-component.has-icon.icon-right .input-label, .gladlyHC-searchContainer.has-icon.icon-right .input-label { margin-right: calc(var(--input-height) - var(--input-border-width)); } .input-component.has-icon.icon-right input, .gladlyHC-searchContainer.has-icon.icon-right input { padding-right: calc(var(--input-height) - var(--input-border-width)); } .input-component.has-placeholder input ~ .input-label, .gladlyHC-searchContainer.has-placeholder input ~ .input-label { /* Active state for label with placeholder */ transform: translate3d(0, -7px, 0) scale(0.8); } /* States */ .input-component.error .input-icon, .input-component.error .input-label, .gladlyHC-searchContainer.error .input-icon, .gladlyHC-searchContainer.error .input-label { color: var(--error); } .input-component.error input, .gladlyHC-searchContainer.error input { border-color: var(--error); } .input-component.success .input-icon, .input-component.success .input-label, .gladlyHC-searchContainer.success .input-icon, .gladlyHC-searchContainer.success .input-label { color: var(--success); } .input-component.success input, .gladlyHC-searchContainer.success input { border-color: var(--success); } /* Input Themes */ .input-component.solid, .gladlyHC-searchContainer.solid { --input-bg: var(--light-grey); --input-color: var(--text-color); --input-border: var(--light-grey); /* Hover */ --input-hover-bg: var(--light-grey); --input-hover-color: var(--text-color); --input-hover-border: var(--light-grey); /* Focus */ --input-focus-bg: var(--light-grey); --input-focus-color: var(--text-color); --input-focus-border: var(--text-color); } .input-component.white, .gladlyHC-searchContainer.white { --input-bg: var(--white); --input-color: var(--text-color); --input-border: var(--white); /* Hover */ --input-hover-bg: var(--white); --input-hover-color: var(--text-color); --input-hover-border: var(--hr-color); /* Focus */ --input-focus-bg: var(--white); --input-focus-color: var(--text-color); --input-focus-border: var(--main-color); } .input-component.transparent, .gladlyHC-searchContainer.transparent { --input-bg: transparent; --input-color: var(--light-text-color); --input-border: transparent; /* Hover */ --input-hover-bg: transparent; --input-hover-color: var(--text-color); --input-hover-border: transparent; /* Focus */ --input-focus-bg: transparent; --input-focus-color: var(--text-color); --input-focus-border: var(--text-color); } .input-component:hover, .gladlyHC-searchContainer:hover { --input-bg: var(--input-hover-bg); --input-color: var(--input-hover-color); --input-border: var(--input-hover-border); } .input-component input:focus, .gladlyHC-searchContainer input:focus { --input-bg: var(--input-focus-bg); --input-color: var(--input-focus-color); --input-border: var(--input-focus-border); } /* Textarea */ .input-component textarea, .gladlyHC-searchContainer textarea { -moz-appearance: none; appearance: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-touch-callout: none; outline: none; display: inline-block; width: 100%; vertical-align: middle; background-color: var(--input-bg); border: var(--input-border-width) solid; min-height: var(--input-height); line-height: 1.3em; text-transform: inherit; letter-spacing: 0; border-radius: var(--input-border-radius); color: inherit; font-style: inherit; font-size: inherit; font-family: inherit; font-weight: inherit; line-height: inherit; text-align: left; box-shadow: none; padding: calc(var(--input-height) * 0.26) calc(var(--input-height) * 0.2); resize: none; } .input-component textarea:-ms-input-placeholder, .gladlyHC-searchContainer textarea:-ms-input-placeholder { color: var(--light-text-color); } .input-component textarea::placeholder, .gladlyHC-searchContainer textarea::placeholder { color: var(--light-text-color); } .input-component[data-focused='true'] .input, .gladlyHC-searchContainer[data-focused='true'] .input { --input-bg: var(--input-hover-bg); --input-color: var(--input-hover-color); --input-border: var(--input-hover-border); } /* Input Icon */ .input-component .input-icon, .gladlyHC-searchContainer .input-icon { /* TODO */ } /* Input Label */ .input-component .input-label, .gladlyHC-searchContainer .input-label { position: absolute; font-style: inherit; font-size: inherit; font-family: inherit; font-weight: inherit; line-height: inherit; top: 0; left: var(--input-border-width); margin: 0 calc(var(--input-height) * 0.2); height: 100%; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; pointer-events: none; padding-bottom: 2px; color: var(--input-color); height: var(--input-height); transition: transform var(--md-speed) cubic-bezier(0.44, 0.24, 0.16, 1), color var(--md-speed) cubic-bezier(0.44, 0.24, 0.16, 1); transform-origin: 0% 50%; } .input-component.icon-left .input-label, .gladlyHC-searchContainer.icon-left .input-label { margin-left: var(--input-size); } .input-component.icon-right .input-label, .gladlyHC-searchContainer.icon-right .input-label { margin-right: var(--input-size); } .input-component[data-focused='true'] .input-label, .input-component.has-value .input-label, .input-component.has-placeholder .input-label, .gladlyHC-searchContainer[data-focused='true'] .input-label, .gladlyHC-searchContainer.has-value .input-label, .gladlyHC-searchContainer.has-placeholder .input-label { } accordion-list { display: block; } collapsible-item { display: block; --delay-out: 0ms; --delay-in: 0ms; --speed: var(--md-speed); } collapsible-item div[data-collapsible="icon"] { transition: transform var(--md-speed) ease-in-out; } collapsible-item div[data-collapsible="icon"].expanded { transform: rotate(225deg); } collapsible-item div[data-collapsible="content"] { contain: paint; display: -ms-grid; display: grid; -ms-grid-rows: 0fr; grid-template-rows: 0fr; transition: grid-template-rows var(--speed) var(--delay-out) ease-in-out; transition: grid-template-rows var(--speed) var(--delay-out) ease-in-out, -ms-grid-rows var(--speed) var(--delay-out) ease-in-out; } collapsible-item div[data-collapsible="content"][aria-hidden="false"] { -ms-grid-rows: 1fr; grid-template-rows: 1fr; transition: grid-template-rows var(--speed) var(--delay-in) ease-in-out; transition: grid-template-rows var(--speed) var(--delay-in) ease-in-out, -ms-grid-rows var(--speed) var(--delay-in) ease-in-out; } collapsible-item div[data-collapsible="content"] > div { min-height: 0; transition: visibility var(--speed) var(--delay-out) ease-in-out, opacity var(--speed) var(--delay-out) ease-in-out; visibility: hidden; } collapsible-item div[data-collapsible="content"][aria-hidden="false"] > div { visibility: visible; transition: visibility var(--speed) var(--delay-in) ease-in-out, opacity var(--speed) var(--delay-in) ease-in-out; } body:not(.has-location) #ifLocation { display: none; } body.has-location #ifNoLocation { display: none; } /* Section Specific */ .box-layout .blocks > div:not(:nth-child(1)) { border-top: 1px solid var(--hr-color); } .box-layout .blocks > div > div { padding-top: var(--vertical-spacing); padding-bottom: var(--vertical-spacing); } @media (min-width: 768px) { .box-layout .blocks > div > div { padding-top: var(--vertical-spacing); padding-bottom: var(--vertical-spacing); } .box-layout .blocks > div:nth-child(1), .box-layout .blocks > div:nth-child(2) { border-top: none; } .box-layout .blocks > div:not(:nth-child(1)):not(:nth-child(2)) { margin-top: var(--site-gutters); border-top: 1px solid var(--hr-color); padding-top: var(--site-gutters); } .box-layout .blocks > div:nth-child(even) > div { padding-left: var(--site-margins); border-left: 1px solid var(--hr-color); } .box-layout .blocks > div:nth-child(odd) { padding-right: var(--site-margins); } } .section-page-content .rich-text * { width: 100%; max-width: 750px; margin-left: auto; margin-right: auto; } .section-page-content .rich-text hr { width: calc(100% + var(--site-margins) * 2); max-width: none; margin: var(--vertical-spacing) calc(var(--site-margins) * -1); border-color: var(--hr-color) } .section-page-content .rich-text div:has(> img) + p:has(> em) { margin-top: 10px; margin-bottom: var(--vertical-spacing-small); --mobile-font-size: 10; --desktop-font-size: 10; --xl-font-size: calc(var(--desktop-font-size) * var(--typography-multiplier)); font-size: clamp(calc(var(--mobile-font-size) * 1px), calc((var(--desktop-font-size) * 1vw) / 1440 * 100), calc(var(--xl-font-size) * 1px)); font-family: var(--mono-font); line-height: 1.3em; letter-spacing: .14em; font-weight: normal; font-style: normal; text-transform: uppercase; color: var(--light-text-color); } .section-page-content .rich-text div:has(> img) + p:has(> em) em { font-style: normal; } .section-page-content .rich-text div:has(> img) + p:has(> em) a { color: var(--text-color); text-decoration: none !important; font-style: normal; border-bottom: 1px dashed currentColor; } .section-page-content .rich-text div:has(> img) + p:has(> em) a:hover { border-bottom: 1px solid currentColor; } @media screen and (min-width: 640px) { .showroom-grid { columns: 2 } } @media screen and (min-width: 1024px) { .showroom-grid { columns: 3 } } .showroom-grid { column-rule: 1px solid var(--hr-color); column-gap: calc(var(--site-gutters) * 2); } .showroom-grid .showroom-grid-item { break-inside: avoid; } /* Badge Icon */ .osano-cm-widget { right: 0 !important; bottom: 0 !important; background-color: var(--bg-color); box-shadow: -1px 0 6px rgba(0, 0, 0, .2); box-sizing: content-box; width: 66px; height: 66px; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; opacity: 1; outline: none; border: none; } .osano-cm-widget:hover { transform: none; } .osano-cm-widget:hover svg { transform: scale(1.1); } .osano-cm-widget:before { content: ''; display: block; width: 30px; height: 30px; position: absolute; top: 50%; left: 50%; margin: -15px; z-index: 1; border-radius: 100%; background-color: var(--paper); } .osano-cm-widget svg { position: relative; z-index: 2; width: 16px; height: 16px; overflow: visible; transition: transform var(--fast-speed) ease-in-out; } .osano-cm-widget svg * { fill: var(--paper) !important; } .osano-cm-widget svg .osano-cm-widget__outline { stroke: var(--text-color) !important; } .osano-cm-widget svg .osano-cm-widget__dot * { fill: var(--text-color) !important; } .osano-cm-widget:focus { outline: none; } /* Osano Drawer */ .osano-cm-info-dialog__info.osano-cm-info.osano-cm-info--position_right { --site-margins: 20px; box-shadow: -1px 0 6px rgba(0, 0, 0, .2); width: 100%; max-width: 350px; } .osano-cm-info-dialog__info.osano-cm-info.osano-cm-info--position_right .osano-cm-info-dialog-header__close.osano-cm-close svg { width: 12px; } .osano-cm-info-dialog__info.osano-cm-info.osano-cm-info--position_right .osano-cm-disclosure--collapse { border-bottom: 1px solid var(--hr-color); padding-bottom: var(--site-margins); margin-bottom: var(--site-margins); } .osano-cm-info-dialog__info.osano-cm-info.osano-cm-info--position_right .osano-cm-info-dialog-header__header { /* .body-small */ font-family: var(--main-font); font-size: 14px; line-height: 1.3em; letter-spacing: 0; font-weight: normal; font-style: normal; /**/ font-weight: var(--medium); padding: var(--site-margins); } .osano-cm-info-dialog__info.osano-cm-info.osano-cm-info--position_right .osano-cm-info-dialog-header__close { border: none; } .osano-cm-info-dialog__info.osano-cm-info.osano-cm-info--position_right .osano-cm-info-dialog-header__close svg * { stroke: currentColor; } .osano-cm-info-dialog__info.osano-cm-info.osano-cm-info--position_right .osano-cm-info-dialog-header__close svg { width: 12px; } .osano-cm-info-dialog__info.osano-cm-info.osano-cm-info--position_right .osano-cm-info-dialog-header__close:focus { background-color: transparent; color: var(--text-color); } .osano-cm-info-dialog__info.osano-cm-info.osano-cm-info--position_right .osano-cm-view { padding: var(--site-margins); padding-top: 0; } .osano-cm-info-dialog__info.osano-cm-info.osano-cm-info--position_right .osano-cm-toggle { gap: 20px; } /* Toggles */ .osano-cm-info-dialog__info.osano-cm-info.osano-cm-info--position_right .osano-cm-toggle__switch { height: 6px; width: 16px; border-color: var(--hr-color); background-color: var(--hr-color); transition: all var(--md-speed) ease-in-out; } .osano-cm-info-dialog__info.osano-cm-info.osano-cm-info--position_right .osano-cm-toggle__switch:after { width: 6px; height: 6px; background: var(--dark-color); transition: all var(--md-speed) ease-in-out; } .osano-cm-info-dialog__info.osano-cm-info.osano-cm-info--position_right .osano-cm-toggle__switch:before { border-color: transparent; } .osano-cm-info-dialog__info.osano-cm-info.osano-cm-info--position_right .osano-cm-toggle__input:checked + .osano-cm-toggle__switch { background-color: var(--sky-light); border-color: var(--sky-light); } .osano-cm-info-dialog__info.osano-cm-info.osano-cm-info--position_right .osano-cm-toggle__input:checked + .osano-cm-toggle__switch:after { background: var(--dark-color) } /* End Toggles */ .osano-cm-info-dialog__info.osano-cm-info.osano-cm-info--position_right .osano-cm-description { /* .body-small */ font-family: var(--main-font); font-size: 12px; line-height: 1.3em; letter-spacing: 0; font-weight: normal; font-style: normal; } .osano-cm-info-dialog__info.osano-cm-info.osano-cm-info--position_right .osano-cm-drawer-toggle .osano-cm-label { /* .body-small */ font-family: var(--main-font); font-size: 12px; line-height: 1.3em; letter-spacing: 0; font-weight: normal; font-style: normal; /**/ font-weight: var(--medium); } .osano-cm-info-dialog__info.osano-cm-info.osano-cm-info--position_right .osano-cm-description p { /* .body-tiny */ font-family: var(--main-font); font-size: 10px !important; line-height: 1.2em !important; letter-spacing: 0; font-weight: normal; font-style: normal; /**/ } .osano-cm-info-dialog__info.osano-cm-info.osano-cm-info--position_right .osano-cm-powered-by__link, .osano-cm-info-dialog__info.osano-cm-info.osano-cm-info--position_right .osano-cm-disclosure__toggle { /* .body-tiny */ font-family: var(--main-font); font-size: 10px !important; line-height: 1.2em !important; letter-spacing: 0; font-weight: normal; font-style: normal; font-weight: var(--medium); /**/ /* .animate-underline */ color: inherit; display: inline !important; text-decoration: none; background-position: 100% 100%; background-repeat: no-repeat; background-size: 0% 1px; transition: background-size var(--slow-speed); background: linear-gradient(currentColor, currentColor) 100% 100%/0% 1px no-repeat, linear-gradient(var(--hr-color), var(--hr-color)) 0% 100%/100% 1px no-repeat; } .osano-cm-info-dialog__info.osano-cm-info.osano-cm-info--position_right .osano-cm-powered-by__link:hover, .osano-cm-info-dialog__info.osano-cm-info.osano-cm-info--position_right .osano-cm-disclosure__toggle:hover { background: linear-gradient(currentColor, currentColor) 0% 100%/100% 1px no-repeat, linear-gradient(var(--hr-color), var(--hr-color)) 0% 100%/100% 1px no-repeat; } /* Save settings button */ .osano-cm-info-dialog__info.osano-cm-info.osano-cm-info--position_right .osano-cm-save.osano-cm-view__button.osano-cm-button { /* Button styles */ --button-height: 32px; --button-border-width: 1px; --button-bg: var(--text-color); --button-color: var(--paper); --button-border: var(--button-bg); --button-hover-bg: var(--main-color); --button-hover-color: #fff; --button-hover-border: var(--button-hover-bg); --button-h-padding: calc(var(--button-height) / 3); /* h6 */ --mobile-font-size: 10; --desktop-font-size: 10; --xl-font-size: calc(var(--desktop-font-size) * var(--typography-multiplier)); /* @include responsiveType(); */ font-size: clamp(calc(var(--mobile-font-size) * 1px), calc((var(--desktop-font-size) * 1vw) / 1440 * 100), calc(var(--xl-font-size) * 1px)); /* */ font-family: var(--mono-font); line-height: 1.3em; letter-spacing: .14em; font-weight: normal; font-style: normal; text-transform: uppercase; /* End h6 */ height: var(--button-height); padding: 0 var(--button-h-padding); display: -ms-inline-flexbox; display: inline-flex; -ms-flex-align: center; align-items: center; gap: .333em; -ms-flex-pack: center; justify-content: center; background: var(--button-bg); border: var(--button-border-width) solid var(--button-border); border-radius: var(--button-border-radius); color: var(--button-color); cursor: pointer; transition: background var(--md-speed) ease-in-out, border var(--md-speed) ease-in-out, opacity var(--md-speed) ease-in-out, color var(--md-speed) ease-in-out, box-shadow var(--md-speed) ease-in-out, transform var(--md-speed) ease-in-out; } .osano-cm-info-dialog__info.osano-cm-info.osano-cm-info--position_right .osano-cm-save.osano-cm-view__button.osano-cm-button:hover { color: var(--button-hover-color); background-color: var(--button-hover-bg); border-color: var(--button-hover-border); } /* Osano Bottom Bar */ .osano-cm-dialog { --site-margins: 20px; background-color: var(--bg-color); padding: var(--site-margins); padding-right: calc(var(--site-margins) * 2 + 12px); border-top: 1px solid var(--tan); box-shadow: 0 -1px 6px rgba(0, 0, 0, .2); } .osano-cm-dialog .osano-cm-dialog__close.osano-cm-close { top: 50%; right: var(--site-margins); margin: -12px 0 0 0; color: var(--text-color); border: none; } .osano-cm-dialog .osano-cm-dialog__close.osano-cm-close:focus { background-color: transparent; color: var(--text-color); } .osano-cm-dialog .osano-cm-dialog__close.osano-cm-close svg * { stroke: currentColor; } .osano-cm-dialog .osano-cm-dialog__close.osano-cm-close svg { width: 12px; } .osano-cm-dialog .osano-cm-dialog--type_bar .osano-cm-dialog__buttons { min-width: 0; } .osano-cm-dialog .osano-cm-manage.osano-cm-buttons__button.osano-cm-button.osano-cm-button--type_manage { -ms-flex: none; flex: none; padding: 0; margin: 0; background: transparent; -moz-appearance: none; appearance: none; outline: none; border-radius: 0; color: inherit; white-space: nowrap; /* .h6 */ --mobile-font-size: 10; --desktop-font-size: 10; --xl-font-size: calc(var(--desktop-font-size) * var(--typography-multiplier)); font-size: clamp(calc(var(--mobile-font-size) * 1px), calc((var(--desktop-font-size) * 1vw) / 1440 * 100), calc(var(--xl-font-size) * 1px)); font-family: var(--mono-font); line-height: 1.3em; letter-spacing: .14em; font-weight: normal; text-transform: uppercase; text-decoration: none !important; font-style: normal; border: none; border-bottom: 1px dashed currentColor; } .osano-cm-dialog .osano-cm-manage.osano-cm-buttons__button.osano-cm-button.osano-cm-button--type_manage:hover { border-bottom: 1px solid currentColor; } .osano-cm-dialog .osano-cm-dialog__content.osano-cm-content { /* .body */ font-family: var(--main-font); font-size: 14px; line-height: 1.3em; letter-spacing: 0; font-weight: normal; font-style: normal; } .osano-cm-dialog .osano-cm-dialog__content.osano-cm-content a { color: inherit; display: inline !important; text-decoration: none; background-position: 100% 100%; background-repeat: no-repeat; background-size: 0% 1px; transition: background-size var(--slow-speed); background: linear-gradient(currentColor, currentColor) 100% 100%/0% 1px no-repeat, linear-gradient(var(--hr-color), var(--hr-color)) 0% 100%/100% 1px no-repeat; } .osano-cm-dialog .osano-cm-dialog__content.osano-cm-content a:hover { background: linear-gradient(currentColor, currentColor) 0% 100%/100% 1px no-repeat, linear-gradient(var(--hr-color), var(--hr-color)) 0% 100%/100% 1px no-repeat; } @media screen and (max-width: 768px) { .osano-cm-dialog--type_bar .osano-cm-dialog__buttons { -ms-flex-pack: start; justify-content: flex-start; padding-top: 14px; } .osano-cm-dialog--type_bar .osano-cm-dialog__buttons .osano-cm-button { width: auto; } .osano-cm-dialog__close.osano-cm-close { top: var(--site-margins) !important; margin: 0 !important; color: var(--text-color); border: none; } } .customer > h1, .customer__title { margin-top: 0; } /* Customer Table */ .customer table { table-layout: auto; border-collapse: collapse; border-bottom: 0.01rem solid black; box-shadow: none; width: 100%; font-size: 1.6rem; position: relative; } @media screen and (min-width: 750px) { .customer table { border: none; box-shadow: 0 0 0 0.1rem black; } } @media screen and (forced-colors: active) { .customer table { border-top: 0.1rem solid transparent; border-bottom: 0.1rem solid transparent; } } .customer tbody { color: black; } .customer th, .customer td { font-weight: 400; line-height: 1; border: none; padding: 0; } @media screen and (min-width: 750px) { .customer td { padding-right: 2.2rem; } } .customer tbody td { padding-top: 1rem; padding-bottom: 1rem; } .customer td:empty { display: initial; } .customer thead th { font-size: 1.2rem; letter-spacing: 0.07rem; text-transform: uppercase; } .customer tbody td:first-of-type { padding-top: 4rem; } @media screen and (min-width: 750px) { .customer th, .customer td:first-of-type { text-align: left; padding-left: 0; padding-right: 2.2rem; } .customer thead th, .customer tbody td { padding-top: 2.4rem; padding-bottom: 2.4rem; } .customer th:first-of-type, .customer td:first-of-type { padding-left: 2.2rem; } .customer tbody td { vertical-align: top; } .customer tbody td:first-of-type { padding-top: 2.4rem; } } .customer tbody td:last-of-type { padding-bottom: 4rem; } @media screen and (min-width: 750px) { .customer tbody td:last-of-type { padding-bottom: 0; } } .customer tbody tr { border-top: 0.01rem solid rgba(var(--color-foreground), 0.08); } @media screen and (min-width: 750px) { .customer tbody tr:first-of-type { border-top: none; } } @media screen and (forced-colors: active) { .customer tbody tr { border-top: 0.1rem solid transparent; } } .customer tfoot td:first-of-type, .customer tfoot td { padding-top: 0.6rem; padding-bottom: 0.6rem; } .customer tfoot td:first-of-type { text-align: left; } .customer tfoot tr:first-of-type td { padding-top: 4rem; } @media screen and (min-width: 750px) { .customer tfoot tr:first-of-type td, .customer tfoot tr:first-of-type th { padding-top: 2.4rem; } } .customer tfoot tr:last-of-type td { padding-bottom: 4rem; } @media screen and (min-width: 750px) { .customer tfoot tr:last-of-type td, .customer tfoot tr:last-of-type th { padding-bottom: 2.4rem; } } /* works around colspan phantom border issues */ .customer thead::after, .customer tfoot::before { content: ' '; height: 0.1rem; width: 100%; display: block; position: absolute; left: 0; background: black; } @media screen and (forced-colors: active) { .customer thead::after, .customer tfoot::before { background: CanvasText; } } /* mobile table overrides */ @media screen and (max-width: 749px) { .customer thead, .customer th, .customer tfoot td:first-of-type { display: none; } .customer td { display: -ms-flexbox; display: flex; text-align: right; } .customer td::before { color: black; content: attr(data-label); font-size: 1.4rem; padding-right: 2rem; text-transform: uppercase; -ms-flex-positive: 1; flex-grow: 1; text-align: left; } .customer td:first-of-type { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .customer tr { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: start; justify-content: flex-start; width: 100%; } } /* Order */ :is(.order) { margin: 0 auto; max-width: var(--page-width); padding-left: 2rem; padding-right: 2rem; } @media screen and (min-width: 750px) { :is(.order) { padding-left: 5rem; padding-right: 5rem; } } @media screen and (min-width: 990px) { :is(.order) > div:nth-of-type(2) { display: -ms-flexbox; display: flex; margin-top: 5rem; } :is(.order) > div:nth-of-type(2) > div:first-of-type { -ms-flex-positive: 1; flex-grow: 1; padding-right: 3.2rem; } } @media screen and (min-width: 750px) and (max-width: 989px) { .order > div:nth-of-type(2) > div:last-of-type { display: -ms-flexbox; display: flex; } .order > div:nth-of-type(2) > div:last-of-type div { padding-right: 3.2rem; } } :is(.order) p { margin: 0 0 2rem; font-size: 1.6rem; } :is(.order) h1 { margin-bottom: 1rem; } :is(.order) h2 { margin-top: 4rem; margin-bottom: 1rem; } @media screen and (min-width: 990px) { :is(.order) h2 { margin-top: 0; } } .order td:first-of-type { -ms-flex-align: initial; align-items: initial; } @media screen and (min-width: 750px) { .order thead th:nth-last-child(-n + 3), .order td:nth-last-child(-n + 3) { text-align: right; } } .order tfoot tr:last-of-type td, .order tfoot tr:last-of-type th { font-size: 2.2rem; padding-top: 1.5rem; padding-bottom: 4rem; } @media screen and (min-width: 750px) { .order tfoot tr:last-of-type td, .order tfoot tr:last-of-type th { padding-bottom: 2.4rem; } } .order tfoot tr:last-of-type td:before { font-size: 2.2rem; } .order table p, .order > div:nth-of-type(2) > div:first-of-type h2, .order > div:nth-of-type(2) > div:last-of-type h2 + p { margin-bottom: 0; } .order > div:nth-of-type(2) > div:first-of-type h2 ~ p { margin-bottom: 0; font-size: 1.4rem; } .order > div:nth-of-type(2) > div:first-of-type h2 ~ p:last-of-type { margin-bottom: 3rem; } .order .item-props { font-size: 1.4rem; margin-top: 0.05px; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; } .order .item-props > span { word-break: break-all; line-height: calc(1 + 0.2 / var(--font-body-scale)); } .order .fulfillment { width: -moz-fit-content; width: fit-content; border: 0.01rem solid rgba(var(--color-foreground), 0.2); padding: 1rem; margin-top: 1rem; font-size: 1.4rem; text-align: left; } .order .fulfillment a { margin: 0.7rem 0; } .order .fulfillment span { display: block; } .order .cart-discount { display: block; margin-top: 1rem; margin-bottom: 0.5rem; font-size: 1.2rem; } @media screen and (min-width: 750px) { .order td .cart-discount { display: none; } } .order tbody ul { list-style: none; font-size: 1.2rem; text-align: right; padding-left: 0; margin-top: 1rem; margin-bottom: 0; } @media screen and (min-width: 750px) { .order tbody ul { text-align: left; } } .order table a { line-height: calc(1 + 0.3 / var(--font-body-scale)); } .order tbody tr:first-of-type td:first-of-type > div { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-align: end; align-items: flex-end; } @media screen and (min-width: 750px) { .order tbody tr:first-of-type td:first-of-type > div { -ms-flex-align: start; align-items: flex-start; } } .order .properties { font-size: 1.4rem; margin-top: 1rem; } .order .properties span { display: block; line-height: calc(1 + 0.2 / var(--font-body-scale)); } .order svg { width: 1.1rem; color: rgb(var(--color-base-accent-2)); margin-right: 0.5rem; } .order dl { margin: 0; } .order dd { margin-left: 0; line-height: calc(1 + 0.3 / var(--font-body-scale)); } .order dd s { color: rgba(var(--color-foreground), 0.7); } .order .unit-price { font-size: 1.1rem; letter-spacing: 0.07rem; line-height: calc(1 + 0.2 / var(--font-body-scale)); margin-top: 0.2rem; text-transform: uppercase; color: rgba(var(--color-foreground), 0.7); } .order .regular-price { font-size: 1.3rem; } .section-video-testimonials .video-testimonial-item .h6 a { border-color: transparent; color: var(--text-color); } .section-video-testimonials .video-testimonial-item .h6 a:hover { border-color: current; } .occasion-slider .slider-slide { color: var(--tan); } .occasion-slider .slider-slide.is-in-view.is-snapped > div { color: var(--active-color); } .newsletter-popup h1, .newsletter-popup h2, .newsletter-popup h3, .newsletter-popup h4, .newsletter-popup h5 { margin-bottom: 0.3em; } .newsletter-popup .form-wrapper .klaviyo-form { height: 44px; border: none; padding: 0px !important; background-color: var(--white); border-radius: 5px; } .newsletter-popup .form-wrapper .klaviyo-form * { color: currentColor; } .newsletter-popup .form-wrapper .klaviyo-form h1 { text-align: left !important; margin-bottom: -2px !important; margin-top: -2px !important; } .newsletter-popup .form-wrapper .klaviyo-form h1 span { /* .body */ font-family: var(--main-font) !important; font-size: 14px !important; line-height: 1.3em !important; letter-spacing: 0 !important; font-weight: normal !important; font-style: normal !important; font-weight: var(--bold) !important; /* End .body */ color: currentColor !important; } .newsletter-popup .form-wrapper .klaviyo-form > div { min-height: auto !important; } .newsletter-popup .form-wrapper .klaviyo-form > div > div > .needsclick { padding: 0 !important; } .newsletter-popup .form-wrapper .klaviyo-form label { color: currentColor !important; margin-bottom: 10px; /* h6 */ font-family: var(--mono-font) !important; line-height: 1.3em !important; letter-spacing: 0.14em !important; font-weight: normal !important; font-style: normal !important; text-transform: uppercase !important; --mobile-font-size: 10; --desktop-font-size: 10; --xl-font-size: calc(var(--desktop-font-size) * var(--typography-multiplier)); font-size: clamp( calc(var(--mobile-font-size) * 1px), calc((var(--desktop-font-size) * 1vw) / 1440 * 100), calc(var(--xl-font-size) * 1px) ) !important; /* End h6 */ } .newsletter-popup .form-wrapper .klaviyo-form *[data-testid='form-row'] { -ms-flex-align: center !important; align-items: center !important; color: var(--text-color); } .newsletter-popup .form-wrapper .klaviyo-form *[data-testid='form-row'] > div { height: 100% !important; } .newsletter-popup .form-wrapper .klaviyo-form *[data-testid='form-row']:first-of-type p:first-of-type span { /* smallcaps */ --mobile-font-size: 8; --desktop-font-size: 8; --xl-font-size: calc(var(--desktop-font-size) * var(--typography-multiplier)); font-size: clamp( calc(var(--mobile-font-size) * 1px), calc((var(--desktop-font-size) * 1vw) / 1440 * 100), calc(var(--xl-font-size) * 1px) ) !important; font-family: var(--mono-font) !important; line-height: 1.3em !important; letter-spacing: 0.14em !important; font-weight: normal !important; font-style: normal !important; text-transform: uppercase !important; /* End smallcaps */ text-align: left; color: currentColor !important; display: block; height: 1.2em !important; background-color: var(--paper); padding: 0.15em 0.15em 0.05em !important; } .newsletter-popup .form-wrapper .klaviyo-form *[data-testid='form-row']:last-of-type p:first-of-type span { margin-top: 0.5em; /* h6 */ --mobile-font-size: 8; --desktop-font-size: 8; --xl-font-size: calc(var(--desktop-font-size) * var(--typography-multiplier)); font-size: clamp( calc(var(--mobile-font-size) * 1px), calc((var(--desktop-font-size) * 1vw) / 1440 * 100), calc(var(--xl-font-size) * 1px) ) !important; font-family: var(--mono-font) !important; line-height: 1.3em !important; letter-spacing: 0.14em !important; font-weight: normal !important; font-style: normal !important; text-transform: uppercase !important; /* End h6 */ text-align: left; color: currentColor !important; display: block; } .newsletter-popup .form-wrapper .klaviyo-form button[type='button'] { --button-height: 26px; --button-border-width: 1px; --button-bg: var(--teal); --button-color: var(--white); --button-border: var(--button-bg); --button-hover-bg: var(--walnut); --button-hover-color: var(--white); --button-hover-border: var(--button-hover-bg); --button-h-padding: calc(var(--button-height) / 4); -moz-appearance: none !important; appearance: none !important; /* .button-small */ font-family: var(--main-font) !important; line-height: 1.3em !important; letter-spacing: 0em !important; font-weight: normal !important; font-style: normal !important; text-transform: none !important; font-size: 12px !important; /* End .button-small */ height: var(--button-height) !important; padding: 0 var(--button-h-padding) !important; display: -ms-inline-flexbox !important; display: inline-flex !important; -ms-flex-align: center !important; align-items: center !important; gap: 0.333em !important; -ms-flex-pack: center !important; justify-content: center !important; background: var(--button-bg) !important; border: var(--button-border-width) solid var(--button-border) !important; border-radius: var(--button-border-radius) !important; color: var(--button-color) !important; cursor: pointer !important; transition: background var(--md-speed) ease-in-out, border var(--md-speed) ease-in-out, color var(--md-speed) ease-in-out; } .newsletter-popup .form-wrapper .klaviyo-form button[type='button']:hover { background-color: var(--button-hover-bg) !important; border-color: var(--button-hover-border) !important; color: var(--button-hover-color) !important; } .newsletter-popup .form-wrapper .klaviyo-form input[type='email']:focus, .newsletter-popup .form-wrapper .klaviyo-form input[type='email']:active { border: none !important; outline: none !important; box-shadow: none !important; } /* for autofilled input */ .newsletter-popup .form-wrapper .klaviyo-form input[type='email']:-webkit-autofill, .newsletter-popup .form-wrapper .klaviyo-form input[type='email']:-webkit-autofill:hover, .newsletter-popup .form-wrapper .klaviyo-form input[type='email']:-webkit-autofill:focus, .newsletter-popup .form-wrapper .klaviyo-form input[type='email']:-webkit-autofill:active { -webkit-background-clip: text; -webkit-text-fill-color: var(--text-color); transition: background-color 5000s ease-in-out 0s; box-shadow: inset 0 0 20px 20px #23232300; } .newsletter-popup .form-wrapper .klaviyo-form input[type='email'] { -moz-appearance: none !important; appearance: none !important; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-touch-callout: none; border: none !important; outline: none !important; display: inline-block; width: 100%; vertical-align: middle; background-color: var(--cream) !important; border: var(--input-border-width) solid; height: 100% !important; text-transform: inherit; border-radius: 0 !important; color: currentColor !important; padding: 0 0.15em 0.3em !important; font-family: var(--main-font) !important; font-size: 14px !important; line-height: 1.3em !important; letter-spacing: 0 !important; font-weight: normal !important; font-style: normal !important; } /**/ /* .body */ /* End .body */ .newsletter-popup .form-wrapper .klaviyo-form input[type='email']:-ms-input-placeholder { /* .body */ font-family: var(--main-font) !important; font-size: 14px !important; line-height: 1.3em !important; letter-spacing: 0 !important; font-weight: normal !important; font-style: normal !important; /* End .body */ color: rgba(0, 0, 0, 0.5) !important; } .newsletter-popup .form-wrapper .klaviyo-form input[type='email']::placeholder { /* .body */ font-family: var(--main-font) !important; font-size: 14px !important; line-height: 1.3em !important; letter-spacing: 0 !important; font-weight: normal !important; font-style: normal !important; /* End .body */ color: rgba(0, 0, 0, 0.5) !important; } .newsletter-popup .form-wrapper > .klaviyo-form { padding: 0px 9px 0px 11px !important; } /* .collection-filters { */ .filter-item label { cursor: pointer; } .filter-item:has(input:checked) .marker { opacity: 1; } .filter-item:has(input:disabled) { opacity: .5; } .filter-item:has(input:disabled) label { cursor: not-allowed; } .filter-item .marker { opacity: 0; } .filter-item.true-false:has(input[data-value='true']:checked) .toggle > div { transform: translateX(100%); } .filter-item.true-false:has(input[data-value='true']:checked) .tf-label.label-true { display: none; } .filter-item.true-false:has(input[data-value='true']:checked) .toggle-label.on { transform: none; opacity: 1; } .filter-item.true-false:has(input[data-value='true']:checked) .toggle-label.off { transform: translateX(10px); opacity: 0; } .filter-item.true-false .toggle-label.on { transform: translateX(-10px); opacity: 0; } .filter-item.true-false .toggle-label.off { transform: none; } .filter-item.true-false:has(input[data-value='false']:checked) .tf-label.label-false { display: none; } .filter-item.true-false .tf-label { position: absolute; z-index: 2; top: 0; left: 0; width: 100%; height: 100%; } /* } */ .slim-newsletter-signup h1, .slim-newsletter-signup h2, .slim-newsletter-signup h3, .slim-newsletter-signup h4, .slim-newsletter-signup h5 { margin-bottom: 0.3em; } .slim-newsletter-signup .form-wrapper .klaviyo-form { height: 44px; border: none; padding: 0px !important; background-color: var(--white); border-radius: 5px; } .slim-newsletter-signup .form-wrapper .klaviyo-form * { color: currentColor; } .slim-newsletter-signup .form-wrapper .klaviyo-form h1 { text-align: left !important; margin-bottom: -2px !important; margin-top: -2px !important; } .slim-newsletter-signup .form-wrapper .klaviyo-form h1 span { /* .body */ font-family: var(--main-font) !important; font-size: 14px !important; line-height: 1.3em !important; letter-spacing: 0 !important; font-weight: normal !important; font-style: normal !important; font-weight: var(--bold) !important; /* End .body */ color: currentColor !important; } .slim-newsletter-signup .form-wrapper .klaviyo-form > div { min-height: auto !important; } .slim-newsletter-signup .form-wrapper .klaviyo-form > div > div > .needsclick { padding: 0 !important; } .slim-newsletter-signup .form-wrapper .klaviyo-form label { color: currentColor !important; margin-bottom: 10px; /* h6 */ font-family: var(--mono-font) !important; line-height: 1.3em !important; letter-spacing: 0.14em !important; font-weight: normal !important; font-style: normal !important; text-transform: uppercase !important; --mobile-font-size: 10; --desktop-font-size: 10; --xl-font-size: calc(var(--desktop-font-size) * var(--typography-multiplier)); font-size: clamp( calc(var(--mobile-font-size) * 1px), calc((var(--desktop-font-size) * 1vw) / 1440 * 100), calc(var(--xl-font-size) * 1px) ) !important; /* End h6 */ } .slim-newsletter-signup .form-wrapper .klaviyo-form *[data-testid='form-row'] { -ms-flex-align: center !important; align-items: center !important; color: var(--text-color); } .slim-newsletter-signup .form-wrapper .klaviyo-form *[data-testid='form-row'] > div { height: 100% !important; } .slim-newsletter-signup .form-wrapper .klaviyo-form *[data-testid='form-row']:first-of-type p:first-of-type span { /* smallcaps */ --mobile-font-size: 8; --desktop-font-size: 8; --xl-font-size: calc(var(--desktop-font-size) * var(--typography-multiplier)); font-size: clamp( calc(var(--mobile-font-size) * 1px), calc((var(--desktop-font-size) * 1vw) / 1440 * 100), calc(var(--xl-font-size) * 1px) ) !important; font-family: var(--mono-font) !important; line-height: 1.3em !important; letter-spacing: 0.14em !important; font-weight: normal !important; font-style: normal !important; text-transform: uppercase !important; /* End smallcaps */ text-align: left; color: currentColor !important; display: block; height: 1.2em !important; background-color: var(--paper); padding: 0.15em 0.15em 0.05em !important; } .slim-newsletter-signup .form-wrapper .klaviyo-form *[data-testid='form-row']:last-of-type p:first-of-type span { margin-top: 0.5em; /* h6 */ --mobile-font-size: 8; --desktop-font-size: 8; --xl-font-size: calc(var(--desktop-font-size) * var(--typography-multiplier)); font-size: clamp( calc(var(--mobile-font-size) * 1px), calc((var(--desktop-font-size) * 1vw) / 1440 * 100), calc(var(--xl-font-size) * 1px) ) !important; font-family: var(--mono-font) !important; line-height: 1.3em !important; letter-spacing: 0.14em !important; font-weight: normal !important; font-style: normal !important; text-transform: uppercase !important; /* End h6 */ text-align: left; color: currentColor !important; display: block; } .slim-newsletter-signup .form-wrapper .klaviyo-form button[type='button'] { --button-height: 26px; --button-border-width: 1px; --button-bg: var(--dark-color); --button-color: var(--white); --button-border: var(--button-bg); --button-hover-bg: var(--wedding-purple); --button-hover-color: var(--white); --button-hover-border: var(--button-hover-bg); --button-h-padding: calc(var(--button-height) / 4); -moz-appearance: none !important; appearance: none !important; /* .button-small */ font-family: var(--main-font) !important; line-height: 1.3em !important; letter-spacing: 0em !important; font-weight: normal !important; font-style: normal !important; text-transform: none !important; font-size: 12px !important; /* End .button-small */ height: var(--button-height) !important; padding: 0 var(--button-h-padding) !important; display: -ms-inline-flexbox !important; display: inline-flex !important; -ms-flex-align: center !important; align-items: center !important; gap: 0.333em !important; -ms-flex-pack: center !important; justify-content: center !important; background: var(--button-bg) !important; border: var(--button-border-width) solid var(--button-border) !important; border-radius: var(--button-border-radius) !important; color: var(--button-color) !important; cursor: pointer !important; } .slim-newsletter-signup .form-wrapper .klaviyo-form input[type='email']:focus, .slim-newsletter-signup .form-wrapper .klaviyo-form input[type='email']:active { border: none !important; outline: none !important; box-shadow: none !important; } /* for autofilled input */ .slim-newsletter-signup .form-wrapper .klaviyo-form input[type='email']:-webkit-autofill, .slim-newsletter-signup .form-wrapper .klaviyo-form input[type='email']:-webkit-autofill:hover, .slim-newsletter-signup .form-wrapper .klaviyo-form input[type='email']:-webkit-autofill:focus, .slim-newsletter-signup .form-wrapper .klaviyo-form input[type='email']:-webkit-autofill:active { -webkit-background-clip: text; -webkit-text-fill-color: var(--text-color); transition: background-color 5000s ease-in-out 0s; box-shadow: inset 0 0 20px 20px #23232300; } .slim-newsletter-signup .form-wrapper .klaviyo-form input[type='email'] { -moz-appearance: none !important; appearance: none !important; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-touch-callout: none; border: none !important; outline: none !important; display: inline-block; width: 100%; vertical-align: middle; background-color: var(--cream) !important; border: var(--input-border-width) solid; height: 100% !important; text-transform: inherit; border-radius: 0 !important; color: var(--tbt-black) !important; padding: 0 0.15em 0.3em !important; font-family: var(--main-font) !important; font-size: 14px !important; line-height: 1.3em !important; letter-spacing: 0 !important; font-weight: normal !important; font-style: normal !important; } /**/ /* .body */ /* End .body */ .slim-newsletter-signup .form-wrapper .klaviyo-form input[type='email']:-ms-input-placeholder { /* .body */ font-family: var(--main-font) !important; font-size: 14px !important; line-height: 1.3em !important; letter-spacing: 0 !important; font-weight: normal !important; font-style: normal !important; /* End .body */ color: rgba(0, 0, 0, 0.5) !important; } .slim-newsletter-signup .form-wrapper .klaviyo-form input[type='email']::placeholder { /* .body */ font-family: var(--main-font) !important; font-size: 14px !important; line-height: 1.3em !important; letter-spacing: 0 !important; font-weight: normal !important; font-style: normal !important; /* End .body */ color: rgba(0, 0, 0, 0.5) !important; } .slim-newsletter-signup .form-wrapper > .klaviyo-form { padding: 0px 9px 0px 11px !important; } .section-blog-nav { position: sticky; top: calc(var(--header-height) - 1px); margin-bottom: -2px; z-index: 3; } .template-product .product-slide-show slide-show .slider-dots { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; } .template-product .product-slide-show slide-show .slider-dots button { padding: 0px; width: 100%; display: -ms-flexbox; display: flex; } .template-product .product-slide-show slide-show .slider-dots button > span { display: block; width: 100%; height: 2px; text-indent: -200px; overflow: hidden; border: none; border-radius: 0; transition: all var(--md-speed) ease-in-out; background: rgba(28, 25, 21, 0.25); } .template-product .product-slide-show slide-show .slider-dots button.active > span { background-color: #a8862d; } .visually-hidden { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } /* Show a loading indicator */ ajax-cart-product-form .loader, #productInfo .loader, .quick-add-to-cart .loader { opacity: 0; } ajax-cart-product-form[processing] .loader, #productInfo [type='submit'].show-loader:disabled .loader, ajax-cart-product-form [type='submit'].show-loader:disabled .loader { background: linear-gradient(#a8862d 0 0) 0/0% no-repeat #69676500; animation: l1 1.5s infinite linear; animation-play-state: running; opacity: 1; } @keyframes l1 { 100% { background-size: 100%; } } .quick-add-to-cart.show-loader:disabled .loader { opacity: 1; } /* Make the "Add to cart" button look visually disabled while loading */ ajax-cart-product-form[processing] [type='submit'], #productInfo [type='submit']:disabled, #productInfo [type='submit']:disabled, .quick-add-to-cart:disabled { opacity: 0.5 !important; cursor: not-allowed; /* pointer-events: none; */ } #drawer-cart-data { opacity: 1; transition: opacity 0.2s; } html.js-ajax-cart-processing #drawer-cart-data { opacity: 0.6 !important; } html.js-ajax-cart-processing #cart-loader { display: block !important; } html.js-ajax-cart-processing #drawer-cart-data, html.js-ajax-cart-processing .template-cart .cart-items { opacity: 0.6 !important; } #productInfo .datepicker.datepicker-inline.active.block { width: 100%; } #productInfo .datepicker-picker.inline-block.rounded-lg.bg-white.dark\:bg-gray-700.shadow-lg.p-4 { width: 100%; } #productInfo .days { width: 100%; } #productInfo .datepicker-grid.w-64.grid.grid-cols-7 { width: 100%; } #productInfo .datepicker-view.flex.months.datepicker-grid.w-64.grid.grid-cols-4, #productInfo .datepicker-view.flex.years.datepicker-grid.w-64.grid.grid-cols-4 { width: 100%; } .yotpo-display-wrapper { } .yotpo div.standalone-bottomline { display: -ms-flexbox !important; display: flex !important; -ms-flex-pack: center !important; justify-content: center !important; color: var(--gold) !important; } .yotpo div, .yotpo span, .yotpo p, .yotpo a, .yotpo img, .yotpo i, .yotpo strong, .yotpo sup, .yotpo ul, .yotpo li, .yotpo form, .yotpo label { font-family: var(--main-font) !important; font-weight: var(--bold) !important; } .yotpo .standalone-bottomline.star-clickable, .yotpo .standalone-bottomline .star-clickable { gap: 0.5rem !important; } .yotpo .yotpo-bottomline .yotpo-icon-star, .yotpo .yotpo-bottomline .yotpo-icon-half-star, .yotpo .yotpo-bottomline .yotpo-icon-empty-star { color: var(--gold) !important; } .yotpo a.text-m { color: var(--gold) !important; } .yotpo.bottomLine .yotpo-bottomline .yotpo-icon-star, .yotpo.bottomLine .yotpo-bottomline .yotpo-icon-half-star, .yotpo.bottomLine .yotpo-bottomline .yotpo-icon-empty-star, .yotpo.bottomline .yotpo-bottomline .yotpo-icon-star, .yotpo.bottomline .yotpo-bottomline .yotpo-icon-half-star, .yotpo.bottomline .yotpo-bottomline .yotpo-icon-empty-star, .yotpo .yotpo-modal-bottom-line .yotpo-bottomline .yotpo-icon-star, .yotpo .yotpo-modal-bottom-line .yotpo-bottomline .yotpo-icon-half-star, .yotpo .yotpo-modal-bottom-line .yotpo-bottomline .yotpo-icon-empty-star { font-size: 14px !important; margin-top: 1px !important; } .custom-checkbox[type='checkbox']:checked { background-image: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 12'%3e %3cpath stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M1 5.917 5.724 10.5 15 1.5'/%3e %3c/svg%3e"); background-repeat: no-repeat; background-size: 0.4em 0.4em; } input[type='radio']:checked ~ label { --button-bg: #f1ebe6; --button-color: #1c1915; --button-border: #1c1915; --button-hover-bg: var(--main-color); --button-hover-color: #fff; --button-hover-border: var(--button-hover-bg); } #gladly-help-center { margin: 0; width: 100%; max-width: 100%; } #gladly-help-center .gladlyHC-faq { margin: 0; width: 100%; max-width: 100%; } #gladly-help-center .gladlyHC-searchContainer { /* Start theme */ --bg-color: var(--paper); --text-color: var(--gray); --light-text-color: rgba(0, 0, 0, .5); --hr-color: rgba(0, 0, 0, .2); color: var(--text-color); background: var(--bg-color); /* End theme */ display: block; padding-left: var(--site-margins); padding-right: var(--site-margins); width: 100%; margin-bottom: 0; /* Input settings */ --input-height: 40px; --input-bg: #fff; --input-color: var(--text-color); --input-border: var(--light-text-color); --input-border-radius: var(--button-border-radius); /* Hover */ --input-hover-bg: #fff; --input-hover-color: var(--text-color); --input-hover-border: var(--text-color); /* Focus */ --input-focus-bg: #fff; --input-focus-color: var(--text-color); --input-focus-border: var(--text-color); --input-border-width: 1px; } @media screen and (min-width: 550px) { #gladly-help-center .gladlyHC-searchContainer { padding-left: calc(50vw - var(--site-margins) - 200px); padding-right: calc(50vw - var(--site-margins) - 200px); } } #gladly-help-center .gladlyHC-searchContainer input { --input-height: 40px; display: block; margin: 0 auto; } #gladly-help-center .gladlyHC-searchContainer { padding-bottom: var(--vertical-spacing); } #gladly-help-center .gladlyHC-searchMenuContainer { left: var(--site-margins); right: var(--site-margins); width: unset; top: 50px; } #gladly-help-center .gladlyHC-searchMenuContainer > div { padding: 5px 0; } @media screen and (min-width: 550px) { #gladly-help-center .gladlyHC-searchMenuContainer { left: calc(50vw - var(--site-margins) - 200px); right: calc(50vw - var(--site-margins) - 200px) } } #gladly-help-center .gladlyHC-searchMenuContainer a { padding: 6px 10px; white-space: nowrap; text-overflow: ellipsis; font-weight: normal; overflow: hidden; transition: background var(--md-speed) ease-in-out, color var(--md-speed) ease-in-out; } #gladly-help-center .gladlyHC-searchMenuContainer a:hover { background-color: var(--light-grey); } #gladly-help-center .gladlyHC-faqContainer { padding-top: var(--vertical-spacing-small); padding-bottom: var(--vertical-spacing-small); padding-left: var(--site-margins); padding-right: var(--site-margins); max-width: 1500px; margin: 0 auto; } @media screen and (min-width: 768px) { #gladly-help-center .gladlyHC-faqContainer { padding-left: var(--vertical-spacing-small); padding-right: var(--vertical-spacing-small) } } @media screen and (min-width: 1024px) { #gladly-help-center .gladlyHC-faqContainer { padding-top: var(--vertical-spacing) } } #gladly-help-center .gladlyHC-faqContainer > .gladlyHC-faqHeading { display: none; } #gladly-help-center .gladlyHC-faqSections { margin: 0 calc(var(--site-gutters) / -2); row-gap: var(--vertical-spacing-small); } #gladly-help-center .gladlyHC-faqSections .gladlyHC-faqSection { margin: 0; padding: 0 calc(var(--site-gutters) / 2); } #gladly-help-center .gladlyHC-faqSections .gladlyHC-faqSection h3 { margin-bottom: 20px; } #gladly-help-center .gladlyHC-faqSections .gladlyHC-faqSection ul { list-style: disc; padding-left: 1.1em; margin: 0; /* .body */ font-family: var(--main-font); font-size: 14px; line-height: 1.3em; letter-spacing: 0; font-weight: normal; font-style: normal; /* end .body */ text-wrap: balance; } #gladly-help-center .gladlyHC-faqSections .gladlyHC-faqSection ul li.gladlyHC-faqSection-listItem-more { padding-top: 1em; color: var(--light-text-color); } #gladly-help-center .gladlyHC-faqSections .gladlyHC-faqSection ul li.gladlyHC-faqSection-listItem-more::marker { display: none !important; content: '' !important; } #gladly-help-center .gladlyHC-faqSections .gladlyHC-faqSection ul a { transition: border var(--md-speed) ease-in-out, color var(--md-speed) ease-in-out; border-bottom: 1px dashed transparent; } #gladly-help-center .gladlyHC-faqSections .gladlyHC-faqSection ul a:hover { border-color: currentColor; color: var(--gold); } #gladly-help-center .gladlyHC-answersIndex-link{ padding: 0 var(--site-margins) var(--vertical-spacing); max-width: 1500px; width: 100%; margin: 0 auto; } @media screen and (min-width: 768px) { #gladly-help-center .gladlyHC-answersIndex-link{ padding: 0 var(--vertical-spacing-small) var(--vertical-spacing) } } #gladly-help-center .gladlyHC-answersIndex-link > a { @extend .button; } .help-center-wrapper .gladlyHC-answerDetail { padding-top: var(--vertical-spacing-small); padding-bottom: var(--vertical-spacing-small); padding-left: var(--site-margins); padding-right: var(--site-margins); max-width: 750px; margin: 0 auto; /* .body */ font-family: var(--main-font); font-size: 14px; line-height: 1.3em; letter-spacing: 0; font-weight: normal; font-style: normal; } /* end .body */ @media screen and (min-width: 768px) { .help-center-wrapper .gladlyHC-answerDetail { padding-left: var(--vertical-spacing-small); padding-right: var(--vertical-spacing-small) } } .help-center-wrapper .gladlyHC-answerDetail > a[aria-label='Back'] { margin: 0; padding: 10px 0; color: var(--light-text-color); transition: color var(--md-speed) ease-in-out; } .help-center-wrapper .gladlyHC-answerDetail > a[aria-label='Back']:before { content: ''; display: inline-block; width: 6px; height: 6px; border-left: 1px solid currentColor; border-bottom: 1px solid currentColor; transform: rotate(45deg); margin: -2px 6px 0 0; vertical-align: middle; } .help-center-wrapper .gladlyHC-answerDetail > a[aria-label='Back']:hover { color: var(--text-color); } .help-center-wrapper .gladlyHC-answerDetail > a[aria-label='Back'] + h2 { margin-top: 20px; } .help-center-wrapper:has(.gladlyHC-answerDetail) .help-center-intro { padding-bottom: var(--vertical-spacing) !important; } .help-center-wrapper:has(.gladlyHC-answerDetail) .help-center-intro .search-text { display: none; } .help-center-wrapper:has(.gladlyHC-answerDetail) .help-center-intro h1 { margin-bottom: 0; } *, ::before, ::after { --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-pan-x: ; --tw-pan-y: ; --tw-pinch-zoom: ; --tw-scroll-snap-strictness: proximity; --tw-gradient-from-position: ; --tw-gradient-via-position: ; --tw-gradient-to-position: ; --tw-ordinal: ; --tw-slashed-zero: ; --tw-numeric-figure: ; --tw-numeric-spacing: ; --tw-numeric-fraction: ; --tw-ring-inset: ; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgb(63 131 248 / 0.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; --tw-blur: ; --tw-brightness: ; --tw-contrast: ; --tw-grayscale: ; --tw-hue-rotate: ; --tw-invert: ; --tw-saturate: ; --tw-sepia: ; --tw-drop-shadow: ; --tw-backdrop-blur: ; --tw-backdrop-brightness: ; --tw-backdrop-contrast: ; --tw-backdrop-grayscale: ; --tw-backdrop-hue-rotate: ; --tw-backdrop-invert: ; --tw-backdrop-opacity: ; --tw-backdrop-saturate: ; --tw-backdrop-sepia: ; --tw-contain-size: ; --tw-contain-layout: ; --tw-contain-paint: ; --tw-contain-style: ; } ::backdrop { --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-pan-x: ; --tw-pan-y: ; --tw-pinch-zoom: ; --tw-scroll-snap-strictness: proximity; --tw-gradient-from-position: ; --tw-gradient-via-position: ; --tw-gradient-to-position: ; --tw-ordinal: ; --tw-slashed-zero: ; --tw-numeric-figure: ; --tw-numeric-spacing: ; --tw-numeric-fraction: ; --tw-ring-inset: ; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgb(63 131 248 / 0.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; --tw-blur: ; --tw-brightness: ; --tw-contrast: ; --tw-grayscale: ; --tw-hue-rotate: ; --tw-invert: ; --tw-saturate: ; --tw-sepia: ; --tw-drop-shadow: ; --tw-backdrop-blur: ; --tw-backdrop-brightness: ; --tw-backdrop-contrast: ; --tw-backdrop-grayscale: ; --tw-backdrop-hue-rotate: ; --tw-backdrop-invert: ; --tw-backdrop-opacity: ; --tw-backdrop-saturate: ; --tw-backdrop-sepia: ; --tw-contain-size: ; --tw-contain-layout: ; --tw-contain-paint: ; --tw-contain-style: ; } /* ! tailwindcss v3.4.15 | MIT License | https://tailwindcss.com */ /* 1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4) 2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116) */ *, ::before, ::after { box-sizing: border-box; /* 1 */ border-width: 0; /* 2 */ border-style: solid; /* 2 */ border-color: #E5E7EB; /* 2 */ } ::before, ::after { --tw-content: ''; } /* 1. Use a consistent sensible line-height in all browsers. 2. Prevent adjustments of font size after orientation changes in iOS. 3. Use a more readable tab size. 4. Use the user's configured `sans` font-family by default. 5. Use the user's configured `sans` font-feature-settings by default. 6. Use the user's configured `sans` font-variation-settings by default. 7. Disable tap highlights on iOS */ html, :host { line-height: 1.5; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ -moz-tab-size: 4; /* 3 */ tab-size: 4; /* 3 */ font-family: Basel, sans-serif; /* 4 */ font-feature-settings: normal; /* 5 */ font-variation-settings: normal; /* 6 */ -webkit-tap-highlight-color: transparent; /* 7 */ } /* 1. Remove the margin in all browsers. 2. Inherit line-height from `html` so users can set them as a class directly on the `html` element. */ body { margin: 0; /* 1 */ line-height: inherit; /* 2 */ } /* 1. Add the correct height in Firefox. 2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655) 3. Ensure horizontal rules are visible by default. */ hr { height: 0; /* 1 */ color: inherit; /* 2 */ border-top-width: 1px; /* 3 */ } /* Add the correct text decoration in Chrome, Edge, and Safari. */ abbr:where([title]) { text-decoration: underline dotted; } /* Remove the default font size and weight for headings. */ h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: inherit; } /* Reset links to optimize for opt-in styling instead of opt-out. */ a { color: inherit; text-decoration: inherit; } /* Add the correct font weight in Edge and Safari. */ b, strong { font-weight: bolder; } /* 1. Use the user's configured `mono` font-family by default. 2. Use the user's configured `mono` font-feature-settings by default. 3. Use the user's configured `mono` font-variation-settings by default. 4. Correct the odd `em` font sizing in all browsers. */ code, kbd, samp, pre { font-family: Basel Mono, monospaced; /* 1 */ font-feature-settings: normal; /* 2 */ font-variation-settings: normal; /* 3 */ font-size: 1em; /* 4 */ } /* Add the correct font size in all browsers. */ small { font-size: 80%; } /* Prevent `sub` and `sup` elements from affecting the line height in all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } /* 1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297) 2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016) 3. Remove gaps between table borders by default. */ table { text-indent: 0; /* 1 */ border-color: inherit; /* 2 */ border-collapse: collapse; /* 3 */ } /* 1. Change the font styles in all browsers. 2. Remove the margin in Firefox and Safari. 3. Remove default padding in all browsers. */ button, input, optgroup, select, textarea { font-family: inherit; /* 1 */ font-feature-settings: inherit; /* 1 */ font-variation-settings: inherit; /* 1 */ font-size: 100%; /* 1 */ font-weight: inherit; /* 1 */ line-height: inherit; /* 1 */ letter-spacing: inherit; /* 1 */ color: inherit; /* 1 */ margin: 0; /* 2 */ padding: 0; /* 3 */ } /* Remove the inheritance of text transform in Edge and Firefox. */ button, select { text-transform: none; } /* 1. Correct the inability to style clickable types in iOS and Safari. 2. Remove default button styles. */ button, input:where([type='button']), input:where([type='reset']), input:where([type='submit']) { -webkit-appearance: button; /* 1 */ background-color: transparent; /* 2 */ background-image: none; /* 2 */ } /* Use the modern Firefox focus style for all focusable elements. */ :-moz-focusring { outline: auto; } /* Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737) */ :-moz-ui-invalid { box-shadow: none; } /* Add the correct vertical alignment in Chrome and Firefox. */ progress { vertical-align: baseline; } /* Correct the cursor style of increment and decrement buttons in Safari. */ ::-webkit-inner-spin-button, ::-webkit-outer-spin-button { height: auto; } /* 1. Correct the odd appearance in Chrome and Safari. 2. Correct the outline style in Safari. */ [type='search'] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ } /* Remove the inner padding in Chrome and Safari on macOS. */ ::-webkit-search-decoration { -webkit-appearance: none; } /* 1. Correct the inability to style clickable types in iOS and Safari. 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } /* Add the correct display in Chrome and Safari. */ summary { display: list-item; } /* Removes the default spacing and border for appropriate elements. */ blockquote, dl, dd, h1, h2, h3, h4, h5, h6, hr, figure, p, pre { margin: 0; } fieldset { margin: 0; padding: 0; } legend { padding: 0; } ol, ul, menu { list-style: none; margin: 0; padding: 0; } /* Reset default styling for dialogs. */ dialog { padding: 0; } /* Prevent resizing textareas horizontally by default. */ textarea { resize: vertical; } /* 1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300) 2. Set the default placeholder color to the user's configured gray 400 color. */ input:-ms-input-placeholder, textarea:-ms-input-placeholder { opacity: 1; /* 1 */ color: #9CA3AF; /* 2 */ } input::placeholder, textarea::placeholder { opacity: 1; /* 1 */ color: #9CA3AF; /* 2 */ } /* Set the default cursor for buttons. */ button, [role="button"] { cursor: pointer; } /* Make sure disabled buttons don't get the pointer cursor. */ :disabled { cursor: default; } /* 1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14) 2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210) This can trigger a poorly considered lint error in some tools but is included by design. */ img, svg, video, canvas, audio, iframe, embed, object { display: block; /* 1 */ vertical-align: middle; /* 2 */ } /* Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14) */ img, video { max-width: 100%; height: auto; } /* Make elements with the HTML hidden attribute stay hidden by default */ [hidden]:where(:not([hidden="until-found"])) { display: none; } .tooltip-arrow,.tooltip-arrow:before { position: absolute; width: 8px; height: 8px; background: inherit; } .tooltip-arrow { visibility: hidden; } .tooltip-arrow:before { content: ""; visibility: visible; transform: rotate(45deg); } [data-tooltip-style^='light'] + .tooltip > .tooltip-arrow:before { border-style: solid; border-color: #e5e7eb; } [data-tooltip-style^='light'] + .tooltip[data-popper-placement^='top'] > .tooltip-arrow:before { border-bottom-width: 1px; border-right-width: 1px; } [data-tooltip-style^='light'] + .tooltip[data-popper-placement^='right'] > .tooltip-arrow:before { border-bottom-width: 1px; border-left-width: 1px; } [data-tooltip-style^='light'] + .tooltip[data-popper-placement^='bottom'] > .tooltip-arrow:before { border-top-width: 1px; border-left-width: 1px; } [data-tooltip-style^='light'] + .tooltip[data-popper-placement^='left'] > .tooltip-arrow:before { border-top-width: 1px; border-right-width: 1px; } .tooltip[data-popper-placement^='top'] > .tooltip-arrow { bottom: -4px; } .tooltip[data-popper-placement^='bottom'] > .tooltip-arrow { top: -4px; } .tooltip[data-popper-placement^='left'] > .tooltip-arrow { right: -4px; } .tooltip[data-popper-placement^='right'] > .tooltip-arrow { left: -4px; } .tooltip.invisible > .tooltip-arrow:before { visibility: hidden; } [data-popper-arrow],[data-popper-arrow]:before { position: absolute; width: 8px; height: 8px; background: inherit; } [data-popper-arrow] { visibility: hidden; } [data-popper-arrow]:before { content: ""; visibility: visible; transform: rotate(45deg); } [data-popper-arrow]:after { content: ""; visibility: visible; transform: rotate(45deg); position: absolute; width: 9px; height: 9px; background: inherit; } [role="tooltip"] > [data-popper-arrow]:before { border-style: solid; border-color: #e5e7eb; } .dark [role="tooltip"] > [data-popper-arrow]:before { border-style: solid; border-color: #4b5563; } [role="tooltip"] > [data-popper-arrow]:after { border-style: solid; border-color: #e5e7eb; } .dark [role="tooltip"] > [data-popper-arrow]:after { border-style: solid; border-color: #4b5563; } [data-popover][role="tooltip"][data-popper-placement^='top'] > [data-popper-arrow]:before { border-bottom-width: 1px; border-right-width: 1px; } [data-popover][role="tooltip"][data-popper-placement^='top'] > [data-popper-arrow]:after { border-bottom-width: 1px; border-right-width: 1px; } [data-popover][role="tooltip"][data-popper-placement^='right'] > [data-popper-arrow]:before { border-bottom-width: 1px; border-left-width: 1px; } [data-popover][role="tooltip"][data-popper-placement^='right'] > [data-popper-arrow]:after { border-bottom-width: 1px; border-left-width: 1px; } [data-popover][role="tooltip"][data-popper-placement^='bottom'] > [data-popper-arrow]:before { border-top-width: 1px; border-left-width: 1px; } [data-popover][role="tooltip"][data-popper-placement^='bottom'] > [data-popper-arrow]:after { border-top-width: 1px; border-left-width: 1px; } [data-popover][role="tooltip"][data-popper-placement^='left'] > [data-popper-arrow]:before { border-top-width: 1px; border-right-width: 1px; } [data-popover][role="tooltip"][data-popper-placement^='left'] > [data-popper-arrow]:after { border-top-width: 1px; border-right-width: 1px; } [data-popover][role="tooltip"][data-popper-placement^='top'] > [data-popper-arrow] { bottom: -5px; } [data-popover][role="tooltip"][data-popper-placement^='bottom'] > [data-popper-arrow] { top: -5px; } [data-popover][role="tooltip"][data-popper-placement^='left'] > [data-popper-arrow] { right: -5px; } [data-popover][role="tooltip"][data-popper-placement^='right'] > [data-popper-arrow] { left: -5px; } [role="tooltip"].invisible > [data-popper-arrow]:before { visibility: hidden; } [role="tooltip"].invisible > [data-popper-arrow]:after { visibility: hidden; } [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'],[multiple],textarea,select { -moz-appearance: none; appearance: none; background-color: #fff; border-color: #6B7280; 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; } [type='text']:focus, [type='email']:focus, [type='url']:focus, [type='password']:focus, [type='number']:focus, [type='date']:focus, [type='datetime-local']:focus, [type='month']:focus, [type='search']:focus, [type='tel']:focus, [type='time']:focus, [type='week']:focus, [multiple]:focus, textarea:focus, select: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: #1C64F2; --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: #1C64F2; } input:-ms-input-placeholder,textarea:-ms-input-placeholder { color: #6B7280; opacity: 1; } input::placeholder,textarea::placeholder { color: #6B7280; opacity: 1; } ::-webkit-datetime-edit-fields-wrapper { padding: 0; } input[type="time"]::-webkit-calendar-picker-indicator { background: none; } select:not([size]) { background-image: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 10 6'%3e %3cpath stroke='%236B7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m1 1 4 4 4-4'/%3e %3c/svg%3e"); background-position: right 0.75rem center; background-repeat: no-repeat; background-size: 0.75em 0.75em; padding-right: 2.5rem; print-color-adjust: exact; } :is([dir=rtl]) select:not([size]) { background-position: left 0.75rem center; padding-right: 0.75rem; padding-left: 0; } [multiple] { background-image: initial; background-position: initial; background-repeat: unset; background-size: initial; padding-right: 0.75rem; print-color-adjust: unset; } [type='checkbox'],[type='radio'] { -moz-appearance: none; appearance: none; padding: 0; print-color-adjust: exact; display: inline-block; vertical-align: middle; background-origin: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-flex-negative: 0; flex-shrink: 0; height: 1rem; width: 1rem; color: #1C64F2; background-color: #fff; border-color: #6B7280; border-width: 1px; --tw-shadow: 0 0 #0000; } [type='checkbox'] { border-radius: 0px; } [type='radio'] { border-radius: 100%; } [type='checkbox']:focus,[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: #1C64F2; --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); } [type='checkbox']:checked,[type='radio']:checked,.dark [type='checkbox']:checked,.dark [type='radio']:checked { border-color: transparent; background-color: currentColor; background-size: 0.55em 0.55em; background-position: center; background-repeat: no-repeat; } [type='checkbox']:checked { background-image: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 12'%3e %3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M1 5.917 5.724 10.5 15 1.5'/%3e %3c/svg%3e"); background-repeat: no-repeat; background-size: 0.55em 0.55em; print-color-adjust: exact; } [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"); background-size: 1em 1em; } .dark [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"); background-size: 1em 1em; } [type='checkbox']:indeterminate { background-image: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 12'%3e %3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M0.5 6h14'/%3e %3c/svg%3e"); background-color: currentColor; border-color: transparent; background-position: center; background-repeat: no-repeat; background-size: 0.55em 0.55em; print-color-adjust: exact; } [type='checkbox']:indeterminate:hover,[type='checkbox']:indeterminate:focus { border-color: transparent; background-color: currentColor; } [type='file'] { background: unset; border-color: inherit; border-width: 0; border-radius: 0; padding: 0; font-size: unset; line-height: inherit; } [type='file']:focus { outline: 1px auto inherit; } input[type=file]::file-selector-button { color: white; background: #1F2937; border: 0; font-weight: 600; font-size: 0.875rem; cursor: pointer; padding-top: 0.625rem; padding-bottom: 0.625rem; padding-left: 2rem; padding-right: 1rem; margin-inline-start: -1rem; margin-inline-end: 1rem; } input[type=file]::file-selector-button:hover { background: #374151; } :is([dir=rtl]) input[type=file]::file-selector-button { padding-right: 2rem; padding-left: 1rem; } .dark input[type=file]::file-selector-button { color: white; background: #4B5563; } .dark input[type=file]::file-selector-button:hover { background: #6B7280; } input[type="range"]::-webkit-slider-thumb { height: 1.25rem; width: 1.25rem; background: #1C64F2; border-radius: 9999px; border: 0; appearance: none; -moz-appearance: none; -webkit-appearance: none; cursor: pointer; } input[type="range"]:disabled::-webkit-slider-thumb { background: #9CA3AF; } .dark input[type="range"]:disabled::-webkit-slider-thumb { background: #6B7280; } input[type="range"]:focus::-webkit-slider-thumb { outline: 2px solid transparent; outline-offset: 2px; --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); --tw-ring-opacity: 1px; --tw-ring-color: rgb(164 202 254 / var(--tw-ring-opacity)); } input[type="range"]::-moz-range-thumb { height: 1.25rem; width: 1.25rem; background: #1C64F2; border-radius: 9999px; border: 0; appearance: none; -moz-appearance: none; -webkit-appearance: none; cursor: pointer; } input[type="range"]:disabled::-moz-range-thumb { background: #9CA3AF; } .dark input[type="range"]:disabled::-moz-range-thumb { background: #6B7280; } input[type="range"]::-moz-range-progress { background: #3F83F8; } input[type="range"]::-ms-fill-lower { background: #3F83F8; } .toggle-bg:after { content: ""; position: absolute; top: 0.125rem; left: 0.125rem; background: white; border-color: #D1D5DB; border-width: 1px; border-radius: 9999px; height: 1.25rem; width: 1.25rem; transition-property: background-color,border-color,color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter; transition-duration: .15s; box-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color); } input:checked + .toggle-bg:after { transform: translateX(100%);; border-color: white; } input:checked + .toggle-bg { background: #1C64F2; border-color: #1C64F2; } /* Add a couple of themes to the tailwind base for responsive occasions */ .theme-white { --bg-color: var(--white); --text-color: var(--gray); --light-text-color: rgba(0, 0, 0, 0.5); --hr-color: rgba(0, 0, 0, 0.2); } .theme-paper { --bg-color: var(--paper); --text-color: var(--gray); --light-text-color: rgba(0, 0, 0, 0.5); --hr-color: rgba(0, 0, 0, 0.2); } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, p a { text-decoration: none; border-bottom: 1px solid currentColor; } /* Typography */ h0, .h0, .h0 p, .h0 > * { --mobile-font-size: 90; --desktop-font-size: 124; --xl-font-size: calc(var(--desktop-font-size) * var(--typography-multiplier)); font-size: clamp( calc(var(--mobile-font-size) * 1px), calc((var(--desktop-font-size) * 1vw) / 1440 * 100), calc(var(--xl-font-size) * 1px) ); font-family: var(--tertiary-font); line-height: 0.8em; letter-spacing: -0.01em; font-weight: var(--medium); font-style: normal; text-transform: none; } h1, .h1, .h1 p, .h1 > * { --mobile-font-size: 82; --desktop-font-size: 96; --xl-font-size: calc(var(--desktop-font-size) * var(--typography-multiplier)); font-size: clamp( calc(var(--mobile-font-size) * 1px), calc((var(--desktop-font-size) * 1vw) / 1440 * 100), calc(var(--xl-font-size) * 1px) ); font-family: var(--tertiary-font); line-height: 0.8em; letter-spacing: -0.01em; font-weight: var(--medium); font-style: normal; text-transform: none; } h1-alt, .h1-alt, .h1-alt p, .h1-alt > * { --mobile-font-size: 64; --desktop-font-size: 96; --xl-font-size: calc(var(--desktop-font-size) * var(--typography-multiplier)); font-size: clamp( calc(var(--mobile-font-size) * 1px), calc((var(--desktop-font-size) * 1vw) / 1440 * 100), calc(var(--xl-font-size) * 1px) ); font-family: var(--tertiary-font); line-height: 0.8em; letter-spacing: -0.01em; font-weight: var(--medium); font-style: normal; text-transform: none; } h2, .h2, .h2 p, .h2 > * { --mobile-font-size: 50; --desktop-font-size: 64; --xl-font-size: calc(var(--desktop-font-size) * var(--typography-multiplier)); font-size: clamp( calc(var(--mobile-font-size) * 1px), calc((var(--desktop-font-size) * 1vw) / 1440 * 100), calc(var(--xl-font-size) * 1px) ); font-family: var(--tertiary-font); line-height: 1em; letter-spacing: -0.01em; font-weight: var(--medium); font-style: normal; text-transform: none; } .h2-alt, .h2-alt p, .h2-alt > * { --mobile-font-size: 32; --desktop-font-size: 64; --xl-font-size: calc(var(--desktop-font-size) * var(--typography-multiplier)); font-size: clamp( calc(var(--mobile-font-size) * 1px), calc((var(--desktop-font-size) * 1vw) / 1440 * 100), calc(var(--xl-font-size) * 1px) ); font-family: var(--secondary-font); line-height: 1em; letter-spacing: -0.01em; font-weight: normal; font-style: normal; text-transform: none; } h3, .h3, .h3 p, .h3 > * { --mobile-font-size: 36; --desktop-font-size: 36; --xl-font-size: calc(var(--desktop-font-size) * var(--typography-multiplier)); font-size: clamp( calc(var(--mobile-font-size) * 1px), calc((var(--desktop-font-size) * 1vw) / 1440 * 100), calc(var(--xl-font-size) * 1px) ); font-family: var(--secondary-font); line-height: 1em; letter-spacing: 0.02em; font-weight: normal; font-style: normal; text-transform: none; } h3.alt, .h3.alt, .h3 p.alt, .h3 > *.alt { font-family: var(--tertiary-font); font-weight: var(--medium); letter-spacing: -0.01em; } h3 i, h3 em, .h3 i, .h3 em, .h3 p i, .h3 p em, .h3 > * i, .h3 > * em { font-style: italic; } h4, .h4, .h4 p, .h4 > * { --mobile-font-size: 24; --desktop-font-size: 24; --xl-font-size: calc(var(--desktop-font-size) * var(--typography-multiplier)); font-size: clamp( calc(var(--mobile-font-size) * 1px), calc((var(--desktop-font-size) * 1vw) / 1440 * 100), calc(var(--xl-font-size) * 1px) ); font-family: var(--secondary-font); line-height: 1em; letter-spacing: 0.02em; font-weight: normal; font-style: normal; text-transform: none; } h4.alt, .h4.alt, .h4 p.alt, .h4 > *.alt { font-family: var(--tertiary-font); } h5, .h5, .h5 p, .h5 > * { --mobile-font-size: 18; --desktop-font-size: 18; --xl-font-size: calc(var(--desktop-font-size) * var(--typography-multiplier)); font-size: clamp( calc(var(--mobile-font-size) * 1px), calc((var(--desktop-font-size) * 1vw) / 1440 * 100), calc(var(--xl-font-size) * 1px) ); font-family: var(--main-font); line-height: 1.3em; letter-spacing: 0; font-weight: var(--medium); font-style: normal; text-transform: none; } h6, .h6, .h6 p, .caption, figcaption, .eyebrow, .underlined-link { --mobile-font-size: 10; --desktop-font-size: 10; --xl-font-size: calc(var(--desktop-font-size) * var(--typography-multiplier)); font-size: clamp( calc(var(--mobile-font-size) * 1px), calc((var(--desktop-font-size) * 1vw) / 1440 * 100), calc(var(--xl-font-size) * 1px) ); font-family: var(--mono-font); line-height: 1.3em; letter-spacing: 0.14em; font-weight: normal; font-style: normal; text-transform: uppercase; } h6 a, h6 em, h6 u, h6.text-link, .h6 a, .h6 em, .h6 u, .h6.text-link, .h6 p a, .h6 p em, .h6 p u, .h6 p.text-link, .caption a, .caption em, .caption u, .caption.text-link, figcaption a, figcaption em, figcaption u, figcaption.text-link, .eyebrow a, .eyebrow em, .eyebrow u, .eyebrow.text-link, .underlined-link a, .underlined-link em, .underlined-link u, .underlined-link.text-link { text-decoration: none !important; font-style: normal; border-bottom: 1px dashed currentColor; } h6 a:hover, h6 em:hover, h6 u:hover, h6.text-link:hover, .h6 a:hover, .h6 em:hover, .h6 u:hover, .h6.text-link:hover, .h6 p a:hover, .h6 p em:hover, .h6 p u:hover, .h6 p.text-link:hover, .caption a:hover, .caption em:hover, .caption u:hover, .caption.text-link:hover, figcaption a:hover, figcaption em:hover, figcaption u:hover, figcaption.text-link:hover, .eyebrow a:hover, .eyebrow em:hover, .eyebrow u:hover, .eyebrow.text-link:hover, .underlined-link a:hover, .underlined-link em:hover, .underlined-link u:hover, .underlined-link.text-link:hover { border-bottom: 1px solid currentColor; } .pdp-eyebrow { --mobile-font-size: 12; --desktop-font-size: 12; --xl-font-size: calc(var(--desktop-font-size) * var(--typography-multiplier)); font-size: clamp( calc(var(--mobile-font-size) * 1px), calc((var(--desktop-font-size) * 1vw) / 1440 * 100), calc(var(--xl-font-size) * 1px) ); font-family: var(--mono-font); line-height: 1.3em; letter-spacing: 0.14em; font-weight: normal; font-style: normal; text-transform: uppercase; } .pdp-eyebrow a, .pdp-eyebrow em, .pdp-eyebrow u, .pdp-eyebrow.text-link { text-decoration: none !important; font-style: normal; border-bottom: 1px dashed currentColor; } .pdp-eyebrow a:hover, .pdp-eyebrow em:hover, .pdp-eyebrow u:hover, .pdp-eyebrow.text-link:hover { border-bottom: 1px solid currentColor; } .smallcaps { --mobile-font-size: 8; --desktop-font-size: 8; --xl-font-size: calc(var(--desktop-font-size) * var(--typography-multiplier)); font-size: clamp( calc(var(--mobile-font-size) * 1px), calc((var(--desktop-font-size) * 1vw) / 1440 * 100), calc(var(--xl-font-size) * 1px) ); font-family: var(--mono-font); line-height: 1.3em; letter-spacing: 0.14em; font-weight: normal; font-style: normal; text-transform: uppercase; } .caps { --mobile-font-size: 10; --desktop-font-size: 10; --xl-font-size: calc(var(--desktop-font-size) * var(--typography-multiplier)); font-size: clamp( calc(var(--mobile-font-size) * 1px), calc((var(--desktop-font-size) * 1vw) / 1440 * 100), calc(var(--xl-font-size) * 1px) ); font-family: var(--mono-font); line-height: 1.3em; letter-spacing: 0.14em; font-weight: normal; font-style: normal; text-transform: uppercase; } .allcaps { --mobile-font-size: 12; --desktop-font-size: 12; --xl-font-size: calc(var(--desktop-font-size) * var(--typography-multiplier)); font-size: clamp( calc(var(--mobile-font-size) * 1px), calc((var(--desktop-font-size) * 1vw) / 1440 * 100), calc(var(--xl-font-size) * 1px) ); font-family: var(--mono-font); line-height: 1.3em; letter-spacing: 0.14em; font-weight: normal; font-style: normal; text-transform: uppercase; } p, .body, .body p, .body ul, .body ol { font-family: var(--main-font); font-size: 14px; line-height: 1.3em; letter-spacing: 0; font-weight: normal; font-style: normal; } p.large, .body-large, .body-large p, ul.large, .body-large, .body-large ul, ol.large, .body-large, .body-large ol { font-family: var(--main-font); font-size: 18px; line-height: 1.3em; letter-spacing: 0; font-weight: normal; font-style: normal; } .\!body-large, .\!body-large p, .\!body-large, .\!body-large ul, .\!body-large, .\!body-large ol { font-family: var(--main-font) !important; font-size: 18px !important; line-height: 1.3em !important; letter-spacing: 0 !important; font-weight: normal !important; font-style: normal !important; } p.body-medium, .body-medium p, ul.medium, .body-medium, .body-medium ul, ol.medium, .body-medium, .body-medium ol { font-family: var(--main-font); font-size: 16px; line-height: 1.3em; letter-spacing: 0; font-style: normal; } ul.\!medium, ol.\!medium { font-family: var(--main-font) !important; font-size: 16px !important; line-height: 1.3em !important; letter-spacing: 0 !important; font-style: normal !important; } p.small, s.small, .body-small, .body-small p, ul.small, .body-small, .body-small ul, ol.small, .body-small, .body-small ol { font-family: var(--main-font); font-size: 12px; line-height: 1.3em; letter-spacing: 0; font-weight: normal; font-style: normal; } p.tiny, .body-tiny, .body-tiny p, ul.tiny, .body-tiny, .body-tiny ul, ol.tiny, .body-tiny, .body-tiny ol { font-family: var(--main-font); font-size: 10px; line-height: 1.2em; letter-spacing: 0; font-weight: normal; font-style: normal; } blockquote, .blockquote { @extend .h4; } @media screen and (max-width: 768px) { /* change font sizes for at different screen sizes */ } strong, b, .bold { font-weight: var(--bold); } .\!bold { font-weight: var(--bold) !important; } strong, b, .medium { font-weight: var(--bold); } .\!medium { font-weight: var(--bold) !important; } a, button, .button, .link { cursor: pointer; } .\!button { cursor: pointer !important; } .\!link { cursor: pointer !important; } ::-moz-selection { color: var(--bg-color); background: var(--main-color); } ::selection { color: var(--bg-color); background: var(--main-color); } .animate-underline { display: inline !important; text-decoration: none; background-image: linear-gradient(currentColor, currentColor); background-position: 100% 100%; background-repeat: no-repeat; background-size: 0% 1px; transition: background-size var(--slow-speed); } .animate-underline.underlined { background: linear-gradient(currentColor, currentColor) 100% 100%/0% 1px no-repeat, linear-gradient(var(--hr-color), var(--hr-color)) 0% 100%/100% 1px no-repeat; } .animate-underline:hover, .group:hover .animate-underline { background-size: 100% 1px; background-position: 0% 100%; } .animate-underline:hover.underlined, .group:hover .animate-underline.underlined { background: linear-gradient(currentColor, currentColor) 0% 100%/100% 1px no-repeat, linear-gradient(var(--hr-color), var(--hr-color)) 0% 100%/100% 1px no-repeat; } .\!container { width: 100% !important; margin-right: auto !important; margin-left: auto !important; padding-right: 1rem !important; padding-left: 1rem !important; } .container { width: 100%; margin-right: auto; margin-left: auto; padding-right: 1rem; padding-left: 1rem; } @media (min-width: 450px) { .\!container { max-width: 450px !important; } .container { max-width: 450px; } } @media (min-width: 640px) { .\!container { max-width: 640px !important; padding-right: 1.5rem !important; padding-left: 1.5rem !important; } .container { max-width: 640px; padding-right: 1.5rem; padding-left: 1.5rem; } } @media (min-width: 768px) { .\!container { max-width: 768px !important; } .container { max-width: 768px; } } @media (min-width: 950px) { .\!container { max-width: 950px !important; } .container { max-width: 950px; } } @media (min-width: 1024px) { .\!container { max-width: 1024px !important; padding-right: 2rem !important; padding-left: 2rem !important; } .container { max-width: 1024px; padding-right: 2rem; padding-left: 2rem; } } @media (min-width: 1280px) { .\!container { max-width: 1280px !important; padding-right: 2rem !important; padding-left: 2rem !important; } .container { max-width: 1280px; padding-right: 2rem; padding-left: 2rem; } } @media (min-width: 1536px) { .\!container { max-width: 1536px !important; } .container { max-width: 1536px; } } @media (min-width: 1900px) { .\!container { max-width: 1900px !important; } .container { max-width: 1900px; } } .prose { color: var(--tw-prose-body); max-width: 65ch; } .prose :where(p):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 1.25em; margin-bottom: 1.25em; } .prose :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; } .prose :where(a):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: var(--tw-prose-links); text-decoration: underline; font-weight: 500; } .prose :where(strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: var(--tw-prose-bold); font-weight: 600; } .prose :where(a strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: inherit; } .prose :where(blockquote strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: inherit; } .prose :where(thead th strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: inherit; } .prose :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; } .prose :where(ol[type="A"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) { list-style-type: upper-alpha; } .prose :where(ol[type="a"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) { list-style-type: lower-alpha; } .prose :where(ol[type="A" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) { list-style-type: upper-alpha; } .prose :where(ol[type="a" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) { list-style-type: lower-alpha; } .prose :where(ol[type="I"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) { list-style-type: upper-roman; } .prose :where(ol[type="i"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) { list-style-type: lower-roman; } .prose :where(ol[type="I" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) { list-style-type: upper-roman; } .prose :where(ol[type="i" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) { list-style-type: lower-roman; } .prose :where(ol[type="1"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) { list-style-type: decimal; } .prose :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; } .prose :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *))::marker { font-weight: 400; color: var(--tw-prose-counters); } .prose :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *))::marker { color: var(--tw-prose-bullets); } .prose :where(dt):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: var(--tw-prose-headings); font-weight: 600; margin-top: 1.25em; } .prose :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; } .prose :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; } .prose :where(blockquote p:first-of-type):not(:where([class~="not-prose"],[class~="not-prose"] *))::before { content: open-quote; } .prose :where(blockquote p:last-of-type):not(:where([class~="not-prose"],[class~="not-prose"] *))::after { content: close-quote; } .prose :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; } .prose :where(h1 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) { font-weight: 900; color: inherit; } .prose :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; } .prose :where(h2 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) { font-weight: 800; color: inherit; } .prose :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; } .prose :where(h3 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) { font-weight: 700; color: inherit; } .prose :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; } .prose :where(h4 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) { font-weight: 700; color: inherit; } .prose :where(img):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 2em; margin-bottom: 2em; } .prose :where(picture):not(:where([class~="not-prose"],[class~="not-prose"] *)) { display: block; margin-top: 2em; margin-bottom: 2em; } .prose :where(video):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 2em; margin-bottom: 2em; } .prose :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 rgb(var(--tw-prose-kbd-shadows) / 10%), 0 3px 0 rgb(var(--tw-prose-kbd-shadows) / 10%); 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; } .prose :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: var(--tw-prose-code); font-weight: 600; font-size: 0.875em; } .prose :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))::before { content: "`"; } .prose :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))::after { content: "`"; } .prose :where(a code):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: inherit; } .prose :where(h1 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: inherit; } .prose :where(h2 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: inherit; font-size: 0.875em; } .prose :where(h3 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: inherit; font-size: 0.9em; } .prose :where(h4 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: inherit; } .prose :where(blockquote code):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: inherit; } .prose :where(thead th code):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: inherit; } .prose :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; } .prose :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; } .prose :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *))::before { content: none; } .prose :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *))::after { content: none; } .prose :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; } .prose :where(thead):not(:where([class~="not-prose"],[class~="not-prose"] *)) { border-bottom-width: 1px; border-bottom-color: var(--tw-prose-th-borders); } .prose :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; } .prose :where(tbody tr):not(:where([class~="not-prose"],[class~="not-prose"] *)) { border-bottom-width: 1px; border-bottom-color: var(--tw-prose-td-borders); } .prose :where(tbody tr:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { border-bottom-width: 0; } .prose :where(tbody td):not(:where([class~="not-prose"],[class~="not-prose"] *)) { vertical-align: baseline; } .prose :where(tfoot):not(:where([class~="not-prose"],[class~="not-prose"] *)) { border-top-width: 1px; border-top-color: var(--tw-prose-th-borders); } .prose :where(tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)) { vertical-align: top; } .prose :where(th, td):not(:where([class~="not-prose"],[class~="not-prose"] *)) { text-align: start; } .prose :where(figure > *):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0; margin-bottom: 0; } .prose :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; } .prose { --tw-prose-body: #374151; --tw-prose-headings: #111827; --tw-prose-lead: #4b5563; --tw-prose-links: #111827; --tw-prose-bold: #111827; --tw-prose-counters: #6b7280; --tw-prose-bullets: #d1d5db; --tw-prose-hr: #e5e7eb; --tw-prose-quotes: #111827; --tw-prose-quote-borders: #e5e7eb; --tw-prose-captions: #6b7280; --tw-prose-kbd: #111827; --tw-prose-kbd-shadows: 17 24 39; --tw-prose-code: #111827; --tw-prose-pre-code: #e5e7eb; --tw-prose-pre-bg: #1f2937; --tw-prose-th-borders: #d1d5db; --tw-prose-td-borders: #e5e7eb; --tw-prose-invert-body: #d1d5db; --tw-prose-invert-headings: #fff; --tw-prose-invert-lead: #9ca3af; --tw-prose-invert-links: #fff; --tw-prose-invert-bold: #fff; --tw-prose-invert-counters: #9ca3af; --tw-prose-invert-bullets: #4b5563; --tw-prose-invert-hr: #374151; --tw-prose-invert-quotes: #f3f4f6; --tw-prose-invert-quote-borders: #374151; --tw-prose-invert-captions: #9ca3af; --tw-prose-invert-kbd: #fff; --tw-prose-invert-kbd-shadows: 255 255 255; --tw-prose-invert-code: #fff; --tw-prose-invert-pre-code: #d1d5db; --tw-prose-invert-pre-bg: rgb(0 0 0 / 50%); --tw-prose-invert-th-borders: #4b5563; --tw-prose-invert-td-borders: #374151; font-size: 1rem; line-height: 1.75; } .prose :where(picture > img):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0; margin-bottom: 0; } .prose :where(li):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0.5em; margin-bottom: 0.5em; } .prose :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) { padding-inline-start: 0.375em; } .prose :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) { padding-inline-start: 0.375em; } .prose :where(.prose > ul > li p):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0.75em; margin-bottom: 0.75em; } .prose :where(.prose > ul > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 1.25em; } .prose :where(.prose > ul > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-bottom: 1.25em; } .prose :where(.prose > ol > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 1.25em; } .prose :where(.prose > ol > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-bottom: 1.25em; } .prose :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; } .prose :where(dl):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 1.25em; margin-bottom: 1.25em; } .prose :where(dd):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0.5em; padding-inline-start: 1.625em; } .prose :where(hr + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0; } .prose :where(h2 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0; } .prose :where(h3 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0; } .prose :where(h4 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0; } .prose :where(thead th:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { padding-inline-start: 0; } .prose :where(thead th:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { padding-inline-end: 0; } .prose :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; } .prose :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { padding-inline-start: 0; } .prose :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { padding-inline-end: 0; } .prose :where(figure):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 2em; margin-bottom: 2em; } .prose :where(.prose > :first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0; } .prose :where(.prose > :last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-bottom: 0; } .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; } .pointer-events-none { pointer-events: none; } .\!pointer-events-auto { pointer-events: auto !important; } .pointer-events-auto { pointer-events: auto; } .\!visible { visibility: visible !important; } .visible { visibility: visible; } .invisible { visibility: hidden; } .collapse { visibility: collapse; } .static { position: static; } .fixed { position: fixed; } .\!absolute { position: absolute !important; } .absolute { position: absolute; } .relative { position: relative; } .sticky { position: sticky; } .inset-0 { inset: 0px; } .inset-x-0 { left: 0px; right: 0px; } .inset-y-0 { top: 0px; bottom: 0px; } .\!top-\[unset\] { top: unset !important; } .\!top-header-height { top: var(--header-height) !important; } .-bottom-2 { bottom: -0.5rem; } .-bottom-\[1px\] { bottom: -1px; } .-left-2 { left: -0.5rem; } .-right-2 { right: -0.5rem; } .-right-\[11px\] { right: -11px; } .-right-\[6px\] { right: -6px; } .-top-2 { top: -0.5rem; } .-top-4 { top: -1rem; } .-top-5 { top: -1.25rem; } .-top-6 { top: -1.5rem; } .-top-\[\.55rem\] { top: -.55rem; } .-top-\[4px\] { top: -4px; } .-top-\[calc\(var\(--header-height\)\+var\(--site-margins\)\)\] { top: calc(calc(var(--header-height) + var(--site-margins)) * -1); } .-top-margin { top: calc(var(--site-margins) * -1); } .bottom-0 { bottom: 0px; } .bottom-12 { bottom: 3rem; } .bottom-2 { bottom: 0.5rem; } .bottom-\[-1px\] { bottom: -1px; } .bottom-\[\.15em\] { bottom: .15em; } .bottom-\[10px\] { bottom: 10px; } .bottom-\[60px\] { bottom: 60px; } .bottom-\[calc\(100\%\+4px\)\] { bottom: calc(100% + 4px); } .bottom-full { bottom: 100%; } .bottom-gutter { bottom: var(--site-gutters); } .end-0 { inset-inline-end: 0px; } .left-0 { left: 0px; } .left-1\/2 { left: 50%; } .left-2 { left: 0.5rem; } .left-4 { left: 1rem; } .left-\[-\.35em\] { left: -.35em; } .left-\[10px\] { left: 10px; } .left-\[2px\] { left: 2px; } .left-\[calc\(100\%\+var\(--site-gutters\)\)\] { left: calc(100% + var(--site-gutters)); } .left-\[calc\(100\%-1px\)\] { left: calc(100% - 1px); } .left-auto { left: auto; } .left-full { left: 100%; } .left-half-gutter { left: calc(var(--site-gutters) / 2); } .left-margin { left: var(--site-margins); } .right-0 { right: 0px; } .right-2 { right: 0.5rem; } .right-3 { right: 0.75rem; } .right-4 { right: 1rem; } .right-\[-\.4em\] { right: -.4em; } .right-\[-1px\] { right: -1px; } .right-\[2px\] { right: 2px; } .right-\[calc\(100\%\+var\(--site-gutters\)\)\] { right: calc(100% + var(--site-gutters)); } .right-\[calc\(100\%-1px\)\] { right: calc(100% - 1px); } .right-gutter { right: var(--site-gutters); } .right-half-gutter { right: calc(var(--site-gutters) / 2); } .right-margin { right: var(--site-margins); } .start-1 { inset-inline-start: 0.25rem; } .top-0 { top: 0px; } .top-1\.5 { top: 0.375rem; } .top-1\/2 { top: 50%; } .top-12 { top: 3rem; } .top-2 { top: 0.5rem; } .top-4 { top: 1rem; } .top-8 { top: 2rem; } .top-\[-2px\] { top: -2px; } .top-\[\.25em\] { top: .25em; } .top-\[\.5px\] { top: .5px; } .top-\[1px\] { top: 1px; } .top-\[20\%\] { top: 20%; } .top-\[calc\(100\%\+10px\)\] { top: calc(100% + 10px); } .top-\[calc\(100\%\+4px\)\] { top: calc(100% + 4px); } .top-\[calc\(100\%\+6px\)\] { top: calc(100% + 6px); } .top-\[calc\(var\(--vertical-spacing\)\*-1-var\(--header-height\)\+2px\)\] { top: calc(var(--vertical-spacing) * -1 - var(--header-height) + 2px); } .top-\[var\(--header-height\)\] { top: var(--header-height); } .top-\[var\(--top-value\)\] { top: var(--top-value); } .top-full { top: 100%; } .top-header-height { top: var(--header-height); } .top-sticky-top { top: var(--sticky-top); } .top-v-space-sm { top: var(--vertical-spacing-small); } .\!z-40 { z-index: 40 !important; } .z-1 { z-index: 1; } .z-10 { z-index: 10; } .z-2 { z-index: 2; } .z-20 { z-index: 20; } .z-3 { z-index: 3; } .z-30 { z-index: 30; } .z-4 { z-index: 4; } .z-40 { z-index: 40; } .z-5 { z-index: 5; } .z-50 { z-index: 50; } .z-6 { z-index: 6; } .z-\[7\] { z-index: 7; } .z-\[999\] { z-index: 999; } .z-top { z-index: 999; } .order-1 { -ms-flex-order: 1; order: 1; } .order-2 { -ms-flex-order: 2; order: 2; } .order-3 { -ms-flex-order: 3; order: 3; } .col-span-2 { -ms-grid-column-span: 2; -ms-grid-column: span 2; grid-column: span 2 / span 2; } .col-span-3 { -ms-grid-column-span: 3; -ms-grid-column: span 3; grid-column: span 3 / span 3; } .col-span-4 { -ms-grid-column-span: 4; -ms-grid-column: span 4; grid-column: span 4 / span 4; } .col-span-9 { -ms-grid-column-span: 9; -ms-grid-column: span 9; grid-column: span 9 / span 9; } .col-span-full { grid-column: 1 / -1; } .col-start-10 { -ms-grid-column: 10; grid-column-start: 10; } .col-start-2 { -ms-grid-column: 2; grid-column-start: 2; } .col-start-4 { -ms-grid-column: 4; grid-column-start: 4; } .-m-2 { margin: -0.5rem; } .-m-gutter { margin: calc(var(--site-gutters) * -1); } .-m-margin { margin: calc(var(--site-margins) * -1); } .m-0 { margin: 0px; } .m-auto { margin: auto; } .-mx-\[25\%\] { margin-left: -25%; margin-right: -25%; } .-mx-\[70\%\] { margin-left: -70%; margin-right: -70%; } .-mx-gutter { margin-left: calc(var(--site-gutters) * -1); margin-right: calc(var(--site-gutters) * -1); } .-mx-half-gutter { margin-left: calc(calc(var(--site-gutters) / 2) * -1); margin-right: calc(calc(var(--site-gutters) / 2) * -1); } .-mx-margin { margin-left: calc(var(--site-margins) * -1); margin-right: calc(var(--site-margins) * -1); } .mx-1 { margin-left: 0.25rem; margin-right: 0.25rem; } .mx-2 { margin-left: 0.5rem; margin-right: 0.5rem; } .mx-4 { margin-left: 1rem; margin-right: 1rem; } .mx-\[calc\(11px\+var\(--site-margins\)\)\] { margin-left: calc(11px + var(--site-margins)); margin-right: calc(11px + var(--site-margins)); } .mx-auto { margin-left: auto; margin-right: auto; } .mx-gutter { margin-left: var(--site-gutters); margin-right: var(--site-gutters); } .mx-margin { margin-left: var(--site-margins); margin-right: var(--site-margins); } .my-1 { margin-top: 0.25rem; margin-bottom: 0.25rem; } .my-2 { margin-top: 0.5rem; margin-bottom: 0.5rem; } .my-4 { margin-top: 1rem; margin-bottom: 1rem; } .my-5 { margin-top: 1.25rem; margin-bottom: 1.25rem; } .my-8 { margin-top: 2rem; margin-bottom: 2rem; } .my-\[20px\] { margin-top: 20px; margin-bottom: 20px; } .-mb-1 { margin-bottom: -0.25rem; } .-mb-2 { margin-bottom: -0.5rem; } .-mb-\[\.2em\] { margin-bottom: -.2em; } .-mb-\[1px\] { margin-bottom: -1px; } .-ml-\[120px\] { margin-left: -120px; } .-ml-\[16px\] { margin-left: -16px; } .-ml-\[180px\] { margin-left: -180px; } .-ml-\[200px\] { margin-left: -200px; } .-ml-\[20px\] { margin-left: -20px; } .-ml-\[22px\] { margin-left: -22px; } .-ml-\[2px\] { margin-left: -2px; } .-ml-\[70px\] { margin-left: -70px; } .-ml-\[85px\] { margin-left: -85px; } .-ml-\[calc\(var\(--site-margins\)\+5px\)\] { margin-left: calc(calc(var(--site-margins) + 5px) * -1); } .-mr-\[2px\] { margin-right: -2px; } .-mt-2 { margin-top: -0.5rem; } .-mt-4 { margin-top: -1rem; } .-mt-\[\.15em\] { margin-top: -.15em; } .-mt-\[\.1em\] { margin-top: -.1em; } .-mt-\[1px\] { margin-top: -1px; } .-mt-\[2px\] { margin-top: -2px; } .-mt-\[33px\] { margin-top: -33px; } .-mt-\[8px\] { margin-top: -8px; } .-mt-v-space-sm { margin-top: calc(var(--vertical-spacing-small) * -1); } .mb-0 { margin-bottom: 0px; } .mb-1 { margin-bottom: 0.25rem; } .mb-10 { margin-bottom: 2.5rem; } .mb-2 { margin-bottom: 0.5rem; } .mb-3 { margin-bottom: 0.75rem; } .mb-4 { margin-bottom: 1rem; } .mb-5 { margin-bottom: 1.25rem; } .mb-6 { margin-bottom: 1.5rem; } .mb-7 { margin-bottom: 1.75rem; } .mb-8 { margin-bottom: 2rem; } .mb-9 { margin-bottom: 2.25rem; } .mb-\[\.45em\] { margin-bottom: .45em; } .mb-\[\.62rem\] { margin-bottom: .62rem; } .mb-\[1\.3em\] { margin-bottom: 1.3em; } .mb-\[10px\] { margin-bottom: 10px; } .mb-\[20px\] { margin-bottom: 20px; } .mb-\[3\.75rem\] { margin-bottom: 3.75rem; } .mb-\[30px\] { margin-bottom: 30px; } .mb-gutter { margin-bottom: var(--site-gutters); } .mb-margin { margin-bottom: var(--site-margins); } .mb-v-space { margin-bottom: var(--vertical-spacing); } .mb-v-space-lg { margin-bottom: var(--vertical-spacing-large); } .mb-v-space-sm { margin-bottom: var(--vertical-spacing-small); } .ml-1 { margin-left: 0.25rem; } .ml-2 { margin-left: 0.5rem; } .ml-3 { margin-left: 0.75rem; } .ml-4 { margin-left: 1rem; } .ml-8 { margin-left: 2rem; } .ml-\[14px\] { margin-left: 14px; } .ml-\[6px\] { margin-left: 6px; } .ml-auto { margin-left: auto; } .mr-1 { margin-right: 0.25rem; } .mr-2 { margin-right: 0.5rem; } .mr-3 { margin-right: 0.75rem; } .mr-4 { margin-right: 1rem; } .mt-0\.5 { margin-top: 0.125rem; } .mt-1 { margin-top: 0.25rem; } .mt-10 { margin-top: 2.5rem; } .mt-12 { margin-top: 3rem; } .mt-2 { margin-top: 0.5rem; } .mt-24 { margin-top: 6rem; } .mt-3 { margin-top: 0.75rem; } .mt-4 { margin-top: 1rem; } .mt-5 { margin-top: 1.25rem; } .mt-6 { margin-top: 1.5rem; } .mt-7 { margin-top: 1.75rem; } .mt-8 { margin-top: 2rem; } .mt-9 { margin-top: 2.25rem; } .mt-\[-1px\] { margin-top: -1px; } .mt-\[\.24em\] { margin-top: .24em; } .mt-\[10px\] { margin-top: 10px; } .mt-\[20px\] { margin-top: 20px; } .mt-\[var\(--vertical-gap\)\] { margin-top: var(--vertical-gap); } .mt-auto { margin-top: auto; } .mt-gutter { margin-top: var(--site-gutters); } .mt-margin { margin-top: var(--site-margins); } .mt-v-space-sm { margin-top: var(--vertical-spacing-small); } .\!block { display: block !important; } .block { display: block; } .inline-block { display: inline-block; } .inline { display: inline; } .flex { display: -ms-flexbox; display: flex; } .inline-flex { display: -ms-inline-flexbox; display: inline-flex; } .table { display: table; } .table-cell { display: table-cell; } .table-row { display: table-row; } .\!grid { display: -ms-grid !important; display: grid !important; } .grid { display: -ms-grid; display: grid; } .contents { display: contents; } .\!hidden { display: none !important; } .hidden { display: none; } .aspect-2\/3 { aspect-ratio: 2 / 3; } .aspect-3\/2 { aspect-ratio: 3 / 2; } .aspect-3\/4 { aspect-ratio: 3 / 4; } .aspect-4\/3 { aspect-ratio: 4 / 3; } .aspect-\[4\/5\] { aspect-ratio: 4/5; } .aspect-\[5\/4\] { aspect-ratio: 5/4; } .aspect-\[8\] { aspect-ratio: 8; } .aspect-\[var\(--aspect\)\] { aspect-ratio: var(--aspect); } .aspect-square { aspect-ratio: 1 / 1; } .\!h-full { height: 100% !important; } .h-0 { height: 0px; } .h-1 { height: 0.25rem; } .h-1\.5 { height: 0.375rem; } .h-10 { height: 2.5rem; } .h-11 { height: 2.75rem; } .h-12 { height: 3rem; } .h-16 { height: 4rem; } .h-2 { height: 0.5rem; } .h-20 { height: 5rem; } .h-3 { height: 0.75rem; } .h-4 { height: 1rem; } .h-5 { height: 1.25rem; } .h-6 { height: 1.5rem; } .h-7 { height: 1.75rem; } .h-8 { height: 2rem; } .h-9 { height: 2.25rem; } .h-\[\.4em\] { height: .4em; } .h-\[0\.125rem\] { height: 0.125rem; } .h-\[0px\] { height: 0px; } .h-\[1\.1em\] { height: 1.1em; } .h-\[1\.3125rem\] { height: 1.3125rem; } .h-\[1\.5em\] { height: 1.5em; } .h-\[10px\] { height: 10px; } .h-\[11px\] { height: 11px; } .h-\[122px\] { height: 122px; } .h-\[12px\] { height: 12px; } .h-\[13px\] { height: 13px; } .h-\[14px\] { height: 14px; } .h-\[15\.59px\] { height: 15.59px; } .h-\[15px\] { height: 15px; } .h-\[17px\] { height: 17px; } .h-\[1em\] { height: 1em; } .h-\[1px\] { height: 1px; } .h-\[24px\] { height: 24px; } .h-\[25px\] { height: 25px; } .h-\[26px\] { height: 26px; } .h-\[2px\] { height: 2px; } .h-\[30\%\] { height: 30%; } .h-\[30px\] { height: 30px; } .h-\[32px\] { height: 32px; } .h-\[34px\] { height: 34px; } .h-\[35px\] { height: 35px; } .h-\[36px\] { height: 36px; } .h-\[400px\] { height: 400px; } .h-\[40px\] { height: 40px; } .h-\[46px\] { height: 46px; } .h-\[50px\] { height: 50px; } .h-\[50vh\] { height: 50vh; } .h-\[52px\] { height: 52px; } .h-\[57px\] { height: 57px; } .h-\[66px\] { height: 66px; } .h-\[66vw\] { height: 66vw; } .h-\[68px\] { height: 68px; } .h-\[6px\] { height: 6px; } .h-\[80vh\] { height: 80vh; } .h-\[8px\] { height: 8px; } .h-\[98px\] { height: 98px; } .h-\[calc\(100\%\+1px\)\] { height: calc(100% + 1px); } .h-\[calc\(100\*var\(--vh\)-var\(--header-height\)\)\] { height: calc(100 * var(--vh) - var(--header-height)); } .h-\[calc\(100vh-86px\)\] { height: calc(100vh - 86px); } .h-\[calc\(var\(--header-height\)\+var\(--site-margins\)\)\] { height: calc(var(--header-height) + var(--site-margins)); } .h-\[calc\(var\(--header-height\)-1px\)\] { height: calc(var(--header-height) - 1px); } .h-\[var\(--input-height\)\] { height: var(--input-height); } .h-auto { height: auto; } .h-full { height: 100%; } .h-header-height { height: var(--header-height); } .h-screen { height: 100vh; } .h-svh { height: 100svh; } .h-v-space-sm { height: var(--vertical-spacing-small); } .max-h-0 { max-height: 0px; } .max-h-44 { max-height: 11rem; } .max-h-48 { max-height: 12rem; } .max-h-\[100px\] { max-height: 100px; } .max-h-\[15\.59px\] { max-height: 15.59px; } .max-h-\[500px\] { max-height: 500px; } .max-h-\[75px\] { max-height: 75px; } .max-h-\[80vh\] { max-height: 80vh; } .max-h-\[90vh\] { max-height: 90vh; } .min-h-0 { min-height: 0px; } .min-h-\[110px\] { min-height: 110px; } .min-h-\[140px\] { min-height: 140px; } .min-h-\[300px\] { min-height: 300px; } .min-h-\[32px\] { min-height: 32px; } .min-h-\[400px\] { min-height: 400px; } .min-h-\[40px\] { min-height: 40px; } .min-h-\[75vw\] { min-height: 75vw; } .min-h-\[calc\(100\*var\(--vh\)-var\(--full-header-height\)\)\] { min-height: calc(100 * var(--vh) - var(--full-header-height)); } .min-h-\[var\(--header-banner-height\)\] { min-height: var(--header-banner-height); } .min-h-full { min-height: 100%; } .min-h-max { min-height: -moz-max-content; min-height: max-content; } .min-h-screen { min-height: 100vh; } .min-h-screen-height { min-height: calc(100 * var(--vh)); } .min-h-screen-medium { min-height: 75vh; } .min-h-screen-small { min-height: 50vh; } .\!w-\[\.45em\] { width: .45em !important; } .\!w-auto { width: auto !important; } .\!w-full { width: 100% !important; } .w-0 { width: 0px; } .w-1 { width: 0.25rem; } .w-1\.5 { width: 0.375rem; } .w-1\/2 { width: 50%; } .w-1\/3 { width: 33.333333%; } .w-10 { width: 2.5rem; } .w-11 { width: 2.75rem; } .w-12 { width: 3rem; } .w-16 { width: 4rem; } .w-2 { width: 0.5rem; } .w-2\/3 { width: 66.666667%; } .w-20 { width: 5rem; } .w-24 { width: 6rem; } .w-28 { width: 7rem; } .w-3 { width: 0.75rem; } .w-3\/4 { width: 75%; } .w-32 { width: 8rem; } .w-36 { width: 9rem; } .w-4 { width: 1rem; } .w-40 { width: 10rem; } .w-48 { width: 12rem; } .w-5 { width: 1.25rem; } .w-6 { width: 1.5rem; } .w-64 { width: 16rem; } .w-8 { width: 2rem; } .w-\[\.4em\] { width: .4em; } .w-\[10px\] { width: 10px; } .w-\[11px\] { width: 11px; } .w-\[120px\] { width: 120px; } .w-\[12px\] { width: 12px; } .w-\[135px\] { width: 135px; } .w-\[140px\] { width: 140px; } .w-\[145px\] { width: 145px; } .w-\[14px\] { width: 14px; } .w-\[15px\] { width: 15px; } .w-\[160px\] { width: 160px; } .w-\[16px\] { width: 16px; } .w-\[170px\] { width: 170px; } .w-\[17px\] { width: 17px; } .w-\[194px\] { width: 194px; } .w-\[19px\] { width: 19px; } .w-\[1px\] { width: 1px; } .w-\[200\%\] { width: 200%; } .w-\[200px\] { width: 200px; } .w-\[20px\] { width: 20px; } .w-\[24px\] { width: 24px; } .w-\[251px\] { width: 251px; } .w-\[25px\] { width: 25px; } .w-\[260px\] { width: 260px; } .w-\[300px\] { width: 300px; } .w-\[30px\] { width: 30px; } .w-\[31px\] { width: 31px; } .w-\[35px\] { width: 35px; } .w-\[36px\] { width: 36px; } .w-\[38px\] { width: 38px; } .w-\[40\%\] { width: 40%; } .w-\[40px\] { width: 40px; } .w-\[44px\] { width: 44px; } .w-\[46px\] { width: 46px; } .w-\[50px\] { width: 50px; } .w-\[60px\] { width: 60px; } .w-\[6px\] { width: 6px; } .w-\[70px\] { width: 70px; } .w-\[78px\] { width: 78px; } .w-\[7px\] { width: 7px; } .w-\[80px\] { width: 80px; } .w-\[84px\] { width: 84px; } .w-\[86px\] { width: 86px; } .w-\[8px\] { width: 8px; } .w-\[94px\] { width: 94px; } .w-\[98px\] { width: 98px; } .w-\[9px\] { width: 9px; } .w-\[var\(--icon-size\)\] { width: var(--icon-size); } .w-\[var\(--input-height\)\] { width: var(--input-height); } .w-\[var\(--mobile-cols\)\] { width: var(--mobile-cols); } .w-\[var\(--progress-w\)\] { width: var(--progress-w); } .w-auto { width: auto; } .w-fit { width: -moz-fit-content; width: fit-content; } .w-full { width: 100%; } .w-max { width: -moz-max-content; width: max-content; } .min-w-0 { min-width: 0px; } .min-w-20 { min-width: 5rem; } .min-w-\[100px\] { min-width: 100px; } .min-w-\[120px\] { min-width: 120px; } .min-w-\[140px\] { min-width: 140px; } .min-w-\[180px\] { min-width: 180px; } .min-w-\[1px\] { min-width: 1px; } .min-w-\[22rem\] { min-width: 22rem; } .min-w-\[23px\] { min-width: 23px; } .min-w-\[26px\] { min-width: 26px; } .min-w-\[40px\] { min-width: 40px; } .\!max-w-none { max-width: none !important; } .max-w-24 { max-width: 6rem; } .max-w-2xl { max-width: 42rem; } .max-w-32 { max-width: 8rem; } .max-w-4xl { max-width: 56rem; } .max-w-80 { max-width: 20rem; } .max-w-\[10em\] { max-width: 10em; } .max-w-\[120px\] { max-width: 120px; } .max-w-\[12em\] { max-width: 12em; } .max-w-\[14em\] { max-width: 14em; } .max-w-\[1500px\] { max-width: 1500px; } .max-w-\[1600px\] { max-width: 1600px; } .max-w-\[17em\] { max-width: 17em; } .max-w-\[18rem\] { max-width: 18rem; } .max-w-\[1px\] { max-width: 1px; } .max-w-\[20em\] { max-width: 20em; } .max-w-\[220px\] { max-width: 220px; } .max-w-\[22em\] { max-width: 22em; } .max-w-\[24em\] { max-width: 24em; } .max-w-\[250px\] { max-width: 250px; } .max-w-\[260px\] { max-width: 260px; } .max-w-\[26em\] { max-width: 26em; } .max-w-\[30em\] { max-width: 30em; } .max-w-\[316px\] { max-width: 316px; } .max-w-\[350px\] { max-width: 350px; } .max-w-\[400px\] { max-width: 400px; } .max-w-\[40px\] { max-width: 40px; } .max-w-\[42em\] { max-width: 42em; } .max-w-\[450px\] { max-width: 450px; } .max-w-\[455px\] { max-width: 455px; } .max-w-\[600px\] { max-width: 600px; } .max-w-\[690px\] { max-width: 690px; } .max-w-\[700px\] { max-width: 700px; } .max-w-\[900px\] { max-width: 900px; } .max-w-\[9em\] { max-width: 9em; } .max-w-\[calc\(\(100\%\/2\.1\)-1rem\)\] { max-width: calc((100% / 2.1) - 1rem); } .max-w-\[var\(--icon-size\)\] { max-width: var(--icon-size); } .max-w-\[var\(--max-w\)\] { max-width: var(--max-w); } .max-w-\[var\(--max-width\)\] { max-width: var(--max-width); } .max-w-\[var\(--text-max-w\)\] { max-width: var(--text-max-w); } .max-w-fit { max-width: -moz-fit-content; max-width: fit-content; } .max-w-full { max-width: 100%; } .max-w-md { max-width: 28rem; } .max-w-screen-lg { max-width: 1024px; } .max-w-site-narrow-w { max-width: 1440px; } .max-w-sm { max-width: 24rem; } .max-w-xl { max-width: 36rem; } .flex-1 { -ms-flex: 1 1 0%; flex: 1 1 0%; } .flex-none { -ms-flex: none; flex: none; } .flex-shrink { -ms-flex-negative: 1; flex-shrink: 1; } .flex-shrink-0 { -ms-flex-negative: 0; flex-shrink: 0; } .shrink { -ms-flex-negative: 1; flex-shrink: 1; } .shrink-0 { -ms-flex-negative: 0; flex-shrink: 0; } .flex-grow { -ms-flex-positive: 1; flex-grow: 1; } .grow { -ms-flex-positive: 1; flex-grow: 1; } .grow-0 { -ms-flex-positive: 0; flex-grow: 0; } .border-collapse { border-collapse: collapse; } .origin-\[0\] { transform-origin: 0; } .\!translate-x-0 { --tw-translate-x: 0px !important; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important; } .-translate-x-1\/2 { --tw-translate-x: -50%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .-translate-x-full { --tw-translate-x: -100%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .-translate-y-1\/2 { --tw-translate-y: -50%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .-translate-y-4 { --tw-translate-y: -1rem; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .-translate-y-\[101\%\] { --tw-translate-y: -101%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .-translate-y-\[111\%\] { --tw-translate-y: -111%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .-translate-y-full { --tw-translate-y: -100%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .translate-x-0 { --tw-translate-x: 0px; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .translate-x-1 { --tw-translate-x: 0.25rem; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .translate-x-5 { --tw-translate-x: 1.25rem; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .translate-x-full { --tw-translate-x: 100%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .translate-y-3 { --tw-translate-y: 0.75rem; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .translate-y-full { --tw-translate-y: 100%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .-rotate-90 { --tw-rotate: -90deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .rotate-180 { --tw-rotate: 180deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .rotate-45 { --tw-rotate: 45deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .rotate-90 { --tw-rotate: 90deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .scale-75 { --tw-scale-x: .75; --tw-scale-y: .75; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .transform { transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .\!transform-none { transform: none !important; } .transform-none { transform: none; } @keyframes bounce { 0%, 100% { transform: translateY(-25%); animation-timing-function: cubic-bezier(0.8,0,1,1); } 50% { transform: none; animation-timing-function: cubic-bezier(0,0,0.2,1); } } .animate-bounce { animation: bounce 1s infinite; } @keyframes dot-bounce { 0%, 100% { opacity: 0; } 50% { opacity: 1; } } .animate-dot-bounce { animation: dot-bounce 1.5s infinite; } @keyframes fadeIn { 0% { opacity: 0; transform: translateY(-4px); } 100% { opacity: 1; transform: translateY(0); } } .animate-fade-in { animation: fadeIn 0.2s ease-in-out; } @keyframes pulse { 50% { opacity: .5; } } .animate-pulse { animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite; } @keyframes spin { to { transform: rotate(360deg); } } .animate-spin { animation: spin 1s linear infinite; } .cursor-auto { cursor: auto; } .cursor-default { cursor: default; } .cursor-not-allowed { cursor: not-allowed; } .cursor-pointer { cursor: pointer; } .resize { resize: both; } .snap-x { -ms-scroll-snap-type: x var(--tw-scroll-snap-strictness); scroll-snap-type: x var(--tw-scroll-snap-strictness); } .snap-start { scroll-snap-align: start; } .scroll-pl-6 { scroll-padding-left: 1.5rem; } .list-disc { list-style-type: disc; } .appearance-none { -moz-appearance: none; appearance: none; } .grid-flow-row { grid-auto-flow: row; } .grid-cols-1 { -ms-grid-columns: (minmax(0, 1fr))[1]; grid-template-columns: repeat(1, minmax(0, 1fr)); } .grid-cols-12 { -ms-grid-columns: (minmax(0, 1fr))[12]; grid-template-columns: repeat(12, minmax(0, 1fr)); } .grid-cols-2 { -ms-grid-columns: (minmax(0, 1fr))[2]; grid-template-columns: repeat(2, minmax(0, 1fr)); } .grid-cols-3 { -ms-grid-columns: (minmax(0, 1fr))[3]; grid-template-columns: repeat(3, minmax(0, 1fr)); } .grid-cols-4 { -ms-grid-columns: (minmax(0, 1fr))[4]; grid-template-columns: repeat(4, minmax(0, 1fr)); } .grid-cols-5 { -ms-grid-columns: (minmax(0, 1fr))[5]; grid-template-columns: repeat(5, minmax(0, 1fr)); } .grid-cols-6 { -ms-grid-columns: (minmax(0, 1fr))[6]; grid-template-columns: repeat(6, minmax(0, 1fr)); } .grid-cols-7 { -ms-grid-columns: (minmax(0, 1fr))[7]; grid-template-columns: repeat(7, minmax(0, 1fr)); } .grid-cols-\[1fr_1fr\] { -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; } .grid-rows-\[1fr\] { -ms-grid-rows: 1fr; grid-template-rows: 1fr; } .\!flex-row { -ms-flex-direction: row !important; flex-direction: row !important; } .flex-row { -ms-flex-direction: row; flex-direction: row; } .flex-col { -ms-flex-direction: column; flex-direction: column; } .flex-wrap { -ms-flex-wrap: wrap; flex-wrap: wrap; } .flex-nowrap { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .content-stretch { -ms-flex-line-pack: stretch; align-content: stretch; } .items-start { -ms-flex-align: start; align-items: flex-start; } .items-end { -ms-flex-align: end; align-items: flex-end; } .items-center { -ms-flex-align: center; align-items: center; } .items-baseline { -ms-flex-align: baseline; align-items: baseline; } .items-stretch { -ms-flex-align: stretch; align-items: stretch; } .justify-start { -ms-flex-pack: start; justify-content: flex-start; } .\!justify-end { -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-end { -ms-flex-pack: end; justify-content: flex-end; } .justify-center { -ms-flex-pack: center; justify-content: center; } .justify-between { -ms-flex-pack: justify; justify-content: space-between; } .justify-stretch { -ms-flex-pack: stretch; justify-content: stretch; } .gap-0 { gap: 0px; } .gap-1 { gap: 0.25rem; } .gap-1\.5 { gap: 0.375rem; } .gap-10 { gap: 2.5rem; } .gap-16 { gap: 4rem; } .gap-2 { gap: 0.5rem; } .gap-2\.5 { gap: 0.625rem; } .gap-3 { gap: 0.75rem; } .gap-4 { gap: 1rem; } .gap-5 { gap: 1.25rem; } .gap-6 { gap: 1.5rem; } .gap-7 { gap: 1.75rem; } .gap-8 { gap: 2rem; } .gap-9 { gap: 2.25rem; } .gap-\[\.333em\] { gap: .333em; } .gap-\[\.33rem\] { gap: .33rem; } .gap-\[\.62rem\] { gap: .62rem; } .gap-\[\.63rem\] { gap: .63rem; } .gap-\[\.91rem\] { gap: .91rem; } .gap-\[0\.625rem\] { gap: 0.625rem; } .gap-\[1\.12rem\] { gap: 1.12rem; } .gap-\[10px\] { gap: 10px; } .gap-\[2px\] { gap: 2px; } .gap-\[3\.75rem\] { gap: 3.75rem; } .gap-\[7px\] { gap: 7px; } .gap-\[calc\(var\(--site-gutters\)\*2\+1px\)\] { gap: calc(var(--site-gutters) * 2 + 1px); } .gap-\[var\(--vertical-gap\)\] { gap: var(--vertical-gap); } .gap-gutter { gap: var(--site-gutters); } .gap-v-space-sm { gap: var(--vertical-spacing-small); } .gap-x-1 { column-gap: 0.25rem; } .gap-x-2 { column-gap: 0.5rem; } .gap-x-3 { column-gap: 0.75rem; } .gap-x-4 { column-gap: 1rem; } .gap-x-6 { column-gap: 1.5rem; } .gap-x-8 { column-gap: 2rem; } .gap-x-\[calc\(var\(--site-gutters\)\*2\+1px\)\] { column-gap: calc(var(--site-gutters) * 2 + 1px); } .gap-x-\[calc\(var\(--site-gutters\)\*2-1px\)\] { column-gap: calc(var(--site-gutters) * 2 - 1px); } .gap-x-gutter { column-gap: var(--site-gutters); } .gap-x-v-space-sm { column-gap: var(--vertical-spacing-small); } .gap-y-1 { row-gap: 0.25rem; } .gap-y-2 { row-gap: 0.5rem; } .gap-y-4 { row-gap: 1rem; } .gap-y-5 { row-gap: 1.25rem; } .gap-y-6 { row-gap: 1.5rem; } .gap-y-8 { row-gap: 2rem; } .gap-y-gutter { row-gap: var(--site-gutters); } .gap-y-margin { row-gap: var(--site-margins); } .gap-y-v-space { row-gap: var(--vertical-spacing); } .gap-y-v-space-sm { row-gap: var(--vertical-spacing-small); } .space-x-1 > :not([hidden]) ~ :not([hidden]) { --tw-space-x-reverse: 0; margin-right: calc(0.25rem * var(--tw-space-x-reverse)); margin-left: calc(0.25rem * calc(1 - var(--tw-space-x-reverse))); } .space-x-2 > :not([hidden]) ~ :not([hidden]) { --tw-space-x-reverse: 0; margin-right: calc(0.5rem * var(--tw-space-x-reverse)); margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse))); } .space-x-4 > :not([hidden]) ~ :not([hidden]) { --tw-space-x-reverse: 0; margin-right: calc(1rem * var(--tw-space-x-reverse)); margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse))); } .space-y-1 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(0.25rem * var(--tw-space-y-reverse)); } .space-y-2 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(0.5rem * var(--tw-space-y-reverse)); } .space-y-3 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(0.75rem * var(--tw-space-y-reverse)); } .space-y-4 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(1rem * var(--tw-space-y-reverse)); } .space-y-5 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(1.25rem * var(--tw-space-y-reverse)); } .space-y-6 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(1.5rem * var(--tw-space-y-reverse)); } .space-y-8 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(2rem * var(--tw-space-y-reverse)); } .divide-x > :not([hidden]) ~ :not([hidden]) { --tw-divide-x-reverse: 0; border-right-width: calc(1px * var(--tw-divide-x-reverse)); border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse))); } .divide-y > :not([hidden]) ~ :not([hidden]) { --tw-divide-y-reverse: 0; border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))); border-bottom-width: calc(1px * var(--tw-divide-y-reverse)); } .divide-hr-color > :not([hidden]) ~ :not([hidden]) { border-color: var(--hr-color); } .divide-tan\/50 > :not([hidden]) ~ :not([hidden]) { border-color: rgb(198 193 187 / 0.5); } .self-stretch { -ms-flex-item-align: stretch; -ms-grid-row-align: stretch; align-self: stretch; } .overflow-auto { overflow: auto; } .\!overflow-hidden { overflow: hidden !important; } .overflow-hidden { overflow: hidden; } .overflow-visible { overflow: visible; } .overflow-x-auto { overflow-x: auto; } .overflow-y-auto { overflow-y: auto; } .overflow-x-hidden { overflow-x: hidden; } .overflow-y-scroll { overflow-y: scroll; } .scroll-smooth { scroll-behavior: smooth; } .truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .text-ellipsis { text-overflow: ellipsis; } .whitespace-nowrap { white-space: nowrap; } .text-balance { text-wrap: balance; } .break-words { overflow-wrap: break-word; } .\!rounded-none { border-radius: 0px !important; } .rounded { border-radius: 0.25rem; } .rounded-2xl { border-radius: 1rem; } .rounded-\[12px\] { border-radius: 12px; } .rounded-\[3px\] { border-radius: 3px; } .rounded-\[4px\] { border-radius: 4px; } .rounded-\[var\(--base-border-radius\)\] { border-radius: var(--base-border-radius); } .rounded-\[var\(--button-border-radius\)\] { border-radius: var(--button-border-radius); } .rounded-full { border-radius: 9999px; } .rounded-lg { border-radius: 0.5rem; } .rounded-md { border-radius: 0.375rem; } .rounded-none { border-radius: 0px; } .rounded-sm { border-radius: 0.125rem; } .rounded-xl { border-radius: 0.75rem; } .rounded-b { border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } .rounded-b-md { border-bottom-right-radius: 0.375rem; border-bottom-left-radius: 0.375rem; } .rounded-e-lg { border-start-end-radius: 0.5rem; border-end-end-radius: 0.5rem; } .rounded-l-lg { border-top-left-radius: 0.5rem; border-bottom-left-radius: 0.5rem; } .rounded-l-md { border-top-left-radius: 0.375rem; border-bottom-left-radius: 0.375rem; } .rounded-r-lg { border-top-right-radius: 0.5rem; border-bottom-right-radius: 0.5rem; } .rounded-r-md { border-top-right-radius: 0.375rem; border-bottom-right-radius: 0.375rem; } .rounded-s-lg { border-start-start-radius: 0.5rem; border-end-start-radius: 0.5rem; } .rounded-t { border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; } .rounded-t-sm { border-top-left-radius: 0.125rem; border-top-right-radius: 0.125rem; } .\!border-0 { border-width: 0px !important; } .\!border-4 { border-width: 4px !important; } .border { border-width: 1px; } .border-0 { border-width: 0px; } .border-2 { border-width: 2px; } .border-4 { border-width: 4px; } .border-\[2px\] { border-width: 2px; } .border-x-0 { border-left-width: 0px; border-right-width: 0px; } .border-y { border-top-width: 1px; border-bottom-width: 1px; } .\!border-l-0 { border-left-width: 0px !important; } .\!border-r-0 { border-right-width: 0px !important; } .\!border-t-0 { border-top-width: 0px !important; } .border-b { border-bottom-width: 1px; } .border-b-2 { border-bottom-width: 2px; } .border-b-\[3px\] { border-bottom-width: 3px; } .border-b-\[8px\] { border-bottom-width: 8px; } .border-l { border-left-width: 1px; } .border-l-\[16px\] { border-left-width: 16px; } .border-l-\[1px\] { border-left-width: 1px; } .border-l-\[8px\] { border-left-width: 8px; } .border-r { border-right-width: 1px; } .border-r-\[16px\] { border-right-width: 16px; } .border-r-\[8px\] { border-right-width: 8px; } .border-t { border-top-width: 1px; } .border-t-0 { border-top-width: 0px; } .border-t-\[16px\] { border-top-width: 16px; } .border-t-\[1px\] { border-top-width: 1px; } .border-t-\[8px\] { border-top-width: 8px; } .border-dashed { border-style: dashed; } .border-none { border-style: none; } .\!border-black\/25 { border-color: rgb(0 0 0 / 0.25) !important; } .\!border-hr-color { border-color: var(--hr-color) !important; } .\!border-tbt-black { --tw-border-opacity: 1 !important; border-color: rgb(28 25 21 / var(--tw-border-opacity, 1)) !important; } .\!border-transparent { border-color: transparent !important; } .\!border-wedding-purple { --tw-border-opacity: 1 !important; border-color: rgb(129 97 120 / var(--tw-border-opacity, 1)) !important; } .\!border-white { --tw-border-opacity: 1 !important; border-color: rgb(255 255 255 / var(--tw-border-opacity, 1)) !important; } .border-\[\#1c1915\]\/25 { border-color: rgb(28 25 21 / 0.25); } .border-\[\#96768D\] { --tw-border-opacity: 1; border-color: rgb(150 118 141 / var(--tw-border-opacity, 1)); } .border-\[\#CDC8C2\] { --tw-border-opacity: 1; border-color: rgb(205 200 194 / var(--tw-border-opacity, 1)); } .border-\[\#E46248\] { --tw-border-opacity: 1; border-color: rgb(228 98 72 / var(--tw-border-opacity, 1)); } .border-\[\#cdc8c3\] { --tw-border-opacity: 1; border-color: rgb(205 200 195 / var(--tw-border-opacity, 1)); } .border-black { --tw-border-opacity: 1; border-color: rgb(0 0 0 / var(--tw-border-opacity, 1)); } .border-blue-600 { --tw-border-opacity: 1; border-color: rgb(28 100 242 / var(--tw-border-opacity, 1)); } .border-blue-700 { --tw-border-opacity: 1; border-color: rgb(26 86 219 / var(--tw-border-opacity, 1)); } .border-current { border-color: currentColor; } .border-gray-100 { --tw-border-opacity: 1; border-color: rgb(243 244 246 / var(--tw-border-opacity, 1)); } .border-gray-200 { --tw-border-opacity: 1; border-color: rgb(229 231 235 / var(--tw-border-opacity, 1)); } .border-gray-300 { --tw-border-opacity: 1; border-color: rgb(209 213 219 / var(--tw-border-opacity, 1)); } .border-hr-color { border-color: var(--hr-color); } .border-light-grey { border-color: var(--light-grey); } .border-mahogany { --tw-border-opacity: 1; border-color: rgb(140 65 83 / var(--tw-border-opacity, 1)); } .border-mahogany\/50 { border-color: rgb(140 65 83 / 0.5); } .border-paper { --tw-border-opacity: 1; border-color: rgb(241 235 230 / var(--tw-border-opacity, 1)); } .border-red-200 { --tw-border-opacity: 1; border-color: rgb(251 213 213 / var(--tw-border-opacity, 1)); } .border-red-300 { --tw-border-opacity: 1; border-color: rgb(248 180 180 / var(--tw-border-opacity, 1)); } .border-red-500 { --tw-border-opacity: 1; border-color: rgb(240 82 82 / var(--tw-border-opacity, 1)); } .border-stone { --tw-border-opacity: 1; border-color: rgb(205 200 195 / var(--tw-border-opacity, 1)); } .border-tan { --tw-border-opacity: 1; border-color: rgb(198 193 187 / var(--tw-border-opacity, 1)); } .border-tbt-black { --tw-border-opacity: 1; border-color: rgb(28 25 21 / var(--tw-border-opacity, 1)); } .border-tbt-black\/25 { border-color: rgb(28 25 21 / 0.25); } .border-tbt-black\/35 { border-color: rgb(28 25 21 / 0.35); } .border-tbt-black\/60 { border-color: rgb(28 25 21 / 0.6); } .border-text-color { border-color: var(--text-color); } .border-transparent { border-color: transparent; } .border-warning-red { --tw-border-opacity: 1; border-color: rgb(255 0 0 / var(--tw-border-opacity, 1)); } .border-wedding-purple { --tw-border-opacity: 1; border-color: rgb(129 97 120 / var(--tw-border-opacity, 1)); } .border-wedding-purple-light { --tw-border-opacity: 1; border-color: rgb(151 74 94 / var(--tw-border-opacity, 1)); } .border-white { --tw-border-opacity: 1; border-color: rgb(255 255 255 / var(--tw-border-opacity, 1)); } .border-white\/25 { border-color: rgb(255 255 255 / 0.25); } .border-yellow-300 { --tw-border-opacity: 1; border-color: rgb(250 202 21 / var(--tw-border-opacity, 1)); } .border-x-hr-color { border-left-color: var(--hr-color); border-right-color: var(--hr-color); } .border-b-black { --tw-border-opacity: 1; border-bottom-color: rgb(0 0 0 / var(--tw-border-opacity, 1)); } .border-b-tan { --tw-border-opacity: 1; border-bottom-color: rgb(198 193 187 / var(--tw-border-opacity, 1)); } .border-l-hr-color { border-left-color: var(--hr-color); } .border-l-white { --tw-border-opacity: 1; border-left-color: rgb(255 255 255 / var(--tw-border-opacity, 1)); } .border-r-hr-color { border-right-color: var(--hr-color); } .border-r-white { --tw-border-opacity: 1; border-right-color: rgb(255 255 255 / var(--tw-border-opacity, 1)); } .border-t-hr-color { border-top-color: var(--hr-color); } .border-t-transparent { border-top-color: transparent; } .border-t-white { --tw-border-opacity: 1; border-top-color: rgb(255 255 255 / var(--tw-border-opacity, 1)); } .\!bg-gray-50 { --tw-bg-opacity: 1 !important; background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1)) !important; } .\!bg-tbt-black { --tw-bg-opacity: 1 !important; background-color: rgb(28 25 21 / var(--tw-bg-opacity, 1)) !important; } .bg-\[\#1c1915\] { --tw-bg-opacity: 1; background-color: rgb(28 25 21 / var(--tw-bg-opacity, 1)); } .bg-\[\#2a2723\] { --tw-bg-opacity: 1; background-color: rgb(42 39 35 / var(--tw-bg-opacity, 1)); } .bg-\[\#96768D\] { --tw-bg-opacity: 1; background-color: rgb(150 118 141 / var(--tw-bg-opacity, 1)); } .bg-\[\#E46248\] { --tw-bg-opacity: 1; background-color: rgb(228 98 72 / var(--tw-bg-opacity, 1)); } .bg-\[\#F3F3F3\] { --tw-bg-opacity: 1; background-color: rgb(243 243 243 / var(--tw-bg-opacity, 1)); } .bg-\[rgba\(0\2c 0\2c 0\2c \.2\)\] { background-color: rgba(0,0,0,.2); } .bg-\[rgba\(0\2c 0\2c 0\2c \.5\)\] { background-color: rgba(0,0,0,.5); } .bg-\[var\(--color\)\] { background-color: var(--color); } .bg-\[var\(--sky\)\] { background-color: var(--sky); } .bg-bg { background-color: var(--bg-color); } .bg-black { --tw-bg-opacity: 1; background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1)); } .bg-black\/20 { background-color: rgb(0 0 0 / 0.2); } .bg-blue-600 { --tw-bg-opacity: 1; background-color: rgb(28 100 242 / var(--tw-bg-opacity, 1)); } .bg-blue-700 { --tw-bg-opacity: 1; background-color: rgb(26 86 219 / var(--tw-bg-opacity, 1)); } .bg-current { background-color: currentColor; } .bg-gold { --tw-bg-opacity: 1; background-color: rgb(158 123 40 / var(--tw-bg-opacity, 1)); } .bg-gray-100 { --tw-bg-opacity: 1; background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1)); } .bg-gray-200 { --tw-bg-opacity: 1; background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1)); } .bg-gray-300 { --tw-bg-opacity: 1; background-color: rgb(209 213 219 / var(--tw-bg-opacity, 1)); } .bg-gray-50 { --tw-bg-opacity: 1; background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1)); } .bg-gray-800 { --tw-bg-opacity: 1; background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1)); } .bg-gray-900\/50 { background-color: rgb(17 24 39 / 0.5); } .bg-hr-color { background-color: var(--hr-color); } .bg-light-grey { background-color: var(--light-grey); } .bg-main { background-color: var(--main-color); } .bg-maroon\/75 { background-color: rgb(66 29 29 / 0.75); } .bg-mint-green { --tw-bg-opacity: 1; background-color: rgb(188 241 180 / var(--tw-bg-opacity, 1)); } .bg-paper { --tw-bg-opacity: 1; background-color: rgb(241 235 230 / var(--tw-bg-opacity, 1)); } .bg-paper\/80 { background-color: rgb(241 235 230 / 0.8); } .bg-red-100 { --tw-bg-opacity: 1; background-color: rgb(253 232 232 / var(--tw-bg-opacity, 1)); } .bg-red-50 { --tw-bg-opacity: 1; background-color: rgb(253 242 242 / var(--tw-bg-opacity, 1)); } .bg-sky { --tw-bg-opacity: 1; background-color: rgb(138 174 180 / var(--tw-bg-opacity, 1)); } .bg-sky-blue { --tw-bg-opacity: 1; background-color: rgb(197 231 255 / var(--tw-bg-opacity, 1)); } .bg-stone { --tw-bg-opacity: 1; background-color: rgb(205 200 195 / var(--tw-bg-opacity, 1)); } .bg-tan { --tw-bg-opacity: 1; background-color: rgb(198 193 187 / var(--tw-bg-opacity, 1)); } .bg-tbt-black { --tw-bg-opacity: 1; background-color: rgb(28 25 21 / var(--tw-bg-opacity, 1)); } .bg-tbt-black\/10 { background-color: rgb(28 25 21 / 0.1); } .bg-tbt-black\/50 { background-color: rgb(28 25 21 / 0.5); } .bg-text-color { background-color: var(--text-color); } .bg-transparent { background-color: transparent; } .bg-true-black { --tw-bg-opacity: 1; background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1)); } .bg-warning { --tw-bg-opacity: 1; background-color: rgb(255 237 237 / var(--tw-bg-opacity, 1)); } .bg-wedding-purple { --tw-bg-opacity: 1; background-color: rgb(129 97 120 / var(--tw-bg-opacity, 1)); } .bg-wedding-purple-light { --tw-bg-opacity: 1; background-color: rgb(151 74 94 / var(--tw-bg-opacity, 1)); } .bg-wedding-purple\/10 { background-color: rgb(129 97 120 / 0.1); } .bg-wedding-purple\/5 { background-color: rgb(129 97 120 / 0.05); } .bg-white { --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); } .bg-white\/50 { background-color: rgb(255 255 255 / 0.5); } .bg-yellow-50 { --tw-bg-opacity: 1; background-color: rgb(253 253 234 / var(--tw-bg-opacity, 1)); } .bg-opacity-40 { --tw-bg-opacity: 0.4; } .bg-opacity-50 { --tw-bg-opacity: 0.5; } .\!bg-none { background-image: none !important; } .bg-gradient-to-b { background-image: linear-gradient(to bottom, var(--tw-gradient-stops)); } .bg-gradient-to-l { background-image: linear-gradient(to left, var(--tw-gradient-stops)); } .bg-gradient-to-t { background-image: linear-gradient(to top, var(--tw-gradient-stops)); } .from-\[rgba\(0\2c 0\2c 0\2c 0\)\] { --tw-gradient-from: rgba(0,0,0,0) var(--tw-gradient-from-position); --tw-gradient-to: rgba(0, 0, 0, 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-bg { --tw-gradient-from: var(--bg-color) var(--tw-gradient-from-position); --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-main { --tw-gradient-from: var(--main-color) var(--tw-gradient-from-position); --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-paper { --tw-gradient-from: #F1EBE6 var(--tw-gradient-from-position); --tw-gradient-to: rgb(241 235 230 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-0\% { --tw-gradient-from-position: 0%; } .to-\[var\(--bg-color\)\] { --tw-gradient-to: var(--bg-color) var(--tw-gradient-to-position); } .to-transparent { --tw-gradient-to: transparent var(--tw-gradient-to-position); } .to-70\% { --tw-gradient-to-position: 70%; } .\!fill-black { fill: #000000 !important; } .fill-black { fill: #000000; } .fill-tan { fill: #C6C1BB; } .fill-tbt-black { fill: #1C1915; } .fill-text-color { fill: var(--text-color); } .fill-white { fill: #ffffff; } .\!object-contain { object-fit: contain !important; } .object-contain { object-fit: contain; } .object-cover { object-fit: cover; } .object-top { object-position: top; } .p-0 { padding: 0px; } .p-1 { padding: 0.25rem; } .p-2 { padding: 0.5rem; } .p-2\.5 { padding: 0.625rem; } .p-3 { padding: 0.75rem; } .p-4 { padding: 1rem; } .p-5 { padding: 1.25rem; } .p-6 { padding: 1.5rem; } .p-8 { padding: 2rem; } .p-\[\.4rem\] { padding: .4rem; } .p-\[10px\] { padding: 10px; } .p-\[20px\] { padding: 20px; } .p-gutter { padding: var(--site-gutters); } .p-margin { padding: var(--site-margins); } .p-v-space-sm { padding: var(--vertical-spacing-small); } .\!px-0 { padding-left: 0px !important; padding-right: 0px !important; } .px-1 { padding-left: 0.25rem; padding-right: 0.25rem; } .px-1\.5 { padding-left: 0.375rem; padding-right: 0.375rem; } .px-2 { padding-left: 0.5rem; padding-right: 0.5rem; } .px-2\.5 { padding-left: 0.625rem; padding-right: 0.625rem; } .px-3 { padding-left: 0.75rem; padding-right: 0.75rem; } .px-4 { padding-left: 1rem; padding-right: 1rem; } .px-5 { padding-left: 1.25rem; padding-right: 1.25rem; } .px-6 { padding-left: 1.5rem; padding-right: 1.5rem; } .px-8 { padding-left: 2rem; padding-right: 2rem; } .px-\[1\.4375rem\] { padding-left: 1.4375rem; padding-right: 1.4375rem; } .px-\[5px\] { padding-left: 5px; padding-right: 5px; } .px-gutter { padding-left: var(--site-gutters); padding-right: var(--site-gutters); } .px-half-gutter { padding-left: calc(var(--site-gutters) / 2); padding-right: calc(var(--site-gutters) / 2); } .px-margin { padding-left: var(--site-margins); padding-right: var(--site-margins); } .px-v-space-sm { padding-left: var(--vertical-spacing-small); padding-right: var(--vertical-spacing-small); } .py-0 { padding-top: 0px; padding-bottom: 0px; } .py-0\.5 { padding-top: 0.125rem; padding-bottom: 0.125rem; } .py-1 { padding-top: 0.25rem; padding-bottom: 0.25rem; } .py-1\.5 { padding-top: 0.375rem; padding-bottom: 0.375rem; } .py-10 { padding-top: 2.5rem; padding-bottom: 2.5rem; } .py-2 { padding-top: 0.5rem; padding-bottom: 0.5rem; } .py-2\.5 { padding-top: 0.625rem; padding-bottom: 0.625rem; } .py-3 { padding-top: 0.75rem; padding-bottom: 0.75rem; } .py-4 { padding-top: 1rem; padding-bottom: 1rem; } .py-5 { padding-top: 1.25rem; padding-bottom: 1.25rem; } .py-6 { padding-top: 1.5rem; padding-bottom: 1.5rem; } .py-8 { padding-top: 2rem; padding-bottom: 2rem; } .py-\[\.1em\] { padding-top: .1em; padding-bottom: .1em; } .py-\[\.25em\] { padding-top: .25em; padding-bottom: .25em; } .py-\[\.6em\] { padding-top: .6em; padding-bottom: .6em; } .py-\[0\.125rem\] { padding-top: 0.125rem; padding-bottom: 0.125rem; } .py-\[0\.875rem\] { padding-top: 0.875rem; padding-bottom: 0.875rem; } .py-\[10px\] { padding-top: 10px; padding-bottom: 10px; } .py-\[18px\] { padding-top: 18px; padding-bottom: 18px; } .py-\[2px\] { padding-top: 2px; padding-bottom: 2px; } .py-\[5px\] { padding-top: 5px; padding-bottom: 5px; } .py-\[6\%\] { padding-top: 6%; padding-bottom: 6%; } .py-gutter { padding-top: var(--site-gutters); padding-bottom: var(--site-gutters); } .py-margin { padding-top: var(--site-margins); padding-bottom: var(--site-margins); } .py-v-space { padding-top: var(--vertical-spacing); padding-bottom: var(--vertical-spacing); } .py-v-space-lg { padding-top: var(--vertical-spacing-large); padding-bottom: var(--vertical-spacing-large); } .py-v-space-sm { padding-top: var(--vertical-spacing-small); padding-bottom: var(--vertical-spacing-small); } .\!pl-\[calc\(var\(--input-height\)\*0\.2\+\.65em\)\] { padding-left: calc(var(--input-height) * 0.2 + .65em) !important; } .pb-0 { padding-bottom: 0px; } .pb-1 { padding-bottom: 0.25rem; } .pb-16 { padding-bottom: 4rem; } .pb-2 { padding-bottom: 0.5rem; } .pb-20 { padding-bottom: 5rem; } .pb-3 { padding-bottom: 0.75rem; } .pb-4 { padding-bottom: 1rem; } .pb-5 { padding-bottom: 1.25rem; } .pb-6 { padding-bottom: 1.5rem; } .pb-7 { padding-bottom: 1.75rem; } .pb-8 { padding-bottom: 2rem; } .pb-\[\.15em\] { padding-bottom: .15em; } .pb-\[\.25em\] { padding-bottom: .25em; } .pb-\[\.2em\] { padding-bottom: .2em; } .pb-\[\.3em\] { padding-bottom: .3em; } .pb-\[0px\] { padding-bottom: 0px; } .pb-\[100\%\] { padding-bottom: 100%; } .pb-\[140px\] { padding-bottom: 140px; } .pb-\[1px\] { padding-bottom: 1px; } .pb-\[2px\] { padding-bottom: 2px; } .pb-\[3\.5rem\] { padding-bottom: 3.5rem; } .pb-\[30px\] { padding-bottom: 30px; } .pb-\[66\.666\%\] { padding-bottom: 66.666%; } .pb-\[66px\] { padding-bottom: 66px; } .pb-\[var\(--aspect-padding\)\] { padding-bottom: var(--aspect-padding); } .pb-\[var\(--aspect-padding-mobile\)\] { padding-bottom: var(--aspect-padding-mobile); } .pb-\[var\(--vertical-gap\)\] { padding-bottom: var(--vertical-gap); } .pb-gutter { padding-bottom: var(--site-gutters); } .pb-margin { padding-bottom: var(--site-margins); } .pb-v-space { padding-bottom: var(--vertical-spacing); } .pb-v-space-lg { padding-bottom: var(--vertical-spacing-large); } .pb-v-space-sm { padding-bottom: var(--vertical-spacing-small); } .pe-3 { padding-inline-end: 0.75rem; } .pl-0 { padding-left: 0px; } .pl-1 { padding-left: 0.25rem; } .pl-4 { padding-left: 1rem; } .pl-5 { padding-left: 1.25rem; } .pl-6 { padding-left: 1.5rem; } .pl-\[\.62rem\] { padding-left: .62rem; } .pl-\[1px\] { padding-left: 1px; } .pl-\[calc\(var\(--input-height\)\*0\.2\)\] { padding-left: calc(var(--input-height) * 0.2); } .pl-gutter { padding-left: var(--site-gutters); } .pl-margin { padding-left: var(--site-margins); } .pr-0 { padding-right: 0px; } .pr-12 { padding-right: 3rem; } .pr-2 { padding-right: 0.5rem; } .pr-2\.5 { padding-right: 0.625rem; } .pr-3 { padding-right: 0.75rem; } .pr-4 { padding-right: 1rem; } .pr-5 { padding-right: 1.25rem; } .pr-6 { padding-right: 1.5rem; } .pr-7 { padding-right: 1.75rem; } .pr-8 { padding-right: 2rem; } .pr-\[2px\] { padding-right: 2px; } .pr-\[60px\] { padding-right: 60px; } .ps-3 { padding-inline-start: 0.75rem; } .ps-5 { padding-inline-start: 1.25rem; } .pt-0 { padding-top: 0px; } .pt-10 { padding-top: 2.5rem; } .pt-11 { padding-top: 2.75rem; } .pt-12 { padding-top: 3rem; } .pt-16 { padding-top: 4rem; } .pt-2 { padding-top: 0.5rem; } .pt-2\.5 { padding-top: 0.625rem; } .pt-3 { padding-top: 0.75rem; } .pt-4 { padding-top: 1rem; } .pt-6 { padding-top: 1.5rem; } .pt-8 { padding-top: 2rem; } .pt-\[\.125em\] { padding-top: .125em; } .pt-\[\.1em\] { padding-top: .1em; } .pt-\[\.2em\] { padding-top: .2em; } .pt-\[\.3em\] { padding-top: .3em; } .pt-\[\.5em\] { padding-top: .5em; } .pt-\[1\.333em\] { padding-top: 1.333em; } .pt-\[13px\] { padding-top: 13px; } .pt-\[1px\] { padding-top: 1px; } .pt-\[20px\] { padding-top: 20px; } .pt-\[2px\] { padding-top: 2px; } .pt-\[3px\] { padding-top: 3px; } .pt-\[var\(--vertical-gap\)\] { padding-top: var(--vertical-gap); } .pt-gutter { padding-top: var(--site-gutters); } .pt-half-gutter { padding-top: calc(var(--site-gutters) / 2); } .pt-margin { padding-top: var(--site-margins); } .pt-v-space { padding-top: var(--vertical-spacing); } .pt-v-space-sm { padding-top: var(--vertical-spacing-small); } .text-left { text-align: left; } .text-center { text-align: center; } .text-right { text-align: right; } .align-top { vertical-align: top; } .font-headline { font-family: Items Condensed, serif; } .font-mono { font-family: Basel Mono, monospaced; } .font-sans { font-family: Basel, sans-serif; } .font-serif { font-family: Items, serif; } .\!text-\[12px\] { font-size: 12px !important; } .text-2xl { font-size: 1.5rem; line-height: 2rem; } .text-3xl { font-size: 1.875rem; line-height: 2.25rem; } .text-\[1\.2em\] { font-size: 1.2em; } .text-\[10px\] { font-size: 10px; } .text-\[12px\] { font-size: 12px; } .text-\[16px\] { font-size: 16px; } .text-\[36px\] { font-size: 36px; } .text-\[8px\] { font-size: 8px; } .text-\[9px\] { font-size: 9px; } .text-base { font-size: 1rem; line-height: 1.5rem; } .text-lg { font-size: 1.125rem; line-height: 1.75rem; } .text-sm { font-size: 0.875rem; line-height: 1.25rem; } .text-xl { font-size: 1.25rem; line-height: 1.75rem; } .text-xs { font-size: 0.75rem; line-height: 1rem; } .\!font-medium { font-weight: 600 !important; } .font-\[430\] { font-weight: 430; } .font-bold { font-weight: 700; } .font-medium { font-weight: 600; } .font-normal { font-weight: normal; } .uppercase { text-transform: uppercase; } .lowercase { text-transform: lowercase; } .capitalize { text-transform: capitalize; } .normal-case { text-transform: none; } .italic { font-style: italic; } .leading-3 { line-height: .75rem; } .leading-4 { line-height: 1rem; } .leading-5 { line-height: 1.25rem; } .leading-6 { line-height: 1.5rem; } .leading-9 { line-height: 2.25rem; } .leading-\[12px\] { line-height: 12px; } .leading-\[13px\] { line-height: 13px; } .leading-\[18\.20px\] { line-height: 18.20px; } .leading-\[18\.2px\] { line-height: 18.2px; } .leading-\[36px\] { line-height: 36px; } .leading-none { line-height: 1; } .leading-normal { line-height: 1.5; } .leading-relaxed { line-height: 1.625; } .leading-snug { line-height: 1.375; } .leading-tight { line-height: 1.25; } .-tracking-\[0\.36px\] { letter-spacing: -0.36px; } .tracking-\[0\.07875rem\] { letter-spacing: 0.07875rem; } .tracking-\[0\.14px\] { letter-spacing: 0.14px; } .tracking-\[0\.48px\] { letter-spacing: 0.48px; } .tracking-\[0\] { letter-spacing: 0; } .tracking-\[1\.4px\] { letter-spacing: 1.4px; } .tracking-tight { letter-spacing: -0.025em; } .tracking-wider { letter-spacing: 0.05em; } .tracking-widest { letter-spacing: 0.1em; } .\!text-error { --tw-text-opacity: 1 !important; color: rgb(255 0 0 / var(--tw-text-opacity, 1)) !important; } .\!text-gold { --tw-text-opacity: 1 !important; color: rgb(158 123 40 / var(--tw-text-opacity, 1)) !important; } .\!text-light-text-color { color: var(--light-text-color) !important; } .\!text-tan { --tw-text-opacity: 1 !important; color: rgb(198 193 187 / var(--tw-text-opacity, 1)) !important; } .\!text-white { --tw-text-opacity: 1 !important; color: rgb(255 255 255 / var(--tw-text-opacity, 1)) !important; } .text-\[\#1c1915\] { --tw-text-opacity: 1; color: rgb(28 25 21 / var(--tw-text-opacity, 1)); } .text-\[\#1c1915\]\/50 { color: rgb(28 25 21 / 0.5); } .text-\[var\(--light-text-color\)\] { color: var(--light-text-color); } .text-\[var\(--teal\)\] { color: var(--teal); } .text-bg { color: var(--bg-color); } .text-black { --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity, 1)); } .text-black\/50 { color: rgb(0 0 0 / 0.5); } .text-blue-600 { --tw-text-opacity: 1; color: rgb(28 100 242 / var(--tw-text-opacity, 1)); } .text-current { color: currentColor; } .text-error { --tw-text-opacity: 1; color: rgb(255 0 0 / var(--tw-text-opacity, 1)); } .text-gold { --tw-text-opacity: 1; color: rgb(158 123 40 / var(--tw-text-opacity, 1)); } .text-gray-300 { --tw-text-opacity: 1; color: rgb(209 213 219 / var(--tw-text-opacity, 1)); } .text-gray-400 { --tw-text-opacity: 1; color: rgb(156 163 175 / var(--tw-text-opacity, 1)); } .text-gray-500 { --tw-text-opacity: 1; color: rgb(107 114 128 / var(--tw-text-opacity, 1)); } .text-gray-600 { --tw-text-opacity: 1; color: rgb(75 85 99 / var(--tw-text-opacity, 1)); } .text-gray-700 { --tw-text-opacity: 1; color: rgb(55 65 81 / var(--tw-text-opacity, 1)); } .text-gray-800 { --tw-text-opacity: 1; color: rgb(31 41 55 / var(--tw-text-opacity, 1)); } .text-gray-900 { --tw-text-opacity: 1; color: rgb(17 24 39 / var(--tw-text-opacity, 1)); } .text-hr-color { color: var(--hr-color); } .text-light-text-color { color: var(--light-text-color); } .text-mahogany { --tw-text-opacity: 1; color: rgb(140 65 83 / var(--tw-text-opacity, 1)); } .text-main { color: var(--main-color); } .text-orange-500 { --tw-text-opacity: 1; color: rgb(255 90 31 / var(--tw-text-opacity, 1)); } .text-red-500 { --tw-text-opacity: 1; color: rgb(240 82 82 / var(--tw-text-opacity, 1)); } .text-red-600 { --tw-text-opacity: 1; color: rgb(224 36 36 / var(--tw-text-opacity, 1)); } .text-red-700 { --tw-text-opacity: 1; color: rgb(200 30 30 / var(--tw-text-opacity, 1)); } .text-red-800 { --tw-text-opacity: 1; color: rgb(155 28 28 / var(--tw-text-opacity, 1)); } .text-sale-orange { --tw-text-opacity: 1; color: rgb(151 74 94 / var(--tw-text-opacity, 1)); } .text-sky { --tw-text-opacity: 1; color: rgb(138 174 180 / var(--tw-text-opacity, 1)); } .text-success { color: var(--success); } .text-tan { --tw-text-opacity: 1; color: rgb(198 193 187 / var(--tw-text-opacity, 1)); } .text-tbt-black { --tw-text-opacity: 1; color: rgb(28 25 21 / var(--tw-text-opacity, 1)); } .text-tbt-black\/50 { color: rgb(28 25 21 / 0.5); } .text-tbt-black\/60 { color: rgb(28 25 21 / 0.6); } .text-tbt-black\/75 { color: rgb(28 25 21 / 0.75); } .text-tbt-white { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } .text-text-color { color: var(--text-color); } .text-transparent { color: transparent; } .text-warning-red { --tw-text-opacity: 1; color: rgb(255 0 0 / var(--tw-text-opacity, 1)); } .text-wedding-purple { --tw-text-opacity: 1; color: rgb(129 97 120 / var(--tw-text-opacity, 1)); } .text-wedding-purple-light { --tw-text-opacity: 1; color: rgb(151 74 94 / var(--tw-text-opacity, 1)); } .text-white { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } .text-yellow-800 { --tw-text-opacity: 1; color: rgb(114 59 19 / var(--tw-text-opacity, 1)); } .underline { -webkit-text-decoration-line: underline; text-decoration-line: underline; } .line-through { -webkit-text-decoration-line: line-through; text-decoration-line: line-through; } .decoration-dotted { -webkit-text-decoration-style: dotted; text-decoration-style: dotted; } .decoration-dashed { -webkit-text-decoration-style: dashed; text-decoration-style: dashed; } .underline-offset-4 { text-underline-offset: 4px; } .\!opacity-0 { opacity: 0 !important; } .\!opacity-100 { opacity: 1 !important; } .\!opacity-75 { opacity: 0.75 !important; } .opacity-0 { opacity: 0; } .opacity-100 { opacity: 1; } .opacity-20 { opacity: 0.2; } .opacity-25 { opacity: 0.25; } .opacity-40 { opacity: 0.4; } .opacity-50 { opacity: 0.5; } .opacity-60 { opacity: 0.6; } .opacity-75 { opacity: 0.75; } .opacity-\[var\(--overlay-opacity\)\] { opacity: var(--overlay-opacity); } .mix-blend-multiply { mix-blend-mode: multiply; } .shadow { --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-2xl { --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25); --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-\[0_-3px_6px_-3px_rgba\(0\2c 0\2c 0\2c 0\.1\)\] { --tw-shadow: 0 -3px 6px -3px rgba(0,0,0,0.1); --tw-shadow-colored: 0 -3px 6px -3px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-\[0_0_0_1px_\#E6E6E6\] { --tw-shadow: 0 0 0 1px #E6E6E6; --tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-\[0_10px_40px_rgba\(0\2c 0\2c 0\2c 0\.15\)\] { --tw-shadow: 0 10px 40px rgba(0,0,0,0.15); --tw-shadow-colored: 0 10px 40px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-\[0_3px_6px_-3px_rgba\(0\2c 0\2c 0\2c 0\.1\)\] { --tw-shadow: 0 3px 6px -3px rgba(0,0,0,0.1); --tw-shadow-colored: 0 3px 6px -3px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-\[0_3px_6px_rgba\(0\2c 0\2c 0\2c \.2\)\] { --tw-shadow: 0 3px 6px rgba(0,0,0,.2); --tw-shadow-colored: 0 3px 6px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-\[0_3px_8px_-3px_rgba\(0\2c 0\2c 0\2c 0\.2\)\] { --tw-shadow: 0 3px 8px -3px rgba(0,0,0,0.2); --tw-shadow-colored: 0 3px 8px -3px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-\[0px_0px_20px_0px_rgba\(0\2c 0\2c 0\2c 0\.1\)\] { --tw-shadow: 0px 0px 20px 0px rgba(0,0,0,0.1); --tw-shadow-colored: 0px 0px 20px 0px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-lg { --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-md { --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-none { --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-sm { --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05); --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .outline-none { outline: 2px solid transparent; outline-offset: 2px; } .outline { outline-style: solid; } .ring-0 { --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } .ring-offset-0 { --tw-ring-offset-width: 0px; } .blur { --tw-blur: blur(8px); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } .drop-shadow { --tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / 0.1)) drop-shadow(0 1px 1px rgb(0 0 0 / 0.06)); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } .invert { --tw-invert: invert(100%); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } .filter { filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } .backdrop-filter { -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); } .\!transition-all { transition-property: all !important; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important; transition-duration: var(--md-speed) !important; } .transition { transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: var(--md-speed); } .transition-\[border\] { transition-property: border; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: var(--md-speed); } .transition-\[grid-template-rows\] { transition-property: grid-template-rows; transition-property: grid-template-rows, -ms-grid-rows; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: var(--md-speed); } .transition-\[max-height\] { transition-property: max-height; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: var(--md-speed); } .transition-all { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: var(--md-speed); } .transition-colors { transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: var(--md-speed); } .transition-opacity { transition-property: opacity; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: var(--md-speed); } .transition-transform { transition-property: transform; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: var(--md-speed); } .transition-width { transition-property: width, min-width; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: var(--md-speed); } .delay-150 { transition-delay: 150ms; } .duration-200 { transition-duration: 200ms; } .duration-300 { transition-duration: 300ms; } .duration-500 { transition-duration: 500ms; } .duration-slow { transition-duration: var(--slow-speed); } .ease-in-out { transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } .ease-out { transition-timing-function: cubic-bezier(0, 0, 0.2, 1); } .\[animation-delay\:0\.3s\] { animation-delay: 0.3s; } .\[animation-delay\:0\.6s\] { animation-delay: 0.6s; } html { background: var(--bg-color); color: var(--text-color); font-family: var(--main-font); font-display: block; -ms-text-size-adjust: none; text-size-adjust: none; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; scroll-behavior: smooth; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none; } input, textarea, select, button { -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; } body { color: var(--text-color); background: var(--bg-color); } svg:not(.no-fill) *:not([fill='none']) { fill: currentcolor; width: 100%; display: block; } .junip-product-summary-stars-wrapper svg:not(.no-fill) *:not([fill='none']) { fill: none; width: 100%; display: block; } /* Hide Recaptcha */ .grecaptcha-badge { visibility: hidden; } @media (min-width: 450px) { .tiny\:h0,.tiny\:h0 p,.tiny\:h0 > * { --mobile-font-size: 90; --desktop-font-size: 124; --xl-font-size: calc(var(--desktop-font-size) * var(--typography-multiplier)); font-size: clamp( calc(var(--mobile-font-size) * 1px), calc((var(--desktop-font-size) * 1vw) / 1440 * 100), calc(var(--xl-font-size) * 1px) ); font-family: var(--tertiary-font); line-height: 0.8em; letter-spacing: -0.01em; font-weight: var(--medium); font-style: normal; text-transform: none; } } @media (min-width: 768px) { .md\:theme-white { --bg-color: var(--white); --text-color: var(--gray); --light-text-color: rgba(0, 0, 0, 0.5); --hr-color: rgba(0, 0, 0, 0.2); } .md\:h1,.md\:h1 p,.md\:h1 > * { --mobile-font-size: 82; --desktop-font-size: 96; --xl-font-size: calc(var(--desktop-font-size) * var(--typography-multiplier)); font-size: clamp( calc(var(--mobile-font-size) * 1px), calc((var(--desktop-font-size) * 1vw) / 1440 * 100), calc(var(--xl-font-size) * 1px) ); font-family: var(--tertiary-font); line-height: 0.8em; letter-spacing: -0.01em; font-weight: var(--medium); font-style: normal; text-transform: none; } } @media (min-width: 1024px) { .lg\:h0,.lg\:h0 p,.lg\:h0 > * { --mobile-font-size: 90; --desktop-font-size: 124; --xl-font-size: calc(var(--desktop-font-size) * var(--typography-multiplier)); font-size: clamp( calc(var(--mobile-font-size) * 1px), calc((var(--desktop-font-size) * 1vw) / 1440 * 100), calc(var(--xl-font-size) * 1px) ); font-family: var(--tertiary-font); line-height: 0.8em; letter-spacing: -0.01em; font-weight: var(--medium); font-style: normal; text-transform: none; } .lg\:h5,.lg\:h5 p,.lg\:h5 > * { --mobile-font-size: 18; --desktop-font-size: 18; --xl-font-size: calc(var(--desktop-font-size) * var(--typography-multiplier)); font-size: clamp( calc(var(--mobile-font-size) * 1px), calc((var(--desktop-font-size) * 1vw) / 1440 * 100), calc(var(--xl-font-size) * 1px) ); font-family: var(--main-font); line-height: 1.3em; letter-spacing: 0; font-weight: var(--medium); font-style: normal; text-transform: none; } .lg\:body,.lg\:body p,.lg\:body ul,.lg\:body ol { font-family: var(--main-font); font-size: 14px; line-height: 1.3em; letter-spacing: 0; font-weight: normal; font-style: normal; } .lg\:animate-underline { display: inline !important; text-decoration: none; background-image: linear-gradient(currentColor, currentColor); background-position: 100% 100%; background-repeat: no-repeat; background-size: 0% 1px; transition: background-size var(--slow-speed) } .lg\:animate-underline:hover, .group:hover .lg\:animate-underline { background-size: 100% 1px; background-position: 0% 100% } } .placeholder\:text-black:-ms-input-placeholder { --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity, 1)); } .placeholder\:text-black::placeholder { --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity, 1)); } .first\:border-t:first-child { border-top-width: 1px; } .first\:border-hr-color:first-child { border-color: var(--hr-color); } .last\:border-0:last-child { border-width: 0px; } .last\:border-b-0:last-child { border-bottom-width: 0px; } .last\:border-hr-color:last-child { border-color: var(--hr-color); } .checked\:bg-tan:checked { --tw-bg-opacity: 1; background-color: rgb(198 193 187 / var(--tw-bg-opacity, 1)); } @media (hover: hover) and (pointer: fine) { .hover\:cursor-not-allowed:hover { cursor: not-allowed; } .hover\:cursor-pointer:hover { cursor: pointer; } .hover\:border-solid:hover { border-style: solid; } .hover\:\!border-dashed:hover { border-style: dashed !important; } .hover\:\!border-black:hover { --tw-border-opacity: 1 !important; border-color: rgb(0 0 0 / var(--tw-border-opacity, 1)) !important; } .hover\:\!border-current:hover { border-color: currentColor !important; } .hover\:\!border-tbt-black:hover { --tw-border-opacity: 1 !important; border-color: rgb(28 25 21 / var(--tw-border-opacity, 1)) !important; } .hover\:\!border-wedding-purple:hover { --tw-border-opacity: 1 !important; border-color: rgb(129 97 120 / var(--tw-border-opacity, 1)) !important; } .hover\:border-blue-400:hover { --tw-border-opacity: 1; border-color: rgb(118 169 250 / var(--tw-border-opacity, 1)); } .hover\:border-current:hover { border-color: currentColor; } .hover\:border-gray-300:hover { --tw-border-opacity: 1; border-color: rgb(209 213 219 / var(--tw-border-opacity, 1)); } .hover\:border-hr-color:hover { border-color: var(--hr-color); } .hover\:border-tan:hover { --tw-border-opacity: 1; border-color: rgb(198 193 187 / var(--tw-border-opacity, 1)); } .hover\:border-tbt-black:hover { --tw-border-opacity: 1; border-color: rgb(28 25 21 / var(--tw-border-opacity, 1)); } .hover\:border-tbt-black\/50:hover { border-color: rgb(28 25 21 / 0.5); } .hover\:border-tbt-black\/75:hover { border-color: rgb(28 25 21 / 0.75); } .hover\:border-text-color:hover { border-color: var(--text-color); } .hover\:border-wedding-purple:hover { --tw-border-opacity: 1; border-color: rgb(129 97 120 / var(--tw-border-opacity, 1)); } .hover\:bg-\[\#f5f5f5\]:hover { --tw-bg-opacity: 1; background-color: rgb(245 245 245 / var(--tw-bg-opacity, 1)); } .hover\:bg-black:hover { --tw-bg-opacity: 1; background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1)); } .hover\:bg-blue-100:hover { --tw-bg-opacity: 1; background-color: rgb(225 239 254 / var(--tw-bg-opacity, 1)); } .hover\:bg-blue-50:hover { --tw-bg-opacity: 1; background-color: rgb(235 245 255 / var(--tw-bg-opacity, 1)); } .hover\:bg-blue-700:hover { --tw-bg-opacity: 1; background-color: rgb(26 86 219 / var(--tw-bg-opacity, 1)); } .hover\:bg-blue-800:hover { --tw-bg-opacity: 1; background-color: rgb(30 66 159 / var(--tw-bg-opacity, 1)); } .hover\:bg-gray-100:hover { --tw-bg-opacity: 1; background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1)); } .hover\:bg-gray-200:hover { --tw-bg-opacity: 1; background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1)); } .hover\:bg-gray-300:hover { --tw-bg-opacity: 1; background-color: rgb(209 213 219 / var(--tw-bg-opacity, 1)); } .hover\:bg-gray-50:hover { --tw-bg-opacity: 1; background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1)); } .hover\:bg-gray-800:hover { --tw-bg-opacity: 1; background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1)); } .hover\:bg-light-grey:hover { background-color: var(--light-grey); } .hover\:bg-maroon:hover { --tw-bg-opacity: 1; background-color: rgb(66 29 29 / var(--tw-bg-opacity, 1)); } .hover\:bg-paper:hover { --tw-bg-opacity: 1; background-color: rgb(241 235 230 / var(--tw-bg-opacity, 1)); } .hover\:bg-red-200:hover { --tw-bg-opacity: 1; background-color: rgb(251 213 213 / var(--tw-bg-opacity, 1)); } .hover\:bg-tbt-black:hover { --tw-bg-opacity: 1; background-color: rgb(28 25 21 / var(--tw-bg-opacity, 1)); } .hover\:bg-tbt-black\/75:hover { background-color: rgb(28 25 21 / 0.75); } .hover\:bg-text-color:hover { background-color: var(--text-color); } .hover\:bg-transparent:hover { background-color: transparent; } .hover\:bg-true-black\/5:hover { background-color: rgb(0 0 0 / 0.05); } .hover\:bg-wedding-purple:hover { --tw-bg-opacity: 1; background-color: rgb(129 97 120 / var(--tw-bg-opacity, 1)); } .hover\:bg-wedding-purple\/10:hover { background-color: rgb(129 97 120 / 0.1); } .hover\:bg-wedding-purple\/5:hover { background-color: rgb(129 97 120 / 0.05); } .hover\:bg-white:hover { --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); } .hover\:fill-black:hover { fill: #000000; } .hover\:fill-tbt-black:hover { fill: #1C1915; } .hover\:\!text-error:hover { --tw-text-opacity: 1 !important; color: rgb(255 0 0 / var(--tw-text-opacity, 1)) !important; } .hover\:\!text-wedding-purple:hover { --tw-text-opacity: 1 !important; color: rgb(129 97 120 / var(--tw-text-opacity, 1)) !important; } .hover\:\!text-white:hover { --tw-text-opacity: 1 !important; color: rgb(255 255 255 / var(--tw-text-opacity, 1)) !important; } .hover\:text-bg:hover { color: var(--bg-color); } .hover\:text-black:hover { --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity, 1)); } .hover\:text-blue-500:hover { --tw-text-opacity: 1; color: rgb(63 131 248 / var(--tw-text-opacity, 1)); } .hover\:text-blue-600:hover { --tw-text-opacity: 1; color: rgb(28 100 242 / var(--tw-text-opacity, 1)); } .hover\:text-blue-800:hover { --tw-text-opacity: 1; color: rgb(30 66 159 / var(--tw-text-opacity, 1)); } .hover\:text-current:hover { color: currentColor; } .hover\:text-error:hover { --tw-text-opacity: 1; color: rgb(255 0 0 / var(--tw-text-opacity, 1)); } .hover\:text-gray-600:hover { --tw-text-opacity: 1; color: rgb(75 85 99 / var(--tw-text-opacity, 1)); } .hover\:text-gray-800:hover { --tw-text-opacity: 1; color: rgb(31 41 55 / var(--tw-text-opacity, 1)); } .hover\:text-gray-900:hover { --tw-text-opacity: 1; color: rgb(17 24 39 / var(--tw-text-opacity, 1)); } .hover\:text-tbt-black:hover { --tw-text-opacity: 1; color: rgb(28 25 21 / var(--tw-text-opacity, 1)); } .hover\:text-text-color:hover { color: var(--text-color); } .hover\:text-wedding-purple:hover { --tw-text-opacity: 1; color: rgb(129 97 120 / var(--tw-text-opacity, 1)); } .hover\:text-white:hover { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } .hover\:underline:hover { -webkit-text-decoration-line: underline; text-decoration-line: underline; } .hover\:no-underline:hover { -webkit-text-decoration-line: none; text-decoration-line: none; } .hover\:decoration-solid:hover { -webkit-text-decoration-style: solid; text-decoration-style: solid; } .hover\:\!opacity-100:hover { opacity: 1 !important; } .hover\:opacity-100:hover { opacity: 1; } .hover\:opacity-80:hover { opacity: 0.8; } .hover\:opacity-90:hover { opacity: 0.9; } } .focus\:\!border-tbt-black:focus { --tw-border-opacity: 1 !important; border-color: rgb(28 25 21 / var(--tw-border-opacity, 1)) !important; } .focus\:border-hr-color:focus { border-color: var(--hr-color); } .focus\:border-tbt-black:focus { --tw-border-opacity: 1; border-color: rgb(28 25 21 / var(--tw-border-opacity, 1)); } .focus\:border-text-color:focus { border-color: var(--text-color); } .focus\:border-transparent:focus { border-color: transparent; } .focus\:border-warning-red:focus { --tw-border-opacity: 1; border-color: rgb(255 0 0 / var(--tw-border-opacity, 1)); } .focus\:border-wedding-purple:focus { --tw-border-opacity: 1; border-color: rgb(129 97 120 / var(--tw-border-opacity, 1)); } .focus\:shadow-none:focus { --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .focus\:outline-none:focus { outline: 2px solid transparent; outline-offset: 2px; } .focus\:\!outline-1:focus { outline-width: 1px !important; } .focus\:ring-0:focus { --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } .focus\:ring-1:focus { --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } .focus\:ring-2:focus { --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } .focus\:ring-4:focus { --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } .focus\:\!ring-tbt-black:focus { --tw-ring-opacity: 1 !important; --tw-ring-color: rgb(28 25 21 / var(--tw-ring-opacity, 1)) !important; } .focus\:ring-blue-300:focus { --tw-ring-opacity: 1; --tw-ring-color: rgb(164 202 254 / var(--tw-ring-opacity, 1)); } .focus\:ring-blue-500:focus { --tw-ring-opacity: 1; --tw-ring-color: rgb(63 131 248 / var(--tw-ring-opacity, 1)); } .focus\:ring-gray-200:focus { --tw-ring-opacity: 1; --tw-ring-color: rgb(229 231 235 / var(--tw-ring-opacity, 1)); } .focus\:ring-tbt-black:focus { --tw-ring-opacity: 1; --tw-ring-color: rgb(28 25 21 / var(--tw-ring-opacity, 1)); } .focus\:ring-transparent:focus { --tw-ring-color: transparent; } .focus\:ring-wedding-purple:focus { --tw-ring-opacity: 1; --tw-ring-color: rgb(129 97 120 / var(--tw-ring-opacity, 1)); } .focus\:ring-offset-0:focus { --tw-ring-offset-width: 0px; } .focus\:ring-offset-2:focus { --tw-ring-offset-width: 2px; } .focus\:\!ring-offset-tbt-black:focus { --tw-ring-offset-color: #1C1915 !important; } .focus-visible\:ring-2:focus-visible { --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } .focus-visible\:ring-gray-400:focus-visible { --tw-ring-opacity: 1; --tw-ring-color: rgb(156 163 175 / var(--tw-ring-opacity, 1)); } .disabled\:cursor-not-allowed:disabled { cursor: not-allowed; } .disabled\:opacity-50:disabled { opacity: 0.5; } .group:nth-child(odd) .group-odd\:-right-half-gutter { right: calc(calc(var(--site-gutters) / 2) * -1); } .group:nth-child(odd) .group-odd\:left-half-gutter { left: calc(var(--site-gutters) / 2); } .group:nth-child(even) .group-even\:-left-half-gutter { left: calc(calc(var(--site-gutters) / 2) * -1); } .group:nth-child(even) .group-even\:right-half-gutter { right: calc(var(--site-gutters) / 2); } @media (hover: hover) and (pointer: fine) { .group:hover .group-hover\:visible { visibility: visible; } .group:hover .group-hover\:block { display: block; } .group:hover .group-hover\:translate-y-0 { --tw-translate-y: 0px; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .group:hover .group-hover\:rotate-90 { --tw-rotate: 90deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .group:hover .group-hover\:\!border-current { border-color: currentColor !important; } .group:hover .group-hover\:border-current { border-color: currentColor; } .group:hover .group-hover\:border-text-color { border-color: var(--text-color); } .group:hover .group-hover\:bg-black { --tw-bg-opacity: 1; background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1)); } .group:hover .group-hover\:bg-wedding-purple { --tw-bg-opacity: 1; background-color: rgb(129 97 120 / var(--tw-bg-opacity, 1)); } .group:hover .group-hover\:bg-white { --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); } .group:hover .group-hover\:text-black { --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity, 1)); } .group:hover .group-hover\:text-current { color: currentColor; } .group:hover .group-hover\:text-white { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } .group:hover .group-hover\:opacity-100 { opacity: 1; } .group:hover .group-hover\:opacity-20 { opacity: 0.2; } .group:hover .group-hover\:opacity-75 { opacity: 0.75; } .group:hover .group-hover\:opacity-\[var\(--overlay-opacity-hover\)\] { opacity: var(--overlay-opacity-hover); } } .peer\/input:checked ~ .peer-checked\/input\:border-\[var\(--teal\)\] { border-color: var(--teal); } .peer\/input:checked ~ .peer-checked\/input\:border-text-color { border-color: var(--text-color); } .peer\/input:checked ~ .peer-checked\/input\:bg-light-grey { background-color: var(--light-grey); } .peer\/input:checked ~ .peer-checked\/input\:bg-text-color { background-color: var(--text-color); } .peer\/input:checked ~ .peer-checked\/input\:text-white { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } .peer:placeholder-shown ~ .peer-placeholder-shown\:top-1\/2 { top: 50%; } .peer:placeholder-shown ~ .peer-placeholder-shown\:-translate-y-1\/2 { --tw-translate-y: -50%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .peer:placeholder-shown ~ .peer-placeholder-shown\:scale-100 { --tw-scale-x: 1; --tw-scale-y: 1; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .peer:focus ~ .peer-focus\:top-1\.5 { top: 0.375rem; } .peer:focus ~ .peer-focus\:-translate-y-4 { --tw-translate-y: -1rem; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .peer:focus ~ .peer-focus\:scale-75 { --tw-scale-x: .75; --tw-scale-y: .75; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .peer:focus ~ .peer-focus\:px-2 { padding-left: 0.5rem; padding-right: 0.5rem; } .prose-p\:my-0 :is(:where(p):not(:where([class~="not-prose"],[class~="not-prose"] *))) { margin-top: 0px; margin-bottom: 0px; } .dark\:border-blue-500:is(.dark *) { --tw-border-opacity: 1; border-color: rgb(63 131 248 / var(--tw-border-opacity, 1)); } .dark\:border-gray-600:is(.dark *) { --tw-border-opacity: 1; border-color: rgb(75 85 99 / var(--tw-border-opacity, 1)); } .dark\:border-gray-700:is(.dark *) { --tw-border-opacity: 1; border-color: rgb(55 65 81 / var(--tw-border-opacity, 1)); } .dark\:border-transparent:is(.dark *) { border-color: transparent; } .dark\:\!bg-gray-700:is(.dark *) { --tw-bg-opacity: 1 !important; background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1)) !important; } .dark\:bg-blue-600:is(.dark *) { --tw-bg-opacity: 1; background-color: rgb(28 100 242 / var(--tw-bg-opacity, 1)); } .dark\:bg-gray-600:is(.dark *) { --tw-bg-opacity: 1; background-color: rgb(75 85 99 / var(--tw-bg-opacity, 1)); } .dark\:bg-gray-700:is(.dark *) { --tw-bg-opacity: 1; background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1)); } .dark\:bg-gray-800:is(.dark *) { --tw-bg-opacity: 1; background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1)); } .dark\:bg-gray-800\/50:is(.dark *) { background-color: rgb(31 41 55 / 0.5); } .dark\:bg-gray-900\/80:is(.dark *) { background-color: rgb(17 24 39 / 0.8); } .dark\:text-blue-500:is(.dark *) { --tw-text-opacity: 1; color: rgb(63 131 248 / var(--tw-text-opacity, 1)); } .dark\:text-gray-400:is(.dark *) { --tw-text-opacity: 1; color: rgb(156 163 175 / var(--tw-text-opacity, 1)); } .dark\:text-gray-500:is(.dark *) { --tw-text-opacity: 1; color: rgb(107 114 128 / var(--tw-text-opacity, 1)); } .dark\:text-white:is(.dark *) { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } @media (hover: hover) and (pointer: fine) { .dark\:hover\:bg-blue-700:hover:is(.dark *) { --tw-bg-opacity: 1; background-color: rgb(26 86 219 / var(--tw-bg-opacity, 1)); } .dark\:hover\:bg-gray-600:hover:is(.dark *) { --tw-bg-opacity: 1; background-color: rgb(75 85 99 / var(--tw-bg-opacity, 1)); } .dark\:hover\:bg-gray-800:hover:is(.dark *) { --tw-bg-opacity: 1; background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1)); } .dark\:hover\:text-blue-500:hover:is(.dark *) { --tw-text-opacity: 1; color: rgb(63 131 248 / var(--tw-text-opacity, 1)); } .dark\:hover\:text-gray-300:hover:is(.dark *) { --tw-text-opacity: 1; color: rgb(209 213 219 / var(--tw-text-opacity, 1)); } .dark\:hover\:text-white:hover:is(.dark *) { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } } @media (max-width: 400px) { .max-\[400px\]\:w-\[200px\] { width: 200px; } } @media (min-width: 450px) { .tiny\:grid-cols-2 { -ms-grid-columns: (minmax(0, 1fr))[2]; grid-template-columns: repeat(2, minmax(0, 1fr)); } .tiny\:grid-cols-4 { -ms-grid-columns: (minmax(0, 1fr))[4]; grid-template-columns: repeat(4, minmax(0, 1fr)); } } @media (min-width: 640px) { .sm\:col-span-2 { -ms-grid-column-span: 2; -ms-grid-column: span 2; grid-column: span 2 / span 2; } .sm\:col-span-4 { -ms-grid-column-span: 4; -ms-grid-column: span 4; grid-column: span 4 / span 4; } .sm\:col-span-5 { -ms-grid-column-span: 5; -ms-grid-column: span 5; grid-column: span 5 / span 5; } .sm\:col-start-2 { -ms-grid-column: 2; grid-column-start: 2; } .sm\:-mx-2 { margin-left: -0.5rem; margin-right: -0.5rem; } .sm\:-mx-\[10\%\] { margin-left: -10%; margin-right: -10%; } .sm\:-mx-\[58\%\] { margin-left: -58%; margin-right: -58%; } .sm\:mx-2 { margin-left: 0.5rem; margin-right: 0.5rem; } .sm\:mb-3 { margin-bottom: 0.75rem; } .sm\:mb-5 { margin-bottom: 1.25rem; } .sm\:ml-2 { margin-left: 0.5rem; } .sm\:mr-2 { margin-right: 0.5rem; } .sm\:mt-5 { margin-top: 1.25rem; } .sm\:block { display: block; } .sm\:hidden { display: none; } .sm\:h-3 { height: 0.75rem; } .sm\:h-8 { height: 2rem; } .sm\:h-auto { height: auto; } .sm\:w-3 { width: 0.75rem; } .sm\:w-8 { width: 2rem; } .sm\:w-\[10px\] { width: 10px; } .sm\:w-\[254px\] { width: 254px; } .sm\:w-\[350px\] { width: 350px; } .sm\:w-\[94px\] { width: 94px; } .sm\:w-auto { width: auto; } .sm\:max-w-\[375px\] { max-width: 375px; } .sm\:max-w-\[500px\] { max-width: 500px; } .sm\:max-w-\[700px\] { max-width: 700px; } .sm\:flex-none { -ms-flex: none; flex: none; } .sm\:-translate-x-full { --tw-translate-x: -100%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .sm\:translate-y-0 { --tw-translate-y: 0px; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .sm\:grid-cols-3 { -ms-grid-columns: (minmax(0, 1fr))[3]; grid-template-columns: repeat(3, minmax(0, 1fr)); } .sm\:grid-cols-6 { -ms-grid-columns: (minmax(0, 1fr))[6]; grid-template-columns: repeat(6, minmax(0, 1fr)); } .sm\:flex-row { -ms-flex-direction: row; flex-direction: row; } .sm\:items-end { -ms-flex-align: end; align-items: flex-end; } .sm\:items-center { -ms-flex-align: center; align-items: center; } .sm\:justify-start { -ms-flex-pack: start; justify-content: flex-start; } .sm\:justify-center { -ms-flex-pack: center; justify-content: center; } .sm\:gap-10 { gap: 2.5rem; } .sm\:gap-2 { gap: 0.5rem; } .sm\:gap-4 { gap: 1rem; } .sm\:space-y-6 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(1.5rem * var(--tw-space-y-reverse)); } .sm\:overflow-auto { overflow: auto; } .sm\:rounded { border-radius: 0.25rem; } .sm\:p-4 { padding: 1rem; } .sm\:p-gutter { padding: var(--site-gutters); } .sm\:px-0 { padding-left: 0px; padding-right: 0px; } .sm\:px-2 { padding-left: 0.5rem; padding-right: 0.5rem; } .sm\:px-5 { padding-left: 1.25rem; padding-right: 1.25rem; } .sm\:px-gutter { padding-left: var(--site-gutters); padding-right: var(--site-gutters); } .sm\:px-margin { padding-left: var(--site-margins); padding-right: var(--site-margins); } .sm\:px-v-space-sm { padding-left: var(--vertical-spacing-small); padding-right: var(--vertical-spacing-small); } .sm\:py-1 { padding-top: 0.25rem; padding-bottom: 0.25rem; } .sm\:py-5 { padding-top: 1.25rem; padding-bottom: 1.25rem; } .sm\:py-gutter { padding-top: var(--site-gutters); padding-bottom: var(--site-gutters); } .sm\:pb-5 { padding-bottom: 1.25rem; } .sm\:pt-2 { padding-top: 0.5rem; } .sm\:pt-v-space-sm { padding-top: var(--vertical-spacing-small); } .sm\:text-left { text-align: left; } .sm\:text-\[12px\] { font-size: 12px; } .sm\:text-sm { font-size: 0.875rem; line-height: 1.25rem; } } @media (min-width: 768px) { .md\:static { position: static; } .md\:sticky { position: sticky; } .md\:bottom-0 { bottom: 0px; } .md\:bottom-auto { bottom: auto; } .md\:left-auto { left: auto; } .md\:right-2 { right: 0.5rem; } .md\:right-auto { right: auto; } .md\:top-2 { top: 0.5rem; } .md\:top-sticky-top { top: var(--sticky-top); } .md\:order-1 { -ms-flex-order: 1; order: 1; } .md\:order-3 { -ms-flex-order: 3; order: 3; } .md\:col-span-1 { -ms-grid-column-span: 1; -ms-grid-column: span 1; grid-column: span 1 / span 1; } .md\:col-span-10 { -ms-grid-column-span: 10; -ms-grid-column: span 10; grid-column: span 10 / span 10; } .md\:col-span-2 { -ms-grid-column-span: 2; -ms-grid-column: span 2; grid-column: span 2 / span 2; } .md\:col-span-3 { -ms-grid-column-span: 3; -ms-grid-column: span 3; grid-column: span 3 / span 3; } .md\:col-span-4 { -ms-grid-column-span: 4; -ms-grid-column: span 4; grid-column: span 4 / span 4; } .md\:col-span-5 { -ms-grid-column-span: 5; -ms-grid-column: span 5; grid-column: span 5 / span 5; } .md\:col-span-6 { -ms-grid-column-span: 6; -ms-grid-column: span 6; grid-column: span 6 / span 6; } .md\:col-span-7 { -ms-grid-column-span: 7; -ms-grid-column: span 7; grid-column: span 7 / span 7; } .md\:col-span-9 { -ms-grid-column-span: 9; -ms-grid-column: span 9; grid-column: span 9 / span 9; } .md\:col-span-full { grid-column: 1 / -1; } .md\:col-start-1 { -ms-grid-column: 1; grid-column-start: 1; } .md\:col-start-2 { -ms-grid-column: 2; grid-column-start: 2; } .md\:col-start-3 { -ms-grid-column: 3; grid-column-start: 3; } .md\:col-start-4 { -ms-grid-column: 4; grid-column-start: 4; } .md\:col-start-7 { -ms-grid-column: 7; grid-column-start: 7; } .md\:-mx-\[25\%\] { margin-left: -25%; margin-right: -25%; } .md\:mx-0 { margin-left: 0px; margin-right: 0px; } .md\:mx-auto { margin-left: auto; margin-right: auto; } .md\:-ml-\[140px\] { margin-left: -140px; } .md\:-ml-\[85px\] { margin-left: -85px; } .md\:mb-0 { margin-bottom: 0px; } .md\:mb-10 { margin-bottom: 2.5rem; } .md\:mb-3 { margin-bottom: 0.75rem; } .md\:mb-4 { margin-bottom: 1rem; } .md\:mb-6 { margin-bottom: 1.5rem; } .md\:mb-gutter { margin-bottom: var(--site-gutters); } .md\:mb-v-space { margin-bottom: var(--vertical-spacing); } .md\:ml-\[-5px\] { margin-left: -5px; } .md\:mr-2 { margin-right: 0.5rem; } .md\:mr-5 { margin-right: 1.25rem; } .md\:mt-0 { margin-top: 0px; } .md\:mt-10 { margin-top: 2.5rem; } .md\:mt-2 { margin-top: 0.5rem; } .md\:mt-5 { margin-top: 1.25rem; } .md\:mt-6 { margin-top: 1.5rem; } .md\:mt-gutter { margin-top: var(--site-gutters); } .md\:block { display: block; } .md\:inline { display: inline; } .md\:flex { display: -ms-flexbox; display: flex; } .md\:grid { display: -ms-grid; display: grid; } .md\:hidden { display: none; } .md\:aspect-video { aspect-ratio: 16 / 9; } .md\:h-4 { height: 1rem; } .md\:h-8 { height: 2rem; } .md\:h-\[50vh\] { height: 50vh; } .md\:h-auto { height: auto; } .md\:h-full { height: 100%; } .md\:max-h-full { max-height: 100%; } .md\:min-h-0 { min-height: 0px; } .md\:w-1 { width: 0.25rem; } .md\:w-1\/2 { width: 50%; } .md\:w-8 { width: 2rem; } .md\:w-\[170px\] { width: 170px; } .md\:w-\[196px\] { width: 196px; } .md\:w-\[1px\] { width: 1px; } .md\:w-\[36\.25rem\] { width: 36.25rem; } .md\:w-\[406px\] { width: 406px; } .md\:w-\[50\] { width: 50; } .md\:w-auto { width: auto; } .md\:w-full { width: 100%; } .md\:min-w-\[180px\] { min-width: 180px; } .md\:min-w-\[256px\] { min-width: 256px; } .md\:max-w-\[1px\] { max-width: 1px; } .md\:max-w-\[200px\] { max-width: 200px; } .md\:max-w-\[364px\] { max-width: 364px; } .md\:max-w-\[428px\] { max-width: 428px; } .md\:max-w-\[500px\] { max-width: 500px; } .md\:max-w-\[600px\] { max-width: 600px; } .md\:max-w-\[70\%\] { max-width: 70%; } .md\:max-w-full { max-width: 100%; } .md\:flex-none { -ms-flex: none; flex: none; } .md\:grow { -ms-flex-positive: 1; flex-grow: 1; } .md\:translate-x-\[36\.25rem\] { --tw-translate-x: 36.25rem; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .md\:grid-cols-1 { -ms-grid-columns: (minmax(0, 1fr))[1]; grid-template-columns: repeat(1, minmax(0, 1fr)); } .md\:grid-cols-12 { -ms-grid-columns: (minmax(0, 1fr))[12]; grid-template-columns: repeat(12, minmax(0, 1fr)); } .md\:grid-cols-2 { -ms-grid-columns: (minmax(0, 1fr))[2]; grid-template-columns: repeat(2, minmax(0, 1fr)); } .md\:grid-cols-3 { -ms-grid-columns: (minmax(0, 1fr))[3]; grid-template-columns: repeat(3, minmax(0, 1fr)); } .md\:grid-cols-4 { -ms-grid-columns: (minmax(0, 1fr))[4]; grid-template-columns: repeat(4, minmax(0, 1fr)); } .md\:grid-cols-6 { -ms-grid-columns: (minmax(0, 1fr))[6]; grid-template-columns: repeat(6, minmax(0, 1fr)); } .md\:grid-cols-7 { -ms-grid-columns: (minmax(0, 1fr))[7]; grid-template-columns: repeat(7, minmax(0, 1fr)); } .md\:grid-cols-8 { -ms-grid-columns: (minmax(0, 1fr))[8]; grid-template-columns: repeat(8, minmax(0, 1fr)); } .md\:flex-row { -ms-flex-direction: row; flex-direction: row; } .md\:flex-col { -ms-flex-direction: column; flex-direction: column; } .md\:items-center { -ms-flex-align: center; align-items: center; } .md\:justify-start { -ms-flex-pack: start; justify-content: flex-start; } .md\:justify-center { -ms-flex-pack: center; justify-content: center; } .md\:justify-between { -ms-flex-pack: justify; justify-content: space-between; } .md\:gap-0 { gap: 0px; } .md\:gap-2 { gap: 0.5rem; } .md\:gap-4 { gap: 1rem; } .md\:gap-6 { gap: 1.5rem; } .md\:gap-gutter { gap: var(--site-gutters); } .md\:gap-x-4 { column-gap: 1rem; } .md\:gap-y-v-space-sm { row-gap: var(--vertical-spacing-small); } .md\:space-y-8 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(2rem * var(--tw-space-y-reverse)); } .md\:border-none { border-style: none; } .md\:p-12 { padding: 3rem; } .md\:p-v-space-sm { padding: var(--vertical-spacing-small); } .md\:px-0 { padding-left: 0px; padding-right: 0px; } .md\:px-16 { padding-left: 4rem; padding-right: 4rem; } .md\:px-2 { padding-left: 0.5rem; padding-right: 0.5rem; } .md\:px-6 { padding-left: 1.5rem; padding-right: 1.5rem; } .md\:px-8 { padding-left: 2rem; padding-right: 2rem; } .md\:px-v-space { padding-left: var(--vertical-spacing); padding-right: var(--vertical-spacing); } .md\:px-v-space-sm { padding-left: var(--vertical-spacing-small); padding-right: var(--vertical-spacing-small); } .md\:py-0 { padding-top: 0px; padding-bottom: 0px; } .md\:py-1 { padding-top: 0.25rem; padding-bottom: 0.25rem; } .md\:py-v-space-sm { padding-top: var(--vertical-spacing-small); padding-bottom: var(--vertical-spacing-small); } .md\:pb-0 { padding-bottom: 0px; } .md\:pb-12 { padding-bottom: 3rem; } .md\:pb-14 { padding-bottom: 3.5rem; } .md\:pb-2 { padding-bottom: 0.5rem; } .md\:pb-3 { padding-bottom: 0.75rem; } .md\:pb-4 { padding-bottom: 1rem; } .md\:pb-8 { padding-bottom: 2rem; } .md\:pb-\[var\(--aspect-padding\)\] { padding-bottom: var(--aspect-padding); } .md\:pb-margin { padding-bottom: var(--site-margins); } .md\:pr-7 { padding-right: 1.75rem; } .md\:pt-2 { padding-top: 0.5rem; } .md\:pt-6 { padding-top: 1.5rem; } .md\:pt-8 { padding-top: 2rem; } .md\:pt-margin { padding-top: var(--site-margins); } .md\:pt-v-space-sm { padding-top: var(--vertical-spacing-small); } .md\:text-left { text-align: left; } .md\:text-center { text-align: center; } .md\:text-\[16px\] { font-size: 16px; } .md\:text-\[42px\] { font-size: 42px; } .md\:text-base { font-size: 1rem; line-height: 1.5rem; } .md\:text-sm { font-size: 0.875rem; line-height: 1.25rem; } @media (hover: hover) and (pointer: fine) { .group:hover .md\:group-hover\:visible { visibility: visible; } .group:hover .md\:group-hover\:opacity-100 { opacity: 1; } } } @media (min-width: 950px) { .header\:block { display: block; } .header\:flex { display: -ms-flexbox; display: flex; } .header\:hidden { display: none; } .header\:max-w-\[275px\] { max-width: 275px; } .header\:max-w-\[400px\] { max-width: 400px; } .header\:border-b { border-bottom-width: 1px; } } @media (min-width: 1024px) { .lg\:static { position: static; } .lg\:absolute { position: absolute; } .lg\:sticky { position: sticky; } .lg\:bottom-24 { bottom: 6rem; } .lg\:bottom-margin { bottom: var(--site-margins); } .lg\:bottom-v-space-sm { bottom: var(--vertical-spacing-small); } .lg\:left-\[unset\] { left: unset; } .lg\:left-auto { left: auto; } .lg\:left-margin { left: var(--site-margins); } .lg\:right-full { right: 100%; } .lg\:right-margin { right: var(--site-margins); } .lg\:top-0 { top: 0px; } .lg\:top-16 { top: 4rem; } .lg\:top-\[var\(--top-value-filters\)\] { top: var(--top-value-filters); } .lg\:z-1 { z-index: 1; } .lg\:col-span-2 { -ms-grid-column-span: 2; -ms-grid-column: span 2; grid-column: span 2 / span 2; } .lg\:col-span-3 { -ms-grid-column-span: 3; -ms-grid-column: span 3; grid-column: span 3 / span 3; } .lg\:col-span-4 { -ms-grid-column-span: 4; -ms-grid-column: span 4; grid-column: span 4 / span 4; } .lg\:col-span-6 { -ms-grid-column-span: 6; -ms-grid-column: span 6; grid-column: span 6 / span 6; } .lg\:col-span-8 { -ms-grid-column-span: 8; -ms-grid-column: span 8; grid-column: span 8 / span 8; } .lg\:col-span-9 { -ms-grid-column-span: 9; -ms-grid-column: span 9; grid-column: span 9 / span 9; } .lg\:col-span-full { grid-column: 1 / -1; } .lg\:col-start-4 { -ms-grid-column: 4; grid-column-start: 4; } .lg\:\!m-0 { margin: 0px !important; } .lg\:m-0 { margin: 0px; } .lg\:-mx-\[10\%\] { margin-left: -10%; margin-right: -10%; } .lg\:-mx-\[15\%\] { margin-left: -15%; margin-right: -15%; } .lg\:-mx-gutter { margin-left: calc(var(--site-gutters) * -1); margin-right: calc(var(--site-gutters) * -1); } .lg\:my-gutter { margin-top: var(--site-gutters); margin-bottom: var(--site-gutters); } .lg\:-ml-margin { margin-left: calc(var(--site-margins) * -1); } .lg\:-mr-margin { margin-right: calc(var(--site-margins) * -1); } .lg\:mb-0 { margin-bottom: 0px; } .lg\:mb-5 { margin-bottom: 1.25rem; } .lg\:mb-v-space-sm { margin-bottom: var(--vertical-spacing-small); } .lg\:mt-0 { margin-top: 0px; } .lg\:mt-16 { margin-top: 4rem; } .lg\:mt-\[28px\] { margin-top: 28px; } .lg\:mt-\[5\.38rem\] { margin-top: 5.38rem; } .lg\:block { display: block; } .lg\:flex { display: -ms-flexbox; display: flex; } .lg\:table { display: table; } .lg\:table-cell { display: table-cell; } .lg\:table-header-group { display: table-header-group; } .lg\:table-row-group { display: table-row-group; } .lg\:table-row { display: table-row; } .lg\:grid { display: -ms-grid; display: grid; } .lg\:hidden { display: none; } .lg\:aspect-square { aspect-ratio: 1 / 1; } .lg\:h-auto { height: auto; } .lg\:h-full { height: 100%; } .lg\:min-h-\[50px\] { min-height: 50px; } .lg\:min-h-\[65rem\] { min-height: 65rem; } .lg\:min-h-full { min-height: 100%; } .lg\:min-h-screen { min-height: 100vh; } .lg\:w-1 { width: 0.25rem; } .lg\:w-1\/2 { width: 50%; } .lg\:w-80 { width: 20rem; } .lg\:w-\[1px\] { width: 1px; } .lg\:w-\[70px\] { width: 70px; } .lg\:w-\[var\(--tablet-cols\)\] { width: var(--tablet-cols); } .lg\:w-auto { width: auto; } .lg\:w-full { width: 100%; } .lg\:min-w-\[100px\] { min-width: 100px; } .lg\:min-w-\[120px\] { min-width: 120px; } .lg\:min-w-\[280px\] { min-width: 280px; } .lg\:min-w-\[350px\] { min-width: 350px; } .lg\:min-w-\[80px\] { min-width: 80px; } .lg\:max-w-\[80\%\] { max-width: 80%; } .lg\:max-w-\[calc\(\(100\%\/4\.3\)-1rem\)\] { max-width: calc((100% / 4.3) - 1rem); } .lg\:max-w-none { max-width: none; } .lg\:grow { -ms-flex-positive: 1; flex-grow: 1; } .lg\:translate-x-0 { --tw-translate-x: 0px; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .lg\:rotate-0 { --tw-rotate: 0deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .lg\:scroll-pl-8 { scroll-padding-left: 2rem; } .lg\:grid-cols-12 { -ms-grid-columns: (minmax(0, 1fr))[12]; grid-template-columns: repeat(12, minmax(0, 1fr)); } .lg\:grid-cols-2 { -ms-grid-columns: (minmax(0, 1fr))[2]; grid-template-columns: repeat(2, minmax(0, 1fr)); } .lg\:grid-cols-3 { -ms-grid-columns: (minmax(0, 1fr))[3]; grid-template-columns: repeat(3, minmax(0, 1fr)); } .lg\:grid-cols-4 { -ms-grid-columns: (minmax(0, 1fr))[4]; grid-template-columns: repeat(4, minmax(0, 1fr)); } .lg\:grid-cols-5 { -ms-grid-columns: (minmax(0, 1fr))[5]; grid-template-columns: repeat(5, minmax(0, 1fr)); } .lg\:grid-cols-\[1fr_1fr_31\.25rem\] { -ms-grid-columns: 1fr 1fr 31.25rem; grid-template-columns: 1fr 1fr 31.25rem; } .lg\:grid-cols-\[1fr_36\.25rem_1fr\] { -ms-grid-columns: 1fr 36.25rem 1fr; grid-template-columns: 1fr 36.25rem 1fr; } .lg\:grid-cols-\[1fr_38rem_1fr\] { -ms-grid-columns: 1fr 38rem 1fr; grid-template-columns: 1fr 38rem 1fr; } .lg\:grid-cols-\[minmax\(333px\2c 1fr\)_1fr_1fr_1fr\] { -ms-grid-columns: minmax(333px,1fr) 1fr 1fr 1fr; grid-template-columns: minmax(333px,1fr) 1fr 1fr 1fr; } .lg\:flex-row { -ms-flex-direction: row; flex-direction: row; } .lg\:flex-col { -ms-flex-direction: column; flex-direction: column; } .lg\:items-start { -ms-flex-align: start; align-items: flex-start; } .lg\:items-end { -ms-flex-align: end; align-items: flex-end; } .lg\:items-center { -ms-flex-align: center; align-items: center; } .lg\:items-stretch { -ms-flex-align: stretch; align-items: stretch; } .lg\:justify-end { -ms-flex-pack: end; justify-content: flex-end; } .lg\:justify-between { -ms-flex-pack: justify; justify-content: space-between; } .lg\:gap-0 { gap: 0px; } .lg\:gap-4 { gap: 1rem; } .lg\:gap-5 { gap: 1.25rem; } .lg\:gap-6 { gap: 1.5rem; } .lg\:gap-8 { gap: 2rem; } .lg\:gap-\[6rem\] { gap: 6rem; } .lg\:gap-x-4 { column-gap: 1rem; } .lg\:gap-x-gutter { column-gap: var(--site-gutters); } .lg\:text-balance { text-wrap: balance; } .lg\:border-l { border-left-width: 1px; } .lg\:border-r { border-right-width: 1px; } .lg\:border-none { border-style: none; } .lg\:border-tbt-black\/25 { border-color: rgb(28 25 21 / 0.25); } .lg\:bg-\[\#F3F3F3\] { --tw-bg-opacity: 1; background-color: rgb(243 243 243 / var(--tw-bg-opacity, 1)); } .lg\:bg-transparent { background-color: transparent; } .lg\:to-40\% { --tw-gradient-to-position: 40%; } .lg\:p-0 { padding: 0px; } .lg\:p-\[16\%\] { padding: 16%; } .lg\:px-0 { padding-left: 0px; padding-right: 0px; } .lg\:px-4 { padding-left: 1rem; padding-right: 1rem; } .lg\:px-8 { padding-left: 2rem; padding-right: 2rem; } .lg\:px-v-space { padding-left: var(--vertical-spacing); padding-right: var(--vertical-spacing); } .lg\:px-v-space-sm { padding-left: var(--vertical-spacing-small); padding-right: var(--vertical-spacing-small); } .lg\:py-0 { padding-top: 0px; padding-bottom: 0px; } .lg\:py-12 { padding-top: 3rem; padding-bottom: 3rem; } .lg\:py-5 { padding-top: 1.25rem; padding-bottom: 1.25rem; } .lg\:pb-0 { padding-bottom: 0px; } .lg\:pb-gutter { padding-bottom: var(--site-gutters); } .lg\:pb-margin { padding-bottom: var(--site-margins); } .lg\:pb-v-space-sm { padding-bottom: var(--vertical-spacing-small); } .lg\:pl-10 { padding-left: 2.5rem; } .lg\:pl-5 { padding-left: 1.25rem; } .lg\:pl-8 { padding-left: 2rem; } .lg\:pr-12 { padding-right: 3rem; } .lg\:pr-5 { padding-right: 1.25rem; } .lg\:pt-0 { padding-top: 0px; } .lg\:pt-10 { padding-top: 2.5rem; } .lg\:pt-4 { padding-top: 1rem; } .lg\:pt-8 { padding-top: 2rem; } .lg\:pt-gutter { padding-top: var(--site-gutters); } .lg\:text-center { text-align: center; } .lg\:text-right { text-align: right; } .lg\:text-xl { font-size: 1.25rem; line-height: 1.75rem; } @media (hover: hover) and (pointer: fine) { .lg\:hover\:border-none:hover { border-style: none; } } } @media (min-width: 1280px) { .xl\:absolute { position: absolute; } .xl\:\!left-auto { left: auto !important; } .xl\:\!left-full { left: 100% !important; } .xl\:\!right-auto { right: auto !important; } .xl\:\!right-full { right: 100% !important; } .xl\:top-0 { top: 0px; } .xl\:col-span-3 { -ms-grid-column-span: 3; -ms-grid-column: span 3; grid-column: span 3 / span 3; } .xl\:col-span-4 { -ms-grid-column-span: 4; -ms-grid-column: span 4; grid-column: span 4 / span 4; } .xl\:col-span-6 { -ms-grid-column-span: 6; -ms-grid-column: span 6; grid-column: span 6 / span 6; } .xl\:col-start-2 { -ms-grid-column: 2; grid-column-start: 2; } .xl\:col-start-4 { -ms-grid-column: 4; grid-column-start: 4; } .xl\:\!m-0 { margin: 0px !important; } .xl\:-mx-gutter { margin-left: calc(var(--site-gutters) * -1); margin-right: calc(var(--site-gutters) * -1); } .xl\:-mx-v-space { margin-left: calc(var(--vertical-spacing) * -1); margin-right: calc(var(--vertical-spacing) * -1); } .xl\:mx-0 { margin-left: 0px; margin-right: 0px; } .xl\:my-gutter { margin-top: var(--site-gutters); margin-bottom: var(--site-gutters); } .xl\:mb-6 { margin-bottom: 1.5rem; } .xl\:mb-8 { margin-bottom: 2rem; } .xl\:mb-9 { margin-bottom: 2.25rem; } .xl\:mt-10 { margin-top: 2.5rem; } .xl\:mt-9 { margin-top: 2.25rem; } .xl\:block { display: block; } .xl\:h-full { height: 100%; } .xl\:min-h-full { min-height: 100%; } .xl\:w-1\/2 { width: 50%; } .xl\:w-1\/4 { width: 25%; } .xl\:w-\[1px\] { width: 1px; } .xl\:w-\[var\(--desktop-cols\)\] { width: var(--desktop-cols); } .xl\:gap-y-0 { row-gap: 0px; } .xl\:space-y-8 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(2rem * var(--tw-space-y-reverse)); } .xl\:px-12 { padding-left: 3rem; padding-right: 3rem; } .xl\:px-gutter { padding-left: var(--site-gutters); padding-right: var(--site-gutters); } .xl\:px-v-space { padding-left: var(--vertical-spacing); padding-right: var(--vertical-spacing); } .xl\:px-v-space-lg { padding-left: var(--vertical-spacing-large); padding-right: var(--vertical-spacing-large); } .xl\:py-\[10\%\] { padding-top: 10%; padding-bottom: 10%; } .xl\:pb-0 { padding-bottom: 0px; } .xl\:pb-v-space-sm { padding-bottom: var(--vertical-spacing-small); } .xl\:pt-0 { padding-top: 0px; } .xl\:pt-gutter { padding-top: var(--site-gutters); } } @media (min-width: 1536px) { .\32xl\:col-span-2 { -ms-grid-column-span: 2; -ms-grid-column: span 2; grid-column: span 2 / span 2; } .\32xl\:col-span-7 { -ms-grid-column-span: 7; -ms-grid-column: span 7; grid-column: span 7 / span 7; } .\32xl\:-mx-v-space-lg { margin-left: calc(var(--vertical-spacing-large) * -1); margin-right: calc(var(--vertical-spacing-large) * -1); } .\32xl\:aspect-2\/1 { aspect-ratio: 2 / 1; } .\32xl\:max-w-\[1400px\] { max-width: 1400px; } .\32xl\:px-0 { padding-left: 0px; padding-right: 0px; } .\32xl\:px-\[calc\(\(100vw-1400px\)\/2\)\] { padding-left: calc((100vw - 1400px) / 2); padding-right: calc((100vw - 1400px) / 2); } .\32xl\:px-v-space-lg { padding-left: var(--vertical-spacing-large); padding-right: var(--vertical-spacing-large); } } @media (min-width: 1900px) { .huge\:col-span-2 { -ms-grid-column-span: 2; -ms-grid-column: span 2; grid-column: span 2 / span 2; } .huge\:col-span-3 { -ms-grid-column-span: 3; -ms-grid-column: span 3; grid-column: span 3 / span 3; } .huge\:col-span-6 { -ms-grid-column-span: 6; -ms-grid-column: span 6; grid-column: span 6 / span 6; } .huge\:col-start-10 { -ms-grid-column: 10; grid-column-start: 10; } .huge\:col-start-11 { -ms-grid-column: 11; grid-column-start: 11; } } .rtl\:rotate-180:where([dir="rtl"], [dir="rtl"] *) { --tw-rotate: 180deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .rtl\:space-x-reverse:where([dir="rtl"], [dir="rtl"] *) > :not([hidden]) ~ :not([hidden]) { --tw-space-x-reverse: 1; } .\[\&\:focus\]\:\[--tw-ring-color\:var\(--hr-color\)\]:focus { --tw-ring-color: var(--hr-color); } .\[\&\:focus\]\:\[--tw-ring-offset-shadow\:none\]:focus { --tw-ring-offset-shadow: none; } .\[\&\:focus\]\:\[--tw-ring-shadow\:none\]:focus { --tw-ring-shadow: none; } .\[\&\:focus\]\:\[--tw-ring-width\:1px\]:focus { --tw-ring-width: 1px; } .\[\&\:focus\]\:\[--tw-shadow\:none\]:focus { --tw-shadow: none; } .\[\&\>li\]\:border-b>li { border-bottom-width: 1px; } .\[\&\>li\]\:border-b-light-grey>li { border-bottom-color: var(--light-grey); } .last\:\[\&\>li\]\:border-b-0>li:last-child { border-bottom-width: 0px; }