/** * * @note! : some manual fixings and re-namings ... * - espcially of note is moving the base colors to be based on primitives, rather than the other way around... * exported via: Export Variables (CSS, SCSS, Tailwind) * v1.2.0 * */ /* Color Primitives - Mode 1 */ /* Base Colors - Mode 1 */ .btp_ns { --btp-c-black: #111416; --btp-c-white: white; --btp-c-default: black; --btp-c-info: #2c6ef2; --btp-c-success: #008800; --btp-c-warning: #ffb701; --btp-c-error: #e41e3d; --btp-c-error-dark: #b70023; --btp-c-focus-blue: hsla(220, 88%, 56%, 1); --btp-c-bwblack: hsl(0, 0%, 7%); --btp-c-bwblack-disabled: hsl(60, 2%, 61%); --btp-c-bwblack-disabled-op: hsla(0, 0%, 7%, 0.4); --btp-c-bwblack-pale: hsl(60, 1%, 17%); --btp-c-bwblack-66op: hsla(0, 0%, 0%, 0.66); --btp-c-bwblack-80op: hsla(0, 0%, 0%, 0.8); --btp-c-bwblack-95op: hsla(0, 0%, 0%, 0.95); --btp-c-bwwhite: hsl(48, 38%, 97%); --btp-c-bwwhite-dim: hsl(45, 11%, 93%); --btp-c-bwbwhite-66op: hsla(48, 38%, 97%, 0.66); --btp-c-bwbwhite-80op: hsla(48, 38%, 97%, 0.8); --btp-c-bwbwhite-95op: hsla(48, 38%, 97%, 0.95); --btp-surface-default: var(--btp-c-bwwhite); --btp-color: var(--btp-c-bwblack); --btp-txt-color: var(--btp-c-bwblack); --btp-surface-accent: var(--btp-c-bwblack); --btp-color-accent: var(--btp-c-bwwhite); --btp-clr-accent: var(--btp-c-bwwhite); --btp-txt-color-accent: var(--btp-c-white); --btp-txt-clr-accent: var(--btp-c-white); --btp-surface-theme: var(--btp-c-bwblack); --btp-surface-theme-66op: hsla(0, 0%, 0%, 0.66); --btp-surface-theme-hover: hsl(48, 38%, 97%); --btp-surface-theme-active: hsl(0, 0%, 7%); --btp-surface-theme-focus: hsl(45, 6%, 87%); --btp-surface-theme-disabled: hsl(60, 2%, 61%); --btp-color-theme: hsl(48, 38%, 97%); --btp-color-theme-hover: hsl(0, 0%, 7%); --btp-color-theme-active: hsl(48, 38%, 97%); --btp-color-theme-focus: hsl(60, 1%, 18%); --btp-color-theme-disabled: hsla(48, 38%, 97%, 0.4); --btp-txt-color-theme: var(--btp-c-white); --btp-surface-error: #e41e3d; --btp-surface-error-hover: hsl(48, 38%, 97%); --btp-surface-error-active: #e41e3d; --btp-surface-error-focus: #e41e3d; --btp-surface-error-disabled: rgba(204, 34, 68, 0.4); --btp-color-error: hsl(48, 38%, 97%); --btp-color-error-hover: #e41e3d; --btp-color-error-active: hsl(48, 38%, 97%); --btp-color-error-focus: hsl(48, 38%, 97%); --btp-color-error-disabled: hsla(48, 38%, 97%, 0.4); --btp-surface-warning: #ffb701; --btp-surface-warning-hover: hsl(48, 38%, 97%); --btp-surface-warning-active: #ffc50b; --btp-surface-warning-focus: #ffc50b; --btp-surface-warning-disabled: rgba(255, 183, 1, 0.4); --btp-color-warning: #111416; --btp-color-warning-hover: #111416; --btp-color-warning-active: rgba(17, 20, 22, 0.6509803922); --btp-color-warning-focus: #111416; --btp-color-warning-disabled: rgba(17, 20, 22, 0.4); --btp-surface-info: #2c6ef2; --btp-surface-info-hover: hsl(48, 38%, 97%); --btp-surface-info-active: #2481ff; --btp-surface-info-focus: #2481ff; --btp-surface-info-disabled: rgba(44, 110, 242, 0.4); --btp-color-info: hsl(48, 38%, 97%); --btp-color-info-hover: #2c6ef2; --btp-color-info-active: hsl(48, 38%, 97%); --btp-color-info-focus: hsl(48, 38%, 97%); --btp-color-info-disabled: hsla(48, 38%, 97%, 0.4); --btp-surface-success: #008800; --btp-surface-success-hover: hsl(48, 38%, 97%); --btp-surface-success-active: #199a11; --btp-surface-success-focus: #199a11; --btp-surface-success-disabled: rgba(0, 136, 0, 0.4); --btp-color-success: hsl(48, 38%, 97%); --btp-color-success-hover: #008800; --btp-color-success-active: hsl(48, 38%, 97%); --btp-color-success-focus: hsl(48, 38%, 97%); --btp-color-success-disabled: hsla(48, 38%, 97%, 0.4); --dmtr-clr-default: var(--btp-c-black); --dmtr-clr-accent: var(--btp-c-bwblack); --dmtr-clr-info: var(--btp-c-info); --dmtr-clr-success: var(--btp-c-success); --dmtr-clr-warning: var(--btp-c-warning); --dmtr-clr-danger: var(--btp-c-error); --dmtr-clr-danger-dark: var(--btp-c-error-dark); --btp-input-padding-v: 12px; --btp-input-padding-h: 20px; --btp-input-focus-border-clr: hsl(0, 0%, 7%); --btp-input-focus-outline-clr: hsla(0, 0%, 0%, 0.5); --btp-font-brand-display: BarlowCondensedBold, 'BarlowCondensed-Bold', 'Adjusted BarlowCondensedBold Fallback', sans-serif; --btp-font-brand-body: DMSansVariable, 'Adjusted DMSanss Fallback', sans-serif; --btp-fntsize-14XL: 90px; --btp-fntsize-13XL: 84px; --btp-fntsize-12XL: 68px; --btp-fntsize-11XL: 54px; --btp-fntsize-10XL: 52px; --btp-fntsize-9XL: 50px; --btp-fntsize-8XL: 44px; --btp-fntsize-7XL: 36px; --btp-fntsize-6XL: 33px; --btp-fntsize-5XL: 32px; --btp-fntsize-4XL: 28px; --btp-fntsize-3XL: 24px; --btp-fntsize-2XL: 21px; --btp-fntsize-1XL: 20px; --btp-fntsize-XL: 18px; --btp-fntsize-L: 16px; --btp-fntsize-ML: 15px; --btp-fntsize-M: 14px; --btp-fntsize-S: 13px; --btp-fntsize-XS: 12px; --btp-fntsize-XXS: 10px; --btp-fntsize-9XL--14XL: clamp(3.125rem, 2.0773rem + 4.4346cqi, 5.625rem); --btp-fntsize-8XL--13XL: clamp(2.35rem, 1.5023rem + 4.4346cqi, 5.25rem); --btp-fntsize-8XL--11XL: clamp(2.35rem, 1.5023rem + 4.4346cqi, 3.375rem); --btp-fntsize-7XL--12XL: clamp(2.25rem, 1.4119rem + 3.5477cqi, 4.25rem); --btp-fntsize-7XL--11XL: clamp(2.25rem, 1.4119rem + 3.5477cqi, 3.375rem); --btp-fntsize-7XL--8XL: clamp(2.25rem, 2.0405rem + 0.8869cqi, 2.75rem); --btp-fntsize-6XL--10XL: clamp(2.0625rem, 1.5649rem + 2.1064cqi, 3.25rem); --btp-fntsize-5XL--11XL: clamp(2rem, 1.4238rem + 2.439vw, 3.375rem); --btp-fntsize-4XL--11XL: clamp(1.75rem, 1.069rem + 2.8825cqi, 3.375rem); --btp-fntsize-3XL--8XL: clamp(1.5rem, 0.9762rem + 2.2173cqi, 2.75rem); --btp-fntsize-3XL--7XL: clamp(1.5rem, 1.2381rem + 1.1086cqi, 2.25rem); --btp-fntsize-3XL--6XL: clamp(1.5rem, 1.2381rem + 1.1086cqi, 2.125rem); --btp-fntsize-1XL--7XL: clamp(1.25rem, 0.8309rem + 1.7738cqi, 2.25rem); --btp-fntsize-1XL--6XL: clamp(1.25rem, 0.9095rem + 1.4412cqi, 2.0625rem); --btp-fntsize-1XL--4XL: clamp(1.25rem, 1.0405rem + 0.8869cqi, 1.75rem); --btp-fntsize-1XL--3XL: clamp(1rem, 0.7905rem + 0.8869cqi, 1.5rem); --btp-fntsize-3XL--5XL: clamp(1.5rem, 1.2905rem + 0.8869cqi, 2rem); --btp-fntsize-XL--6XL: clamp(1.125rem, 0.7321rem + 1.663cqi, 2.0625rem); --btp-fntsize-XL--5XL: clamp(1.125rem, 0.7583rem + 1.5521cqi, 2rem); --btp-fntsize-XL--4XL: clamp(1.125rem, 0.8631rem + 1.1086cqi, 1.75rem); --btp-fntsize-XL--3XL: clamp(1.125rem, 0.9678rem + 0.6652cqi, 1.5rem); --btp-fntsize-L--5XL: clamp(1rem, 0.5615rem + 1.8561cqi, 2rem); --btp-fntsize-L--3XL: clamp(1rem, 0.7905rem + 0.8869cqi, 1.5rem); --btp-fntsize-L--1XL: clamp(1rem, 0.8952rem + 0.4435cqi, 1.25rem); --btp-fntsize-L--XL: clamp(1rem, 0.8952rem + 0.4435cqi, 1.125rem); --btp-fntsize-M--XL: clamp(0.875rem, 0.7702rem + 0.4435cqi, 1.125rem); --btp-fntsize-M--L: clamp(0.875rem, 0.8226rem + 0.2217cqi, 1rem); --btp-fntsize-S--L: clamp(0.8125rem, 0.7339rem + 0.3326cqi, 1rem); --dmtr-body-pad: 14px 7px; --btp-letterspacing-M: -0.01em; --btp-btn-pad-u: 10px; --btp-btn-pad-block: 10px; --btp-btn-pad-inline: 10px; --btp-btn-pad: var(--btp-btn-pad-block) var(--btp-btn-pad-inline) ; --btp-btn-pad-block-sm: 10px; --btp-btn-pad-inline-sm: 10px; --btp-btn-pad-sm: var(--btp-btn-pad-block-sm) var(--btp-btn-pad-inline-sm) ; --btp-link-pad-block-sm: 8px; --btp-link-pad-inline-sm: 10px; --btp-link-pad-sm: var(--btp-link-pad-block-sm) var(--btp-link-pad-inline-sm) ; --btp-rnd-sm: 3px; --btp-rnd: 5px; --btp-rnd-lg: 10px; --btp-rnd-xlg: 15px; --btp-rnd-xxlg: 20px; --btp-rnd-xxxlg: 30px; --btp-btn-brdr-size: 1px; --dmtr-btn-pad: var(--btp-btn-pad); --dmtr-btn-round: var(--btp-rnd); --dmtr-btn-brdr-size: var(--btp-btn-brdr-size); --dmtr-clr-link: var(--btp-c-bwblack); --dmtr-clr-link-dk: var(--btp-c-bwwhite); --btp-input-color: hsl(0, 0%, 7%); --btp-input-surface: #EDEBE3; --dmtr-root-pad: 0; --dmtr-body-pad: clamp(10px, 3rem, 1svh); --dmtr-gap-xlg: 60px; --btp-nav-h-min: 48px; --btp-nav-h-max: 60px; --btp-nav-h: var(--btp-nav-h-min); --btp-min-h-minus-nav: calc(100svh - var(--btp-nav-h)); --btp-ar-logo-lockup: 1069 / 150; --btp-ar-logo-stack: 364 / 165; --btp-ar-logo: 853 / 150; --btp-story-peek-over: 4rem; --btp-width-min: 320px; --btp-width-stack: 640px; --btp-width-tablet: 768px; --btp-width-desktop: 1200px; --btp-width-max: 1500px; --btp-trans-xfast: 0.075s; --btp-trans-fast: 0.15s; --btp-trans-med: 0.3s; --btp-trans: 0.3s; --btp-trans-slow: 0.45s; --btp-shadow-clr: rgba(0 0 0 / .8); --btp-shadow-raised-dims: 0 5px 5px 0; --btp-shadow-raised: var(--btp-shadow-raised-dims) var(--btp-shadow-clr); --btp-shadow-raised-subtle: 0 5px 5px 0 rgba(0,0,0, 0.5); --btp-shadow-lifted: -4px -4px 10px 0 var(--btp-shadow-clr); --btp-shadow-lifted-slightly: -3px 0 6.8px 0 rgba(0, 0, 0, 0.27); --btp-shadow-under: 0 -5px 10px 0 rgba(0 0 0 / .38); --btp-dropshadow-lifted: drop-shadow(-4px -4px 10px var(--btp-shadow-clr)); --btp-dropshadow-raised-subtle: drop-shadow(0 5px 5px rgba(0,0,0, 0.5)); --ico-search: 0 84.4311377245509%; --ico-close: 0 29.34131736526946%; --ico-close-circle: 0 29.940119760479043%; --ico-circle-empty: 0 26.94610778443114%; --ico-circle-check: 0 26.347305389221557%; --ico-carret: 0 25.149700598802394%; --ico-carret-down: 0 23.952095808383234%; --btp-u-xxtight: 2px; --btp-u-xtight: 5px; --btp-u-tight: 10px; --btp-u-xsnug: 15px; --btp-u-rempx: 16px; --btp-u-rem: 1rem; --btp-u-snug: 20px; --btp-u-cozy: 25px; --btp-u-roomy: 30px; --btp-u-xroomy: 40px; --btp-u-xxroomy: 50px; --btp-u-xxxroomy: 60px; --btp-u-xxxxroomy: 70px; --btp-u-xxxxxroomy: 80px; --btp-vwu-0-20: clamp(0rem, -0.5238rem + 2.2173vw, 1.25rem); --btp-vwu-5-20: clamp(0.3125rem, 0rem + 1.5625vw, 1.25rem); --btp-vwu-5-35: clamp(0.3125rem, -0.3125rem + 3.125vw, 2.1875rem); --btp-vwu-10-20: clamp(10px, 2.34375vw, 20px); --btp-vwu-10-30: clamp(10px, 2.714375vw, 30px); --btp-vwu-15-30: clamp(0.9375rem, 0.5446rem + 1.663vw, 1.875rem); --btp-vwu-20-30: clamp(20px, 4.296875vw, 30px); --btp-vmu-20-40: clamp(1.25rem, 0.7262rem + 2.2173vw, 2.5rem); --btp-vmu-40-60: clamp(2.5rem, 1.9762rem + 2.2173vw, 3.75rem); --btp-anim-spring-firm: linear(0, 0.453 7.8%, 0.803 16.1%, 1.048 24.9%, 1.132 29.5%, 1.194 34.4%, 1.227 38.4%, 1.245 42.5%, 1.25 46.9%, 1.242 51.7%, 1.2 60.5%, 1.038 84.9%, 1.009 92.5%, 1); } @property --op { syntax: ""; initial-value: 1; inherits: true; } @property --op-selected { syntax: ""; initial-value: 1; inherits: true; } @property --op-highlight { syntax: ""; initial-value: 1; inherits: true; } @property --op-dimmed { syntax: ""; initial-value: 0.33; inherits: true; } @property --op-filtered-in { syntax: ""; initial-value: 0.66; inherits: true; } @property --op-filtered-out { syntax: ""; initial-value: 0.15; inherits: true; } .btp_ns, .dmtr_html body { font-family: var(--btp-font-brand-body, sans-serif); } .dmtr_html { background-color: var(--btp-surface-default); overscroll-behavior-x: none; min-width: 320px; color: var(--btp-txt-color); } .dmtr_body { background-color: var(--btp-surface-default); color: var(--btp-txt-color); } .btp_ns p:not(.dmtr_txt-balance) { text-wrap: pretty; } .btp_ns .dmtr_nest-balance p { text-wrap: balance; } .btp_ns ul { padding: 0; margin: 0; margin-block-start: 0; margin-block-end: 0; padding-inline-start: 0; } @keyframes scaleBounce { 0% { scale: 1; } 10% { scale: 0.98; } 15% { scale: 1.5; } 20% { scale: 1.5; } 25% { scale: 0.99; } 30% { scale: 1.1; } 35% { scale: 1; } 100% { scale: 1; } } @font-face { font-family: "BarlowCondensedBold"; src: local("BarlowCondensed-Bold"), url("/fonts/BarlowCondensed/BarlowCondensed-Bold.woff2") format("woff"); font-display: swap; font-weight: normal; } @font-face { font-family: "Adjusted BarlowCondensedBold Fallback"; src: local(Impact); size-adjust: 91%; ascent-override: 104%; descent-override: normal; line-gap-override: normal; } @font-face { font-family: "DMSansVariable"; src: url("/fonts/DMSans/DMSans-VariableFont_opsz,wght.woff2") format("woff2-variations"); src: url("/fonts/DMSans/DMSans-VariableFont_opsz,wght.woff2") format("woff2") tech("variations"); font-weight: 100 1000; font-stretch: 25% 151%; font-display: swap; } @font-face { font-family: "DMSans"; src: local("DM Sans"), url("/fonts/DMSans/DMSansRegular.woff2") format("woff"); font-display: swap; font-weight: normal; } @font-face { font-family: "Adjusted DMSans Fallback"; src: local(Verdana); size-adjust: 92%; ascent-override: 109%; descent-override: 30%; line-gap-override: normal; } .btp_ns { text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -webkit-font-smoothing: subpixel-antialiased; } .btp_ns h1, .btp_ns h2, .btp_ns h3, .btp_ns h4, .btp_ns h5, .btp_ns h6 { margin-block-start: unset; margin-block-end: unset; } .btp_fnt-brand-display, .btp-brand-font, .btp_fnt-Display1, .btp_fnt-Heading1, .btp_fnt-Heading2, .btp_fnt-Heading3, .btp_fnt-Heading4, .btp_fnt-Heading5, .btp_fnt-Title6, .dmtr_h4, .dmtr_h6, .btp_headline, .dmtr_dialog-headline, .dmtr_h1, .dmtr_h2, .dmtr_h3 { font-family: var(--btp-font-brand-display); } .btp_fnt-brand-body { font-family: var(--btp-font-brand-body); font-weight: regular; } .dmtr_h1, .dmtr_h2, .dmtr_h3 { text-transform: uppercase; line-height: 88.889%; } .btp_fntsize-XS { font-size: var(--btp-fntsize-XS); } .btp_fntsize-S { font-size: var(--btp-fntsize-S); } .btp_fntsize-M { font-size: var(--btp-fntsize-M); } .btp_fntsize-L { font-size: var(--btp-fntsize-L); } .btp_fntsize-XL { font-size: var(--btp-fntsize-XL); } .btp_fntsize-1XL { font-size: var(--btp-fntsize-1XL); } .btp_fntsize-2XL { font-size: var(--btp-fntsize-2XL); } .btp_fntsize-3XL { font-size: var(--btp-fntsize-3XL); } .btp_fntsize-4XL { font-size: var(--btp-fntsize-4XL); } .btp_fntsize-5XL { font-size: var(--btp-fntsize-5XL); } .btp_fntsize-6XL { font-size: var(--btp-fntsize-6XL); } .btp_fntsize-7XL { font-size: var(--btp-fntsize-7XL); } .btp_fntsize-8XL { font-size: var(--btp-fntsize-8XL); } .btp_fntsize-9XL { font-size: var(--btp-fntsize-9XL); } .btp_fntsize-10XL { font-size: var(--btp-fntsize-10XL); } .btp_fntsize-11XL { font-size: var(--btp-fntsize-11XL); } .btp_fntsize-12XL { font-size: var(--btp-fntsize-12XL); } .btp_fntsize-13XL { font-size: var(--btp-fntsize-13XL); } .btp_fntsize-14XL { font-size: var(--btp-fntsize-14XL); } .btp_fntsize-Display1, .btp_fnt-Display1, .btp_fntsize-9XL--14XL { font-size: var(--btp-fntsize-9XL--14XL); } .btp_fntsize-Heading1, .btp_fnt-Heading1, .btp_fntsize-8XL--13XL, .dmtr_h1 { font-size: var(--btp-fntsize-8XL--13XL); } .btp_fntsize-Heading2, .btp_fnt-Heading2, .btp_fntsize-7XL--12XL, .dmtr_h2 { font-size: var(--btp-fntsize-7XL--12XL); } .btp_fntsize-7XL--11XL { font-size: var(--btp-fntsize-7XL--11XL); } .btp_fntsize-Heading3, .btp_fnt-Heading3, .btp_fntsize-4XL--11XL, .dmtr_h3 { font-size: var(--btp-fntsize-4XL--11XL); } .btp_fntsize-Heading4, .btp_fnt-Heading4, .btp_fntsize-3XL--8XL, .dmtr_h4 { font-size: var(--btp-fntsize-3XL--8XL); } .btp_fntsize-Heading5, .btp_fnt-Heading5, .btp_fntsize-1XL--7XL, .dmtr_h5 { font-size: var(--btp-fntsize-1XL--7XL); } .btp_fntsize-Title1, .btp_fnt-Title1, .btp_fntsize-1XL--7XL { font-size: var(--btp-fntsize-1XL--7XL); } .btp_fntsize-Title2, .btp_fnt-Title2, .btp_fntsize-XL--3XL { font-size: var(--btp-fntsize-XL--3XL); } .btp_fntsize-L--3XL { font-size: var(--btp-fntsize-1XL--3XL); } .btp_fntsize-Title3, .btp_fnt-Title3, .btp_fntsize-L--1XL { font-size: var(--btp-fntsize-L--1XL); } .btp_fntsize-Title4, .btp_fnt-Title4, .btp_fntsize-M--XL { font-size: var(--btp-fntsize-M--XL); } .btp_fntsize-Title5, .btp_fnt-Title5, .btp_fntsize-S--L { font-size: var(--btp-fntsize-S--L); } .btp_fntsize-Body1, .btp_fnt-Body1 { font-size: var(--btp-fntsize-2XL); } .btp_fnt-Title6, .btp_fntsize-XL { font-size: var(--btp-fntsize-XL); } .btp_fnt-Title7 { font-weight: 600; font-size: var(--btp-fntsize-L); letter-spacing: var(--btp-letterspacing-M); } .btp_fntsize-Body2, .btp_fnt-Body2 { font-size: var(--btp-fntsize-XL); } .btp_fntsize-Body3, .btp_fnt-Body3 { font-size: var(--btp-fntsize-L); } .btp_fntsize-L--3XL { font-size: var(--btp-fntsize-L--3XL); } .btp_fnt-Display1, .btp_fnt-Heading1, .btp_fnt-Heading2, .btp_fnt-Heading3, .btp_fnt-Heading4, .btp_fnt-Heading5, .btp_fnt-Title6, .dmtr_h1, .dmtr_h2, .dmtr_h3, .dmtr_h4, .dmtr_h6, .btp_headline, .dmtr_dialog-headline { text-transform: uppercase; letter-spacing: var(--btp-letterspacing-M); text-wrap: balance; } .btp_fnt-Display1 { line-height: 88.889%; } .btp_fnt-Heading1 { line-height: 90.476%; } .btp_fnt-Heading2 { line-height: 89.706%; } .btp_fnt-Heading3 { line-height: 92.593%; } .btp_fnt-Heading4 { line-height: 90.909%; } .btp_fnt-Heading5 { line-height: 88.889%; } .btp_fnt-Title1 { line-height: 116.667%; } .btp_fnt-Title2 { line-height: 116.667%; } .btp_fnt-Title3 { line-height: 135%; } .btp_fnt-Title4 { line-height: 133.333%; } .btp_fnt-Title5 { line-height: 131.25%; } .btp_fnt-Body1 { line-height: 133.333%; } .btp_fnt-Body2 { line-height: 161.111%; } .btp_fnt-Body3 { line-height: 162.5%; } .btp_fnt-Title1, .btp_fnt-Title2, .btp_fnt-Title3, .btp_fnt-Title4, .btp_fnt-Title5 { font-family: var(--btp-font-brand-display); letter-spacing: 0px; } .btp_fnt-Title1 i, .btp_fnt-Title1 em, .btp_fnt-Title1 .btp-italic, .btp_fnt-Title2 i, .btp_fnt-Title2 em, .btp_fnt-Title2 .btp-italic, .btp_fnt-Title3 i, .btp_fnt-Title3 em, .btp_fnt-Title3 .btp-italic, .btp_fnt-Title4 i, .btp_fnt-Title4 em, .btp_fnt-Title4 .btp-italic, .btp_fnt-Title5 i, .btp_fnt-Title5 em, .btp_fnt-Title5 .btp-italic { font-family: var(--btp-font-brand-body); font-weight: 900; letter-spacing: var(--btp-letterspacing-M); } .btp_headline-pre { font-family: var(--btp-font-brand-display); font-size: var(--btp-fntsize-3XL--6XL); font-style: italic; text-transform: uppercase; letter-spacing: var(--btp-letterspacing-M); line-height: 1; } .btp_headline { font-family: var(--btp-font-brand-display); font-size: var(--btp-fntsize-8XL--13XL); text-transform: uppercase; letter-spacing: var(--btp-letterspacing-M); line-height: 90.476%; } .btp_intro, .btp_intro-sm, .btp_form-description, p.btp_form-description { font-family: var(--btp-font-brand-body); font-size: var(--btp-fntsize-L--3XL); font-style: italic; font-weight: 900; letter-spacing: var(--btp-letterspacing-M); line-height: 1.3125; } .btp_intro:not(.dmtr_txt-pretty), .btp_intro-sm:not(.dmtr_txt-pretty), .btp_form-description:not(.dmtr_txt-pretty), p.btp_form-description:not(.dmtr_txt-pretty) { text-wrap: balance; } .btp_intro-sm { font-size: var(--btp-fntsize-L--1XL); } i.btp_fnt-Title1, i.btp_fnt-Title2, i.btp_fnt-Title3, i.btp_fnt-Title4, i.btp_fnt-Title5, em.btp_fnt-Title1, em.btp_fnt-Title2, em.btp_fnt-Title3, em.btp_fnt-Title4, em.btp_fnt-Title5, .btp-italic.btp_fnt-Title1, .btp-italic.btp_fnt-Title2, .btp-italic.btp_fnt-Title3, .btp-italic.btp_fnt-Title4, .btp-italic.btp_fnt-Title5 { font-family: var(--btp-font-brand-body); font-weight: 900; letter-spacing: var(--btp-letterspacing-M); } .btp_fnt-Body1, .btp_fnt-Body2, .btp_fnt-Body3 { letter-spacing: var(--btp-letterspacing-M); } .btp_txt-dk { color: var(--btp-c-bwblack); } .btp_fnt-b { font-weight: bold; } .dmtr_link, .dmtr_link-inverse, .dmtr_link-underline, a.dmtr_link, a.dmtr_link-inverse, a.dmtr_link-underline, button.dmtr_link, button.dmtr_link-inverse, button.dmtr_link-underline { --_pad-u-base: var(--pad-u, var(--btp-btn-pad-inline, 0)); --_pad-u: var(--_pad-u-base); --_padding: var(--padding, var(--btp-btn-pad)); padding: var(--_padding); --_round: var(--round, var(--dmtr-btn-round, 0.25em)); display: inline-flex; justify-content: space-between; align-items: center; text-box: trim-both cap alphabetic; line-height: 1; padding: var(--_padding); border-radius: var(--_round); color: var(--_clr); } .dmtr_link:visited, .dmtr_link-inverse:visited, .dmtr_link-underline:visited, a.dmtr_link:visited, a.dmtr_link-inverse:visited, a.dmtr_link-underline:visited, button.dmtr_link:visited, button.dmtr_link-inverse:visited, button.dmtr_link-underline:visited { background: var(--_surface); color: var(--_clr); } .dmtr_link:focus-visible, .dmtr_link:hover, .dmtr_link:active, .dmtr_link-inverse:focus-visible, .dmtr_link-inverse:hover, .dmtr_link-inverse:active, .dmtr_link-underline:focus-visible, .dmtr_link-underline:hover, .dmtr_link-underline:active, a.dmtr_link:focus-visible, a.dmtr_link:hover, a.dmtr_link:active, a.dmtr_link-inverse:focus-visible, a.dmtr_link-inverse:hover, a.dmtr_link-inverse:active, a.dmtr_link-underline:focus-visible, a.dmtr_link-underline:hover, a.dmtr_link-underline:active, button.dmtr_link:focus-visible, button.dmtr_link:hover, button.dmtr_link:active, button.dmtr_link-inverse:focus-visible, button.dmtr_link-inverse:hover, button.dmtr_link-inverse:active, button.dmtr_link-underline:focus-visible, button.dmtr_link-underline:hover, button.dmtr_link-underline:active { text-decoration: underline; } .dmtr_link:focus, .dmtr_link-inverse:focus, .dmtr_link-underline:focus, a.dmtr_link:focus, a.dmtr_link-inverse:focus, a.dmtr_link-underline:focus, button.dmtr_link:focus, button.dmtr_link-inverse:focus, button.dmtr_link-underline:focus { background: var(--_surface-focus); color: var(--_clr-focus); } .dmtr_link:focus-visible, .dmtr_link-inverse:focus-visible, .dmtr_link-underline:focus-visible, a.dmtr_link:focus-visible, a.dmtr_link-inverse:focus-visible, a.dmtr_link-underline:focus-visible, button.dmtr_link:focus-visible, button.dmtr_link-inverse:focus-visible, button.dmtr_link-underline:focus-visible { background: var(--_surface-focus-visible, var(--_surface-focus)); color: var(--_clr-focus-visible); } .dmtr_link:active, .dmtr_link-inverse:active, .dmtr_link-underline:active, a.dmtr_link:active, a.dmtr_link-inverse:active, a.dmtr_link-underline:active, button.dmtr_link:active, button.dmtr_link-inverse:active, button.dmtr_link-underline:active { background: var(--_surface-active); color: var(--_clr-active); } .dmtr_link:disabled, .dmtr_link[disabled], .dmtr_link-inverse:disabled, .dmtr_link-inverse[disabled], .dmtr_link-underline:disabled, .dmtr_link-underline[disabled], a.dmtr_link:disabled, a.dmtr_link[disabled], a.dmtr_link-inverse:disabled, a.dmtr_link-inverse[disabled], a.dmtr_link-underline:disabled, a.dmtr_link-underline[disabled], button.dmtr_link:disabled, button.dmtr_link[disabled], button.dmtr_link-inverse:disabled, button.dmtr_link-inverse[disabled], button.dmtr_link-underline:disabled, button.dmtr_link-underline[disabled] { background: var(--_surface-disabled); color: var(--_clr-disabled); } @media (hover: hover) { .dmtr_link:hover, .dmtr_link-inverse:hover, .dmtr_link-underline:hover, a.dmtr_link:hover, a.dmtr_link-inverse:hover, a.dmtr_link-underline:hover, button.dmtr_link:hover, button.dmtr_link-inverse:hover, button.dmtr_link-underline:hover { background: var(--_surface-hover); color: var(--_clr-hover); } } button.dmtr_link, button.dmtr_link-inverse, button.dmtr_link-underline { appearance: none; cursor: pointer; border: 0px none; background-color: transparent; } a.dmtr_link { --_clr-base: var(--clr, var(--btp-color-theme)); --_clr: var(--_clr-base); --_clr-hover: var(--clr-hover, var(--btp-color-theme-hover)); --_clr-focus: var(--clr-focus, var(--btp-color-theme-focus)); --_clr-active: var(--clr-active, var(--btp-color-theme-active)); --_clr-disabled: var(--clr-disabled, var(--btp-color-theme-disabled)); --_surface-base: var(--surface, var(--btp-surface-theme)); --_surface: var(--_surface-base); --_surface-hover: var(--surface-hover, var(--btp-surface-theme-hover)); --_surface-focus: var(--surface-focus, var(--btp-surface-theme-focus)); --_surface-focus-visible: var(--surface-focus-visible, var(--btp-surface-theme-visible)); --_surface-active: var(--surface-active, var(--btp-surface-theme-active)); --_surface-disabled: var(--surface-disabled, var(--btp-surface-theme-disabled)); font-family: var(--btp-font-brand-display); text-transform: uppercase; text-box: trim-both cap alphabetic; text-decoration: none; background: var(--_surface); color: var(--_clr); } a.dmtr_link:hover { text-decoration: none; } a.dmtr_link-inverse, a.dmtr_link-underline, button.dmtr_link-inverse, button.dmtr_link-underline { --_clr-base: var(--surface, var(--btp-surface-theme)); --_clr: var(--_clr-base); --_clr-hover: var(--surface-hover, var(--btp-surface-theme-hover)); --_clr-focus: var(--surface-focus, var(--btp-surface-theme-focus)); --_clr-focus-visible: var(--surface-focus-visible, var(--btp-surface-theme-focus-visible, var( --_clr-focus))); --_clr-active: var(--surface-active, var(--btp-surface-theme-active)); --_clr-disabled: var(--surface-disabled, var(--btp-surface-theme-disabled)); --_surface-base: var(--clr, var(--btp-color-theme)); --_surface: var(--_surface-base); --_surface-hover: var(--clr-hover, var(--btp-color-theme-hover)); --_surface-focus: var(--clr-focus, var(--btp-color-theme-focus)); --_surface-focus-visible: var(--clr-focus-visible, var(--btp-clr-theme-focus-visible, var(--_surface-focus))); --_surface-active: var(--clr-active, var(--btp-color-theme-active)); --_surface-disabled: var(--clr-disabled, var(--btp-color-theme-disabled)); } a.dmtr_link-underline, button.dmtr_link-underline { --_pad-u-base: var(--pad-u, var(--btp-link-pad-inline-sm, 0)); --_pad-u: var(--_pad-u-base); --_padding: var(--padding, var(--btp-link-pad-sm)); padding: var(--_padding); padding-inline-end: calc(var(--_pad-u) + 0.25em); } a.dmtr_link-underline.dmtr_txt-normal, a.dmtr_link-underline:has(.dmtr_txt-normal), button.dmtr_link-underline.dmtr_txt-normal, button.dmtr_link-underline:has(.dmtr_txt-normal) { padding-inline-end: var(--btp-link-pad-inline-sm); } a.dmtr_link-underline, button.dmtr_link-underline { font-style: italic; background: transparent; text-decoration: underline; text-underline-position: under; } a.dmtr_link-underline:focus-visible, a.dmtr_link-underline:hover, button.dmtr_link-underline:focus-visible, button.dmtr_link-underline:hover { text-decoration: underline; } a.dmtr_link-inline, a.dmtr_link-inline-b { text-decoration: none; } a.dmtr_link-inline:focus-visible, a.dmtr_link-inline:hover, a.dmtr_link-inline-b:focus-visible, a.dmtr_link-inline-b:hover { text-decoration: underline; } a.dmtr_link-inline-b { font-weight: bold; } a.dmtr_link-inline-ul { text-decoration: underline; } a.dmtr_link-inline-ul:focus-visible, a.dmtr_link-inline-ul:hover { text-decoration-thickness: 3px; } a.btp_link-plain { text-decoration: none; } a.btp_link-plain:focus-visible, a.btp_link-plain:hover { text-decoration: underline; } a.btp_link-plain-ul { text-decoration: underline; text-decoration-thickness: 1.45px; font-weight: 700; } a.btp_link-plain-ul:focus-visible, a.btp_link-plain-ul:hover { text-decoration: underline; text-decoration-thickness: 2.45px; } a.btp_themed-link { --_clr: var(--btp-color-theme, currentColor); color: var(--_clr); } a.btp_themed-link:link, a.btp_themed-link:visited { color: var(--_clr); } a.btp_themed-link:focus-visible { color: var(--_clr); } a.btp_themed-link:hover { color: var(--_clr); } [data-theme-dk=true] a.btp_themed-link, a.btp_themed-link-inverse { --_clr: var(--btp-surface-theme, currentColor); color: var(--_clr); } [data-theme-dk=true] a.btp_themed-link:link, [data-theme-dk=true] a.btp_themed-link:visited, a.btp_themed-link-inverse:link, a.btp_themed-link-inverse:visited { color: var(--_clr); } [data-theme-dk=true] a.btp_themed-link:focus-visible, a.btp_themed-link-inverse:focus-visible { color: var(--_clr); } [data-theme-dk=true] a.btp_themed-link:hover, a.btp_themed-link-inverse:hover { color: var(--_clr); } a.btp_link-dim-non-current { opacity: 0.5; } a.btp_link-dim-non-current[aria-current], a.btp_link-dim-non-current:focus-visible, a.btp_link-dim-non-current:hover { opacity: 1; } .dmtr_ns a.btp_skip-link { display: block; position: fixed; top: 0px; left: 0px; padding: 10px; z-index: var(--dmtr-z-super-sup); background: var(--btp-c-bwblack); color: var(--btp-c-bwwhite); border: 2px dashed var(--btp-c-bwwhite); } .dmtr_ns a.btp_skip-link:focus-visible, .dmtr_ns a.btp_skip-link:focus, .dmtr_ns a.btp_skip-link:active { position: fixed; } .btp_fake-link[data-module-initialized=true] { cursor: pointer; } .btp_fake-link[data-module-initialized=true]:active { scale: 0.99; } .btp_fake-link[data-module-initialized=true] img { transition: all 0.15s ease; } @media (hover: hover) { .btp_fake-link[data-module-initialized=true]:hover img { opacity: 0.5; } } .dmtr_ns a.dmtr_btn.btp_loadmore-link { display: block; text-align: center; justify-content: center; font-style: italic; font-size: var(--btp-fntsize-1XL); width: 23ch; width: max-content; max-width: 100%; margin-inline: auto; } .btp_ns img, .btp_ns svg, .btp_ns video { display: block; } .btp_ns svg { box-sizing: content-box; fill: currentColor; } .btp_ns a svg, .btp_ns button svg, .btp_ns label svg { pointer-events: none; } figure { margin: unset; } .btp_roi, .btp_ns .btp_roi { --_x: var(--x, 50%); --_y: var(--y, 50%); display: block; position: absolute; width: 100%; height: 100%; object-fit: cover; object-position: var(--_x) var(--_y); } .btp_roi-wrap[data-main-editor] { border: 2px solid var(--btp-c-bwblack); } .btp_ar-wrap { position: relative; display: block; position: relative; background: hsla(210, 50%, 13%, 0.05); aspect-ratio: var(--ar); display: block; max-width: 100%; height: auto; max-height: 90svh; object-fit: contain; margin: 0 auto; padding: 0; border-radius: var(--btp-rnd-lg); overflow: clip; } .btp_ar-wrap:before { --size: 2em; --color: black; content: ""; display: block; position: absolute; top: 50%; left: 50%; width: auto; height: min(75%, var(--size, 2em)); aspect-ratio: 1; translate: -50% -50%; background-color: var(--color, black); clip-path: polygon(50% 31.111%, 50% 31.111%, 52.959% 31.37%, 55.804% 32.116%, 58.49% 33.301%, 60.969% 34.88%, 63.194% 36.806%, 65.12% 39.031%, 66.699% 41.51%, 67.884% 44.196%, 68.63% 47.041%, 68.889% 50%, 68.889% 50%, 69.051% 51.962%, 69.52% 53.831%, 70.269% 55.58%, 71.271% 57.182%, 72.5% 58.611%, 73.929% 59.84%, 75.531% 60.842%, 77.28% 61.591%, 79.149% 62.06%, 81.111% 62.222%, 81.111% 62.222%, 83.104% 62.06%, 85.058% 61.591%, 86.931% 60.842%, 88.684% 59.84%, 90.278% 58.611%, 91.671% 57.182%, 92.824% 55.58%, 93.698% 53.831%, 94.251% 51.962%, 94.444% 50%, 94.444% 50%, 93.86% 42.816%, 92.169% 35.991%, 89.464% 29.62%, 85.84% 23.796%, 81.389% 18.611%, 76.204% 14.16%, 70.38% 10.536%, 64.009% 7.831%, 57.184% 6.14%, 50% 5.556%, 50% 5.556%, 42.816% 6.14%, 35.991% 7.831%, 29.62% 10.536%, 23.796% 14.16%, 18.611% 18.611%, 14.16% 23.796%, 10.536% 29.62%, 7.831% 35.991%, 6.14% 42.816%, 5.556% 50%, 5.556% 50%, 6.14% 57.184%, 7.831% 64.009%, 10.536% 70.38%, 14.16% 76.204%, 18.611% 81.389%, 23.796% 85.84%, 29.62% 89.464%, 35.991% 92.169%, 42.816% 93.86%, 50% 94.444%, 50% 94.444%, 55.26% 94.149%, 60.347% 93.28%, 65.22% 91.864%, 69.84% 89.929%, 74.167% 87.5%, 78.16% 84.604%, 81.78% 81.269%, 84.987% 77.52%, 87.74% 73.384%, 90% 68.889%, 90% 68.889%, 89.301% 69.221%, 88.542% 69.547%, 87.73% 69.859%, 86.871% 70.151%, 85.972% 70.417%, 85.04% 70.649%, 84.081% 70.841%, 83.102% 70.987%, 82.11% 71.079%, 81.111% 71.111%, 81.111% 71.111%, 79.114% 71.012%, 77.138% 70.72%, 75.201% 70.241%, 73.324% 69.582%, 71.528% 68.75%, 69.831% 67.751%, 68.254% 66.592%, 66.818% 65.28%, 65.541% 63.821%, 64.444% 62.222%, 64.444% 62.222%, 62.288% 64.386%, 59.858% 66.196%, 57.214% 67.632%, 54.418% 68.676%, 51.528% 69.306%, 48.604% 69.502%, 45.708% 69.246%, 42.898% 68.516%, 40.234% 67.292%, 37.778% 65.556%, 37.778% 65.556%, 35.646% 63.398%, 33.92% 60.96%, 32.608% 58.296%, 31.716% 55.458%, 31.25% 52.5%, 31.218% 49.476%, 31.626% 46.438%, 32.48% 43.44%, 33.788% 40.536%, 35.556% 37.778%, 35.556% 37.778%, 36.62% 36.511%, 37.804% 35.378%, 39.096% 34.378%, 40.48% 33.511%, 41.944% 32.778%, 43.476% 32.178%, 45.06% 31.711%, 46.684% 31.378%, 48.336% 31.178%, 50% 31.111%); animation: spin 1s linear infinite; --size: min(32px, 2rem); content: ""; display: block; width: var(--size); height: var(--size); position: absolute; top: 50%; left: 50%; translate: -50% -50%; background: var(--btp-c-bwblack); opacity: 0.2; pointer-events: none; z-index: var(--dmtr-z-content-sub); } .btp_ar-wrap .btp_picture, .btp_ar-wrap .btp_story-media-video { aspect-ratio: var(--ar); position: absolute; inset: 0; width: 100%; height: 100%; z-index: var(--dmtr-z-content); } .btp_ns:not(._ua_browser-chrome, ._ua_browser-firefox) .btp_ar-wrap { width: calc(90svh * var(--ar)); } @media (orientation: portrait) { .btp_ns:not(._ua_browser-chrome, ._ua_browser-firefox) .btp_ar-wrap { width: 100%; } @container (width <= 90svh) { .btp_ns:not(._ua_browser-chrome, ._ua_browser-firefox) .btp_ar-wrap { width: calc(90svh * var(--ar)); } } } .btp_picture { overflow: hidden; } .btp_mediafigure-pending-msg { position: absolute; left: 0; bottom: -0.25px; display: block; width: 100%; padding: var(--btp-u-tight) var(--btp-u-snug); background: linear-gradient(var(--btp-c-bwblack-66op), var(--btp-c-bwblack)); color: var(--btp-c-bwwhite); font-size: var(--btp-fntsize-M); font-style: italic; border-radius: var(--btp-rnd-lg); z-index: var(--dmtr-z-content-sup); } .btp_ns ul.btp_bullet-list { padding-inline-start: 1.45em; } .btp_ns ul.btp_bullet-list li { list-style-type: disc; list-style-position: outside; } .btp_ns ol { padding-inline-start: 1.45em; } .btp_ns ol li { list-style-type: decimal; list-style-position: outside; } .btp_ns ul.btp_list-account { padding-block-start: var(--btp-vwu-5-20); } .btp_ns nav + ul.btp_list-account { padding-block-start: 0; } .btp_icon, .btp_svgicon, .dmtr_icon { --_size: var(--size, 1em); aspect-ratio: 1; width: var(--_size, 1em); } .btp_btn-img[aria-selected]:after, .btp_selectable[aria-selected]:after, .dmtr_field-state-icon:before, .dmtr_system-message-content:before, .dmtr_form-message:before, .dmtr_dialog[data-dialog-type=error] .dmtr_error-label-wrap:before, .dmtr_fieldwrap-checkbox .dmtr_field-label-copy:before, .btp_icon-pre:before, .btp_icon-post:after, .btp_icon-btn:before, .btp_icon-raw:before, .dmtr_icon-btn:before { --_iconsize: var(--size, 0.85em); content: ""; display: block; aspect-ratio: 1; object-fit: contain; width: var(--_iconsize); width: round(down, var(--_iconsize), 1px); height: var(--_iconsize); height: round(down, var(--_iconsize), 1px); background-color: var(--clr, currentColor); -webkit-mask: url("/media/sprites/icons/view/svg/sprite.view.svg?ts=1782233574653") no-repeat; -webkit-mask-size: 100%; mask: url("/media/sprites/icons/view/svg/sprite.view.svg?ts=1782233574653") no-repeat; mask-size: 100%; mask-position: var(--mask-position, 0 0); } .btp_icon-pre, .btp_icon-post { gap: 1.25em; } .btp_icon-pre.btp_icon-xtight, .btp_icon-post.btp_icon-xtight { gap: 0.25em; } .btp_icon-pre.btp_icon-tight, .btp_icon-post.btp_icon-tight { gap: 0.5em; } .btp_icon-pre.btp_icon-snug, .btp_icon-post.btp_icon-snug { gap: 1em; } .btp_icon-onhover-show.btp_icon-pre:before, .btp_icon-onhover-show.btp_icon-post:after { opacity: 0; } .btp_icon-onhover-show:focus-visible.btp_icon-pre:before, .btp_icon-onhover-show:focus-visible.btp_icon-post:after, .btp_icon-onhover-show:hover.btp_icon-pre:before, .btp_icon-onhover-show:hover.btp_icon-post:after { translate: none; opacity: 1; } .btp_icon-onhover-slide.btp_icon-pre { --_from-x: 5px; } .btp_icon-onhover-slide.btp_icon-post { --_from-x: -5px; } .btp_icon-onhover-slide.btp_icon-pre:before, .btp_icon-onhover-slide.btp_icon-post:after { translate: var(--_from-x, 0) var(--_from-y, 0); transition: translate var(--btp-trans-fast) ease-out; } .btp_icon-alarm { --mask-position: 0 0; } .btp_icon-alert-check, .dmtr_fieldwrap:has([aria-invalid=false]), .dmtr_system-success .dmtr_system-message-content:before { --mask-position: 0 0.591715976331361%; } .btp_icon-alert-circle, .dmtr_fieldwrap:has([aria-invalid=true]), .dmtr_system-error .dmtr_system-message-content:before, .dmtr_form-message.dmtr_form-message-errors:before, .dmtr_dialog[data-dialog-type=error] .dmtr_error-label-wrap:before { --mask-position: 0 1.183431952662722%; } .btp_icon-alert-triangle, .dmtr_system-alert .dmtr_system-message-content:before, .btp_icon-warning:before { --mask-position: 0 1.7751479289940828%; } .btp_icon-apps { --mask-position: 0 2.366863905325444%; } .btp_icon-archive { --mask-position: 0 2.9585798816568047%; } .btp_icon-arrow-down { --mask-position: 0 3.5502958579881656%; } .btp_icon-arrow-left { --mask-position: 0 4.1420118343195265%; } .btp_icon-arrow-right { --mask-position: 0 4.733727810650888%; } .btp_icon-arrow-up { --mask-position: 0 5.325443786982248%; } .btp_icon-attach { --mask-position: 0 5.9171597633136095%; } .btp_icon-award { --mask-position: 0 6.508875739644971%; } .btp_icon-award-alt { --mask-position: 0 7.100591715976331%; } .btp_icon-backspace { --mask-position: 0 7.6923076923076925%; } .btp_icon-bag { --mask-position: 0 8.284023668639053%; } .btp_icon-bag-alt { --mask-position: 0 8.875739644970414%; } .btp_icon-bank { --mask-position: 0 9.467455621301776%; } .btp_icon-battery { --mask-position: 0 10.059171597633137%; } .btp_icon-battery-charge { --mask-position: 0 10.650887573964496%; } .btp_icon-bell { --mask-position: 0 11.242603550295858%; } .btp_icon-bolt { --mask-position: 0 11.834319526627219%; } .btp_icon-bolt-alt { --mask-position: 0 12.42603550295858%; } .btp_icon-book { --mask-position: 0 13.017751479289942%; } .btp_icon-bookmark { --mask-position: 0 13.609467455621301%; } .btp_icon-bookmark-fill { --mask-position: 0 14.201183431952662%; } .btp_icon-box-check, .dmtr_fieldwrap-checkbox input:checked + .dmtr_field-label-copy:before { --mask-position: 0 14.792899408284024%; } .btp_icon-box-empty, .dmtr_fieldwrap-checkbox .dmtr_field-label-copy:before { --mask-position: 0 15.384615384615385%; } .btp_icon-box-minus { --mask-position: 0 15.976331360946746%; } .btp_icon-calendar { --mask-position: 0 16.568047337278106%; } .btp_icon-calendar-check { --mask-position: 0 17.159763313609467%; } .btp_icon-camera { --mask-position: 0 17.75147928994083%; } .btp_icon-card { --mask-position: 0 18.34319526627219%; } .btp_icon-cart { --mask-position: 0 18.93491124260355%; } .btp_icon-cash { --mask-position: 0 19.526627218934912%; } .btp_icon-chart-down { --mask-position: 0 20.118343195266274%; } .btp_icon-chart-histogramm { --mask-position: 0 20.71005917159763%; } .btp_icon-chart-line { --mask-position: 0 21.301775147928993%; } .btp_icon-chart-pie { --mask-position: 0 21.893491124260354%; } .btp_icon-chart-up { --mask-position: 0 22.485207100591715%; } .btp_icon-checkmark { --mask-position: 0 23.076923076923077%; } .btp_icon-chevron-down { --mask-position: 0 23.668639053254438%; } .btp_icon-chevron-left { --mask-position: 0 24.2603550295858%; } .btp_icon-chevron-right { --mask-position: 0 24.85207100591716%; } .btp_icon-chevron-up { --mask-position: 0 25.443786982248522%; } .btp_icon-circle-check, .btp_btn-img[aria-selected]:after, .btp_selectable[aria-selected]:after, .btp_icon-alert-check:before, .dmtr_fieldwrap:has([aria-invalid=false]):before, .dmtr_system-success .dmtr_system-message-content:before { --mask-position: 0 26.035502958579883%; } .btp_icon-circle-empty { --mask-position: 0 26.62721893491124%; } .btp_icon-clipboard { --mask-position: 0 27.218934911242602%; } .btp_icon-clipboard-alt { --mask-position: 0 27.810650887573964%; } .btp_icon-clock { --mask-position: 0 28.402366863905325%; } .btp_icon-close, .dmtr_icon-close { --mask-position: 0 28.994082840236686%; } .btp_icon-close-circle { --mask-position: 0 29.585798816568047%; } .btp_icon-close-skinny { --mask-position: 0 30.17751479289941%; } .btp_icon-cloud { --mask-position: 0 30.76923076923077%; } .btp_icon-cloud-check { --mask-position: 0 31.36094674556213%; } .btp_icon-cloud-download { --mask-position: 0 31.952662721893493%; } .btp_icon-code { --mask-position: 0 32.544378698224854%; } .btp_icon-coins { --mask-position: 0 33.13609467455621%; } .btp_icon-comment { --mask-position: 0 33.72781065088758%; } .btp_icon-comments { --mask-position: 0 34.319526627218934%; } .btp_icon-copy { --mask-position: 0 34.9112426035503%; } .btp_icon-crosshair { --mask-position: 0 35.50295857988166%; } .btp_icon-cup { --mask-position: 0 36.094674556213015%; } .btp_icon-dashboard { --mask-position: 0 36.68639053254438%; } .btp_icon-desktop { --mask-position: 0 37.27810650887574%; } .btp_icon-dislike { --mask-position: 0 37.8698224852071%; } .btp_icon-dollar { --mask-position: 0 38.46153846153846%; } .btp_icon-dots { --mask-position: 0 39.053254437869825%; } .btp_icon-dots-alt { --mask-position: 0 39.64497041420118%; } .btp_icon-download { --mask-position: 0 40.23668639053255%; } .btp_icon-education { --mask-position: 0 40.828402366863905%; } .btp_icon-email { --mask-position: 0 41.42011834319526%; } .btp_icon-euro { --mask-position: 0 42.01183431952663%; } .btp_icon-exchange { --mask-position: 0 42.603550295857985%; } .btp_icon-eye { --mask-position: 0 43.19526627218935%; } .btp_icon-eye-closed { --mask-position: 0 43.78698224852071%; } .btp_icon-facebook { --mask-position: 0 44.37869822485207%; } .btp_icon-file { --mask-position: 0 44.97041420118343%; } .btp_icon-file-alt { --mask-position: 0 45.562130177514796%; } .btp_icon-filter { --mask-position: 0 46.15384615384615%; } .btp_icon-flag { --mask-position: 0 46.74556213017752%; } .btp_icon-flag-alt { --mask-position: 0 47.337278106508876%; } .btp_icon-focus { --mask-position: 0 47.928994082840234%; } .btp_icon-folder { --mask-position: 0 48.5207100591716%; } .btp_icon-folder-add { --mask-position: 0 49.112426035502956%; } .btp_icon-folder-check { --mask-position: 0 49.70414201183432%; } .btp_icon-folder-delete { --mask-position: 0 50.29585798816568%; } .btp_icon-forward { --mask-position: 0 50.887573964497044%; } .btp_icon-gamepad { --mask-position: 0 51.4792899408284%; } .btp_icon-gear { --mask-position: 0 52.071005917159766%; } .btp_icon-gear-alt { --mask-position: 0 52.662721893491124%; } .btp_icon-gift { --mask-position: 0 53.25443786982248%; } .btp_icon-headphones { --mask-position: 0 53.84615384615385%; } .btp_icon-heart { --mask-position: 0 54.437869822485204%; } .btp_icon-home { --mask-position: 0 55.02958579881657%; } .btp_icon-image { --mask-position: 0 55.62130177514793%; } .btp_icon-info-circle, .dmtr_system-message-content:before, .dmtr_form-message:before, .dmtr_dialog[data-dialog-type=error] .dmtr_error-label-wrap:before { --mask-position: 0 56.21301775147929%; } .btp_icon-key { --mask-position: 0 56.80473372781065%; } .btp_icon-launch { --mask-position: 0 57.396449704142015%; } .btp_icon-lightbulb { --mask-position: 0 57.98816568047337%; } .btp_icon-like { --mask-position: 0 58.57988165680474%; } .btp_icon-link { --mask-position: 0 59.171597633136095%; } .btp_icon-linkedin { --mask-position: 0 59.76331360946745%; } .btp_icon-list { --mask-position: 0 60.35502958579882%; } .btp_icon-loading-circle { --mask-position: 0 60.946745562130175%; } .btp_icon-location { --mask-position: 0 61.53846153846154%; } .btp_icon-lock { --mask-position: 0 62.1301775147929%; } .btp_icon-lock-opened { --mask-position: 0 62.72189349112426%; } .btp_icon-magnify-minus { --mask-position: 0 63.31360946745562%; } .btp_icon-magnify-plus { --mask-position: 0 63.905325443786985%; } .btp_icon-menu { --mask-position: 0 64.49704142011835%; } .btp_icon-microphone { --mask-position: 0 65.08875739644971%; } .btp_icon-minus { --mask-position: 0 65.68047337278107%; } .btp_icon-minus-circle { --mask-position: 0 66.27218934911242%; } .btp_icon-mobile { --mask-position: 0 66.86390532544378%; } .btp_icon-moon { --mask-position: 0 67.45562130177515%; } .btp_icon-mouse { --mask-position: 0 68.04733727810651%; } .btp_icon-music { --mask-position: 0 68.63905325443787%; } .btp_icon-no-entry { --mask-position: 0 69.23076923076923%; } .btp_icon-note { --mask-position: 0 69.8224852071006%; } .btp_icon-pause { --mask-position: 0 70.41420118343196%; } .btp_icon-pencil { --mask-position: 0 71.00591715976331%; } .btp_icon-phone { --mask-position: 0 71.59763313609467%; } .btp_icon-pin { --mask-position: 0 72.18934911242603%; } .btp_icon-plane { --mask-position: 0 72.7810650887574%; } .btp_icon-planet { --mask-position: 0 73.37278106508876%; } .btp_icon-play { --mask-position: 0 73.96449704142012%; } .btp_icon-play-arrow-left { --mask-position: 0 74.55621301775147%; } .btp_icon-play-arrow-right { --mask-position: 0 75.14792899408285%; } .btp_icon-pluc-circle { --mask-position: 0 75.7396449704142%; } .btp_icon-plus { --mask-position: 0 76.33136094674556%; } .btp_icon-plus-circle { --mask-position: 0 76.92307692307692%; } .btp_icon-pound { --mask-position: 0 77.51479289940828%; } .btp_icon-power { --mask-position: 0 78.10650887573965%; } .btp_icon-presentation { --mask-position: 0 78.69822485207101%; } .btp_icon-print { --mask-position: 0 79.28994082840237%; } .btp_icon-pull { --mask-position: 0 79.88165680473372%; } .btp_icon-question-circle { --mask-position: 0 80.4733727810651%; } .btp_icon-refresh { --mask-position: 0 81.06508875739645%; } .btp_icon-rocket { --mask-position: 0 81.65680473372781%; } .btp_icon-ruble { --mask-position: 0 82.24852071005917%; } .btp_icon-sandwatch { --mask-position: 0 82.84023668639053%; } .btp_icon-sandwatch-alt { --mask-position: 0 83.4319526627219%; } .btp_icon-save { --mask-position: 0 84.02366863905326%; } .btp_icon-search { --mask-position: 0 84.61538461538461%; } .btp_icon-send { --mask-position: 0 85.20710059171597%; } .btp_icon-shield { --mask-position: 0 85.79881656804734%; } .btp_icon-shield-check { --mask-position: 0 86.3905325443787%; } .btp_icon-sitemap { --mask-position: 0 86.98224852071006%; } .btp_icon-sliders { --mask-position: 0 87.57396449704142%; } .btp_icon-smile-confuse { --mask-position: 0 88.16568047337279%; } .btp_icon-smile-happy { --mask-position: 0 88.75739644970415%; } .btp_icon-smile-sad { --mask-position: 0 89.3491124260355%; } .btp_icon-sort { --mask-position: 0 89.94082840236686%; } .btp_icon-stack { --mask-position: 0 90.53254437869822%; } .btp_icon-star { --mask-position: 0 91.12426035502959%; } .btp_icon-star-fill { --mask-position: 0 91.71597633136095%; } .btp_icon-sun { --mask-position: 0 92.3076923076923%; } .btp_icon-tag { --mask-position: 0 92.89940828402366%; } .btp_icon-trash { --mask-position: 0 93.49112426035504%; } .btp_icon-trash-alt { --mask-position: 0 94.0828402366864%; } .btp_icon-umbrella { --mask-position: 0 94.67455621301775%; } .btp_icon-upload { --mask-position: 0 95.26627218934911%; } .btp_icon-user { --mask-position: 0 95.85798816568047%; } .btp_icon-user-fill { --mask-position: 0 96.44970414201184%; } .btp_icon-video { --mask-position: 0 97.0414201183432%; } .btp_icon-volume { --mask-position: 0 97.63313609467455%; } .btp_icon-wallet { --mask-position: 0 98.22485207100591%; } .btp_icon-watch { --mask-position: 0 98.81656804733728%; } .btp_icon-wifi { --mask-position: 0 99.40828402366864%; } .btp_icon-yen { --mask-position: 0 100%; } :root { --ico-carret: 0 24.85207100591716%; --ico-carret-down: 0 23.668639053254438%; --ico-checkbox-checked: 0 14.792899408284024%; --ico-checkbox-empty: 0 15.384615384615385%; --ico-circle-check: 0 26.035502958579883%; --ico-circle-empty: 0 26.62721893491124%; --ico-close: 0 28.994082840236686%; --ico-close-circle: 0 29.585798816568047%; --ico-search: 0 84.61538461538461%; --ico-alert-circle: 0 1.183431952662722%; } .btp_icon-c-error { --clr: var(--btp-c-error); } .btp_icon-c-success { --clr: var(--btp-c-success); } .dmtr_system-message-content:before, .dmtr_form-message:before, .dmtr_dialog[data-dialog-type=error] .dmtr_error-label-wrap:before { background-color: currentColor; } .dmtr_field-state-icon { display: none; --size: var(--_iconsize, 1em); align-content: center; } .dmtr_field-state-icon:before { background-color: var(--_state-clr); clip-path: none; } .dmtr_fieldwrap:has([aria-invalid=true]) .dmtr_field-state-icon:not(.dmtr_field-state-valid-icon) { display: block; } .dmtr_fieldwrap:has([aria-invalid=false]) .dmtr_field-state-icon:not(.dmtr_field-state-invalid-icon) { display: block; } .btp_number-sq { --_size: 1em; --_pad: 2px; --_w: calc(var(--_size) + (var(--_pad) * 2)); background-color: var(--_clr); color: var(--_surface); display: inline-flex; aspect-ratio: 1; width: var(--_w); height: var(--_w); padding: var(--_pad); box-sizing: content-box; font-size: var(--_size); align-items: center; justify-content: center; text-align: center; border-radius: var(--btp-rnd); } input.dmtr_btn { text-align: left; } input[type=search].dmtr_btn { text-align: left; } .dmtr_inputwrap input:not([type=checkbox]):not([type=radio]), .dmtr_inputwrap textarea, .dmtr_inputwrap-inner input:not([type=checkbox]):not([type=radio]), .dmtr_inputwrap-inner textarea, .dmtr_inputwrap-compound { --_pad-v: var(--btp-input-padding-v, 10px); --_pad-h: var(--btp-input-padding-h, 10px); padding: var(--_pad-v) var(--_pad-h); border-radius: var(--btp-rnd); background: var(--btp-input-surface); border: 2px solid var(--btp-input-surface); font-size: var(--btp-fntsize-1XL); } .dmtr_inputwrap input:not([type=checkbox]):not([type=radio])[type=password], .dmtr_inputwrap textarea[type=password], .dmtr_inputwrap-inner input:not([type=checkbox]):not([type=radio])[type=password], .dmtr_inputwrap-inner textarea[type=password], .dmtr_inputwrap-compound[type=password] { padding-inline-end: calc(var(--_pad-h) * 2); padding-inline-start: 0; text-indent: var(--_pad-h); } .dmtr_inputwrap input:not([type=checkbox]):not([type=radio]):hover, .dmtr_inputwrap textarea:hover, .dmtr_inputwrap-inner input:not([type=checkbox]):not([type=radio]):hover, .dmtr_inputwrap-inner textarea:hover, .dmtr_inputwrap-compound:hover { border-color: hsla(0, 0%, 7%, 0.25); } .dmtr_inputwrap input:not([type=checkbox]):not([type=radio]):focus, .dmtr_inputwrap textarea:focus, .dmtr_inputwrap-inner input:not([type=checkbox]):not([type=radio]):focus, .dmtr_inputwrap-inner textarea:focus, .dmtr_inputwrap-compound:focus { border-color: var(--btp-input-focus-border-clr); outline: 2px solid var(--btp-input-focus-outline-clr); } .dmtr_inputwrap-compound { --gap: var(--_pad-v); padding-inline-start: 0; padding-inline-end: var(--_pad-v); padding-block: 0; width: 100%; max-width: 100%; } .dmtr_inputwrap-compound:focus-within { border-color: var(--btp-input-focus-border-clr); outline: 2px solid var(--btp-input-focus-outline-clr); } .dmtr_inputwrap-compound input:not([type=checkbox]):not([type=radio]) { border: none; background: transparent; padding-inline-start: var(--_pad-h); padding-block: var(--_pad-v); margin: 0; height: 100%; flex: 1; min-width: 3ch; } .dmtr_inputwrap-compound input:not([type=checkbox]):not([type=radio]):focus { outline: none; border: none; } .dmtr_inputwrap-compound > div { display: flex; align-items: center; justify-content: flex-end; padding-block: var(--btp-u-tight); } .dmtr_inputwrap input:not([type=checkbox]):not([type=radio]):not([type=date]):not([type=password]):not([type=search]) { padding-inline: 0px; text-indent: var(--_pad-h); } .dmtr_fieldwrap-textarea .dmtr_inputwrap { position: relative; width: 100%; max-width: 100%; display: block; } .dmtr_inputwrap textarea { --_min-lines: 2; --_line-height: 1.5; --_inner-h: calc(((var(--_min-lines) * 1.5ch) * var(--_line-height))); position: relative; min-height: calc(var(--_pad-v) * 2 + (var(--_inner-h))); width: 100% !important; min-width: 100%; max-width: 100%; line-height: var(--_line-height); } .dmtr_fieldwrap-checkbox .dmtr_field-label { position: relative; display: inline-flex; cursor: pointer; } .dmtr_fieldwrap-checkbox .dmtr_field-label input { position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; } .dmtr_fieldwrap-checkbox .dmtr_field-label-copy { display: inline-flex; gap: 0.25em; align-items: center; padding-right: 8px; border-radius: var(--btp-rnd); --size: calc(1em + 16px); cursor: pointer; } .dmtr_fieldwrap-checkbox .dmtr_field-label-copy:before { margin: 8px; cursor: pointer; } .dmtr_fieldwrap-checkbox:focus .dmtr_field-label-copy, .dmtr_fieldwrap-checkbox:focus-within .dmtr_field-label-copy { background: var(--btp-surface-theme); color: var(--btp-color-theme); border-color: var(--btp-color-theme); outline: 2px solid hsla(0, 0%, 0%, 0.5); } .dmtr_fieldwrap-checkbox .dmtr_underinput { padding-inline-start: 1em; } .dmtr_autosuggest-fieldwrap .dmtr_autosuggest-external { visibility: hidden; pointer-events: none; } .dmtr_autosuggest-fieldwrap:has([role=option]) .dmtr_autosuggest-external { visibility: visible; pointer-events: auto; } .btp_field-code .dmtr_labelwrap { clip: rect(1px, 1px, 1px, 1px); height: 1px; overflow: hidden; position: absolute; white-space: nowrap; /* added line */ width: 1px; } .dmtr_inputwrap-advanced .dmtr_inputwrap-inner { position: relative; } .dmtr_inputwrap-advanced .dmtr_inputwrap-advanced-controls { position: absolute; right: 0; top: 0; height: 100%; display: flex; gap: var(--dmtr-u-xsm); align-items: center; } .dmtr_fieldwrap-password-withReveal input { padding-inline-end: 2em; } .dmtr_autosuggest-list { border-radius: 0 0 var(--btp-rnd) var(--btp-rnd); border: 2px solid var(--btp-input-focus-border-clr); border-top: 0px none; margin-top: -1px; background-image: linear-gradient(hsla(0, 100%, 100%, 0.5), hsla(0, 100%, 100%, 0.5)), linear-gradient(var(--btp-input-surface), var(--btp-input-surface)); color: fieldtext; color: var(--dmtr-clr-default); translate: 0 -2px; } .dmtr_autosuggest-list [role=option] { padding-inline: var(--btp-input-padding-h, 10px); } .dmtr_autosuggest-list [role=option]:hover { background: var(--btp-surface-theme); color: var(--btp-color-theme); } .dmtr_inputwrap:has(.dmtr_autosuggest-list[aria-expanded=true]) .dmtr_input { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .btp_input-fancyselect { appearance: base-select; --_pad-v: 0.15em; --_pad-h: 0.25em; --_clr: var(--btp-input-color); padding: var(--_pad-v) var(--_pad-h); border-radius: var(--btp-rnd); color: var(--_clr, currentColor); background: var(--btp-input-surface); border: 2px solid var(--btp-input-surface); font-size: inherit; cursor: pointer; } .btp_input-fancyselect.dmtr_btn { --_pad-v: var(--btp-input-padding-v, 10px); font-size: var(--btp-fntsize-1XL); line-height: 1.375; } .btp_input-fancyselect::picker-icon { transition: 0.15s rotate ease-out; display: block; aspect-ratio: 1; width: 1em; height: 1em; color: transparent; background: none; background-color: var(--_clr, currentColor); -webkit-mask: url("/media/sprites/icons/view/svg/sprite.view.svg") no-repeat; -webkit-mask-size: 100%; mask: url("/media/sprites/icons/view/svg/sprite.view.svg") no-repeat; mask-size: 100%; mask-position: var(--ico-carret-down, 0 0); mask-repeat: no-repeat; } .btp_input-fancyselect:open::picker-icon { rotate: 180deg; } .btp_input-fancyselect:hover { border-color: hsla(0, 0%, 7%, 0.25); } .btp_input-fancyselect:focus-visible { border-color: var(--btp-input-focus-border-clr); outline: 2px solid var(--btp-input-focus-outline-clr); } .btp_input-fancyselect[aria-invalid=true] { border-color: var(--btp-c-error); } .btp_input-fancyselect.dmtr_btn, .btp_input-fancyselect.dmtr_btn:focus, .btp_input-fancyselect.dmtr_btn:focus-visible { --_surface: var(--btp-input-surface); --_surface-focus: var(--btp-input-surface); --_clr: var(--btp-input-color); --_clr-focus: var(--_clr); } .btp_search-wrap input[type=search]::placeholder { text-transform: uppercase; color: var(--_clr); opacity: 1; } .btp_search-wrap input[type=search]:focus::placeholder { opacity: 0.4; } .btp_search-wrap input[type=search]:focus { border-radius: var(--dmtr-btn-round) var(--dmtr-btn-round) 0 0; } .btp_search-wrap input[type=search]:focus-visible { outline: none; } .btp_search-wrap input[type=search]::-webkit-search-cancel-button { --_size: round(down, max(16px, 0.65em), 1px); appearance: none; height: var(--_size); width: var(--_size); position: absolute; right: 1.25em; bottom: 50%; transform-origin: center center; translate: 0 60%; background: none; background-color: var(--clr, currentColor); -webkit-mask: url("/media/sprites/icons/view/svg/sprite.view.svg") no-repeat; -webkit-mask-size: 100%; mask: url("/media/sprites/icons/view/svg/sprite.view.svg") no-repeat; mask-size: 100%; mask-position: var(--ico-close-circle, 0 0); color: var(--_clr); border-radius: 100%; cursor: pointer; opacity: 0.5; transition: all 0.15s ease; padding: 0px !important; } .btp_search-wrap input[type=search]::-webkit-search-cancel-button:hover { opacity: 1; } .btp_search-wrap input[type=search]::-webkit-list-button { display: none !important; } .btp_search-wrap { --_clr-base: var(--surface, var(--btp-surface-theme)); --_clr: var(--_clr-base); --_clr-hover: var(--surface-hover, var(--btp-surface-theme-hover)); --_clr-focus: var(--surface-focus, var(--btp-surface-theme-focus)); --_clr-focus-visible: var(--surface-focus-visible, var(--btp-surface-theme-focus-visible, var( --_clr-focus))); --_clr-active: var(--surface-active, var(--btp-surface-theme-active)); --_clr-disabled: var(--surface-disabled, var(--btp-surface-theme-disabled)); --_surface-base: var(--clr, var(--btp-color-theme)); --_surface: var(--_surface-base); --_surface-hover: var(--clr-hover, var(--btp-color-theme-hover)); --_surface-focus: var(--clr-focus, var(--btp-color-theme-focus)); --_surface-focus-visible: var(--clr-focus-visible, var(--btp-clr-theme-focus-visible, var(--_surface-focus))); --_surface-active: var(--clr-active, var(--btp-color-theme-active)); --_surface-disabled: var(--clr-disabled, var(--btp-color-theme-disabled)); position: relative; display: flex; width: 100%; gap: 5px; border-radius: var(--dmtr-btn-round); --_ul: 0.115em; } .btp_search-wrap input[type=search] { z-index: 1; width: 100%; background: transparent; text-transform: none; border: 0px none; border-bottom: var(--_ul) solid var(--_clr); padding-block-start: var(--_pad-u-block); padding-block-end: calc(var(--_pad-u-block) - var(--_ul)); padding-inline-end: 2.5em; color: currentColor; position: relative; } .btp_search-wrap input[type=search], .btp_search-wrap button.btp_btn-search-submit { --clr-border: transparent; --trns-speed: var(--btp-trns-fast); --_base-h: 0.785em; cursor: pointer; display: flex; justify-content: space-between; font-family: var(--btp-font-brand-display); text-transform: uppercase; text-decoration: none; text-box: trim-both cap alphabetic; line-height: var(--_base-h); min-height: var(--_base-h); font-size: inherit; } .btp_search-wrap:has(:placeholder-shown):hover { background: var(--_surface-hover); color: var(--_clr-hover); } .btp_search-wrap:has(:placeholder-shown):hover input[type=search] { border-radius: var(--dmtr-btn-round); } .btp_search-wrap:has(:placeholder-shown):hover input[type=search]::placeholder { color: var(--_clr-hover); } .btp_search-wrap:has(:placeholder-shown):hover button.btp_btn-search-submit { --_icon-clr: var(--_surface-hover); } .btp_search-wrap:has(:placeholder-shown):hover button.btp_btn-search-submit:focus-visible, .btp_search-wrap:has(:placeholder-shown):hover button.btp_btn-search-submit:hover { --_icon-clr: var(--_surface-hover); } .btp_search-wrap:focus-within, .btp_search-wrap:has(:placeholder-shown):focus-within { background: transparent; color: var(--_clr); } .btp_search-wrap:focus-within input[type=search], .btp_search-wrap:has(:placeholder-shown):focus-within input[type=search] { border-radius: 0; } .btp_search-wrap:focus-within input[type=search]::placeholder, .btp_search-wrap:has(:placeholder-shown):focus-within input[type=search]::placeholder { color: var(--_clr); } .btp_search-wrap:focus-within button.btp_btn-search-submit, .btp_search-wrap:has(:placeholder-shown):focus-within button.btp_btn-search-submit { --_icon-clr: var(--_surface); } .btp_search-wrap:focus-within button.btp_btn-search-submit:focus-visible, .btp_search-wrap:focus-within button.btp_btn-search-submit:hover, .btp_search-wrap:has(:placeholder-shown):focus-within button.btp_btn-search-submit:focus-visible, .btp_search-wrap:has(:placeholder-shown):focus-within button.btp_btn-search-submit:hover { --_icon-clr: var(--_clr-hover); } .btp_search-wrap .btp_search-controls-wrap { display: flex; align-items: center; gap: 5px; position: absolute; inset: auto 0 0 auto; height: 100%; z-index: 10; } .btp_search-wrap .dmtr_btn-em.btp_icon-btn.btp_icon-search { --base_size: round(down, 1.15em, 1px); } .dmtr_fieldwrap-hidden { display: none; } .dmtr_btn, .btp_btn, .btp_icon-svgbtn, .btp_icon-btn, .dmtr_icon-btn, .dmtr_ns a.dmtr_btn { cursor: pointer; --_clr-base: var(--clr, var(--btp-color-theme)); --_clr: var(--_clr-base); --_clr-hover: var(--clr-hover, var(--btp-color-theme-hover)); --_clr-focus: var(--clr-focus, var(--btp-color-theme-focus)); --_clr-active: var(--clr-active, var(--btp-color-theme-active)); --_clr-disabled: var(--clr-disabled, var(--btp-color-theme-disabled)); --_surface-base: var(--surface, var(--btp-surface-theme)); --_surface: var(--_surface-base); --_surface-hover: var(--surface-hover, var(--btp-surface-theme-hover)); --_surface-focus: var(--surface-focus, var(--btp-surface-theme-focus)); --_surface-focus-visible: var(--surface-focus-visible, var(--btp-surface-theme-visible)); --_surface-active: var(--surface-active, var(--btp-surface-theme-active)); --_surface-disabled: var(--surface-disabled, var(--btp-surface-theme-disabled)); --_pad-u-base: var(--pad-u, var(--btp-btn-pad-inline, 0)); --_pad-u: var(--_pad-u-base); --_padding: var(--padding, var(--btp-btn-pad)); padding: var(--_padding); --clr-border: transparent; --trns-speed: var(--btp-trns-fast); --_base-h: 0.785em; cursor: pointer; display: flex; justify-content: space-between; font-family: var(--btp-font-brand-display); text-transform: uppercase; text-decoration: none; text-box: trim-both cap alphabetic; line-height: var(--_base-h); min-height: var(--_base-h); transition: scale var(--trns-speed) ease; } .dmtr_btn-underline, .dmtr_ns a.dmtr_btn-underline { text-decoration: underline; } .dmtr_btn, .btp_btn, .btp_icon-svgbtn, .btp_icon-btn, .dmtr_icon-btn, .dmtr_ns a.dmtr_btn { --pad-u: var(--btp-btn-pad-u); } .dmtr_btn-sm, .dmtr_ns a.dmtr_btn-sm { --pad-u: 3px; font-style: italic; } .dmtr_btn-dense, .dmtr_ns a.dmtr_btn-dense { --pad-u: 2px; padding: var(--pad-u); } .dmtr_btn-outline, .dmtr_ns a.dmtr_btn-outline { --_clr-border: var(--_clr); border-width: 2px; } .dmtr_btn-inverse, .dmtr_ns a.dmtr_btn-inverse { --_clr-base: var(--surface, var(--btp-surface-theme)); --_clr: var(--_clr-base); --_clr-hover: var(--surface-hover, var(--btp-surface-theme-hover)); --_clr-focus: var(--surface-focus, var(--btp-surface-theme-focus)); --_clr-focus-visible: var(--surface-focus-visible, var(--btp-surface-theme-focus-visible, var( --_clr-focus))); --_clr-active: var(--surface-active, var(--btp-surface-theme-active)); --_clr-disabled: var(--surface-disabled, var(--btp-surface-theme-disabled)); --_surface-base: var(--clr, var(--btp-color-theme)); --_surface: var(--_surface-base); --_surface-hover: var(--clr-hover, var(--btp-color-theme-hover)); --_surface-focus: var(--clr-focus, var(--btp-color-theme-focus)); --_surface-focus-visible: var(--clr-focus-visible, var(--btp-clr-theme-focus-visible, var(--_surface-focus))); --_surface-active: var(--clr-active, var(--btp-color-theme-active)); --_surface-disabled: var(--clr-disabled, var(--btp-color-theme-disabled)); } .dmtr_btn-clear, .dmtr_ns a.dmtr_btn-clear { background: transparent; } .dmtr_btn-usecolor, .dmtr_ns a.dmtr_btn-usecolor { --clr-hover: var(--_accent, var(--_clr), var(--_surface)); color: var(--_clr); } .dmtr_btn-usecolor:focus-visible, .dmtr_btn-usecolor:hover, .dmtr_ns a.dmtr_btn-usecolor:focus-visible, .dmtr_ns a.dmtr_btn-usecolor:hover { color: var(--clr-hover); background: var(--_clr); } .dmtr_btn-info, .dmtr_ns a.dmtr_btn-info { --_clr-base: var(--btp-color-info); --_clr: var(--btp-color-info); --_clr-hover: var(--btp-color-info-hover); --_clr-focus: var(--btp-color-info-focus); --_clr-active: var(--btp-color-info-active); --_clr-disabled: var(--btp-color-info-disabled); --_surface: var(--btp-surface-info); --_surface-hover: var(--btp-surface-info-hover); --_surface-focus: var(--btp-surface-info-focus); --_surface-focus-visible: var(--btp-surface-info-focus--visible, var(--_surface-focus)); --_surface-active: var(--btp-surface-info-active); --_surface-disabled: var(--btp-surface-info-disabled); } .dmtr_btn-success, .dmtr_ns a.dmtr_btn-success { --_clr-base: var(--btp-color-success); --_clr: var(--btp-color-success); --_clr-hover: var(--btp-color-success-hover); --_clr-focus: var(--btp-color-success-focus); --_clr-active: var(--btp-color-success-active); --_clr-disabled: var(--btp-color-success-disabled); --_surface: var(--btp-surface-success); --_surface-hover: var(--btp-surface-success-hover); --_surface-focus: var(--btp-surface-success-focus); --_surface-focus-visible: var(--btp-surface-success-focus--visible, var(--_surface-focus)); --_surface-active: var(--btp-surface-success-active); --_surface-disabled: var(--btp-surface-success-disabled); } .dmtr_btn-warning, .dmtr_ns a.dmtr_btn-warning { --_clr-base: var(--btp-color-warning); --_clr: var(--btp-color-warning); --_clr-hover: var(--btp-color-warning-hover); --_clr-focus: var(--btp-color-warning-focus); --_clr-active: var(--btp-color-warning-active); --_clr-disabled: var(--btp-color-warning-disabled); --_surface: var(--btp-surface-warning); --_surface-hover: var(--btp-surface-warning-hover); --_surface-focus: var(--btp-surface-warning-focus); --_surface-focus-visible: var(--btp-surface-warning-focus--visible, var(--_surface-focus)); --_surface-active: var(--btp-surface-warning-active); --_surface-disabled: var(--btp-surface-warning-disabled); } .dmtr_btn-error, .dmtr_ns a.dmtr_btn-error { --_clr-base: var(--btp-color-error); --_clr: var(--btp-color-error); --_clr-hover: var(--btp-color-error-hover); --_clr-focus: var(--btp-color-error-focus); --_clr-active: var(--btp-color-error-active); --_clr-disabled: var(--btp-color-error-disabled); --_surface: var(--btp-surface-error); --_surface-hover: var(--btp-surface-error-hover); --_surface-focus: var(--btp-surface-error-focus); --_surface-focus-visible: var(--btp-surface-error-focus--visible, var(--_surface-focus)); --_surface-active: var(--btp-surface-error-active); --_surface-disabled: var(--btp-surface-error-disabled); } .dmtr_btn:hover, .btp_btn:hover, .btp_icon-svgbtn:hover, .btp_icon-btn:hover, .dmtr_icon-btn:hover, .dmtr_ns a.dmtr_btn:hover { cursor: pointer; } .dmtr_btn:disabled, .btp_btn:disabled, .btp_icon-svgbtn:disabled, .btp_icon-btn:disabled, .dmtr_icon-btn:disabled, .dmtr_btn[disabled], [disabled].btp_btn, [disabled].btp_icon-svgbtn, [disabled].btp_icon-btn, [disabled].dmtr_icon-btn, .dmtr_btn[data-disabled], [data-disabled].btp_btn, [data-disabled].btp_icon-svgbtn, [data-disabled].btp_icon-btn, [data-disabled].dmtr_icon-btn, .dmtr_btn-disabled, .dmtr_ns a.dmtr_btn:disabled, .dmtr_ns a.dmtr_btn[disabled], .dmtr_ns a.dmtr_btn[data-disabled], .dmtr_ns a.dmtr_btn-disabled { background: var(--_surface-disabled); color: var(--_clr-disabled); cursor: not-allowed; } .dmtr_btn:disabled:hover, .btp_btn:disabled:hover, .btp_icon-svgbtn:disabled:hover, .btp_icon-btn:disabled:hover, .dmtr_icon-btn:disabled:hover, .dmtr_btn[disabled]:hover, [disabled].btp_btn:hover, [disabled].btp_icon-svgbtn:hover, [disabled].btp_icon-btn:hover, [disabled].dmtr_icon-btn:hover, .dmtr_btn[data-disabled]:hover, [data-disabled].btp_btn:hover, [data-disabled].btp_icon-svgbtn:hover, [data-disabled].btp_icon-btn:hover, [data-disabled].dmtr_icon-btn:hover, .dmtr_btn-disabled:hover, .dmtr_ns a.dmtr_btn:disabled:hover, .dmtr_ns a.dmtr_btn[disabled]:hover, .dmtr_ns a.dmtr_btn[data-disabled]:hover, .dmtr_ns a.dmtr_btn-disabled:hover { cursor: not-allowed; } .dmtr_btn-inline, .dmtr_ns a.dmtr_btn-inline { display: inline-flex; } .dmtr_btn-inert, .dmtr_ns a.dmtr_btn-inert { cursor: default; pointer-events: none; } .dmtr_btn-inert:hover, .dmtr_ns a.dmtr_btn-inert:hover { cursor: default; } .btp_btn, .btp_icon-svgbtn, .btp_icon-btn, .dmtr_icon-btn { --_pad-u: var(--pad-u, var(--btp-btn-pad-u)); --base_size: 48px; --size: calc(var(--base_size) - (var(--_pad-u) * 2)); } .btp_btn.dmtr_btn-sm, .dmtr_btn-sm.btp_icon-svgbtn, .dmtr_btn-sm.btp_icon-btn, .dmtr_btn-sm.dmtr_icon-btn { --pad-u: var(--btp-btn-pad-u); padding-inline-end: var(--_pad-u); --base_size: 44px; } .btp_btn.dmtr_btn-md, .dmtr_btn-md.btp_icon-svgbtn, .dmtr_btn-md.btp_icon-btn, .dmtr_btn-md.dmtr_icon-btn { --base_size: 48px; } .btp_btn.dmtr_btn-lg, .dmtr_btn-lg.btp_icon-svgbtn, .dmtr_btn-lg.btp_icon-btn, .dmtr_btn-lg.dmtr_icon-btn { --base_size: 60px; } .btp_btn.dmtr_btn-em, .dmtr_btn-em.btp_icon-svgbtn, .dmtr_btn-em.btp_icon-btn, .dmtr_btn-em.dmtr_icon-btn { --base_size: 1em; } .btp_btn.dmtr_btn-sm, .dmtr_btn-sm.btp_icon-svgbtn, .dmtr_btn-sm.btp_icon-btn, .dmtr_btn-sm.dmtr_icon-btn { --base_size: 36px; } .btp_btn.dmtr_btn-dense, .dmtr_btn-dense.btp_icon-svgbtn, .dmtr_btn-dense.btp_icon-btn, .dmtr_btn-dense.dmtr_icon-btn { --pad-u: 2px; --base_size: 32px; } .btp_btn.dmtr_btn-dense.dmtr_btn-sm, .dmtr_btn-dense.dmtr_btn-sm.btp_icon-svgbtn, .dmtr_btn-dense.dmtr_btn-sm.btp_icon-btn, .dmtr_btn-dense.dmtr_btn-sm.dmtr_icon-btn { --base_size: 28px; } .btp_btn.dmtr_btn-dense.dmtr_btn-lg, .dmtr_btn-dense.dmtr_btn-lg.btp_icon-svgbtn, .dmtr_btn-dense.dmtr_btn-lg.btp_icon-btn, .dmtr_btn-dense.dmtr_btn-lg.dmtr_icon-btn { --base_size: 44px; } .btp_btn:focus-visible, .btp_icon-svgbtn:focus-visible, .btp_icon-btn:focus-visible, .dmtr_icon-btn:focus-visible, .btp_btn:has(:focus-visible), .btp_icon-svgbtn:has(:focus-visible), .btp_icon-btn:has(:focus-visible), .dmtr_icon-btn:has(:focus-visible) { --_border-clr: var(--_clr-focus); } .btp_btn.btp_icon-pre, .btp_icon-pre.btp_icon-svgbtn, .btp_icon-pre.btp_icon-btn, .btp_icon-pre.dmtr_icon-btn, .btp_btn.btp_icon-post, .btp_icon-post.btp_icon-svgbtn, .btp_icon-post.btp_icon-btn, .btp_icon-post.dmtr_icon-btn { display: flex; justify-content: space-between; } .btp_btn.btp_icon-pre.dmtr_btn-inline, .btp_icon-pre.dmtr_btn-inline.btp_icon-svgbtn, .btp_icon-pre.dmtr_btn-inline.btp_icon-btn, .btp_icon-pre.dmtr_btn-inline.dmtr_icon-btn, .btp_btn.btp_icon-post.dmtr_btn-inline, .btp_icon-post.dmtr_btn-inline.btp_icon-svgbtn, .btp_icon-post.dmtr_btn-inline.btp_icon-btn, .btp_icon-post.dmtr_btn-inline.dmtr_icon-btn { display: inline-flex; } .btp_btn.btp_icon-pre.btp_icon-centered, .btp_icon-pre.btp_icon-centered.btp_icon-svgbtn, .btp_icon-pre.btp_icon-centered.btp_icon-btn, .btp_icon-pre.btp_icon-centered.dmtr_icon-btn, .btp_btn.btp_icon-post.btp_icon-centered, .btp_icon-post.btp_icon-centered.btp_icon-svgbtn, .btp_icon-post.btp_icon-centered.btp_icon-btn, .btp_icon-post.btp_icon-centered.dmtr_icon-btn { justify-content: center; } .dmtr_btn-group > *:first-child:not(:last-child) .dmtr_btn, .dmtr_btn-group > *:first-child:not(:last-child) .btp_btn, .dmtr_btn-group > *:first-child:not(:last-child) .btp_icon-svgbtn, .dmtr_btn-group > *:first-child:not(:last-child) .btp_icon-btn, .dmtr_btn-group > *:first-child:not(:last-child) .dmtr_icon-btn, .dmtr_btn-group > *:first-child:not(:last-child) a.dmtr_btn { border-top-right-radius: 0; border-bottom-right-radius: 0; } .dmtr_btn-group > *:last-child:not(:first-child) .dmtr_btn, .dmtr_btn-group > *:last-child:not(:first-child) .btp_btn, .dmtr_btn-group > *:last-child:not(:first-child) .btp_icon-svgbtn, .dmtr_btn-group > *:last-child:not(:first-child) .btp_icon-btn, .dmtr_btn-group > *:last-child:not(:first-child) .dmtr_icon-btn, .dmtr_btn-group > *:last-child:not(:first-child) a.dmtr_btn { border-top-left-radius: 0; border-bottom-left-radius: 0; } .dmtr_btn.btp_icon-pre, .btp_icon-pre.btp_btn, .btp_icon-pre.btp_icon-svgbtn, .btp_icon-pre.btp_icon-btn, .btp_icon-pre.dmtr_icon-btn, .dmtr_btn.btp_icon-post, .btp_icon-post.btp_btn, .btp_icon-post.btp_icon-svgbtn, .btp_icon-post.btp_icon-btn, .btp_icon-post.dmtr_icon-btn, .dmtr_ns a.dmtr_btn.btp_icon-pre, .dmtr_ns a.dmtr_btn.btp_icon-post { display: flex; justify-content: space-between; } .dmtr_btn.btp_icon-pre.dmtr_btn-inline, .btp_icon-pre.dmtr_btn-inline.btp_btn, .btp_icon-pre.dmtr_btn-inline.btp_icon-svgbtn, .btp_icon-pre.dmtr_btn-inline.btp_icon-btn, .btp_icon-pre.dmtr_btn-inline.dmtr_icon-btn, .dmtr_btn.btp_icon-post.dmtr_btn-inline, .btp_icon-post.dmtr_btn-inline.btp_btn, .btp_icon-post.dmtr_btn-inline.btp_icon-svgbtn, .btp_icon-post.dmtr_btn-inline.btp_icon-btn, .btp_icon-post.dmtr_btn-inline.dmtr_icon-btn, .dmtr_ns a.dmtr_btn.btp_icon-pre.dmtr_btn-inline, .dmtr_ns a.dmtr_btn.btp_icon-post.dmtr_btn-inline { display: inline-flex; } .dmtr_btn.btp_icon-pre.btp_icon-centered, .btp_icon-pre.btp_icon-centered.btp_btn, .btp_icon-pre.btp_icon-centered.btp_icon-svgbtn, .btp_icon-pre.btp_icon-centered.btp_icon-btn, .btp_icon-pre.btp_icon-centered.dmtr_icon-btn, .dmtr_btn.btp_icon-post.btp_icon-centered, .btp_icon-post.btp_icon-centered.btp_btn, .btp_icon-post.btp_icon-centered.btp_icon-svgbtn, .btp_icon-post.btp_icon-centered.btp_icon-btn, .btp_icon-post.btp_icon-centered.dmtr_icon-btn, .dmtr_ns a.dmtr_btn.btp_icon-pre.btp_icon-centered, .dmtr_ns a.dmtr_btn.btp_icon-post.btp_icon-centered { justify-content: center; } .dmtr_btn.btp_icon-pre:not(.btp_icon-centered):before, .btp_icon-pre.btp_btn:not(.btp_icon-centered):before, .btp_icon-pre.btp_icon-svgbtn:not(.btp_icon-centered):before, .btp_icon-pre.btp_icon-btn:not(.btp_icon-centered):before, .btp_icon-pre.dmtr_icon-btn:not(.btp_icon-centered):before, .dmtr_ns a.dmtr_btn.btp_icon-pre:not(.btp_icon-centered):before { margin-right: auto; } .dmtr_btn.btp_icon-post:not(.btp_icon-centered):after, .btp_icon-post.btp_btn:not(.btp_icon-centered):after, .btp_icon-post.btp_icon-svgbtn:not(.btp_icon-centered):after, .btp_icon-post.btp_icon-btn:not(.btp_icon-centered):after, .btp_icon-post.dmtr_icon-btn:not(.btp_icon-centered):after, .dmtr_ns a.dmtr_btn.btp_icon-post:not(.btp_icon-centered):after { margin-left: auto; } .dmtr_btn-lg, .dmtr_ns a.dmtr_btn-lg { font-size: var(--btp-fntsize-6XL); } .dmtr_btn-lg:not(.btp_icon-tight, .btp_icon-xtight).btp_icon-pre, .dmtr_btn-lg:not(.btp_icon-tight, .btp_icon-xtight).btp_icon-post, .dmtr_ns a.dmtr_btn-lg:not(.btp_icon-tight, .btp_icon-xtight).btp_icon-pre, .dmtr_ns a.dmtr_btn-lg:not(.btp_icon-tight, .btp_icon-xtight).btp_icon-post { gap: 1.5em; } .dmtr_btn-sm .dmtr_ns a.dmtr_btn-sm { font-size: var(--btp-fntsize-1XL); } .dmtr_btn-lg-shrink, .dmtr_ns a.dmtr_btn-lg-shrink { font-size: var(--btp-fntsize-1XL--6XL); } .dmtr_btn-lg-shrink.btp_icon-pre, .dmtr_btn-lg-shrink.btp_icon-post, .dmtr_ns a.dmtr_btn-lg-shrink.btp_icon-pre, .dmtr_ns a.dmtr_btn-lg-shrink.btp_icon-post { gap: 1.5em; } .btp_icon-svgbtn, .btp_icon-btn, .dmtr_icon-btn { --_ar: var(--ar, 1); aspect-ratio: var(--_ar, 1); cursor: pointer; justify-content: center; align-items: center; } .btp_toggle-icon-btn[aria-pressed=false] .btp_toggle-icon-off, .btp_toggle-icon-btn[aria-expanded=false] .btp_toggle-icon-off { display: block; } .btp_toggle-icon-btn[aria-pressed=false] .btp_toggle-icon-on, .btp_toggle-icon-btn[aria-expanded=false] .btp_toggle-icon-on { display: none; } .btp_toggle-icon-btn[aria-pressed=true] .btp_toggle-icon-off, .btp_toggle-icon-btn[aria-expanded=true] .btp_toggle-icon-off { display: none; } .btp_toggle-icon-btn[aria-pressed=true] .btp_toggle-icon-on, .btp_toggle-icon-btn[aria-expanded=true] .btp_toggle-icon-on { display: block; } .btp_btn-w-label, a.btp_btn-w-label { text-decoration: none; } .btp_btn-w-label:focus, .btp_btn-w-label:focus-visible, .btp_btn-w-label:hover, a.btp_btn-w-label:focus, a.btp_btn-w-label:focus-visible, a.btp_btn-w-label:hover { text-decoration: none; } .btp_btn-w-label:focus-visible, a.btp_btn-w-label:focus-visible { outline: 0px none; } .btp_btn-w-label:focus-visible .dmtr_btn, .btp_btn-w-label:focus-visible .btp_btn, .btp_btn-w-label:focus-visible .btp_icon-svgbtn, .btp_btn-w-label:focus-visible .btp_icon-btn, .btp_btn-w-label:focus-visible .dmtr_icon-btn, a.btp_btn-w-label:focus-visible .dmtr_btn { --_clr: var(--_clr-focus); --_surface: var(--_surface-focus); color: var(--_clr-focus); background: var(--_surface-focus); outline: 2px solid var(--btp-input-focus-outline-clr); } .btp_btn-w-label div, a.btp_btn-w-label div { aspect-ratio: 1; width: 70px; } .btp_btn-w-label span, a.btp_btn-w-label span { font-family: var(--btp-font-brand-display); letter-spacing: var(--btp-letterpacing-M); } .btp_btn-img { -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 0px none; border-radius: 0; box-shadow: none; margin: 0; padding: 0; font-family: inherit; background: transparent; position: relative; display: block; } .btp_btn-img:hover { cursor: pointer; } .btp_btn-img[aria-current] { border: 3px solid var(--btp-c-focus-blue); } .btp_btn-img > * { display: block; width: 100%; max-width: 100%; height: auto; margin: 0; padding: 0; } .dmtr_inputwrap-advanced-controls { padding-right: 5px; } .dmtr_field-state { align-items: start; flex-wrap: wrap; } .dmtr_fieldwrap-textarea-with-maxlength .dmtr_underinput { display: flex; flex-wrap: wrap; gap: 1em; justify-content: space-between; align-items: center; align-items: start; } .dmtr_fieldwrap-textarea-with-maxlength .dmtr_underinput > .dmtr_underinput-left { display: flex; align-items: start; flex: 1; flex-wrap: wrap; max-width: calc(100% - 4em); } .dmtr_fieldwrap-textarea-with-maxlength:has([aria-invalid=true]) .dmtr_underinput { gap: 1em; } .dmtr_fieldwrap-textarea-with-maxlength:has([aria-invalid=true]) .dmtr_underinput .dmtr_underinput-left { gap: 0.25em; } .dmtr_fieldwrap-textarea-with-maxlength:has([aria-invalid=true]) .dmtr_underinput .dmtr_field-description { padding-left: 0.25em; } .dmtr_fieldwrap-textarea-with-maxlength .dmtr_maxlength-wrap { display: flex; gap: 0; } .dmtr_fieldwrap-textarea-with-maxlength .dmtr_charount-wrap { gap: 0; } .dmtr_form-nogap { gap: 0px; } .dmtr_form-inner { width: 100%; max-width: 46rem; margin-inline: auto; display: grid; gap: 40px; } .btp_fieldset { border: 0px none; } .dmtr_form-submit-wrap { display: inline-flex; justify-content: center; } .dmtr_underinput { font-size: var(--btp-fntsize-XS); font-weight: 600; gap: 0px; align-items: center; min-height: 1.5em; } .dmtr_underinput .dmtr_msg-err { font-style: normal; color: var(--dmtr-clr-danger); } .dmtr_underinput .dmtr_field-state { min-height: unset; max-width: calc(100% - 3em); text-wrap: balance; text-wrap: pretty; } .dmtr_field-persistent-msg { font-style: normal; } .dmtr_fieldwrap:has([aria-invalid=true]) .dmtr_underinput { gap: 2px; } .dmtr_fieldwrap:has([aria-invalid=true]):not(:has(.dmtr_msg-err:empty)) .dmtr_underinput { gap: 6px; } .dmtr_fieldwrap:has([aria-invalid=false]) .dmtr_field-state > *.dmtr_msg-err { display: none; } .dmtr_form-fields-wrap { display: grid; grid-template-columns: minmax(0, 1fr); gap: clamp(1.5625rem, 1.4315rem + 0.5543vw, 1.875rem); } .dmtr_fieldwrap { display: grid; grid-template-columns: minmax(0, 1fr); gap: 6px; align-content: start; max-width: 100%; } .dmtr_labelwrap { --_iconsize: 0.75em; font-family: var(--btp-font-brand-display); text-transform: uppercase; position: relative; } .dmtr_labelwrap .dmtr_field-label { display: flex; position: relative; text-wrap: balance; gap: max(5px, 0.5em); } .dmtr_fieldwrap-zipcode-with-autosuggest .dmtr_inputwrap .dmtr_autosuggest-fieldwrap { max-width: calc(100% - 10ch); flex: 1; } .dmtr_fieldwrap-zipcode-with-autosuggest .dmtr_inputwrap .dmtr_autosuggest-fieldwrap .dmtr_autosuggest-external { width: 100%; } .dmtr_field-description { text-wrap: balance; text-wrap: pretty; } .dmtr_fieldwrap:has([aria-invalid=true]) .dmtr_description-match-validity { color: var(--_state-clr, var(--dmtr-clr-danger, #ff0000)); } .dmtr_form-register { display: grid; gap: 1rem; align-content: start; align-items: start; } .dmtr_form-register .dmtr_fieldwrap:not(.dmtr_fieldwrap-checkbox) { min-height: 6.2em; } .dmtr_form-register .dmtr_form-fields-wrap { --gap: 1.5625rem; display: grid; gap: var(--gap); column-gap: 2.8125rem; align-content: start; align-items: start; } @media only screen and (min-width: 64ch) { .dmtr_form-register .dmtr_form-fields-wrap { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); } .dmtr_form-register .dmtr_form-fields-wrap .dmtr_fieldwrap, .dmtr_form-register .dmtr_form-fields-wrap .dmtr_fieldwrap-wrap { grid-column: span 2; } .dmtr_form-register .dmtr_form-fields-wrap #_firstName_wrap, .dmtr_form-register .dmtr_form-fields-wrap #_lastName_wrap, .dmtr_form-register .dmtr_form-fields-wrap #_ageGate_wrap, .dmtr_form-register .dmtr_form-fields-wrap #_PGRequiredEmail_wrap, .dmtr_form-register .dmtr_form-fields-wrap #_zipcode_wrap, .dmtr_form-register .dmtr_form-fields-wrap .dmtr_fieldwrap-password { grid-column: span 1; } } .dmtr_form-register .dmtr_fieldwrap-checkbox { font-family: var(--btp-font-brand-display); font-size: var(--btp-fntsize-XS); text-transform: uppercase; } .dmtr_form-register .dmtr_fieldwrap-checkbox + .dmtr_fieldwrap-checkbox { margin-top: calc(var(--gap) * -0.5); } .dmtr_fieldwrap-password-withRules .dmtr_field-label .dmtr_field-state-icon { opacity: 0; } .dmtr_fieldwrap-password-withRules:has(input[aria-invalid=false]) .dmtr_field-label .dmtr_field-state-icon { opacity: 1; } .dmtr_underinput-with-rules .dmtr_field-description { display: grid; gap: 0.25em; } .dmtr_underinput-with-rules .dmtr_field-description .dmtr_field-description-top { display: flex; gap: 0.5em; align-items: first baseline; } .btp_checklist, ul.btp_checklist { display: grid; gap: 0.25em; } .btp_checklist li, ul.btp_checklist li { display: flex; gap: 0.5em; align-items: first baseline; } .btp_checklist li:before, ul.btp_checklist li:before { --size: 1em; --mask-position: var(--ico-circle-empty); } .btp_checklist li[aria-invalid=true], ul.btp_checklist li[aria-invalid=true] { color: var(--btp-c-error); } .btp_checklist li[aria-invalid=false], ul.btp_checklist li[aria-invalid=false] { color: var(--btp-c-success); } .btp_checklist li[aria-invalid=false]:before, ul.btp_checklist li[aria-invalid=false]:before { --mask-position: var(--ico-circle-check); } .dmtr_fieldwrap:has([aria-invalid=true]) input:not([type=radio]):not([type=checkbox]), .dmtr_fieldwrap:has([aria-invalid=true]) textarea { border-color: var(--btp-c-error); } .dmtr_fieldwrap:has([aria-invalid=true]) .dmtr_field-label { color: var(--btp-c-error); } .btp_logo-lockup, .btp_logo-stack, .btp_logo { width: 100%; height: auto; } .btp_logo-lockup { aspect-ratio: var(--btp-ar-logo-lockup); } .btp_logo-stack { aspect-ratio: var(--btp-ar-logo-stack); } .btp_logo { aspect-ratio: var(--btp-ar-logo); } .btp_logo-h1 { max-width: 634px; margin-inline: auto; } .btp_logo-sq-onpage { width: clamp(82px, 20.83%, 110px); margin-inline: auto; } .btp_logo-lockup-capped { max-width: 364px; width: clamp(160px, 60.34%, 364px); margin-inline: auto; } @view-transition { navigation: auto; } @keyframes page-nav-out { from { opacity: 1; } to { opacity: 0; } } @keyframes page-nav-in { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } } @media not (prefers-reduced-motion: reduce) { html:not(.noViewTransition) #btp_main-nav { view-transition-name: main-banner; view-transition-class: main-banner; } html:not(.noViewTransition) #btp_main-main { view-transition-name: main-content; view-transition-class: main-content; } ::view-transition-old(.main-content) { animation: 0.15s linear both page-nav-out; } ::view-transition-new(.main-content) { animation: 0.4s ease both page-nav-in; } } .dmtr_tt-wrap .dmtr_tt-content-wrap { --min-w: max-content; border-radius: var(--btp-rnd); filter: drop-shadow(-4px -4px 10px rgba(0, 0, 0, 0.5)); } .dmtr_tt-wrap .dmtr_tt-content { line-height: 1.1; } .dmtr_tt-wrap [role=tooltip], .dmtr_tt-wrap .dmtr_tt { --bg: var(--btp-surface-theme); --txt: var(--btp-color-theme); --brdr-clr: transparent; --brdr-w: 0px; } .dmtr_tt-wrap [class*=btp_icon-] { display: flex; flex-wrap: nowrap; gap: 0.25em; align-items: center; white-space: nowrap; } .btp_tooltips .dmtr_tt-wrap .dmtr_tt-content-wrap { --min-w: max-content; border-radius: var(--btp-rnd) var(--btp-rnd) 0 0; filter: none; font-family: var(--btp-font-brand-display); font-size: min(1em, var(--btp-fntsize-3XL--5XL)); text-transform: uppercase; letter-spacing: -0.01em; } .btp_tooltips .dmtr_tt-wrap [role=tooltip], .btp_tooltips .dmtr_tt-wrap .dmtr_tt { --bg: var(--btp-surface-theme); --txt: var(--btp-color-theme); --brdr-clr: transparent; --brdr-w: 0px; --arrow-size: 0px; --trans-dur: 0s; --trans-delay: 0s; left: auto; right: 0; translate: 0; } .btp_tooltips .dmtr_tt-wrap:focus-within .dmtr_btn.dmtr_tt-anchor[aria-expanded=true], .btp_tooltips .dmtr_tt-wrap:hover .dmtr_btn.dmtr_tt-anchor[aria-expanded=true], .btp_tooltips .dmtr_tt-wrap:has(.dmtr_btn:hover) .dmtr_btn.dmtr_tt-anchor[aria-expanded=true] { border-radius: 0 0 var(--btp-rnd) var(--btp-rnd); } .btp_tooltips .dmtr_tt-wrap:has([data-ttvpos=b]) .dmtr_tt-content-wrap { border-radius: 0 0 var(--btp-rnd) var(--btp-rnd); } .btp_tooltips .dmtr_tt-wrap:has([data-ttvpos=b]):focus-within .dmtr_btn.dmtr_tt-anchor, .btp_tooltips .dmtr_tt-wrap:has([data-ttvpos=b]):hover .dmtr_btn.dmtr_tt-anchor, .btp_tooltips .dmtr_tt-wrap:has([data-ttvpos=b]):has(.dmtr_btn:hover) .dmtr_btn.dmtr_tt-anchor { border-radius: var(--btp-rnd) var(--btp-rnd) 0 0; } .btp_tooltips .dmtr_tt-wrap.dmtr_tt-inline [role=tooltip] { top: 0; bottom: auto; translate: 0 0; padding: 2px 6px; height: 34px; border: 0; align-content: center; font-size: 1rem; } .btp_tooltips .dmtr_tt-wrap.dmtr_tt-inline.dmtr_tt-prefer-l [role=tooltip] { right: 100%; left: auto; border-radius: var(--btp-rnd) 0 0 var(--btp-rnd); } .btp_tooltips .dmtr_tt-wrap.dmtr_tt-inline.dmtr_tt-prefer-l [role=tooltip][data-tthpos=maxl] { right: auto; left: 100%; border-radius: 0 var(--btp-rnd) var(--btp-rnd) 0; } .btp_tooltips .dmtr_tt-wrap.dmtr_tt-inline.dmtr_tt-prefer-l .dmtr_btn.dmtr_tt-anchor[aria-expanded=true] { border-radius: 0 var(--btp-rnd) var(--btp-rnd) 0; } .btp_tooltips .dmtr_tt-wrap.dmtr_tt-inline.dmtr_tt-prefer-l:has([data-tthpos=maxl]) .dmtr_btn.dmtr_tt-anchor[aria-expanded=true] { border-radius: var(--btp-rnd) 0 0 var(--btp-rnd); } .btp_tooltips .dmtr_tt-wrap.dmtr_tt-inline .dmtr_btn.dmtr_tt-anchor { --_clr-hover: var(--btp-c-bwwhite); --_surface-hover: var(--btp-c-bwblack); } .dmtr_system-message, .dmtr_form-message { --_surface: var(--surface, var(--btp-surface-accent)); --_clr: var(--clr, var(--btp-clr-accent)); --_accent: var(--surface, var(--btp-surface-accent)); background: var(--_surface); color: var(--_clr); border: 0px none; border-radius: var(--btp-rnd); font-size: var(--btp-fntsize-M); box-shadow: var(--btp-shadow-raised); display: flex; gap: 12px; align-items: center; margin-inline: auto; } .dmtr_system-message .dmtr_list, .dmtr_system-message .dmtr_list-num, .dmtr_form-message .dmtr_list, .dmtr_form-message .dmtr_list-num { list-style-type: none; padding: 0; margin: 0; } .dmtr_system-message .dmtr_list > li, .dmtr_system-message .dmtr_list-num > li, .dmtr_form-message .dmtr_list > li, .dmtr_form-message .dmtr_list-num > li { list-style-type: none; padding: 0; margin: 0; } .dmtr_system-message a, .dmtr_form-message a { color: var(--clr, var(--btp-clr-accent)); } .dmtr_system-message .dmtr_form-message-header, .dmtr_form-message .dmtr_form-message-header { clip: rect(1px, 1px, 1px, 1px); height: 1px; overflow: hidden; position: absolute; white-space: nowrap; /* added line */ width: 1px; } .dmtr_system-message .dmtr_form-message-list, .dmtr_form-message .dmtr_form-message-list { text-align: left; } .dmtr_system-message.dmtr_system-success, .dmtr_form-message.dmtr_system-success { --_surface: var(--btp-surface-success); --_clr: var(--btp-color-success); --_accent: var(--btp-surface-success); } .dmtr_system-message.dmtr_system-success a, .dmtr_system-message.dmtr_system-success button, .dmtr_form-message.dmtr_system-success a, .dmtr_form-message.dmtr_system-success button { --_clr-base: var(--surface, var(--btp-surface-theme)); --_clr: var(--_clr-base); --_clr-hover: var(--surface-hover, var(--btp-surface-theme-hover)); --_clr-focus: var(--surface-focus, var(--btp-surface-theme-focus)); --_clr-focus-visible: var(--surface-focus-visible, var(--btp-surface-theme-focus-visible, var( --_clr-focus))); --_clr-active: var(--surface-active, var(--btp-surface-theme-active)); --_clr-disabled: var(--surface-disabled, var(--btp-surface-theme-disabled)); --_surface-base: var(--clr, var(--btp-color-theme)); --_surface: var(--_surface-base); --_surface-hover: var(--clr-hover, var(--btp-color-theme-hover)); --_surface-focus: var(--clr-focus, var(--btp-color-theme-focus)); --_surface-focus-visible: var(--clr-focus-visible, var(--btp-clr-theme-focus-visible, var(--_surface-focus))); --_surface-active: var(--clr-active, var(--btp-color-theme-active)); --_surface-disabled: var(--clr-disabled, var(--btp-color-theme-disabled)); } .dmtr_system-message.dmtr_system-alert, .dmtr_form-message.dmtr_system-alert { --_surface: var(--btp-surface-warning); --_clr: var(--btp-color-warning); } .dmtr_system-message.dmtr_system-alert a, .dmtr_system-message.dmtr_system-alert button, .dmtr_form-message.dmtr_system-alert a, .dmtr_form-message.dmtr_system-alert button { --_clr-base: var(--surface, var(--btp-surface-theme)); --_clr: var(--_clr-base); --_clr-hover: var(--surface-hover, var(--btp-surface-theme-hover)); --_clr-focus: var(--surface-focus, var(--btp-surface-theme-focus)); --_clr-focus-visible: var(--surface-focus-visible, var(--btp-surface-theme-focus-visible, var( --_clr-focus))); --_clr-active: var(--surface-active, var(--btp-surface-theme-active)); --_clr-disabled: var(--surface-disabled, var(--btp-surface-theme-disabled)); --_surface-base: var(--clr, var(--btp-color-theme)); --_surface: var(--_surface-base); --_surface-hover: var(--clr-hover, var(--btp-color-theme-hover)); --_surface-focus: var(--clr-focus, var(--btp-color-theme-focus)); --_surface-focus-visible: var(--clr-focus-visible, var(--btp-clr-theme-focus-visible, var(--_surface-focus))); --_surface-active: var(--clr-active, var(--btp-color-theme-active)); --_surface-disabled: var(--clr-disabled, var(--btp-color-theme-disabled)); } .dmtr_system-message.dmtr_system-error, .dmtr_system-message.dmtr_form-message-errors, .dmtr_form-message.dmtr_system-error, .dmtr_form-message.dmtr_form-message-errors { --_surface: var(--btp-surface-error); --_clr: var(--btp-color-error); } .dmtr_system-message.dmtr_system-error a, .dmtr_system-message.dmtr_system-error button, .dmtr_system-message.dmtr_form-message-errors a, .dmtr_system-message.dmtr_form-message-errors button, .dmtr_form-message.dmtr_system-error a, .dmtr_form-message.dmtr_system-error button, .dmtr_form-message.dmtr_form-message-errors a, .dmtr_form-message.dmtr_form-message-errors button { --_clr-base: var(--surface, var(--btp-surface-theme)); --_clr: var(--_clr-base); --_clr-hover: var(--surface-hover, var(--btp-surface-theme-hover)); --_clr-focus: var(--surface-focus, var(--btp-surface-theme-focus)); --_clr-focus-visible: var(--surface-focus-visible, var(--btp-surface-theme-focus-visible, var( --_clr-focus))); --_clr-active: var(--surface-active, var(--btp-surface-theme-active)); --_clr-disabled: var(--surface-disabled, var(--btp-surface-theme-disabled)); --_surface-base: var(--clr, var(--btp-color-theme)); --_surface: var(--_surface-base); --_surface-hover: var(--clr-hover, var(--btp-color-theme-hover)); --_surface-focus: var(--clr-focus, var(--btp-color-theme-focus)); --_surface-focus-visible: var(--clr-focus-visible, var(--btp-clr-theme-focus-visible, var(--_surface-focus))); --_surface-active: var(--clr-active, var(--btp-color-theme-active)); --_surface-disabled: var(--clr-disabled, var(--btp-color-theme-disabled)); } .dmtr_system-message { justify-content: space-between; } .dmtr_system-message-content, .dmtr_form-message { display: flex; gap: 12px; align-items: center; } .dmtr_system-message-content:before, .dmtr_form-message:before { --size: 1.5em; } .dmtr_system-message-async, .dmtr_system-message-async:popover-open, .dmtr_system-success, .dmtr_system-success:popover-open { position: fixed; left: 0; bottom: 0; top: auto; width: 100%; z-index: var(--dmtr-z-super); border-radius: var(--btp-rnd) var(--btp-rnd) 0 0; } .dmtr_system-message[aria-hidden=true] { display: none; } .dmtr_empty-msg { border-radius: var(--btp-rnd-lg); background: var(--btp-c-bwwhite-dim); color: var(--btp-c-bwblack-disabled); } .dmtr_system-cookie { --_clr-base: var(--surface, var(--btp-surface-theme)); --_clr: var(--_clr-base); --_clr-hover: var(--surface-hover, var(--btp-surface-theme-hover)); --_clr-focus: var(--surface-focus, var(--btp-surface-theme-focus)); --_clr-focus-visible: var(--surface-focus-visible, var(--btp-surface-theme-focus-visible, var( --_clr-focus))); --_clr-active: var(--surface-active, var(--btp-surface-theme-active)); --_clr-disabled: var(--surface-disabled, var(--btp-surface-theme-disabled)); --_surface-base: var(--clr, var(--btp-color-theme)); --_surface: var(--_surface-base); --_surface-hover: var(--clr-hover, var(--btp-color-theme-hover)); --_surface-focus: var(--clr-focus, var(--btp-color-theme-focus)); --_surface-focus-visible: var(--clr-focus-visible, var(--btp-clr-theme-focus-visible, var(--_surface-focus))); --_surface-active: var(--clr-active, var(--btp-color-theme-active)); --_surface-disabled: var(--clr-disabled, var(--btp-color-theme-disabled)); position: fixed; bottom: 0px; width: 100%; z-index: var(--dmtr-z-super-sup); box-shadow: var(--btp-shadow-under); display: grid; grid-template-columns: minmax(0, 1fr); padding: var(--btp-u-snug); padding-block-start: var(--btp-u-xroomy); } .dmtr_system-cookie .dmtr_system-message-content:before { display: none; } .dmtr_system-cookie .dmtr_system-message-content { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--btp-u-snug); } .dmtr_system-cookie .dmtr_system-message-content-left { text-wrap: balance; font-size: clamp(0.875rem, 0.875rem + 0vw, 0.875rem); font-style: normal; font-weight: 600; line-height: 1.14; } .dmtr_system-cookie .dmtr_system-message-content-right { display: flex; flex-wrap: wrap; gap: 0.5em; white-space: nowrap; } .dmtr_system-cookie .dmtr_system-message-close-wrap { position: absolute; top: 0px; right: 0px; } @media only screen and (min-width: 640px) { .dmtr_system-cookie { display: flex; justify-content: space-between; align-items: center; padding-block-start: var(--btp-u-snug); } .dmtr_system-cookie .dmtr_system-message-content { display: flex; } .dmtr_system-cookie .dmtr_system-message-content-right { flex-wrap: nowrap; } .dmtr_system-cookie .dmtr_system-message-close-wrap { position: relative; top: unset; right: unset; } } .btp_sensitive-banner { border-radius: var(--btp-rnd); background: rgba(0, 0, 0, 0.4); padding: 8px 16px; display: flex; align-items: center; gap: 10px; } .btp_sensitive-icon { --size: 32px; flex: 0; } .btp_sensitive-copy { flex: 1; display: flex; flex-wrap: wrap; align-items: first baseline; column-gap: 10px; line-height: 1.3; } .btp_sensitive-copy-main { font-family: var(--btp-font-brand-display); text-transform: uppercase; font-size: var(--btp-fntsize-M--L); } .btp_sensitive-copy-detail { font-size: var(--btp-fntsize-S--L); font-style: italic; font-size: 700; letter-spacing: var(--btp-letterspacing-M); text-wrap: balance; text-wrap: pretty; } /** * typical dialog structure ... */ .dmtr_dialog { --h-pad: var(--btp-u-rempx); --v-pad: var(--h-pad); --brdr-size: 0px; --backdrop-bg: var(--btp-c-bwblack-80op); border-radius: var(--btp-rnd-lg); background: var(--btp-c-bwwhite); color: var(--btp-c-bwblack); max-width: calc(100dvw - var(--dmtr-body-pad) * 4); min-width: 320px; box-shadow: var(--btp-shadow-raised-subtle); padding: var(--h-pad); } .dmtr_dialog::backdrop, .dmtr_dialog + .dmtr_dialog-pseudo-backdrop { backdrop-filter: none; --backdrop-bg: var(--btp-c-bwblack-80op); } .dmtr_dialog.btp_modal-blur-bg::backdrop, .dmtr_dialog.btp_modal-blur-bg + .dmtr_dialog-pseudo-backdrop { backdrop-filter: blur(5px); } .dmtr_dialog-pad-wrap { position: relative; padding-block-start: 28px; width: min(var(--max-w), var(--w, 64ch)); max-width: 100%; } .dmtr_dialog-inner-wrap { container-type: inline-size; container-name: dialog; position: relative; } .dmtr_dialog-inner { background: var(--btp-c-bwwhite); padding-inline-end: 0; display: grid; gap: 1rem; grid-template-columns: minmax(0, 1fr); } .dmtr_dialog-content { text-align: center; } .dmtr_dialog-content > * { padding-block: var(--btp-u-rempx); } .dmtr_dialog-content > *:last-child { padding-block-end: 0; } .btp_headline { padding-block: var(--btp-u-rempx); } .dmtr_dialog-close-wrap { right: 5px; top: 0; } .dmtr_dialog-close-wrap .dmtr_dialog-close { top: -7px; } .dmtr_dialog-close-wrap-default { top: 8px; right: -5px; } .dmtr_dialog-close-wrap-default .dmtr_dialog-close { top: 0; right: 0; } .btp_error-modal .dmtr_dialog-close-wrap-default { right: 5px; } .dmtr_dialog:has(.dmtr_dialog-pad-wrap > .dmtr_dialog-close-wrap) { --close-size: 40px; } .dmtr_prompt-body { display: grid; gap: var(--btp-u-tight); } .dmtr_prompt-footer { display: flex; flex-wrap: wrap; gap: var(--btp-u-snug); } .dmtr_prompt-footer > * { flex: 1; } .dmtr_dialog:has(.dmtr_prompt-danglers) { background: transparent; } .dmtr_dialog.dmtr_prompt-danglers { background: transparent; box-shadow: none; } .dmtr_dialog.dmtr_prompt-danglers .dmtr_dialog-inner { background: transparent; } .dmtr_prompt-danglers-content { display: grid; gap: var(--btp-u-tight); background: var(--btp-c-bwwhite); color: var(--btp-c-bwblack); border-radius: var(--btp-rnd-lg); padding-block: var(--btp-u-roomy); box-shadow: var(--btp-shadow-raised-subtle); } .dmtr_prompt-danglers-content .dmtr_prompt-body { font-family: var(--btp-font-brand-body); font-weight: 900; letter-spacing: -1px; font-style: italic; gap: var(--btp-u-xxtight); font-size: var(--btp-fntsize-L--XL); } .dmtr_prompt-danglers-content .dmtr_prompt-body p { text-wrap: balance; } .dmtr_prompt-danglers-content .dmtr_prompt-header { font-family: var(--btp-font-brand-display); text-transform: uppercase; font-size: var(--btp-fntsize-3XL--8XL); } .dmtr_prompt-danglers-danglers { gap: var(--btp-u-tight); } .dmtr_prompt-danglers-danglers > * { box-shadow: var(--btp-shadow-raised-subtle); } .dmtr_dialog-close-wrap-inline { display: flex; justify-content: center; } .dmtr_dialog-pad-wrap > .dmtr_dialog-close-wrap-inline { margin-block: var(--btp-u-xsnug) var(--btp-u-tight); } .btp_submission-sensitive-msg { --dur: 0s; --backdrop-bg: var(--btp-c-bwblack-95op); position: sticky; top: 50%; translate: 0 -50%; } .btp_submission-sensitive-msg::backdrop, .btp_submission-sensitive-msg + .dmtr_dialog-pseudo-backdrop { --dur: 0s; --backdrop-bg: var(--btp-c-bwblack-95op); backdrop-filter: blur(14px); } .btp_main-main:has(.btp_submission-sensitive-msg[open]) { z-index: var(--dmtr-z-super); } .dmtr_dialog-headline { font-size: var(--btp-fntsize-7XL--8XL); } .dmtr_dialog-body { font-size: var(--btp-fntsize-L--XL); font-weight: 900; line-height: 1.333; letter-spacing: var(--btp-letterspacing-M); font-style: italic; } .dmtr_dialog[data-dialog-type=error] { border: 5px solid var(--btp-c-error); } .dmtr_dialog[data-dialog-type=error] .dmtr_dialog-pad-wrap { padding-block: var(--btp-u-xroomy); } .dmtr_dialog[data-dialog-type=error] .dmtr_dialog-content > .dmtr_cozy-v { padding-block-start: 0; } .dmtr_dialog[data-dialog-type=error] .dmtr_error-label-wrap { font-family: var(--btp-font-brand-display); text-transform: uppercase; position: relative; font-size: var(--btp-fntsize-7XL--8XL); text-transform: uppercase; letter-spacing: var(--btp-letterspacing-M); color: var(--btp-c-error-dark); } .dmtr_dialog[data-dialog-type=error] .dmtr_error-label-wrap:before { --_iconsize: 1.25em; background: currentColor; position: relative; display: block; margin-inline: auto; margin-block-end: var(--btp-u-snug); } .dmtr_dialog[data-dialog-type=error] .dmtr_error-body { font-size: var(--btp-fntsize-L--XL); line-height: 1.61; letter-spacing: var(--btp-letterspacing-M); text-wrap: balance; } .btp_error-modal-content { padding-block: var(--btp-u-cozy); padding-block-start: var(--btp-u-snug); } .btp_error-modal-content .btp_number-sq { --_clr: var(--btp-c-error); font-family: var(--btp-font-brand-display); color: var(--btp-c-bwwhite); } .btp_error-modal-header { text-align: center; color: var(--btp-c-error-dark); font-size: var(--btp-fntsize-8XL); } .btp_error-modal-content { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--btp-u-snug); } .btp_error-modal-messages { position: relative; margin-inline: auto; } .btp_error-modal-messages:before { --clr: var(--btp-c-error-dark); --size: 1em; top: 0; position: absolute; } .btp_error-msg { padding-inline-start: 1.75em; text-align: left; font-size: var(--btp-fntsize-M); line-height: 1.14; letter-spacing: 0.0025em; font-weight: 400; } .btp_modal-pad { padding: 20px 16px; } .dmtr_prompt-danglers-content:has(.btp_modal-pad) { padding-block: 0; } .btp_media-edit .btp_story-mediafigure figcaption { display: none; } .dmtr_dialog[data-dialog-type*=fullscreen] .dmtr_dialog-pad-wrap { max-width: min(760px, 100%); width: 100%; margin-inline: auto; } .dmtr_dialog[data-dialog-type*=fullscreen] .dmtr_dialog-inner-wrap { width: 100%; } .dmtr_dialog[data-dialog-type*=fullscreen] .dmtr_dialog-inner { padding-inline: 0; } .btp_displayname-ellipsis { display: flex; gap: 0.25em; align-content: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; } .btp_displayname-ellipsis span { display: block; } .btp_displayname-ellipsis .btp_firstname { white-space: nowrap; flex: 0 1 auto; overflow: hidden; text-overflow: ellipsis; position: relative; } .btp_displayname-ellipsis .btp_firstname:after { content: " "; display: inline-block; padding: 0; height: 1px; width: 0.15em; } .btp_displayname-ellipsis .btp_lastname { flex: none; } .btp_media-wrap, .btp_story-mediafigure, figure.btp_story-mediafigure { container-type: inline-size; container-name: mediafigure; box-sizing: border-box; padding: 0; margin: auto 0; width: 100%; max-width: 968px; margin-inline: auto; } .btp_media-wrap .btp_picture, .btp_story-mediafigure .btp_picture, figure.btp_story-mediafigure .btp_picture { display: block; width: max-content; max-width: 100%; margin-inline: auto; } .btp_media-wrap .btp_media, .btp_story-mediafigure .btp_media, figure.btp_story-mediafigure .btp_media { position: relative; display: block; max-width: 100%; height: auto; max-height: 90svh; object-fit: contain; margin: 0 auto; padding: 0; border-radius: var(--btp-rnd-lg); overflow: clip; } .btp_media-wrap .btp_video-placeholder, .btp_story-mediafigure .btp_video-placeholder, figure.btp_story-mediafigure .btp_video-placeholder { opacity: 0; visibility: hidden; pointer-events: none; } .btp_media-wrap .btp_video-placeholder + video.btp_story-media-video, .btp_story-mediafigure .btp_video-placeholder + video.btp_story-media-video, figure.btp_story-mediafigure .btp_video-placeholder + video.btp_story-media-video { position: absolute; width: 100%; height: 100%; inset: 0; } .btp_media-wrap figcaption, .btp_story-mediafigure figcaption, figure.btp_story-mediafigure figcaption { padding-block: 10px; font-size: clamp(0.625rem, 0.4948rem + 0.7184cqi, 0.9375rem); font-weight: 600; text-transform: none; text-align: center; line-height: 1.2; color: var(--btp-color-theme-dark); text-wrap: balance; } .btp_sticker { --_crnr-u: var(--crnr-u, 0.75em); --_crnr-rnd: var(--crnr-rnd, var(--btp-rnd-sm)); --_pad: var(--pad, var(--btp-u-tight)); --_rnd: var(--rnd, var(--btp-rnd)); --crnr-r: calc(100% - var(--_crnr-u)); --crnr-b: calc(100% - var(--_crnr-u)); position: relative; display: flex; padding: var(--_pad) var(--_pad); padding-inline-end: max(var(--_pad), var(--_crnr-u)); border-radius: var(--_rnd); clip-path: polygon(0 0, 100% 0, 100% var(--crnr-r), var(--crnr-b) 100%, 0 100%); line-height: 1.1; } .btp_sticker:after { --shadow-u: clamp(2px, calc(var(--_crnr-u) * 0.075), 5px); --shadow-u-n: calc(-1 * var(--shadow-u)); content: ""; display: block; border-radius: var(--_crnr-rnd) 0 0 0; width: var(--_crnr-u); height: var(--_crnr-u); position: absolute; bottom: 0; right: 0; background: var(--btp-surface-theme-pale); filter: drop-shadow(var(--shadow-u-n) var(--shadow-u-n) var(--shadow-u) rgba(0, 0, 0, 0.25)); } @media only screen and (min-width: 640px) { :root { --btp-nav-h: var(--btp-nav-h-max); } } .btp_main-nav-wrap { position: relative; padding: 0; z-index: var(--dmtr-z-nav); background: transparent; } .btp_main-nav-wrap[data-theme-dk=true] { background: transparent; } .btp_main-nav-wrap:before { content: ""; display: block; background: var(--btp-color-theme); position: fixed; top: 0; left: 0; width: 100%; height: 0; z-index: -1; opacity: 0; transition: opacity var(--btp-trans-slow) ease; } .btp_main-nav-wrap:has([aria-expanded=true]):before { opacity: 0.66; height: 100dvh; } .btp_ns .btp_main-nav-wrap, .btp_ns .btp_main-nav-wrap[data-theme-dk=true] { background: transparent; } .btp_ns:not([data-pagetype=submission]) .btp_main-nav-wrap { position: sticky; top: 0; will-change: translate; transition: translate 0.3s 0s ease-out; } .btp_ns:not([data-pagetype=submission]) [data-off-top=yarp] .btp_main-nav-wrap { transition-delay: 0.3s; translate: 0 -120%; } .btp_ns:not([data-pagetype=submission]) [data-off-top=yarp] .btp_main-nav { box-shadow: 0 5px 10px var(--btp-color-theme-dark); } .btp_ns:not([data-pagetype=submission]) :has(#btp_filtersmenu-toggle[aria-expanded=true]) .btp_main-nav-wrap, .btp_ns:not([data-pagetype=submission]) [data-scroll-dir=up] .btp_main-nav-wrap, .btp_ns:not([data-pagetype=submission]) [data-mouse-dir=up] .btp_main-nav-wrap { transition-delay: 0s; translate: 0 0; } .btp_ns:not([data-pagetype=submission]) .btp_main-nav-wrap:hover, .btp_ns:not([data-pagetype=submission]) .btp_main-nav-wrap:focus-within, .btp_ns:not([data-pagetype=submission]) .btp_main-nav-wrap:has(:hover), .btp_ns:not([data-pagetype=submission]) .btp_main-nav-wrap:has([aria-expanded=true]) { transition-delay: 0s; translate: 0 0; } body > .btp_main-nav-wrap { padding: var(--dmtr-body-pad); } .btp_main-nav { --min-h: var(--btp-nav-h); --nav-off-top: 10px; --shadow-down: 5px; --shadow-offset: -3px; --_surface: var(--btp-surface-theme); --_clr: var(--btp-color-theme); --dmtr-clr-link: var(--btp-color-theme); --dmtr-clr-link-focus: var(--_clr-focus); --dmtr-clr-link-hover: var(--_clr-hover); --dmtr-clr-link-active: var(--_clr-active); --pad-u: 10px; --pad-u-sm: 7px; --round-u: var(--btp-rnd-lg); position: relative; height: 3.75rem; max-width: 1200px; margin-inline: auto; display: flex; justify-content: space-between; align-items: center; padding: 0; border-radius: var(--round-u); background: var(--_surface); color: var(--_clr); transition: border-radius var(--btp-trans-fast) ease, box-shadow 0.15s ease; font-family: var(--btp-font-brand-display); container-type: inline-size; z-index: var(--dmtr-z-nav); } .btp_main-nav:has([aria-expanded=true]) { border-radius: var(--round-u) var(--round-u) 0 0; box-shadow: var(--btp-shadow-raised-dims) var(--btp-color-theme-dark); } .btp_main-nav .btp_tagline { display: none; font-size: var(--dmtr-txt-mdlg); } @media only screen and (min-width: 976px) { .btp_main-nav .btp_tagline { display: block; } } .btp_main-nav .btp_main-nav-cta { font-size: var(--dmtr-txt-lg); } .btp_main-nav .btp_main-nav-cta-wrap { display: none; } @media only screen and (min-width: 800px) { .btp_main-nav .btp_main-nav-cta-wrap { display: block; } } .btp_main-nav .btp_hamburger-wrap { position: unset; } .btp_main-nav .btp_hamburger-menu { background: var(--btp-surface-theme); position: absolute; right: 0; top: 100%; width: 100%; } .btp_main-nav .dmtr_menu-toggle { --size: var(--min-h); z-index: 10; } .btp_main-nav .btp_icon-svgbtn { --surface: transparent; transform-origin: center bottom; border-radius: 0; } .btp_main-nav .dmtr_menu-toggle { aspect-ratio: var(--ar); width: var(--size, 1em); } .btp_main-nav .dmtr_menu-toggle label.btp_icon-svgbtn { position: absolute; width: 100%; height: 100%; inset: 0; } .btp_main-nav .dmtr_menu-toggle label.btp_icon-svgbtn .btp_svgicon { --size: 100%; } .btp_main-nav .dmtr_menu { --dur: 0.15s; --open-h: calc(100svh - var(--btp-nav-h) - var(--nav-off-top) + var(--shadow-offset)); --min-h: var(--open-h); --_fnt-copy: clamp(1.25rem, -0.583rem + 7.7586cqi, 2.375rem); --_fnt-copy-lg: clamp(2.5rem, 1.278rem + 5.1724cqi, 3.25rem); --_fnt-link-sm: clamp(1.125rem, 0.514rem + 2.5862cqi, 1.5rem); --_fnt-link-md: clamp(1.875rem, -0.3653rem + 9.4828cqi, 3.25rem); --_pad-link-md-inline: 0.288em; --_pad-link-md-block: 0.346em; --_fnt-link-btn: clamp(2.0625rem, 2.0625rem + 0cqi, 2.0625rem); --_shadow-fix-surface: var(--shadow-fix-surface, var(--_surface)); --_pad-block: 40px; --_pad-inline: 12px; container-type: inline-size; padding: 0; max-width: 100%; border-radius: 0 0 var(--btp-rnd-lg) var(--btp-rnd-lg); } @media only screen and (min-width: 640px) { .btp_main-nav .dmtr_menu { --_pad-block: 20px; --_pad-inline: 40px; } } .btp_main-nav .dmtr_menu { box-shadow: 0 var(--shadow-down) 5px 0 var(--btp-color-theme-dark); margin-top: -3px; z-index: -1; } .btp_main-nav .dmtr_menu:before { content: ""; display: block; position: absolute; inset: 0 0 auto; width: 100%; height: 3px; background: var(--_shadow-fix-surface); } .btp_main-nav .dmtr_menu { overflow-y: auto; -ms-overflow-style: none; /* IE and Edge */ scrollbar-width: none; /* Firefox */ } .btp_main-nav .dmtr_menu::-webkit-scrollbar { display: none; } @media only screen and (min-width: 800px) { .btp_main-nav .dmtr_menu.btp_accountmenu-menu { max-width: max(50%, 640px); } } .btp_main-nav .dmtr_menu .btp_search-wrap { font-size: var(--_fnt-link-md); } @media only screen and (min-width: 800px) { .btp_main-nav .dmtr_menu.btp_mainmenu-menu { max-width: max(66%, 640px); } } .btp_main-nav [aria-expanded=true] + .dmtr_menu { z-index: 1; } .btp_main-nav .btp_menu-inner { display: flex; flex-direction: column; justify-content: space-between; gap: 10px; padding: var(--_pad-block) var(--_pad-inline); min-height: 100%; } .btp_main-nav .btp_hamburger-menu-list { display: flex; flex-direction: column; justify-content: center; gap: 10px; column-gap: 20px; } .btp_main-nav .btp_hamburger-menu-list a, .btp_main-nav .btp_hamburger-menu-list input { --pad-u: var(--btp-u-snug); --_pad-u-block: var(--btp-u-xsnug); --_pad-u-inline: var(--btp-u-snug); --padding: var(--_pad-u-block) var(--_pad-u-inline); font-size: var(--_fnt-link-md); } .btp_main-nav .btp_hamburger-menu-list a.btp_menu-link-secondary { --_pad-u-block: var(--btp-u-tight); --_pad-u-inline: var(--btp-u-tight); font-size: var(--_fnt-link-sm); } .btp_main-nav .btp_hamburger-menu-list a.btp_menu-btn-highlight { font-size: var(--_fnt-link-btn); --padding: 10px; } @media only screen and (min-width: 544px) { .btp_main-nav .btp_hamburger-menu-list a.btp_menu-btn-highlight { max-width: 20ch; min-width: calc(50% + 4ch); } } .btp_main-nav .btp_mainmenu-menu .btp_hamburger-menu-list { display: grid; grid-template-columns: repeat(2, 1fr); } .btp_main-nav .btp_mainmenu-menu .btp_hamburger-menu-list li { grid-column: 1/-1; } .btp_main-nav .btp_mainmenu-menu .btp_hamburger-menu-list li.btp_menuitem-pre-secondary { margin-bottom: 60px; } @media only screen and (min-width: 640px) { .btp_main-nav .btp_mainmenu-menu .btp_hamburger-menu-list li.btp_menuitem-secondary { grid-column: unset; } } .btp_main-nav .btp_mainmenu-menu .btp_hamburger-menu-list .btp_icon-post { gap: 0.25em; } .btp_main-nav .btp_hamburger-menu-list-secondary { gap: var(--btp-u-snug); } @media only screen and (min-width: 640px) { .btp_main-nav { --nav-off-top: 0px; } } .btp_main-nav .btp_accountmenu-menu-inner { padding-block-end: 26px; } @media only screen and (min-width: 640px) { .btp_main-nav .btp_accountmenu-menu-inner { padding-block-end: 40px; } } .btp_main-nav .btp_accountmenu-menu-inner .btp_logo-stack { margin-inline: auto; max-width: min(176px, 39.79%); } .btp_main-nav .btp_accountmenu-menu-intro { font-size: var(--btp-fntsize-1XL--4XL); padding-inline: var(--btp-u-snug); padding-block-start: var(--btp-u-tight); display: grid; gap: var(--btp-u-xsnug); } .btp_main-nav .btp_accountmenu-menu-intro p { line-height: 1.21; /* 121.429% */ padding-block-end: 1em; } .btp_main-nav .btp_accountmenu-menu-intro-header { font-size: var(--_fnt-copy-lg); text-transform: uppercase; } #btp_accountmenu-menu-list-secondary { padding-inline: var(--btp-u-snug); } @media only screen and (min-width: 640px) { #btp_main-nav-wrap { padding-top: 0; } } @media only screen and (min-width: 640px) { #btp_main-nav { border-radius: 0 0 var(--round-u) var(--round-u); } #btp_main-nav:has([aria-expanded=true]) { border-radius: var(--round-u) var(--round-u) 0 0; } } @media only screen and (min-width: 640px) { #btp_main-nav:has(.btp_accountmenu-toggle[aria-expanded=true]) { border-radius: 0 var(--round-u) 0 var(--round-u); } } @media only screen and (min-width: 800px) { #btp_main-nav:has(.btp_mainmenu-toggle[aria-expanded=true]) { border-radius: 0 0 0 var(--round-u); } } .btp_mainmenu-menu { padding: 0; max-width: 66%; } .btp_main-nav-logo { position: relative; display: flex; align-items: center; aspect-ratio: 262.305/60; height: 100%; width: auto; padding: 15px var(--pad-u) 11px; transition: scale 0.05s ease-out; } .btp_main-nav-logo:focus-visible, .btp_main-nav-logo:hover { scale: 0.95; } .btp_main-nav-logo svg { aspect-ratio: var(--btp-ar-logo-lockup); object-fit: contain; height: auto; width: clamp(157px, 41.53cqi, 242px); } .btp_hamburger-wrap { position: relative; } .btp_hamburger-menu { position: absolute; top: 100%; right: calc(var(--dmtr-body-pad) * -1); width: 100%; width: clamp(14ch, 100%, 100svw); width: max-content; padding: var(--dmtr-body-pad); background: var(--bg); } .btp_hamburger-menu [role=menuitem] { display: block; padding: var(--dmtr-u-sm) var(--dmtr-body-pad); white-space: nowrap; } .btp_main-nav-username a.btp_main-nav-displayname { display: flex; gap: 0.5em; align-content: center; font-size: var(--dmtr-txt-lg); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 30cqi; } .btp_main-nav-username a.btp_main-nav-displayname span { display: block; line-height: 1.2; } .btp_main-nav-username a.btp_main-nav-displayname .btp_firstname { white-space: nowrap; flex: 1; overflow: hidden; text-overflow: ellipsis; position: relative; } .btp_main-nav-username a.btp_main-nav-displayname .btp_lastname { flex: none; } @media only screen and (min-width: 640px) { .btp_main-nav-username a.btp_main-nav-displayname { max-width: 12cqi; font-size: var(--dmtr-txt-lg); } } .dmtr_menu-toggle label.btp_togglebtn { display: flex; aspect-ratio: unset; } #btp_search-in-menu { padding-inline-start: var(--_pad-u-inline); padding-block: calc(var(--_pad-u-block) - 0.19em) calc(var(--_pad-u-block) - 0.25em); } .btp_nav-nextprev { --gap: 10px; font-size: var(--btp-fntsize-6XL--10XL); } .btp_nav-nextprev .dmtr_btn, .btp_nav-nextprev a.dmtr_btn, .btp_nav-nextprev button.dmtr_btn { font-size: inherit; } .btp_nav-nextprev .dmtr_nav-inner { position: relative; display: flex; gap: var(--gap); flex-direction: row-reverse; align-items: stretch; justify-content: space-between; } .btp_nav-nextprev .dmtr_nav-center-wrap { --col_off: calc(var(--gap) * 2); display: flex; gap: var(--gap); align-items: center; justify-content: center; min-height: 100%; flex: 0; } .btp_nav-nextprev .dmtr_nav-center-wrap > * { height: 100%; min-height: 100%; } .btp_nav-nextprev .dmtr_nav-center-wrap.dmtr_btn-group { gap: 0; height: auto; } .btp_nav-nextprev .dmtr_nav-next-wrap, .btp_nav-nextprev .dmtr_nav-prev-wrap { flex: 1; } .btp_nav-nextprev .dmtr_nav-next-wrap > *, .btp_nav-nextprev .dmtr_nav-prev-wrap > * { width: 100%; } @media only screen and (max-width: 560px) { .btp_nav-nextprev .dmtr_nav-next-wrap > *.dmtr_btn.btp_icon-pre:before, .btp_nav-nextprev .dmtr_nav-next-wrap > * .dmtr_btn.btp_icon-pre:before, .btp_nav-nextprev .dmtr_nav-next-wrap > *.dmtr_btn.btp_icon-post:after, .btp_nav-nextprev .dmtr_nav-next-wrap > * .dmtr_btn.btp_icon-post:after, .btp_nav-nextprev .dmtr_nav-prev-wrap > *.dmtr_btn.btp_icon-pre:before, .btp_nav-nextprev .dmtr_nav-prev-wrap > * .dmtr_btn.btp_icon-pre:before, .btp_nav-nextprev .dmtr_nav-prev-wrap > *.dmtr_btn.btp_icon-post:after, .btp_nav-nextprev .dmtr_nav-prev-wrap > * .dmtr_btn.btp_icon-post:after { margin-inline: auto; --size: 34px; width: var(--size); max-width: var(--size); } } @media only screen and (max-width: 800px) { .btp_nav-nextprev .btp_icon-post, .btp_nav-nextprev .btp_icon-pre { gap: 0.25em; } } #btp_submission-nav { font-size: var(--btp-fntsize-4XL--11XL); position: sticky; bottom: 0; padding: var(--btp-u-cozy) 0 var(--btp-u-roomy); z-index: var(--dmtr-z-content-sup); } #btp_submission-nav:before, #btp_submission-nav:after { content: ""; display: block; position: absolute; inset: 0; z-index: -1; } #btp_submission-nav:before { backdrop-filter: blur(3px); mask: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5) 5%, rgb(0, 0, 0) 35%, rgb(0, 0, 0) 100%); } #btp_submission-nav:after { background: linear-gradient(to bottom, transparent, var(--btp-surface-theme)); opacity: 36%; } #btp_submission-nav [aria-current=step] { position: relative; } #btp_submission-nav [aria-current=step]:after { content: ""; display: block; position: absolute; top: calc(100% + var(--gap)); left: 0; width: 100%; height: 20%; border-radius: var(--btp-rnd-sm); background: inherit; } #btp_submission-nav .dmtr_form-nav-inner { position: relative; display: flex; gap: var(--gap); flex-direction: row-reverse; align-items: stretch; justify-content: space-between; } #btp_submission-nav .dmtr_form-nav-steps-wrap { display: flex; gap: var(--gap); align-items: center; justify-content: space-between; min-height: 100%; } #btp_submission-nav .dmtr_form-nav-steps-wrap > * { min-height: 100%; } #btp_submission-nav .dmtr_form-nav-next-wrap, #btp_submission-nav .dmtr_form-nav-prev-wrap { flex: 1; } #btp_submission-nav .dmtr_form-nav-next-wrap > *, #btp_submission-nav .dmtr_form-nav-prev-wrap > * { width: 100%; } @media only screen and (max-width: 560px) { #btp_submission-nav .dmtr_nav-next-wrap > *.dmtr_btn.btp_icon-pre:before, #btp_submission-nav .dmtr_nav-next-wrap > * .dmtr_btn.btp_icon-pre:before, #btp_submission-nav .dmtr_nav-next-wrap > *.dmtr_btn.btp_icon-post:after, #btp_submission-nav .dmtr_nav-next-wrap > * .dmtr_btn.btp_icon-post:after, #btp_submission-nav .dmtr_nav-prev-wrap > *.dmtr_btn.btp_icon-pre:before, #btp_submission-nav .dmtr_nav-prev-wrap > * .dmtr_btn.btp_icon-pre:before, #btp_submission-nav .dmtr_nav-prev-wrap > *.dmtr_btn.btp_icon-post:after, #btp_submission-nav .dmtr_nav-prev-wrap > * .dmtr_btn.btp_icon-post:after { --size: round(down, 1em, 1px); } } @media only screen and (max-width: 800px) { #btp_submission-nav .btp_icon-post, #btp_submission-nav .btp_icon-pre { gap: 0.25em; } } [data-pagetype=welcome] .btp_main-nav-cta-wrap, [data-pagetype=submission] .btp_main-nav-cta-wrap, [data-pagetype=registration] .btp_main-nav-cta-wrap, [data-pagetype=login] .btp_main-nav-cta-wrap, [data-pagetype=logout] .btp_main-nav-cta-wrap { display: none; } [data-pagetype=welcome] .btp_main-nav-username a.btp_main-nav-displayname, [data-pagetype=submission] .btp_main-nav-username a.btp_main-nav-displayname, [data-pagetype=registration] .btp_main-nav-username a.btp_main-nav-displayname, [data-pagetype=login] .btp_main-nav-username a.btp_main-nav-displayname, [data-pagetype=logout] .btp_main-nav-username a.btp_main-nav-displayname { max-width: 40cqi; } .dmtr_pagination-nav { font-family: var(--btp-font-brand-display); text-transform: uppercase; font-size: var(--btp-fntsize-1XL--6XL); padding-block: var(--btp-u-tight); } .dmtr_account-nav { display: flex; flex-wrap: wrap; container-type: inline-size; gap: 0px; } .dmtr_account-nav a.dmtr_btn { font-size: clamp(0.8125rem, 0.0625rem + 3.75cqi, 1.5625rem); gap: 0.35em; } .dmtr_account-nav a.dmtr_btn:last-child { justify-self: flex-end; margin-inline: auto 0; } @media only screen and (min-width: 640px) { .dmtr_account-nav a.dmtr_btn { font-size: clamp(1.5625rem, 1.0625rem + 1.25cqi, 2.0625rem); gap: 0.5em; } } .btp_filtersmenu-toggle { scroll-margin-top: 70px; } .btp_filters-nav { --_clr-base: var(--clr, var(--btp-color-theme)); --_clr: var(--_clr-base); --_clr-hover: var(--clr-hover, var(--btp-color-theme-hover)); --_clr-focus: var(--clr-focus, var(--btp-color-theme-focus)); --_clr-active: var(--clr-active, var(--btp-color-theme-active)); --_clr-disabled: var(--clr-disabled, var(--btp-color-theme-disabled)); --_surface-base: var(--surface, var(--btp-surface-theme)); --_surface: var(--_surface-base); --_surface-hover: var(--surface-hover, var(--btp-surface-theme-hover)); --_surface-focus: var(--surface-focus, var(--btp-surface-theme-focus)); --_surface-focus-visible: var(--surface-focus-visible, var(--btp-surface-theme-visible)); --_surface-active: var(--surface-active, var(--btp-surface-theme-active)); --_surface-disabled: var(--surface-disabled, var(--btp-surface-theme-disabled)); background: var(--btp-surface-theme); color: var(--btp-color-theme); } .btp_filters-nav a:not(.dmtr_btn) { --_clr: var(--btp-color-theme, currentColor); color: var(--_clr); } .btp_filters-nav a:not(.dmtr_btn):link, .btp_filters-nav a:not(.dmtr_btn):visited { color: var(--_clr); } .btp_filters-nav a:not(.dmtr_btn):focus-visible { color: var(--_clr); } .btp_filters-nav a:not(.dmtr_btn):hover { color: var(--_clr); } .btp_filters-nav { border-radius: var(--btp-rnd-lg); display: flex; justify-content: space-between; position: relative; margin-block-end: 20px; } .btp_filters-nav > * { display: flex; } .btp_filters-nav .dmtr_btn.btp_icon-pre, .btp_filters-nav .dmtr_btn.btp_icon-post, .btp_filters-nav .dmtr_menu-toggle label.btp_togglebtn { --padding: 8px; --size: 1.2em; gap: 5px; padding: var(--padding); font-size: var(--btp-fntsize-1XL); } .btp_filters-nav .dmtr_toggle-copy { pointer-events: none; } .btp_filters-nav .dmtr_toggle-copy:after { pointer-events: none; } .btp_filters-nav .dmtr_toggle-copy { z-index: var(--dmtr-z-nav); } .btp_filters-nav .dmtr_menu { z-index: var(--dmtr-z-nav-sub); width: 100%; right: 0; } .btp_filters-nav:has([aria-expanded=true]) { border-radius: var(--btp-rnd-lg) var(--btp-rnd-lg) 0 0; } .btp_filters-nav .btp_filtersmenu-toggle { border-radius: var(--btp-rnd-lg) var(--btp-rnd-lg) var(--btp-rnd-lg) var(--btp-rnd-lg); overflow: hidden; } .btp_filters-nav-wrap:before { content: ""; display: block; background: var(--btp-color-theme); position: fixed; top: 0; left: 0; width: 100%; height: 0; z-index: -1; opacity: 0; transition: opacity var(--btp-trans-slow) ease; } .btp_filters-nav-wrap:has([aria-expanded=true]):before { opacity: 0.66; height: 100dvh; } .btp_filters-nav-wrap:has([aria-expanded=true]) { position: sticky; top: 0px; z-index: var(--dmtr-z-content-sup); border-radius: 0 0 var(--btp-rnd) var(--btp-rnd); } @media only screen and (min-width: 640px) { .btp_filters-nav-wrap:has([aria-expanded=true]) { position: sticky; top: 0px; } } .btp_filtersmenu-menu { border-radius: 0 0 var(--btp-rnd-lg) var(--btp-rnd-lg); max-height: calc(100dvh - 120px); padding-block-start: 0; padding-block-end: var(--btp-u-snug); overflow: auto; -ms-overflow-style: none; /* Internet Explorer 10+ */ scrollbar-width: none; /* Firefox, Safari 18.2+, Chromium 121 */ } .btp_filtersmenu-menu:-webkit-scrollbar { display: none; /* Older Safari and Chromium */ } @media only screen and (min-width: 640px) { #btp_filtersmenu-menu { max-height: 70dvh; } } .btp_filtersmenu-submits, .btp_actionfilters-submits { position: sticky; bottom: -20px; padding-block: var(--btp-u-tight) 20px; gap: var(--btp-u-tight); } .btp_filtersmenu-submits:before, .btp_filtersmenu-submits:after, .btp_actionfilters-submits:before, .btp_actionfilters-submits:after { content: ""; display: block; position: absolute; inset: 0; z-index: -1; } .btp_filtersmenu-submits:before, .btp_actionfilters-submits:before { backdrop-filter: blur(3px); mask: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5) 5%, rgb(0, 0, 0) 35%, rgb(0, 0, 0) 100%); } .btp_filtersmenu-submits:after, .btp_actionfilters-submits:after { background: linear-gradient(to bottom, transparent, var(--btp-c-bwblack-80op), var(--btp-c-bwblack)); } .btp_filtersmenu-submits > *, .btp_actionfilters-submits > * { min-width: 8ch; flex: 1; } @media only screen and (min-width: 640px) { .btp_filtersmenu-submits > *, .btp_actionfilters-submits > * { min-width: 15ch; flex: 0; } } .btp_filtersmenu-menu .dmtr_legend { font-family: var(--btp-font-brand-display); text-transform: uppercase; font-size: var(--btp-fntsize-4XL--11XL); text-align: center; padding-block-end: 0.75em; } #btp_action-filters-feildset { padding: 0; } #btp_action-filters-feildset .btp_action-option-wrap { container-type: inline-size; container-name: action-filter-sticker; } #btp_action-filters-feildset .btp_action-option-wrap label { font-size: clamp(var(--btp-fntsize-L), 15cqw, var(--btp-fntsize-3XL)); white-space: nowrap; } @media only screen and (min-width: 75ch) { #btp_action-filters-feildset .btp_action-list { grid-template-columns: repeat(4, minmax(20%, 1fr)); grid-auto-flow: column; } #btp_action-filters-feildset .btp_action-list .btp_action-option-wrap { grid-column: 1; } #btp_action-filters-feildset .btp_action-list .btp_action-option-wrap:nth-of-type(4n-3) { grid-column: 1; } #btp_action-filters-feildset .btp_action-list .btp_action-option-wrap:nth-of-type(4n-2) { grid-column: 2; } #btp_action-filters-feildset .btp_action-list .btp_action-option-wrap:nth-of-type(4n-1) { grid-column: 3; } #btp_action-filters-feildset .btp_action-list .btp_action-option-wrap:nth-of-type(4n-0) { grid-column: 4; } } @media only screen and (min-width: 90ch) { #btp_action-filters-feildset .btp_action-list { grid-template-columns: repeat(6, minmax(14.2857142857%, 1fr)); grid-auto-flow: column; } #btp_action-filters-feildset .btp_action-list .btp_action-option-wrap[data-theme="01"] { grid-column: 1; } #btp_action-filters-feildset .btp_action-list .btp_action-option-wrap[data-theme="02"] { grid-column: 2; } #btp_action-filters-feildset .btp_action-list .btp_action-option-wrap[data-theme="03"] { grid-column: 3; } #btp_action-filters-feildset .btp_action-list .btp_action-option-wrap[data-theme="04"] { grid-column: 4; } #btp_action-filters-feildset .btp_action-list .btp_action-option-wrap[data-theme="05"] { grid-column: 5; } #btp_action-filters-feildset .btp_action-list .btp_action-option-wrap[data-theme="06"] { grid-column: 6; } } .btp_main-main { min-height: var(--btp-min-h-minus-nav); position: relative; z-index: var(--dmtr-z-content); } .btp_main-footer { text-align: center; position: relative; z-index: var(--dmtr-z-content-sub); padding-block-start: 20px; } .btp_main-footer a { text-transform: uppercase; display: inline-flex; padding: 5px 10px; align-items: center; gap: 0.5em; } .footer_logo-wrap { display: flex; align-items: center; justify-content: center; max-width: 90svw; margin-inline: auto; } .footer_logo-wrap #btp_footer-logo-link { position: relative; display: flex; justify-content: center; width: 670px; max-width: 100%; } .footer_logo-wrap .btp_logo-lockup { width: 72.46%; max-width: 470px; margin-inline: auto; } .btp_footer-inner { padding-block-start: 20px; margin-block-start: 20px; padding-inline: var(--dmtr-body-pad); max-width: 1200px; margin-inline: auto; width: 100%; border-radius: var(--btp-rnd-lg) var(--btp-rnd-lg) 0 0; box-shadow: var(--btp-shadow-under); display: grid; gap: 14px; } .btp_main-footer[data-footer-type=minimal] .btp_footer-inner { box-shadow: none; } .btp_footer-top { display: grid; gap: 5px; } .btp_footer-top a { font-size: var(--btp-fntsize-XL--3XL); } @media only screen and (min-width: 45rem) { .btp_footer-top { display: flex; flex-wrap: wrap; justify-content: space-evenly; gap: 10px; } } .btp_footer-bottom-wrap { border-top: 1px solid var(--btp-surface-theme); font-size: var(--btp-fntsize-M--L); padding-block: 15px 25px; display: grid; gap: 15px; } .btp_footer-bottom { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; } .btp_footer-bottom a { padding: 7px 10px 3px; line-height: 1; } @media only screen and (min-width: 640px) { .btp_footer-bottom { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; } } .btp_footer-copyright { font-size: 11px; line-height: 1.5; text-wrap: balance; } @media only screen and (min-width: 640px) { .btp_footer-copyright { font-size: 12px; } } .btp_ns { --btp-story-peek-shadow: 0 -0.25rem 1rem 0.25rem rgba(0,0,0,0.2); } .btp_storyDetail { background: pink; border-radius: 1rem 1rem 0 0; box-shadow: var(--btp-story-peek-shadow); padding: 1rem; padding-block-end: calc(1rem + var(--btp-story-peek-over)); /* overlap */ margin-block-end: calc(-1 * var(--btp-story-peek-over)); /* overlap */ } .btp_story { --gap: clamp(1.875rem, 1.6131rem + 1.1086cqi, 2.5rem); container-type: inline-size; container-name: story; display: grid; gap: var(--gap); grid-template-columns: minmax(0, 1fr); position: relative; padding-block: var(--gap) calc(var(--gap) * 0.5); } .btp_story .btp_logo-stack { margin-inline: auto; max-width: clamp(140px, 37.27%, 210px); } .btp_story > * { width: 100%; max-width: 100%; min-width: 100%; } .btp_story-content { display: block; } .btp_story-content > * + * { margin-top: clamp(2.5rem, 0.9375rem + 8.6207cqi, 6.25rem); } .btp_story-header { display: grid; gap: clamp(0.9375rem, 0.5469rem + 2.1552cqi, 1.875rem); grid-template-columns: minmax(0, 1fr); } .btp_story-headline { font-family: var(--btp-font-brand-display); text-transform: uppercase; /*font-size: clamp(2.5rem, 0.5356rem + 8.3149cqi, 7.1875rem); // 40 -> 115px*/ font-size: clamp(2.375rem, 1.127rem + 5.7377cqi, 5rem); letter-spacing: var(--btp-letterspacing-M); line-height: 0.9; text-transform: uppercase; text-wrap: balance; word-break: break-word; word-wrap: break-word; } @media only screen and (min-width: 640px) { .btp_story-headline { width: min(920px, 95%); max-width: 95%; } } .btp_story-affiliations { text-wrap: balance; word-break: break-word; word-wrap: break-word; } .btp_story-loc { display: flex; flex-wrap: wrap; gap: 0.25em; } .btp_tile-meta, .btp_tile .btp_story-loc { display: grid; align-content: start; grid-template-columns: minmax(0, 1fr); gap: 0px; } .btp_tile .btp_story-loc { line-height: 1.1111; } .btp_story-loc-state-abbr { display: none; } .btp_story-byline { font-family: var(--btp-font-brand-display); text-transform: uppercase; font-size: clamp(1.375rem, 0.7807rem + 2.7322cqi, 2.625rem); letter-spacing: 0.002em; line-height: 104.545%; text-transform: uppercase; font-style: italic; } .btp_story-byline .btp_displayname-ellipsis { gap: 0; } .btp_story-byline .btp_displayname-ellipsis .btp_firstname { flex: 0 1 auto; padding-right: 0.075em; } .btp_story-body { font-size: clamp(1rem, 0.8698rem + 0.7184cqi, 1.3125rem); font-weight: 500; line-height: 1.619; letter-spacing: -0.01em; margin-inline: auto; max-width: 100%; width: clamp(640px, 71cqw, 906px); text-align: left; text-wrap: balance; text-wrap: pretty; word-break: break-word; word-wrap: break-word; color: var(--btp-color-theme-dark); } .btp_story .btp_story-share { font-size: 1rem; gap: 1px; padding-block-end: 1px; } .btp_story .btp_story-share .dmtr_btn.btp_icon-btn { --size: 1.75em; } .btp_story .btp_story-share .dmtr_tt-content-wrap { font-size: 1em; } .btp_story .btp_media-list { display: grid; gap: var(--btp-u-roomy); width: 100%; max-width: 800px; margin-inline: auto; } .btp_story .btp_pane-label { font-size: var(--btp-fntsize-XL--5XL); padding: var(--btp-u-xtight) var(--btp-u-snug); min-width: unset; } .btp_story-nav { --_h: clamp(2.75rem, 2.3309rem + 1.7738cqi, 3.75rem); container-type: inline-size; container-name: story-nav; position: relative; } .btp_story-nav .dmtr_nav-inner { position: relative; height: var(--_h); display: grid; grid-template-columns: minmax(0, 1fr) calc(var(--_h) * 2) minmax(0, 1fr); gap: var(--btp-u-snug); } .btp_story-nav .dmtr_nav-next-wrap, .btp_story-nav .dmtr_nav-prev-wrap { grid-row: 1; display: flex; } .btp_story-nav .dmtr_nav-next-wrap > *, .btp_story-nav .dmtr_nav-prev-wrap > * { flex: 1; } .btp_story-nav a.dmtr_btn, .btp_story-nav div.dmtr_btn { --_i-size: var(--btp-fntsize-7XL--8XL); justify-content: center; } .btp_story-nav a.dmtr_btn:before, .btp_story-nav a.dmtr_btn:after, .btp_story-nav div.dmtr_btn:before, .btp_story-nav div.dmtr_btn:after { --size: var(--btp-fntsize-3XL--6XL); margin-inline: auto; } .btp_story-nav a.dmtr_btn > span, .btp_story-nav div.dmtr_btn > span { font-size: var(--_i-size); } .btp_story-nav .dmtr_nav-next-wrap { grid-column: 3/3; } .btp_story-nav .dmtr_nav-prev-wrap { grid-column: 1/1; } .btp_story-nav .dmtr_nav-center-wrap { display: flex; } .btp_story-nav .dmtr_nav-center-wrap > * { flex: 1; display: flex; } .btp_story-nav .dmtr_nav-center-wrap > * > * { flex: 1; } @media only screen and (max-width: 640px) { .btp_story-nav .dmtr_visiblyhidefrom-stack { clip: rect(1px, 1px, 1px, 1px); height: 1px; overflow: hidden; position: absolute; white-space: nowrap; /* added line */ width: 1px; } } @media only screen and (min-width: 640px) { .btp_story-nav .dmtr_nav-next-wrap a.dmtr_btn:after, .btp_story-nav .dmtr_nav-next-wrap div.dmtr_btn:after { margin-inline-end: 0px; } .btp_story-nav .dmtr_nav-prev-wrap a.dmtr_btn:before, .btp_story-nav .dmtr_nav-prev-wrap div.dmtr_btn:before { margin-inline-start: 0px; } } .btp_explore-more-headline { padding-block: var(--btp-vmu-40-60); text-align: center; font-size: var(--btp-fntsize-5XL--11XL); } .btp_explore-more .btp_bento-wrap { max-width: 930px; margin-inline: auto; } .btp_explore-more-bento-wrap { display: none; } .btp_ns:not(._ua_venue-phone) .btp_explore-more-bento-wrap { display: block; } .btp_storyPeek { --peek-u: 60px; display: none; position: relative; margin-bottom: -30px; margin-inline: -10px; margin-top: calc(var(--peek-u) * -1 - 40px); padding-block-start: 25px; } .btp_storyPeek[data-peek-type=cta] { --peek-u: 0px; } .btp_storyPeek-inner { --_peek: var(--peek, var(--peek-u)); position: relative; border-radius: var(--btp-rnd-lg) var(--btp-rnd-lg) 0 0; box-shadow: var(--btp-story-peek-shadow); padding: var(--btp-u-xroomy) var(--btp-u-snug) var(--btp-u-snug); min-height: calc(var(--peek-u) * 2); translate: 0 var(--_peek); user-select: none; transition: translate 0.3s var(--btp-anim-spring-firm); } [data-is-dragging=true] .btp_storyPeek-inner { transition: none; } [data-peek-type=cta] .btp_storyPeek-inner { --_peek: 0; } .btp_storyPeek[data-going] { transition: all 0.15s ease-out; position: fixed; top: 0; left: 0; width: 100%; height: 100vh; margin: 0 !important; padding-top: 0; z-index: var(--dmtr-z-super-sup); } .btp_storyPeek[data-going] .btp_storyPeek-inner { transition: all 0.15s ease-out; height: 100%; translate: 0; border-radius: 0; padding-block-start: var(--btp-u-xxxxxroomy); } .btp_storyPeek[data-going] .btp_storyPeek-spinner { display: block; position: relative; padding: 32px 0; top: unset; aspect-ratio: 9/11; --ar: 9/11; } .btp_storyPeek-cta.btp_themed { --btp-surface-theme: var(--btp-c-bwblack-pale); --btp-color-theme: var(--btp-c-bwwhite); } .btp_storyPeek-cta.btp_themed .btp_pseudo-btn { background: var(--btp-color-theme); color: var(--btp-surface-theme); } .btp_storyPeek-spinner { --ar: 16 / 3; position: absolute; top: 100%; left: 0; width: 100%; aspect-ratio: 16/4; padding: var(--btp-u-snug) 16px 16px; } .btp_storyPeek:has(.btp_storyPeek-link:focus-visible) .btp_storyPeek-inner { translate: 0 0; } .btp_storyPeek:has(.btp_storyPeek-link:focus-visible) .btp_storyPeek-cta { --btp-surface-theme: var(--btp-c-bwwhite); --btp-color-theme: var(--btp-c-bwblack-pale); } ._ua_venue-phone .btp_storyPeek { display: block; } [data-pagetype=story] .btp_main-main { min-height: 0; } [data-pagetype=story] .btp_main-inner { display: flex; flex-direction: column; justify-content: space-between; } [data-pagetype=story] .btp_main-footer { pointer-events: none; z-index: var(--dmtr-z-content-sup); } [data-pagetype=story] .btp_main-footer .btp_footer-inner { pointer-events: auto; } [data-pagetype=story]:has(.btp_storyPeek[data-going]) .btp_explore-more { position: fixed; inset: 0; width: 100vw; min-height: 100vh; overflow: hidden; z-index: var(--dmtr-z-content); } [data-pagetype=story]:has(.btp_storyPeek[data-going]) .btp_main-main { z-index: var(--dmtr-z-content); } [data-pagetype=story]:has(.btp_storyPeek[data-going]) .btp_storyDetail-wrap { z-index: var(--dmtr-z-content-sub); } [data-pagetype=story]:has(.btp_storyPeek[data-going]) .btp_main-footer { z-index: -1; } .btp_story-brief { --_round: var(--btp-rnd-lg); --_crnr-size: var(--btp-rnd-xxlg); --_pad: var(--btp-u-xsnug); container-type: inline-size; container-name: btp_story-brief; text-transform: uppercase; } .btp_story-brief .btp_sticker { container-type: inline-size; container-name: btp_story-brief-sticker; --pad: var(--btp-u-xsnug); --crnr-u: var(--_crnr-size); --crnr-rnd: var(--btp-rnd); --rnd: var(--btp-rnd-lg); display: grid; gap: var(--_pad); } .btp_story-brief .btp_story-brief-copy { display: grid; gap: var(--_pad); align-content: center; } .btp_story-brief .btp_story-brief-title { font-family: var(--btp-font-brand-display); font-size: var(--btp-fntsize-1XL--3XL); text-transform: uppercase; text-wrap: balance; word-break: break-word; } .btp_story-brief .btp_story-brief-title a, .btp_story-brief .btp_story-brief-title span { display: block; padding-block: 0.5em; margin-block-end: -0.5em; } .btp_story-brief .btp_story-brief-byline { display: flex; flex-wrap: wrap; gap: var(--_pad); font-size: var(--btp-fntsize-S--L); font-weight: 600; font-style: italic; } .btp_story-brief .btp_story-loc, .btp_story-brief .btp_story-affiliations { color: var(--btp-c-bwblack); } .btp_story-brief[data-theme="00"] .btp_story-loc, .btp_story-brief[data-theme="00"] .btp_story-affiliations, .btp_story-brief [data-theme="00"] .btp_story-loc, .btp_story-brief [data-theme="00"] .btp_story-affiliations { color: var(--btp-c-bwwhite); } .btp_story-brief .btp_media { width: 100%; height: 100%; object-fit: cover; } .btp_story-brief[data-has-media=true] .btp_story-brief-thumb { aspect-ratio: 16/9; border-top-left-radius: var(--_round); border-top-right-radius: var(--_round); overflow: hidden; } .btp_story-brief[data-has-media=true] .btp_sticker { border-top-left-radius: 0; border-top-right-radius: 0; } @media only screen and (min-width: 800px) { .btp_story-brief { --_thumbsize: clamp(50px, 10cqi, 300px); display: flex; gap: var(--btp-u-tight); } .btp_story-brief .btp_story-brief-thumb { aspect-ratio: 1; height: var(--_thumbsize); width: var(--_thumbsize); display: block; border-radius: var(--_round); overflow: hidden; } .btp_story-brief .btp_sticker { flex: 1; display: grid; grid-template-columns: 1fr 15ch max(7cqw, 20px); justify-content: space-between; align-items: center; border-radius: var(--_round); } .btp_story-brief .btp_story-brief-title { flex-grow: 1; align-content: center; } .btp_story-brief .btp_story-brief-title a, .btp_story-brief .btp_story-brief-title span { margin-block-end: unset; } .btp_story-brief .btp_story-brief-byline { display: grid; gap: 0.25em; align-content: center; overflow: hidden; text-overflow: ellipsis; } .btp_story-brief .btp_story-brief-byline > * { width: 100%; overflow: hidden; text-overflow: ellipsis; } .btp_story-brief[data-has-media=true] .btp_story-brief-thumb, .btp_story-brief[data-has-media=true] .btp_sticker { border-radius: var(--_round); } .btp_story-brief[data-has-media=true] .btp_story-brief-thumb { aspect-ratio: 1; } } .btp_story-brief-thumb { position: relative; } .btp_story-brief-actions { --divider: 3px solid var(--btp-surface-theme); --_pad-u: calc(var(--_pad) * 0.5); border-top: var(--divider); padding: var(--_pad-u) var(--_pad-u) 0 0; margin-right: var(--_pad-u); display: flex; align-items: center; justify-content: flex-between; } .btp_story-brief-actions .dmtr_save-wrap { margin-inline-start: auto; } @media only screen and (min-width: 800px) { .btp_story-brief-actions { border-top: 0px none; border-left: var(--divider); padding: 0; margin-right: 0; align-items: center; justify-content: center; } .btp_story-brief-actions .dmtr_save-wrap { margin-inline-start: 0; } } .dmtr_submission-status { margin-right: auto; } .dmtr_submission-status-icon-wrap { container-type: inline-size; container-name: icon-thumbnail; background: var(--btp-c-bwblack-66op); } .dmtr_submission-status-icon, .dmtr_submission-status-icon-wrap { display: none; position: absolute; inset: 0; width: 100%; height: 100%; align-items: center; justify-content: center; } @media only screen and (min-width: 800px) { .dmtr_submission-status-icon, .dmtr_submission-status-icon-wrap { display: grid; } } .dmtr_submission-status-icon, .dmtr_submission-status-label { transition: opacity 0.15s ease; } .dmtr_submission-status-icon { --size: 40cqi; } .dmtr_submission-status-label { display: flex; gap: 0.5em; align-items: center; text-transform: uppercase; font-family: var(--btp-font-brand-display); } @media only screen and (min-width: 800px) { .dmtr_submission-status-label { position: absolute; inset: 0; width: 100%; height: 100%; display: grid; align-items: center; justify-content: center; } } @media only screen and (min-width: 800px) { .dmtr_submission-status-label { opacity: 0; } .dmtr_submission-status-icon-wrap:hover .dmtr_submission-status-icon { opacity: 0; } .dmtr_submission-status-icon-wrap:hover .dmtr_submission-status-label { opacity: 1; font-size: 18cqi; } } @media only screen and (min-width: 800px) { .btp_story-brief.btp_story-brief-saved .btp_story-brief-actions { align-items: center; justify-content: center; min-height: 100%; } } @media only screen and (min-width: 800px) { .btp_story-brief.btp_story-brief-mystories { --_thumbsize: clamp(115px, 10cqi, 300px); } .btp_story-brief.btp_story-brief-mystories .btp_story-brief-actions { display: grid; justify-content: center; padding-inline-start: var(--btp-u-snug); padding-inline-end: var(--btp-u-tight); min-height: 100%; } .btp_story-brief.btp_story-brief-mystories .btp_story-brief-actions .dmtr_submission-status { display: none; } } .dmtr_inputwrap-fileupload { position: relative; display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--btp-u-snug); padding-block: var(--btp-u-snug); width: 100%; max-width: 64ch; margin-inline: auto; text-wrap: balance; } .dmtr_inputwrap-fileupload p { text-wrap: balance; } .upload-manager-inputwrap { position: relative; } .upload-manager-inputwrap input[type=file] { opacity: 0; visibility: hidden; position: absolute; inset: 0; z-index: var(--dmtr-z-content-sub); } .upload-manager-inputwrap .dmtr_field-state-icon { display: none !important; } .upload-manager-inputwrap.rmod { aspect-ratio: 371/52; background: var(--btp-c-bwwhite-dim); border-radius: var(--btp-rnd-lg); width: 100%; } @media only screen and (min-width: 640px) { .upload-manager-inputwrap.rmod { aspect-ratio: 702/134; } } .upload-manager-inputwrap.rmod:before { --size: 1.25em; --color: black; content: ""; display: block; position: absolute; top: 50%; left: 50%; width: auto; height: min(75%, var(--size, 2em)); aspect-ratio: 1; translate: -50% -50%; background-color: var(--color, black); clip-path: polygon(50% 31.111%, 50% 31.111%, 52.959% 31.37%, 55.804% 32.116%, 58.49% 33.301%, 60.969% 34.88%, 63.194% 36.806%, 65.12% 39.031%, 66.699% 41.51%, 67.884% 44.196%, 68.63% 47.041%, 68.889% 50%, 68.889% 50%, 69.051% 51.962%, 69.52% 53.831%, 70.269% 55.58%, 71.271% 57.182%, 72.5% 58.611%, 73.929% 59.84%, 75.531% 60.842%, 77.28% 61.591%, 79.149% 62.06%, 81.111% 62.222%, 81.111% 62.222%, 83.104% 62.06%, 85.058% 61.591%, 86.931% 60.842%, 88.684% 59.84%, 90.278% 58.611%, 91.671% 57.182%, 92.824% 55.58%, 93.698% 53.831%, 94.251% 51.962%, 94.444% 50%, 94.444% 50%, 93.86% 42.816%, 92.169% 35.991%, 89.464% 29.62%, 85.84% 23.796%, 81.389% 18.611%, 76.204% 14.16%, 70.38% 10.536%, 64.009% 7.831%, 57.184% 6.14%, 50% 5.556%, 50% 5.556%, 42.816% 6.14%, 35.991% 7.831%, 29.62% 10.536%, 23.796% 14.16%, 18.611% 18.611%, 14.16% 23.796%, 10.536% 29.62%, 7.831% 35.991%, 6.14% 42.816%, 5.556% 50%, 5.556% 50%, 6.14% 57.184%, 7.831% 64.009%, 10.536% 70.38%, 14.16% 76.204%, 18.611% 81.389%, 23.796% 85.84%, 29.62% 89.464%, 35.991% 92.169%, 42.816% 93.86%, 50% 94.444%, 50% 94.444%, 55.26% 94.149%, 60.347% 93.28%, 65.22% 91.864%, 69.84% 89.929%, 74.167% 87.5%, 78.16% 84.604%, 81.78% 81.269%, 84.987% 77.52%, 87.74% 73.384%, 90% 68.889%, 90% 68.889%, 89.301% 69.221%, 88.542% 69.547%, 87.73% 69.859%, 86.871% 70.151%, 85.972% 70.417%, 85.04% 70.649%, 84.081% 70.841%, 83.102% 70.987%, 82.11% 71.079%, 81.111% 71.111%, 81.111% 71.111%, 79.114% 71.012%, 77.138% 70.72%, 75.201% 70.241%, 73.324% 69.582%, 71.528% 68.75%, 69.831% 67.751%, 68.254% 66.592%, 66.818% 65.28%, 65.541% 63.821%, 64.444% 62.222%, 64.444% 62.222%, 62.288% 64.386%, 59.858% 66.196%, 57.214% 67.632%, 54.418% 68.676%, 51.528% 69.306%, 48.604% 69.502%, 45.708% 69.246%, 42.898% 68.516%, 40.234% 67.292%, 37.778% 65.556%, 37.778% 65.556%, 35.646% 63.398%, 33.92% 60.96%, 32.608% 58.296%, 31.716% 55.458%, 31.25% 52.5%, 31.218% 49.476%, 31.626% 46.438%, 32.48% 43.44%, 33.788% 40.536%, 35.556% 37.778%, 35.556% 37.778%, 36.62% 36.511%, 37.804% 35.378%, 39.096% 34.378%, 40.48% 33.511%, 41.944% 32.778%, 43.476% 32.178%, 45.06% 31.711%, 46.684% 31.378%, 48.336% 31.178%, 50% 31.111%); animation: spin 1s linear infinite; animation-play-state: running; left: calc(50% - 6.5ch); opacity: 0.55; } .upload-manager-inputwrap.rmod:after { content: "loading..."; display: block; position: absolute; top: 50%; left: 50%; translate: -50% -50%; text-transform: uppercase; opacity: 0.55; font-style: italic; font-weight: bold; } .upload-manager { text-align: center; } .upload-manager .upload-ui-root { position: relative; } .upload-manager .file-blast-area { position: relative; z-index: var(--dmtr-z-content); } .upload-manager input[type=file] { opacity: 0; visibility: hidden; position: absolute; inset: 0; z-index: var(--dmtr-z-content-sub); display: none; } .upload-manager input[type=file] + .dmtr_field-state-icon { display: none; } .upload-manager .primary, .upload-manager .alternate { font-family: var(--btp-font-brand-display); text-transform: uppercase; font-size: var(--btp-fntsize-6XL); cursor: pointer; } .upload-manager .separator { font-family: var(--btp-font-brand-display); font-size: var(--btp-fntsize-4XL); text-transform: uppercase; } .upload-manager[data-max-reached] .file-blast-area-top { color: var(--btp-surface-theme-disabled); border-color: var(--btp-surface-theme-disabled); cursor: not-allowed; } .upload-manager[data-max-reached] .alternate.dmtr_btn { opacity: 0.5; cursor: not-allowed; } .file-blast-area { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--btp-u-snug); } .file-blast-area-top { display: none; flex-wrap: wrap; text-wrap: balance; justify-content: center; align-items: center; gap: var(--btp-u-tight); padding: var(--btp-u-xroomy) var(--btp-u-tight); text-align: center; border: 3px dashed var(--btp-c-bwblack); border-radius: var(--btp-rnd-lg); cursor: pointer; background: var(--btp-c-bwwhite-dim); } @media only screen and (min-width: 640px) { .file-blast-area-top { display: flex; } } .dmtr_file-list { display: grid; gap: var(--btp-u-xtight); } .aud-sort-handle { display: none; } .dmtr_file-list:has(li + li) .aud-sort-handle { display: block; } .active-upload-display { --gap: var(--btp-u-tight); --status-color: var(--btp-c-bwblack); --thumb-size: 44px; --controls-size: 93px; container-type: inline-size; display: grid; grid-template-columns: calc(var(--thumb-size) + var(--gap) * 2) 1fr var(--controls-size); row-gap: 2px; padding: 0 0 0 calc(var(--gap) * 0.25); border: 3px solid var(--status-color); border-radius: var(--btp-rnd-lg); background: var(--btp-c-bwwhite); overflow: hidden; } .active-upload-display .aud-edit { display: none; } .active-upload-display[data-state=uploading], .active-upload-display[data-state=paused] { --status-color: var(--btp-c-bwblack-disabled); } .active-upload-display[data-state=uploading] .aud-delete, .active-upload-display[data-state=paused] .aud-delete { display: none; } .active-upload-display[data-state=finalizing], .active-upload-display[data-state=complete] { --status-color: var(--btp-surface-success); } .active-upload-display[data-state=errored], .active-upload-display[data-state=upload-unrecoverable] { --status-color: var(--btp-surface-error); } .active-upload-display[data-uploaded], .active-upload-display[data-state=uploaded], .active-upload-display[data-state=complete] { --controls-size: 130px; } .active-upload-display[data-uploaded] .aud-edit, .active-upload-display[data-state=uploaded] .aud-edit, .active-upload-display[data-state=complete] .aud-edit { display: block; } .active-upload-display { transform-origin: right center; transition: all 0.25s ease-out, scale 0.15s ease-out; } .active-upload-display.sorting, .active-upload-display.dragging { scale: 0.99; border-style: dashed; opacity: 0.1; } .aud-thumbnail-wrap { grid-row: span 2; padding: var(--gap); align-content: center; } .aud-thumbnail { display: block; position: relative; aspect-ratio: 1; width: var(--thumb-size); height: var(--thumb-size); background-color: var(--btp-c-bwblack-disabled); border-radius: var(--btp-rnd); overflow: hidden; } .aud-thumbnail img { position: absolute; inset: 0; object-fit: cover; width: 100%; height: 100%; } .aud-info { grid-row: span 2; grid-column: 2/2; padding-block: var(--gap); align-content: center; display: flex; flex-wrap: wrap; gap: 5px; align-items: first baseline; word-break: break-word; } .aud-filename { font-family: var(--btp-font-brand-display); text-transform: uppercase; text-transform: none; font-size: var(--btp-fntsize-L); } .aud-filesize { font-size: var(--btp-fntsize-XS); color: var(--btp-c-bwblack-disabled); } .active-upload-display:has(.aud-status-wrap) .aud-info { grid-row: 1/1; grid-column: 2/2; align-content: end; padding-block: calc(var(--gap) * 1.5) 0; } .aud-status-wrap { position: relative; grid-column: 2/2; grid-row: 2/2; padding-block-end: var(--gap); align-content: center; --progress-bg: var(--btp-c-bwblack-disabled); --progress-bar: var(--btp-c-bwblack); } .aud-status-wrap:has(.aud-featured) { --progress-bg: var(--btp-c-bwblack-disabled); --progress-bar: var(--btp-c-success); } .aud-status { color: inherit; flex: 1; flex-wrap: wrap; row-gap: 5px; } .aud-status .btp_icon-pre { --size: 1em; display: flex; gap: 0.25em; align-content: center; } .aud-progress { appearance: none; width: 100%; height: 1rem; border-radius: var(--btp-rnd); overflow: hidden; } .aud-progress::-webkit-progress-bar, .aud-progress[value]::-webkit-progress-bar { appearance: none; background: var(--progress-bg); } .aud-progress::-webkit-progress-value, .aud-progress[value]::-webkit-progress-value { appearance: none; background: var(--progress-bar); transition: all 0.15s linear; } .aud-progress[value="100"] { display: none; } .aud-progress + .aud-status { position: absolute; top: 1px; left: 50%; translate: -50% 0; mix-blend-mode: difference; color: #fff; font-size: 0.65em; } .aud-status, .aud-progress[style="display:none"] + .aud-status, .aud-progress[value="100"] + .aud-status { position: relative; left: unset; translate: none; mix-blend-mode: normal; color: inherit; font-size: var(--btp-fntsize-S); } .aud-featured, .aud-unrecoverable-warning { --size: 1em; display: flex; width: 100%; min-width: 100%; gap: 0.25em; font-size: var(--btp-fntsize-S); align-content: center; flex: 0; color: inherit; } .aud-status .aud-featured, .aud-status .aud-unrecoverable-warning { width: auto; min-width: unset; } .aud-status:has(.aud-featured), .aud-status:has(.aud-unrecoverable-warning) { display: flex; gap: 1em; } .aud-controls { grid-row: span 2; padding: var(--gap); align-content: center; display: flex; justify-content: flex-end; align-items: center; gap: var(--btp-u-xxtight); } .aud-pause { display: none; } .btp_tab-label-wrap { border-bottom: 8px solid var(--btp-surface-theme); margin-bottom: var(--btp-u-snug); text-align: center; display: flex; align-items: end; justify-content: center; } .btp_tab-label { padding: var(--btp-u-tight) var(--btp-u-roomy) 0; border-radius: var(--btp-rnd-lg) var(--btp-rnd-lg) 0 0; background: var(--btp-surface-theme); color: var(--btp-color-theme); display: block; } .upload-tray:has(li) + .upload-tray-empty-msg { display: none; } .btp_uploads-zone { display: grid; width: 872px; max-width: 100%; margin-inline: auto; font-size: var(--btp-fntsize-XL); grid-template-columns: minmax(0, 1fr); } .upload-tray-empty-msg { background: var(--btp-c-bwwhite-dim); border-radius: var(--btp-rnd); } .upload-tray-empty-msg > * { opacity: 0.55; } .btp_submission-step .btp_submission-copy-lg, .btp_submission-step .dmtr_fieldset .dmtr_form-fields-wrap .dmtr_fieldwrap:first-child .dmtr_labelwrap, .btp_submission-step h1 { font-family: var(--btp-font-brand-display); text-transform: uppercase; font-size: var(--btp-fntsize-7XL--11XL); text-wrap: balance; line-height: 0.92593; } .btp_submission-step h1 { padding-block: var(--btp-u-snug); } .btp_submission-step .dmtr_legend { clip: rect(1px, 1px, 1px, 1px); height: 1px; overflow: hidden; position: absolute; white-space: nowrap; /* added line */ width: 1px; } .btp_submission-step .dmtr_field-sublabel { margin-block-start: var(--btp-u-tight); } .btp_submission-step .dmtr_fieldset-decription { text-align: center; font-family: var(--btp-font-brand-display); font-size: var(--btp-fntsize-3XL--6XL); font-style: italic; text-transform: uppercase; letter-spacing: var(--btp-letterspacing-M); line-height: 1; } .btp_submission-step[data-key=StoryContent] .dmtr_fieldset-decription { margin-block-end: var(--btp-u-tight); } .btp_submission-step .dmtr_fieldset .dmtr_form-fields-wrap .dmtr_fieldwrap:first-child .dmtr_labelwrap { text-align: center; margin-block-end: var(--btp-u-snug); } .btp_submission-step .dmtr_fieldset .dmtr_form-fields-wrap .dmtr_fieldwrap:first-child .dmtr_labelwrap .dmtr_field-label { display: flex; position: relative; padding-inline: 1em; max-width: 100%; width: 100%; width: max-content; margin-inline: auto; } .btp_submission-step .dmtr_fieldset .dmtr_form-fields-wrap .dmtr_fieldwrap:first-child .dmtr_labelwrap .dmtr_field-state-icon { --_iconsize: min(1em, 1.5rem); position: absolute; right: 0; top: 0; display: block; } .btp_submission-step .dmtr_fieldset[data-fieldset-key=StoryDetails] textarea { --_min-lines: 4; } @media only screen and (min-width: 640px) { .btp_submission-step .dmtr_fieldset[data-fieldset-key=StoryDetails] .dmtr_form-fields-wrap { grid-template-columns: repeat(2, 1fr); } .btp_submission-step .dmtr_fieldset[data-fieldset-key=StoryDetails] .dmtr_form-fields-wrap > .dmtr_fieldwrap:first-child { grid-column: span 2; } } .btp_submission-step[data-key=StoryMedia] h1 { text-align: center; margin-inline: auto; width: 18ch; max-width: 100%; } .btp_submission-step[data-key=StoryMedia] .dmtr_field-label { font-size: var(--btp-fntsize-7XL); } .btp_submission-step[data-key=StoryMedia] .dmtr_field-sublabel { font-family: var(--btp-font-brand-body); font-weight: 900; letter-spacing: -1px; font-style: italic; font-size: var(--btp-fntsize-M--XL); text-transform: none; letter-spacing: var(--btp-letterspacing-M); } .btp_submission-step[data-key=StoryMedia] .dmtr_field-description-long { font-family: var(--btp-font-brand-body); font-weight: 900; letter-spacing: -1px; font-style: italic; font-size: var(--btp-fntsize-M); font-weight: normal; text-transform: none; letter-spacing: normal; } .btp_submission-step .dmtr_fieldset[data-fieldset-key=StoryAction] .dmtr_labelwrap { font-size: var(--btp-fntsize-1XL--7XL); } .btp_submission-step .dmtr_fieldset[data-fieldset-key=StoryAction] .dmtr_form-fields-wrap .dmtr_fieldwrap:first-child .dmtr_labelwrap { font-size: var(--btp-fntsize-1XL--7XL); } .btp_action-action-input-wrap-wrap { position: sticky; top: 0; z-index: var(--dmtr-z-content-sup); } .btp_action-input-inner-wrap { font-family: var(--btp-font-brand-display); text-transform: uppercase; font-size: clamp(1.45rem, 0.388rem + 4.77cqi, 5rem); letter-spacing: -0.01em; line-height: 1; display: flex; gap: 0.5em; align-items: center; justify-content: center; width: 100%; margin-inline: auto; flex-wrap: wrap; } .btp_action-input-inner-wrap > * { white-space: nowrap; } .btp_action-input-inner-wrap input[type=search].btp_action-input { font-family: var(--btp-font-brand-display); text-transform: uppercase; flex: 1 1 auto; width: 13.7ch; max-width: 13.7ch; font-size: inherit; padding-block: 0; padding-inline: 0.25em; text-align: center; letter-spacing: -0.01em; transition: 0.15s ease; transition-property: background, border-color; } .btp_action-input-inner-wrap input[type=search].btp_action-input[data-theme] { background: var(--btp-surface-theme); border-color: var(--btp-surface-theme); } .btp_action-input-inner-wrap input[type=search].btp_action-input::-webkit-search-cancel-button { --_size: 0.5em; right: 0em; opacity: 0; } .btp_action-input-inner-wrap input[type=search].btp_action-input:focus-visible::-webkit-search-cancel-button, .btp_action-input-inner-wrap input[type=search].btp_action-input:focus-within::-webkit-search-cancel-button, .btp_action-input-inner-wrap input[type=search].btp_action-input:hover::-webkit-search-cancel-button { opacity: 0.5; } .btp_action-input-inner-wrap input[type=search].btp_action-input:focus-visible::-webkit-search-cancel-button:focus, .btp_action-input-inner-wrap input[type=search].btp_action-input:focus-visible::-webkit-search-cancel-button:hover, .btp_action-input-inner-wrap input[type=search].btp_action-input:focus-within::-webkit-search-cancel-button:focus, .btp_action-input-inner-wrap input[type=search].btp_action-input:focus-within::-webkit-search-cancel-button:hover, .btp_action-input-inner-wrap input[type=search].btp_action-input:hover::-webkit-search-cancel-button:focus, .btp_action-input-inner-wrap input[type=search].btp_action-input:hover::-webkit-search-cancel-button:hover { opacity: 1; } .btp_submission-step[data-step="1"] .btp_fieldset > * { max-width: 760px; margin-inline: auto; } .btp_media-upload-notes { margin-inline: auto; width: 55ch; max-width: 100%; } .btp_media-upload-notes p { font-size: var(--btp-fntsize-M); line-height: 1.21; font-weight: 600; font-style: italic; } .btp_submission-step .btp_action-theme-filter-wrap { font-family: var(--btp-font-brand-display); text-transform: uppercase; font-size: var(--btp-fntsize-3XL--6XL); font-style: italic; letter-spacing: var(--btp-letterspacing-M); line-height: 1; gap: var(--btp-u-tight) var(--btp-u-snug); } .btp_submission-step .btp_action-theme-filter-wrap select { font: inherit; font-size: 0.75em; text-transform: uppercase; letter-spacing: inherit; line-height: inherit; } .btp_submission-step .btp_action-theme-filter-wrap select[data-theme] { background: var(--btp-surface-theme); border-color: var(--btp-surface-theme); color: var(--btp-color-theme); --_clr: var(--btp-color-theme); } .btp_action-list { font-size: var(--btp-fntsize-1XL--3XL); font-family: var(--btp-font-brand-display); text-transform: uppercase; display: grid; gap: 0.5em; } @media only screen and (min-width: 60ch) { .btp_action-list { grid-template-columns: repeat(2, minmax(33.3333333333%, 1fr)); grid-auto-flow: column; } .btp_action-list .btp_action-option-wrap { grid-column: 1; } .btp_action-list .btp_action-option-wrap:nth-of-type(even) { grid-column: 2; } } @media only screen and (min-width: 75ch) { .btp_action-list { grid-template-columns: repeat(4, minmax(20%, 1fr)); grid-auto-flow: column; } .btp_action-list .btp_action-option-wrap:nth-of-type(4n + 1) { grid-column: 1; } .btp_action-list .btp_action-option-wrap:nth-of-type(4n + 2) { grid-column: 2; } .btp_action-list .btp_action-option-wrap:nth-of-type(4n + 3) { grid-column: 3; } .btp_action-list .btp_action-option-wrap:nth-of-type(4n + 4) { grid-column: 4; } } @media only screen and (min-width: 120ch) { .btp_action-list { grid-template-columns: repeat(6, minmax(14.2857142857%, 1fr)); grid-auto-flow: column; } .btp_action-list .btp_action-option-wrap[data-theme="01"] { grid-column: 1; } .btp_action-list .btp_action-option-wrap[data-theme="02"] { grid-column: 2; } .btp_action-list .btp_action-option-wrap[data-theme="03"] { grid-column: 3; } .btp_action-list .btp_action-option-wrap[data-theme="04"] { grid-column: 4; } .btp_action-list .btp_action-option-wrap[data-theme="05"] { grid-column: 5; } .btp_action-list .btp_action-option-wrap[data-theme="06"] { grid-column: 6; } } .btp_action-list { --trans-delay: 0.25s; --op: 1; --op-selected: 1; --op-highlight: 1; --op-dimmed: 0.33; --op-filtered-in: 0.66; --op-filtered-out: 0.15; } .btp_action-list:has(:focus-visible, :checked, [data-highlight]) .btp_action-option-wrap { --op: var(--op-dimmed); --trans-delay: 0s; } .btp_action-list:has(:focus-visible, :checked, [data-highlight]) .btp_action-option-wrap:hover, .btp_action-list:has(:focus-visible, :checked, [data-highlight]) .btp_action-option-wrap:has(:checked, :focus-visible, [data-highlight]) { --op: var(--op-selected); } .btp_action-list[data-filter-theme] { grid-auto-flow: row; grid-template-columns: repeat(1, minmax(98%, 1fr)); } @media only screen and (min-width: 60ch) { .btp_action-list[data-filter-theme] { grid-template-columns: repeat(2, minmax(48%, 1fr)); } } @media only screen and (min-width: 80ch) { .btp_action-list[data-filter-theme] { grid-template-columns: repeat(4, minmax(24%, 1fr)); } } .btp_action-list[data-filter-theme] .btp_action-option-wrap { grid-column: 1; } @media only screen and (min-width: 60ch) { .btp_action-list[data-filter-theme] .btp_action-option-wrap { grid-column: auto; } } .btp_action-list[data-filter-theme] .btp_action-option-wrap:not(:has(:checked)) { --op: var(--op-filtered-out); } .btp_action-list[data-filter-theme="01"] .btp_action-option-wrap[data-theme="01"], .btp_action-list[data-filter-theme="02"] .btp_action-option-wrap[data-theme="02"], .btp_action-list[data-filter-theme="03"] .btp_action-option-wrap[data-theme="03"], .btp_action-list[data-filter-theme="04"] .btp_action-option-wrap[data-theme="04"], .btp_action-list[data-filter-theme="05"] .btp_action-option-wrap[data-theme="05"], .btp_action-list[data-filter-theme="06"] .btp_action-option-wrap[data-theme="06"] { grid-row: 1; } .btp_action-list[data-filter-theme="01"] .btp_action-option-wrap[data-theme="01"][data-idx="2"], .btp_action-list[data-filter-theme="02"] .btp_action-option-wrap[data-theme="02"][data-idx="2"], .btp_action-list[data-filter-theme="03"] .btp_action-option-wrap[data-theme="03"][data-idx="2"], .btp_action-list[data-filter-theme="04"] .btp_action-option-wrap[data-theme="04"][data-idx="2"], .btp_action-list[data-filter-theme="05"] .btp_action-option-wrap[data-theme="05"][data-idx="2"], .btp_action-list[data-filter-theme="06"] .btp_action-option-wrap[data-theme="06"][data-idx="2"] { grid-row: 2; } .btp_action-list[data-filter-theme="01"] .btp_action-option-wrap[data-theme="01"][data-idx="3"], .btp_action-list[data-filter-theme="02"] .btp_action-option-wrap[data-theme="02"][data-idx="3"], .btp_action-list[data-filter-theme="03"] .btp_action-option-wrap[data-theme="03"][data-idx="3"], .btp_action-list[data-filter-theme="04"] .btp_action-option-wrap[data-theme="04"][data-idx="3"], .btp_action-list[data-filter-theme="05"] .btp_action-option-wrap[data-theme="05"][data-idx="3"], .btp_action-list[data-filter-theme="06"] .btp_action-option-wrap[data-theme="06"][data-idx="3"] { grid-row: 3; } .btp_action-list[data-filter-theme="01"] .btp_action-option-wrap[data-theme="01"][data-idx="4"], .btp_action-list[data-filter-theme="02"] .btp_action-option-wrap[data-theme="02"][data-idx="4"], .btp_action-list[data-filter-theme="03"] .btp_action-option-wrap[data-theme="03"][data-idx="4"], .btp_action-list[data-filter-theme="04"] .btp_action-option-wrap[data-theme="04"][data-idx="4"], .btp_action-list[data-filter-theme="05"] .btp_action-option-wrap[data-theme="05"][data-idx="4"], .btp_action-list[data-filter-theme="06"] .btp_action-option-wrap[data-theme="06"][data-idx="4"] { grid-row: 4; } .btp_action-list[data-filter-theme="01"] .btp_action-option-wrap[data-theme="01"][data-idx="5"], .btp_action-list[data-filter-theme="02"] .btp_action-option-wrap[data-theme="02"][data-idx="5"], .btp_action-list[data-filter-theme="03"] .btp_action-option-wrap[data-theme="03"][data-idx="5"], .btp_action-list[data-filter-theme="04"] .btp_action-option-wrap[data-theme="04"][data-idx="5"], .btp_action-list[data-filter-theme="05"] .btp_action-option-wrap[data-theme="05"][data-idx="5"], .btp_action-list[data-filter-theme="06"] .btp_action-option-wrap[data-theme="06"][data-idx="5"] { grid-row: 5; } .btp_action-list[data-filter-theme="01"] .btp_action-option-wrap[data-theme="01"][data-idx="6"], .btp_action-list[data-filter-theme="02"] .btp_action-option-wrap[data-theme="02"][data-idx="6"], .btp_action-list[data-filter-theme="03"] .btp_action-option-wrap[data-theme="03"][data-idx="6"], .btp_action-list[data-filter-theme="04"] .btp_action-option-wrap[data-theme="04"][data-idx="6"], .btp_action-list[data-filter-theme="05"] .btp_action-option-wrap[data-theme="05"][data-idx="6"], .btp_action-list[data-filter-theme="06"] .btp_action-option-wrap[data-theme="06"][data-idx="6"] { grid-row: 6; } .btp_action-list[data-filter-theme="01"] .btp_action-option-wrap[data-theme="01"][data-idx="7"], .btp_action-list[data-filter-theme="02"] .btp_action-option-wrap[data-theme="02"][data-idx="7"], .btp_action-list[data-filter-theme="03"] .btp_action-option-wrap[data-theme="03"][data-idx="7"], .btp_action-list[data-filter-theme="04"] .btp_action-option-wrap[data-theme="04"][data-idx="7"], .btp_action-list[data-filter-theme="05"] .btp_action-option-wrap[data-theme="05"][data-idx="7"], .btp_action-list[data-filter-theme="06"] .btp_action-option-wrap[data-theme="06"][data-idx="7"] { grid-row: 7; } .btp_action-list[data-filter-theme="01"] .btp_action-option-wrap[data-theme="01"][data-idx="8"], .btp_action-list[data-filter-theme="02"] .btp_action-option-wrap[data-theme="02"][data-idx="8"], .btp_action-list[data-filter-theme="03"] .btp_action-option-wrap[data-theme="03"][data-idx="8"], .btp_action-list[data-filter-theme="04"] .btp_action-option-wrap[data-theme="04"][data-idx="8"], .btp_action-list[data-filter-theme="05"] .btp_action-option-wrap[data-theme="05"][data-idx="8"], .btp_action-list[data-filter-theme="06"] .btp_action-option-wrap[data-theme="06"][data-idx="8"] { grid-row: 8; } @media only screen and (min-width: 60ch) { .btp_action-list[data-filter-theme="01"] .btp_action-option-wrap[data-theme="01"][data-idx], .btp_action-list[data-filter-theme="02"] .btp_action-option-wrap[data-theme="02"][data-idx], .btp_action-list[data-filter-theme="03"] .btp_action-option-wrap[data-theme="03"][data-idx], .btp_action-list[data-filter-theme="04"] .btp_action-option-wrap[data-theme="04"][data-idx], .btp_action-list[data-filter-theme="05"] .btp_action-option-wrap[data-theme="05"][data-idx], .btp_action-list[data-filter-theme="06"] .btp_action-option-wrap[data-theme="06"][data-idx] { grid-row: 1; } .btp_action-list[data-filter-theme="01"] .btp_action-option-wrap[data-theme="01"][data-row*="2_2"], .btp_action-list[data-filter-theme="02"] .btp_action-option-wrap[data-theme="02"][data-row*="2_2"], .btp_action-list[data-filter-theme="03"] .btp_action-option-wrap[data-theme="03"][data-row*="2_2"], .btp_action-list[data-filter-theme="04"] .btp_action-option-wrap[data-theme="04"][data-row*="2_2"], .btp_action-list[data-filter-theme="05"] .btp_action-option-wrap[data-theme="05"][data-row*="2_2"], .btp_action-list[data-filter-theme="06"] .btp_action-option-wrap[data-theme="06"][data-row*="2_2"] { grid-row: 2; } .btp_action-list[data-filter-theme="01"] .btp_action-option-wrap[data-theme="01"][data-row*="2_3"], .btp_action-list[data-filter-theme="02"] .btp_action-option-wrap[data-theme="02"][data-row*="2_3"], .btp_action-list[data-filter-theme="03"] .btp_action-option-wrap[data-theme="03"][data-row*="2_3"], .btp_action-list[data-filter-theme="04"] .btp_action-option-wrap[data-theme="04"][data-row*="2_3"], .btp_action-list[data-filter-theme="05"] .btp_action-option-wrap[data-theme="05"][data-row*="2_3"], .btp_action-list[data-filter-theme="06"] .btp_action-option-wrap[data-theme="06"][data-row*="2_3"] { grid-row: 3; } .btp_action-list[data-filter-theme="01"] .btp_action-option-wrap[data-theme="01"][data-row*="2_4"], .btp_action-list[data-filter-theme="02"] .btp_action-option-wrap[data-theme="02"][data-row*="2_4"], .btp_action-list[data-filter-theme="03"] .btp_action-option-wrap[data-theme="03"][data-row*="2_4"], .btp_action-list[data-filter-theme="04"] .btp_action-option-wrap[data-theme="04"][data-row*="2_4"], .btp_action-list[data-filter-theme="05"] .btp_action-option-wrap[data-theme="05"][data-row*="2_4"], .btp_action-list[data-filter-theme="06"] .btp_action-option-wrap[data-theme="06"][data-row*="2_4"] { grid-row: 4; } } @media only screen and (min-width: 80ch) { .btp_action-list[data-filter-theme="01"] .btp_action-option-wrap[data-theme="01"][data-row*="2_2"], .btp_action-list[data-filter-theme="01"] .btp_action-option-wrap[data-theme="01"][data-row*="2_3"], .btp_action-list[data-filter-theme="01"] .btp_action-option-wrap[data-theme="01"][data-row*="2_4"], .btp_action-list[data-filter-theme="02"] .btp_action-option-wrap[data-theme="02"][data-row*="2_2"], .btp_action-list[data-filter-theme="02"] .btp_action-option-wrap[data-theme="02"][data-row*="2_3"], .btp_action-list[data-filter-theme="02"] .btp_action-option-wrap[data-theme="02"][data-row*="2_4"], .btp_action-list[data-filter-theme="03"] .btp_action-option-wrap[data-theme="03"][data-row*="2_2"], .btp_action-list[data-filter-theme="03"] .btp_action-option-wrap[data-theme="03"][data-row*="2_3"], .btp_action-list[data-filter-theme="03"] .btp_action-option-wrap[data-theme="03"][data-row*="2_4"], .btp_action-list[data-filter-theme="04"] .btp_action-option-wrap[data-theme="04"][data-row*="2_2"], .btp_action-list[data-filter-theme="04"] .btp_action-option-wrap[data-theme="04"][data-row*="2_3"], .btp_action-list[data-filter-theme="04"] .btp_action-option-wrap[data-theme="04"][data-row*="2_4"], .btp_action-list[data-filter-theme="05"] .btp_action-option-wrap[data-theme="05"][data-row*="2_2"], .btp_action-list[data-filter-theme="05"] .btp_action-option-wrap[data-theme="05"][data-row*="2_3"], .btp_action-list[data-filter-theme="05"] .btp_action-option-wrap[data-theme="05"][data-row*="2_4"], .btp_action-list[data-filter-theme="06"] .btp_action-option-wrap[data-theme="06"][data-row*="2_2"], .btp_action-list[data-filter-theme="06"] .btp_action-option-wrap[data-theme="06"][data-row*="2_3"], .btp_action-list[data-filter-theme="06"] .btp_action-option-wrap[data-theme="06"][data-row*="2_4"] { grid-row: 1; } .btp_action-list[data-filter-theme="01"] .btp_action-option-wrap[data-theme="01"][data-row*="4_2"], .btp_action-list[data-filter-theme="02"] .btp_action-option-wrap[data-theme="02"][data-row*="4_2"], .btp_action-list[data-filter-theme="03"] .btp_action-option-wrap[data-theme="03"][data-row*="4_2"], .btp_action-list[data-filter-theme="04"] .btp_action-option-wrap[data-theme="04"][data-row*="4_2"], .btp_action-list[data-filter-theme="05"] .btp_action-option-wrap[data-theme="05"][data-row*="4_2"], .btp_action-list[data-filter-theme="06"] .btp_action-option-wrap[data-theme="06"][data-row*="4_2"] { grid-row: 2; } } .btp_action-list[data-filter-theme="01"] .btp_action-option-wrap[data-theme="01"], .btp_action-list[data-filter-theme="02"] .btp_action-option-wrap[data-theme="02"], .btp_action-list[data-filter-theme="03"] .btp_action-option-wrap[data-theme="03"], .btp_action-list[data-filter-theme="04"] .btp_action-option-wrap[data-theme="04"], .btp_action-list[data-filter-theme="05"] .btp_action-option-wrap[data-theme="05"], .btp_action-list[data-filter-theme="06"] .btp_action-option-wrap[data-theme="06"] { --op: var(--op-filtered-in); scale: 1; display: block; } .btp_action-list[data-filter-theme="01"] .btp_action-option-wrap[data-theme="01"]:has([data-highlight]), .btp_action-list[data-filter-theme="01"] .btp_action-option-wrap[data-theme="01"]:hover, .btp_action-list[data-filter-theme="01"] .btp_action-option-wrap[data-theme="01"]:has(:focus-visible), .btp_action-list[data-filter-theme="02"] .btp_action-option-wrap[data-theme="02"]:has([data-highlight]), .btp_action-list[data-filter-theme="02"] .btp_action-option-wrap[data-theme="02"]:hover, .btp_action-list[data-filter-theme="02"] .btp_action-option-wrap[data-theme="02"]:has(:focus-visible), .btp_action-list[data-filter-theme="03"] .btp_action-option-wrap[data-theme="03"]:has([data-highlight]), .btp_action-list[data-filter-theme="03"] .btp_action-option-wrap[data-theme="03"]:hover, .btp_action-list[data-filter-theme="03"] .btp_action-option-wrap[data-theme="03"]:has(:focus-visible), .btp_action-list[data-filter-theme="04"] .btp_action-option-wrap[data-theme="04"]:has([data-highlight]), .btp_action-list[data-filter-theme="04"] .btp_action-option-wrap[data-theme="04"]:hover, .btp_action-list[data-filter-theme="04"] .btp_action-option-wrap[data-theme="04"]:has(:focus-visible), .btp_action-list[data-filter-theme="05"] .btp_action-option-wrap[data-theme="05"]:has([data-highlight]), .btp_action-list[data-filter-theme="05"] .btp_action-option-wrap[data-theme="05"]:hover, .btp_action-list[data-filter-theme="05"] .btp_action-option-wrap[data-theme="05"]:has(:focus-visible), .btp_action-list[data-filter-theme="06"] .btp_action-option-wrap[data-theme="06"]:has([data-highlight]), .btp_action-list[data-filter-theme="06"] .btp_action-option-wrap[data-theme="06"]:hover, .btp_action-list[data-filter-theme="06"] .btp_action-option-wrap[data-theme="06"]:has(:focus-visible) { --op: var(--op-highlight); } .btp_action-list[data-filter-theme="01"] .btp_action-option-wrap[data-theme="01"]:has(:checked), .btp_action-list[data-filter-theme="02"] .btp_action-option-wrap[data-theme="02"]:has(:checked), .btp_action-list[data-filter-theme="03"] .btp_action-option-wrap[data-theme="03"]:has(:checked), .btp_action-list[data-filter-theme="04"] .btp_action-option-wrap[data-theme="04"]:has(:checked), .btp_action-list[data-filter-theme="05"] .btp_action-option-wrap[data-theme="05"]:has(:checked), .btp_action-list[data-filter-theme="06"] .btp_action-option-wrap[data-theme="06"]:has(:checked) { --op: var(--op-selected); } .btp_action-list[data-filter-theme="01"] .btp_action-option-wrap:not([data-theme="01"], :has(:checked)), .btp_action-list[data-filter-theme="02"] .btp_action-option-wrap:not([data-theme="02"], :has(:checked)), .btp_action-list[data-filter-theme="03"] .btp_action-option-wrap:not([data-theme="03"], :has(:checked)), .btp_action-list[data-filter-theme="04"] .btp_action-option-wrap:not([data-theme="04"], :has(:checked)), .btp_action-list[data-filter-theme="05"] .btp_action-option-wrap:not([data-theme="05"], :has(:checked)), .btp_action-list[data-filter-theme="06"] .btp_action-option-wrap:not([data-theme="06"], :has(:checked)) { --op: var(--op-filtered-out); } .btp_action-list[data-filter-theme="01"] .btp_action-option-wrap:not([data-theme="01"], :has(:checked)):hover, .btp_action-list[data-filter-theme="01"] .btp_action-option-wrap:not([data-theme="01"], :has(:checked)):has(:focus-visible), .btp_action-list[data-filter-theme="02"] .btp_action-option-wrap:not([data-theme="02"], :has(:checked)):hover, .btp_action-list[data-filter-theme="02"] .btp_action-option-wrap:not([data-theme="02"], :has(:checked)):has(:focus-visible), .btp_action-list[data-filter-theme="03"] .btp_action-option-wrap:not([data-theme="03"], :has(:checked)):hover, .btp_action-list[data-filter-theme="03"] .btp_action-option-wrap:not([data-theme="03"], :has(:checked)):has(:focus-visible), .btp_action-list[data-filter-theme="04"] .btp_action-option-wrap:not([data-theme="04"], :has(:checked)):hover, .btp_action-list[data-filter-theme="04"] .btp_action-option-wrap:not([data-theme="04"], :has(:checked)):has(:focus-visible), .btp_action-list[data-filter-theme="05"] .btp_action-option-wrap:not([data-theme="05"], :has(:checked)):hover, .btp_action-list[data-filter-theme="05"] .btp_action-option-wrap:not([data-theme="05"], :has(:checked)):has(:focus-visible), .btp_action-list[data-filter-theme="06"] .btp_action-option-wrap:not([data-theme="06"], :has(:checked)):hover, .btp_action-list[data-filter-theme="06"] .btp_action-option-wrap:not([data-theme="06"], :has(:checked)):has(:focus-visible) { --op: var(--op-highlight); } .btp_action-list[data-filter-theme] .btp_action-option-wrap, .btp_action-list:has(:checked, :focus-visible) .btp_action-option-wrap { transition-delay: 0s; } .btp_action-option-label { display: flex; align-items: center; gap: 0.2em; --_iconsize: 0.85em; } .btp_action-option-label:before { content: ""; display: inline-flex; opacity: 0; width: 0; min-width: 0; scale: 0; height: var(--_iconsize); height: round(down, var(--_iconsize), 1px); background-color: var(--btp-c-bwwhite); -webkit-mask: url("/media/sprites/icons/view/svg/sprite.view.svg?ts=1782233574653") no-repeat; -webkit-mask-size: 100%; mask: url("/media/sprites/icons/view/svg/sprite.view.svg?ts=1782233574653") no-repeat; mask-size: 100%; mask-position: var(--ico-checkbox-empty); pointer-events: none; transform-origin: center center; transition: min-width 0.125s, width 0.125s, opacity 0.125s 0.05s, scale 0.125s; margin-left: -0.2em; margin-top: 0.1em; } .btp_action-option-label:after { pointer-events: none; } .btp_action-option-label:has(:checked):before, .btp_action-option-label:has([checked]):before { display: inline-flex; width: round(down, var(--_iconsize), 1px); min-width: round(down, var(--_iconsize), 1px); opacity: 1; scale: 1; mask-position: var(--ico-checkbox-checked); flex-shrink: 0; } @media only screen and (max-width: 75ch) { .btp_action-option-label:before { display: inline-flex; width: round(down, var(--_iconsize), 1px); min-width: round(down, var(--_iconsize), 1px); opacity: 1; scale: 1; } } @media (hover: hover) { .btp_action-list:not(:has(:hover)) .btp_action-option-wrap { --trans-delay: 1s; } .btp_action-list .btp_action-option-wrap:hover .btp_sticker { color: var(--btp-surface-theme); background: var(--btp-color-theme); } .btp_action-list .btp_action-option-wrap:hover .btp_sticker:after { background: var(--btp-surface-theme); } .btp_action-list .btp_action-option-wrap:hover .btp_action-option-label:before { background: var(--btp-surface-theme); } .btp_action-list .btp_action-option-wrap:hover, .btp_action-list .btp_action-option-wrap:has(:checked, :focus-visible, [data-highlight]) { --op: var(--op-selected); --trans-delay: 0s; } } .btp_action-option-wrap { display: block; scale: 1; opacity: var(--op, 1); transition: opacity 0.15s 0.15s ease, transform 0.15s ease-in, scale 0.15s ease; transition-behavior: allow-discrete; interpolate-size: allow-keywords; } .btp_action-option-wrap:hover, .btp_action-option-wrap:focus-within, .btp_action-option-wrap:has(:hover), .btp_action-option-wrap:has(:focus), .btp_action-option-wrap:has(:focus-visible), .btp_action-option-wrap:has(:checked), .btp_action-option-wrap:has(:selected), .btp_action-option-wrap:has([data-highlight]) { transition-delay: 0s; } ::view-transition-group(.list-reflow) { animation-duration: 0.15s; max-width: 100vw; overflow: hidden; } .btp_action-option-label:active { scale: 0.99; } .btp_action-option-label:focus-visible { outline-offset: -2px; transition-delay: 0s; } .btp_action-option-label:focus-visible input { transition-delay: 0s; } .btp_action-option-wrap { position: relative; } .btp_action-option-wrap input { position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0; } .btp_action-option-wrap input, .btp_action-option-wrap label { cursor: pointer; } .btp_action-option { cursor: pointer; } [data-no-options=true] .btp_action-list { display: none; } [data-no-options=true] #actions-list-noresults { display: grid !important; } .btp_storypreview-wrap { padding: var(--btp-u-roomy) 0 var(--btp-u-roomy) var(--btp-u-snug); margin-inline: auto; width: 100%; max-width: 800px; } .btp_storypreview-wrap .btp_story { box-shadow: var(--btp-shadow-lifted-slightly); position: relative; padding-inline: var(--btp-u-roomy); } .btp_storypreview-wrap .btp_story-header, .btp_storypreview-wrap .btp_featured-media-wrap, .btp_storypreview-wrap .btp_story-body, .btp_storypreview-wrap .btp_story-media { position: relative; } @media only screen and (min-width: 640px) { .btp_storypreview-wrap { padding: var(--btp-u-roomy) var(--btp-u-snug); } } @media only screen and (max-width: 640px) { .btp_pane:has(.btp_storypreview-wrap) { padding-inline-start: var(--btp-u-tight); } } .btp_preview-editbtn { position: absolute; top: 50%; right: 100%; translate: -50% -50%; } .btp_preview-editbtn .dmtr_btn { display: inline-flex; } .btp_pane-with-label .btp_preview-editbtn, .btp_story-content .btp_preview-editbtn { translate: calc(-16px - 50%) -50%; } .btp_save-status { --size: 1em; position: relative; display: block; width: var(--size); height: var(--size); text-align: center; } .btp_save-status .btp_save-status-icon { --size: 0.5em; --clr: var(--_surface); position: absolute; top: 53%; left: 50%; translate: -50% -50%; animation: scaleBounce 1s ease; } .btp_save-status[aria-busy=true] .btp_save-status-icon { animation: spin 1s linear infinite; } .dmtr_file-list .placeholder { display: flex; align-items: center; justify-content: center; border-radius: var(--btp-rnd-lg); border: 3px dashed var(--status-color, var(--btp-c-bwblack)); } .dmtr_file-list .aud-sort-handle { touch-action: none; } .dmtr_file-list[data-touch] [draggable=true].dragging { position: fixed; z-index: var(--dmtr-z-content-sup); transition-duration: 0s; translate: 0 -50%; } .btp_themed-action-options-list .btp_action-option-wrap { font-size: var(--btp-fntsize-1XL--3XL); font-family: var(--btp-font-brand-display); text-transform: uppercase; border-radius: var(--btp-rnd); } .btp_themed-action-options-list .btp_action-option-wrap:hover, .btp_themed-action-options-list .btp_action-option-wrap:has(:focus-visible) { filter: var(--btp-dropshadow-raised-subtle); } .btp_themed-action-options-list .btp_action-option-wrap:hover .btp_action-option-label, .btp_themed-action-options-list .btp_action-option-wrap:has(:focus-visible) .btp_action-option-label { background: var(--btp-c-bwwhite); color: var(--btp-surface-theme); } .btp_themed-action-options-list .btp_action-option-wrap:hover .btp_action-option-label:before, .btp_themed-action-options-list .btp_action-option-wrap:has(:focus-visible) .btp_action-option-label:before { background-color: var(--btp-surface-theme); } .btp_roi-target { --size: 120px; --clr: var(--btp-c-bwwhite); -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 0px none; border-radius: 0; box-shadow: none; margin: 0; padding: 0; font-family: inherit; background: transparent; background: transparent; position: absolute; top: var(--y, 50%); left: var(--x, 50%); translate: -50% -50%; z-index: var(--dmtr-z-content-sup); width: var(--size); height: var(--size); background: transparent; padding: 3px; filter: drop-shadow(2px 2px 2px hsla(0, 0%, 0%, 0.99)); transition: all 0.1s ease-out; border: 2px solid var(--clr); } .btp_roi-target > * { --inset: 0px; --len: 100%; --teeth: 6px; content: ""; display: flex; justify-content: space-between; position: absolute; background: transparent; pointer-events: none; width: var(--len); height: 2px; top: 50%; left: 50%; translate: -50% -50%; } .btp_roi-target > *:before, .btp_roi-target > *:after { content: ""; display: block; width: var(--teeth); height: 100%; background: var(--clr); } .btp_roi-target > *:first-child { rotate: 90deg; } .btp_roi-target:hover { cursor: grab; } .btp_roi-target:active { cursor: grabbing; } [data-dragging] { cursor: grabbing; } [data-dragging] .btp_roi-target { transition: none; } .btp_roi-target.btp_roi-target-icon { --clr: currentColor; --size: 1em; top: unset; left: unset; translate: none; filter: none; pointer-events: none; display: inline-flex; vertical-align: baseline; position: relative; pointer-events: none; } .btp_roi-target.btp_roi-target-icon:hover { cursor: none; } .btp_roi-target.btp_roi-target-icon > * { --teeth: 2px; } .btp_roi-target.btp_roi-target-icon { margin-inline: 0.45em 0.25em; } .btp_dialog-tip { font-size: var(--btp-fntsize-M--L); font-weight: 700; font-style: italic; letter-spacing: var(--btp-letterspacing-M); } .btp_roi-editor-grid { --cols: 3; --gap: var(--btp-u-snug); container-type: inline-size; container-nam: roi-editor; display: grid; gap: var(--gap); grid-template-columns: repeat(var(--cols), minmax(0, 1fr)); grid-auto-rows: calc(100cqi / var(--cols) - var(--gap) * 1); align-items: start; } .btp_roi-editor-grid img { pointer-events: none; } .btp_roi-editor-grid > * { position: relative; border-radius: var(--btp-rnd-lg); overflow: clip; width: 100%; height: 100%; } .btp_roi-editor-grid > *:first-child { grid-column: 1/span 3; grid-row: 1/span 3; } .btp_roi-editor-grid > *:nth-child(2) { grid-column: 1; grid-row: 4/span 2; } .btp_roi-editor-grid > *:nth-child(3) { grid-column: 2/span 2; grid-row: 4; } @media only screen and (min-width: 800px) { .btp_roi-editor-grid { --cols: 6; } .btp_roi-editor-grid > *:nth-child(2) { grid-column: 4; grid-row: 1/span 2; } .btp_roi-editor-grid > *:nth-child(3) { grid-column: 5/span 2; grid-row: 1; } } .btp_poster-choices { --cols: 2; --gap: var(--btp-u-snug); container-type: inline-size; container-nam: roi-editor; display: grid; gap: var(--gap); grid-template-columns: repeat(var(--cols), minmax(0, 1fr)); align-items: start; } .btp_poster-choices > * { width: 100%; display: block; aspect-ratio: 16/9; object-fit: contain; position: relative; } .btp_poster-choices .btp_btn-img { transition: opacity 0.15s ease-out, scale 0.1s ease-out; opacity: 0.1; scale: 0.5; } .btp_poster-choices .btp_btn-img[data-bound] { opacity: 1; scale: 1; } .btp_poster-choices .btp_btn-img img { pointer-events: none; display: block; object-fit: contain; aspect-ratio: 16/9; z-index: 1; } .btp_poster-choices img { border-radius: var(--btp-rnd); overflow: clip; } .btp_poster-choices:has([aria-busy]) .btp_poster-btn { cursor: not-allowed; pointer-events: none; } .btp_poster-choices:has([aria-busy]) .btp_poster-btn:not([aria-busy]) { opacity: 0.5; } .btp_poster-choices .btp_poster-uploader, .btp_poster-choices .btp_btn-img { position: relative; border-radius: calc(var(--btp-rnd) + 1px); overflow: clip; background: var(--btp-c-bwblack-pale); border: 2px solid transparent; aspect-ratio: 16/9; width: 100%; cursor: pointer; } .btp_poster-choices .btp_poster-uploader:focus-visible, .btp_poster-choices .btp_poster-uploader:hover, .btp_poster-choices .btp_poster-uploader[aria-selected], .btp_poster-choices .btp_btn-img:focus-visible, .btp_poster-choices .btp_btn-img:hover, .btp_poster-choices .btp_btn-img[aria-selected] { border: 2px solid var(--btp-c-focus-blue); border-color: -webkit-focus-ring-color; background: var(--btp-c-bwblack); } .btp_poster-choices .btp_poster-uploader:active, .btp_poster-choices .btp_btn-img:active { scale: 0.99; } .btp_poster-choices .btp_poster-uploader[aria-selected]:after, .btp_poster-choices .btp_btn-img[aria-selected]:after { display: block; position: absolute; font-size: 1.5em; background-color: var(--btp-c-bwwhite); z-index: 2; opacity: 1; top: 5px; left: 5px; } .btp_poster-choices .btp_poster-uploader[aria-selected]:focus-visible, .btp_poster-choices .btp_btn-img[aria-selected]:focus-visible { outline-width: 4px; outline-offset: -4px; outline-style: solid; outline-color: var(--btp-c-focus-blue); } @media only screen and (min-width: 800px) { .btp_poster-choices { --cols: 4; } } .btp_poster-uploader { container-type: inline-size; } .btp_poster-uploader .upload-minimal-drop-area { opacity: 0; position: absolute; inset: 0; color: transparent; } .btp_poster-uploader input[type=file] { background: magenta; } .btp_poster-uploader[aria-selected]:after { background: hotpink; } .btp_poster-uploader[aria-selected] { background: orange; } .upload-minimal-ui-label-wrap { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 0; container-type: inline-size; text-align: center; color: Var(--btp-c-bwwhite); } .upload-minimal-ui-label-icon { font-size: 13cqi; line-height: 1; } .upload-minimal-ui-label-icon .btp_icon-raw { display: inline-flex; --size: 1em; margin-inline: auto; } .upload-minimal-ui-label { text-transform: uppercase; font-size: 10cqi; } .upload-minimal-ui-progress { --progress-bg: var(--btp-c-bwbwhite-66op); --progress-bar: var(--btp-c-bwwhite); display: block; position: absolute; width: calc(100% - 10px); font-size: 0.75em; height: 1.1em; bottom: 5px; left: 5px; } .btp_multiselect-wrap { --trans-delay: 0.25s; --op: 1; --op-selected: 1; --op-highlight: 1; --op-dimmed: 0.33; --op-filtered-in: 0.66; --op-filtered-out: 0.15; } .btp_multiselect-wrap:has(:checked, [checked]) .btp_multiselect-option-label:not(:has(:checked, [checked], :focus-visible, :hover)) { opacity: var(--op-dimmed); } .btp_multiselect-option-wrap { container-type: inline-size; container-name: multiselect-option; position: relative; display: block; scale: 1; opacity: var(--op, 1); transition: opacity 0.15s 0.15s ease, transform 0.15s ease-in, scale 0.15s ease; transition-behavior: allow-discrete; interpolate-size: allow-keywords; font-size: 1.25rem; font-family: var(--btp-font-brand-display); text-transform: uppercase; } .btp_multiselect-option-wrap input { position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0; } .btp_multiselect-option-wrap input, .btp_multiselect-option-wrap label { cursor: pointer; } .btp_multiselect-option-label { --_iconsize: 0.85em; display: flex; align-items: center; gap: 0.2em; white-space: nowrap; cursor: pointer; } .btp_multiselect-option-label:active { scale: 0.99; } .btp_multiselect-option-label:before { content: ""; display: inline-flex; opacity: 0; width: 0; min-width: 0; scale: 0; height: var(--_iconsize); height: round(down, var(--_iconsize), 1px); background-color: var(--btp-c-bwwhite); -webkit-mask: url("/media/sprites/icons/view/svg/sprite.view.svg?ts=1782233574653") no-repeat; -webkit-mask-size: 100%; mask: url("/media/sprites/icons/view/svg/sprite.view.svg?ts=1782233574653") no-repeat; mask-size: 100%; mask-position: var(--ico-checkbox-empty); pointer-events: none; transform-origin: center center; transition: min-width 0.125s, width 0.125s, opacity 0.125s 0.05s, scale 0.125s; margin-left: -0.2em; margin-top: 0.1em; } .btp_multiselect-option-label:after { pointer-events: none; } .btp_multiselect-option-label:has(:checked):before, .btp_multiselect-option-label:has([checked]):before { display: inline-flex; width: round(down, var(--_iconsize), 1px); min-width: round(down, var(--_iconsize), 1px); opacity: 1; scale: 1; mask-position: var(--ico-checkbox-checked); flex-shrink: 0; } @media only screen and (max-width: 75ch) { .btp_multiselect-option-label:before { display: inline-flex; width: round(down, var(--_iconsize), 1px); min-width: round(down, var(--_iconsize), 1px); opacity: 1; scale: 1; } } @media (hover: hover) { .btp_multiselect-wrap:not(:has(:hover)) .btp_multiselect-option-wrap { --trans-delay: 1s; } .btp_multiselect-wrap .btp_multiselect-option-wrap:hover .btp_sticker { color: var(--btp-surface-theme); background: var(--btp-color-theme); } .btp_multiselect-wrap .btp_multiselect-option-wrap:hover .btp_sticker:after { background: var(--btp-surface-theme); } .btp_multiselect-wrap .btp_multiselect-option-wrap:hover .btp_multiselect-option-label:before { background: var(--btp-surface-theme); } .btp_multiselect-wrap .btp_multiselect-option-wrap:hover, .btp_multiselect-wrap .btp_multiselect-option-wrap:has(:checked, :focus-visible, [data-highlight]) { --op: var(--op-selected); --trans-delay: 0s; } } .btp_multiselect-option { cursor: pointer; } .btp_location-list { container-type: inline-size; container-name: location-filters; display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--btp-u-roomy); padding: var(--btp-u-xsnug) 0; } .btp_location-list-group { --_rows: 1; display: grid; grid-template-columns: repeat(var(--_rows), minmax(0, 1fr)); gap: var(--btp-u-tight); } @media only screen and (min-width: 512px) { .btp_location-list-group { --_rows: 2; } } @media only screen and (min-width: 800px) { .btp_location-list-group { --_rows: 3; } } @media only screen and (min-width: 1024px) { .btp_location-list-group { --_rows: 4; } } @media only screen and (min-width: 1152px) { .btp_location-list-group { --_rows: 5; } } #btp_contact_form #reporting_fields-wrap { display: none; } #btp_contact_form[data-topic=Report] #reporting_fields-wrap { display: grid; } .btp_html { background: var(--btp-surface-theme); } .btp_body { background: var(--btp-color-theme); } .btp_no-mar { margin: 0; } .btp_main-main, .btp_main-mar-t { margin-block-start: var(--btp-vwu-10-20); } [data-pagetype=home] .btp_main-main, [data-pagetype=explore-landing] .btp_main-main { margin-block-start: 0px; } @media only screen and (min-width: 768px) { .btp_page-w-inset { padding-inline: clamp(10px, 8cqw, 60px); } } @media only screen and (min-width: 768px) { .btp_page-w-inset-mar { margin-inline: clamp(10px, 8cqw, 60px); } } @media only screen and (min-width: 768px) { .btp_page-max-inner > * { margin-inline: auto; max-width: 780px; } } .btp_floating-header { margin: 0; margin-block-start: clamp(1.25rem, 0.625rem + 3.125vw, 3.125rem); margin-block-end: clamp(1.25rem, 0.8333rem + 2.0833vw, 2.5rem); display: grid; grid-template-columns: minmax(0, 1fr); gap: clamp(0.625rem, 0.375rem + 1.25vw, 1.375rem); } .btp_floating-header h1 { margin: 0; margin-block-end: clamp(0rem, -0.125rem + 0.625vw, 0.375rem); text-wrap: balance; text-wrap: pretty; } .btp_media-wrap { --_ar: var(--ar, unset); position: relative; aspect-ratio: var(--_ar); overflow: hidden; border-radius: var(--btp-rnd-lg); } .btp_edit-media-modal .btp_media-wrap .btp_ar-wrap, .btp_edit-media-modal .btp_media-wrap .btp_media { max-height: 50svh; } .btp_collection-description, .btp_collection-body { margin-inline: auto; max-width: 50ch; } .btp_collection-body { line-height: 1.117; } .btp_collection-tile { --rnd: var(--btp-rnd-lg); overflow: clip; position: relative; display: grid; grid-template-columns: repeat(1, minmax(0, 1fr)); container-type: inline-size; container-name: collection-tile; } .btp_collection-tile-thumbnail { position: relative; aspect-ratio: 1; overflow: hidden; border-radius: var(--rnd) var(--rnd) 0 0; } @media only screen and (min-width: 640px) { .btp_collection-tile-thumbnail { border-radius: var(--rnd); } } .btp_collection-brief { container-type: inline-size; container-name: collection-tile-brief; position: relative; display: flex; flex-direction: column; gap: var(--btp-u-xsnug); padding: var(--btp-u-snug); padding-inline-end: calc(var(--crnr-u) + 10px); } .btp_collection-tile-headline { font-size: clamp(1.25rem, 0.1771rem + 11.0749cqi, 3.375rem); word-wrap: break-word; } .btp_collection-story-tile-headline { font-size: clamp(1.875rem, -0.7066rem + 16.3265cqi, 3.375rem); word-wrap: break-word; } .btp_collection-tile-intro { font-size: clamp(0.875rem, 0.0299rem + 4.2254cqi, 1.25rem); font-style: italic; } .btp_collection-story-tile-byline { font-size: clamp(1.125rem, 0.2645rem + 5.4422cqi, 1.625rem); } .btp_collection-cta-wrap { margin-block-start: auto; } .btp_collection-tile-jumbo { --crnr-u: var(--btp-u-xroomy); --crnr-rnd: var(--btp-u-tight); padding: 0; padding-inline-end: 0; } @media only screen and (min-width: 640px) { .btp_collection-tile-jumbo { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); } } .btp_collection-list { display: grid; gap: var(--btp-u-tight); grid-template-columns: repeat(2, minmax(0, 1fr)); max-width: 940px; margin-inline: auto; } .btp_collection-list .btp_collection-brief { aspect-ratio: 1; } .btp_collection-list .btp_collection-tile-jumbo:nth-child(-n+4) { grid-column: span 2; } .btp_collection-list .btp_collection-tile-jumbo:nth-child(n+5) { --crnr-u: var(--btp-u-snug); --crnr-rnd: var(--btp-u-xtight); } .btp_collection-list .btp_collection-tile-jumbo:nth-child(n+5) .btp_collection-brief { padding: var(--btp-u-tight); } .btp_collection-list .btp_collection-tile-jumbo:nth-child(n+5) .btp_collection-tile-thumbnail, .btp_collection-list .btp_collection-tile-jumbo:nth-child(n+5) .btp_collection-tile-intro { display: none; } .btp_collection-list .btp_collection-tile-jumbo:nth-child(n+5) .btp_collection-cta-wrap { position: absolute; inset: 0; } .btp_collection-list .btp_collection-tile-jumbo:nth-child(n+5) .btp_collection-cta-wrap .btp_collection-cta { position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0; } .btp_collection-list .btp_collection-tile-jumbo:nth-child(n+5) .btp_collection-brief:after { content: "Featured Collection"; display: block; margin-top: auto; font-style: italic; text-transform: uppercase; font-size: clamp(6px, 6cqi, 11px); } @media only screen and (min-width: 640px) { .btp_collection-list { grid-template-columns: repeat(3, minmax(0, 1fr)); } .btp_collection-list .btp_collection-tile-jumbo:nth-child(-n+4) { grid-column: span 3; } .btp_collection-list .btp_collection-tile-jumbo:nth-child(-n+4):nth-child(odd) .btp_collection-tile-thumbnail { border-radius: var(--btp-rnd) 0 0 var(--btp-rnd); } .btp_collection-list .btp_collection-tile-jumbo:nth-child(-n+4):nth-child(even) .btp_collection-tile-thumbnail { border-radius: 0 var(--btp-rnd) var(--btp-rnd) 0; } .btp_collection-list .btp_collection-tile-jumbo:nth-child(-n+4):nth-child(even) .btp_collection-brief { aspect-ratio: unset; min-height: 290px; } .btp_collection-list .btp_collection-tile-jumbo:nth-child(-n+4):nth-child(even) .btp_collection-tile-thumbnail { grid-column: 2; grid-row: 1; } .btp_collection-list .btp_collection-tile-jumbo:nth-child(-n+4):nth-child(even) .btp_collection-brief { grid-column: 1; grid-row: 1; } .btp_collection-list .btp_collection-tile-jumbo:nth-child(n+5) { grid-template-columns: minmax(0, 1fr); } .btp_collection-list .btp_collection-tile-jumbo:nth-child(n+5):nth-child(-n+10) .btp_collection-tile-thumbnail { display: block; border-radius: var(--btp-rnd) var(--btp-rnd) 0 0; } .btp_collection-list .btp_collection-tile-jumbo:nth-child(n+5):nth-child(-n+10) .btp_collection-cta-wrap { position: relative; } .btp_collection-list .btp_collection-tile-jumbo:nth-child(n+5):nth-child(-n+10) .btp_collection-cta-wrap .btp_collection-cta { position: relative; inset: unset; width: unset; height: unset; opacity: 1; } .btp_collection-list .btp_collection-tile-jumbo:nth-child(n+5):nth-child(-n+10) .btp_collection-brief:after { display: none; } } .btp_collection-tile-thumbnail { position: relative; aspect-ratio: 1; overflow: hidden; border-radius: var(--rnd) var(--rnd) 0 0; } @media only screen and (min-width: 640px) { .btp_collection-tile-thumbnail { border-radius: var(--rnd); } } .btp_collection-story-list, ul.btp_collection-story-list { display: grid; gap: var(--btp-u-tight); grid-template-columns: minmax(0, 1fr); max-width: 940px; margin-inline: auto; } .btp_collection-story-list .btp_collection-brief, ul.btp_collection-story-list .btp_collection-brief { aspect-ratio: 1; } .btp_collection-story-list .btp_collection-tile-thumbnail, ul.btp_collection-story-list .btp_collection-tile-thumbnail { border-radius: var(--btp-rnd) var(--btp-rnd) 0 0; } @media only screen and (min-width: 640px) { .btp_collection-story-list li:nth-child(odd) .btp_collection-tile-thumbnail, ul.btp_collection-story-list li:nth-child(odd) .btp_collection-tile-thumbnail { border-radius: var(--btp-rnd) 0 0 var(--btp-rnd); } .btp_collection-story-list li:nth-child(even) .btp_collection-tile-thumbnail, ul.btp_collection-story-list li:nth-child(even) .btp_collection-tile-thumbnail { border-radius: 0 var(--btp-rnd) var(--btp-rnd) 0; } .btp_collection-story-list li:nth-child(even) .btp_collection-tile-thumbnail, ul.btp_collection-story-list li:nth-child(even) .btp_collection-tile-thumbnail { grid-column: 2; grid-row: 1; } .btp_collection-story-list li:nth-child(even) .btp_collection-brief, ul.btp_collection-story-list li:nth-child(even) .btp_collection-brief { grid-column: 1; grid-row: 1; } } .btp_faq { padding-inline: var(--btp-vmu-20-40); } .btp_faq.btp_pane { padding-inline: var(--btp-vmu-20-40); } .btp_faq .btp_faq-q { font-size: var(--btp-fntsize-7XL--8XL); } .btp_faq p { font-size: var(--btp-fntsize-L); letter-spacing: -0.05em; } .btp_terms-section h3 { line-height: 1.1; } .btp_masthead, .btp_pane.btp_masthead { margin-block-end: var(--btp-u-tight); display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--btp-u-roomy); padding: var(--btp-u-snug) var(--btp-u-snug) var(--btp-u-cozy); } @media only screen and (min-width: 640px) { .btp_masthead, .btp_pane.btp_masthead { padding: 34px; gap: var(--btp-u-snug); } } .btp_masthead-headline { font-family: var(--btp-font-brand-display); font-size: clamp(2.5rem, 1.2941rem + 5.1044cqi, 5.25rem); letter-spacing: var(--btp-letterspacing-M); line-height: 0.90476; text-transform: uppercase; text-wrap: balance; } .btp_masthead-bottom { gap: var(--btp-u-roomy); column-gap: var(--btp-u-tight); } .btp_masthead-intro { font-size: var(--btp-fntsize-L--5XL); font-style: italic; font-weight: 900; line-height: 1.3125; letter-spacing: var(--btp-letterspacing-M); width: 42ch; max-width: 100%; text-wrap: pretty; } .grecaptcha-badge { z-index: var(--dmtr-z-content-sup); } .btp_bento-wrap { container-type: inline-size; padding-block-end: var(--btp-u-tight); } .btp_bento-wrap:has(.btp_loadmore-link) .btp_bento + div:has(.btp_loadmore-link) { margin-block-start: var(--btp-u-snug); } .btp_bento { --cols: 3; --z-content: 100; --z-content-sup: 150; --crnr-u: 25px; --crnr-p-base: var(--crnr-u); --crnr-r: calc(100% - var(--crnr-p-base)); --crnr-b: calc(100% - var(--crnr-p-base)); --rnd: 10px; --trns: 0.1s; --trns-delay: 0.05s; --peel-spd: 0.2s; --peel-shadow-clr: rgba(0,0,0,0.45); --peel-shadow: -4px -4px 5px var(--peel-shadow-clr); --gap: 10px; container-type: inline-size; container-name: bento; display: grid; grid-template-columns: repeat(var(--cols), minmax(0, 1fr)); grid-auto-rows: calc(100cqi / var(--cols) - var(--gap) * 1); gap: var(--gap); padding-block-end: var(--gap); } .btp_bento > * { grid-column: span 1; grid-row: span 1; } @media screen and (min-width: 560px) { .btp_bento { --cols: 5; } } @media screen and (min-width: 960px) { .btp_bento { --cols: 8; } } /** * ======= tiles === */ .btp_tile { --_clr-base: var(--clr, var(--btp-color-theme)); --_clr: var(--_clr-base); --_clr-hover: var(--clr-hover, var(--btp-color-theme-hover)); --_clr-focus: var(--clr-focus, var(--btp-color-theme-focus)); --_clr-active: var(--clr-active, var(--btp-color-theme-active)); --_clr-disabled: var(--clr-disabled, var(--btp-color-theme-disabled)); --_surface-base: var(--surface, var(--btp-surface-theme)); --_surface: var(--_surface-base); --_surface-hover: var(--surface-hover, var(--btp-surface-theme-hover)); --_surface-focus: var(--surface-focus, var(--btp-surface-theme-focus)); --_surface-focus-visible: var(--surface-focus-visible, var(--btp-surface-theme-visible)); --_surface-active: var(--surface-active, var(--btp-surface-theme-active)); --_surface-disabled: var(--surface-disabled, var(--btp-surface-theme-disabled)); --lines: 4; --fs: 14cqi; --bgc: var(--btp-surface-theme); --bgc-pale: var(--btp-surface-theme-66op); --cols: 1; --rows: 1; display: flex; container-type: inline-size; container-name: bentotile; grid-column: span var(--cols); grid-row: span var(--rows); position: relative; transition: all 0.1s ease-out; will-change: filter; } .btp_tile:focus-visible, .btp_tile:has(a:focus-visible) { filter: drop-shadow(0 5px 5px rgba(0, 0, 0, 0.25)); } .btp_tile:focus-visible .btp_tile-link-inner-backside, .btp_tile:has(a:focus-visible) .btp_tile-link-inner-backside { top: 0; left: 0; translate: none; transition-delay: 0s; box-shadow: none; background-color: var(--crnr-clr-hover); background-image: var(--crnr-clr2-hover); } .btp_tile:focus-visible .btp_tile-link-inner-backside > *, .btp_tile:has(a:focus-visible) .btp_tile-link-inner-backside > * { transition-delay: 0s; opacity: 1; } .btp_tile img { object-fit: cover; width: 100%; height: 100%; } @media (hover: hover) { .btp_tile:hover { filter: drop-shadow(0 5px 5px rgba(0, 0, 0, 0.25)); } .btp_tile:hover .btp_tile-link-inner-backside { top: 0; left: 0; translate: none; transition-delay: 0s; box-shadow: none; background-color: var(--crnr-clr-hover); background-image: var(--crnr-clr2-hover); } .btp_tile:hover .btp_tile-link-inner-backside > * { transition-delay: 0s; opacity: 1; } } .btp_tile-inner { position: relative; display: flex; width: 100%; height: 100%; clip-path: polygon(0 0, 100% 0, 100% var(--crnr-r), var(--crnr-b) 100%, 0 100%); } .btp_tile-link { --rad: var(--rnd); position: relative; display: block; container-type: inline-size; width: 100%; height: 100%; clip-path: inset(0% 0% 0% 0% round var(--rad) var(--rad) var(--rad) var(--rad)); contain: paint; align-items: center; align-content: center; color: var(--btp-surface-color); cursor: pointer; z-index: var(--dmtr-z-content); text-decoration: none; } .btp_tile-link-inner, .btp_tile-link-inner-backside { --_pad: clamp(12px, 8cqmin, 20px); padding: var(--_pad); } .btp_tile-link-inner { --rad: calc(var(--crnr-u) * 0.5); display: flex; width: 100%; height: 100%; background-color: var(--bgc); color: var(--btp-color-theme); border-radius: var(--rad); overflow: hidden; } .btp_tile-link-inner-backside { --rad: calc(var(--crnr-u) * 0.33); --crnr-clr: var(--btp-surface-theme-hover); --crnr-clr-hover: var(--btp-surface-theme-hover); --crnr-clr2: linear-gradient(var(--btp-surface-theme-66op), var(--btp-surface-theme-66op)); --crnr-clr2-hover: none; box-sizing: border-box; display: flex; flex-direction: column; width: 100%; height: 100%; border-radius: var(--rad); overflow: hidden; position: absolute; top: 100%; left: 100%; translate: calc(var(--crnr-u) * -1) calc(var(--crnr-u) * -1); color: var(--bgc); background-color: var(--crnr-clr); background-image: var(--crnr-clr2); transition: all var(--trns) var(--trns-delay) ease; } .btp_tile-link-inner-backside > * { opacity: 0; transition: opacity var(--trns) var(--trns-delay) ease; } .btp_tile-link-inner-backside:after { content: ""; display: block; position: absolute; bottom: 0; right: 0; width: var(--crnr-u); height: var(--crnr-u); background-color: var(--bgc); border-radius: var(--rad) 0 0 0; } .btp_tile-link-inner-backside .btp_tile-headline { flex-shrink: 0; line-height: 1; font-size: clamp(0.75rem, 8.2cqi, 1.7625rem); } .btp_tile-link-inner-backside .btp_tile-meta { font-size: clamp(0.675rem, min(6.4cqi, 1.7cqh), 1.625rem); } .btp_tile-link-inner-backside .btp_tile-headline + .btp_tile-meta { padding-block-start: 5px; } .btp_tile-link-inner-backside .btp_tile-headline + .btp_tile-meta .btp_story-loc { display: flex; flex-wrap: wrap; column-gap: 0.25em; } .btp_tile-media .btp_tile-link-inner { padding: 0; } .btp_tile-media .btp_tile-link-inner-backside { --crnr-clr: var(--bgc); --crnr-clr2: none; filter: drop-shadow(-4px -4px 10px rgba(0, 0, 0, 0.5)); } .btp_tile-headline, .btp_tile-meta { text-transform: uppercase; line-height: 1.111; } .btp_tile-headline { font-size: clamp(0.8125rem, 8.7cqi, 1.7625rem); text-overflow: ellipsis; text-wrap: balance; overflow: hidden; word-break: break-word; } .btp_tile-meta { position: relative; width: 100%; font-size: clamp(0.675rem, 9.4cqi, 1.625rem); font-size: clamp(0.675rem, min(9.4cqi, 1.7cqh), 1.625rem); font-style: italic; } .btp_tile-meta > * { width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .btp_bento[data-theme="00"][data-them-dark=true] .btp_tile-collection[data-theme="00"], .btp_bento[data-theme="00"][data-them-dark=true] .btp_tile-cta[data-theme="00"] { --bgc: var(--btp-surface-theme-pale); } .btp_tile-collection-inner, .btp_tile-cta-inner { display: flex; flex-direction: column; justify-content: space-between; } .btp_tile-collection-tag-wrap, .btp_tile-cta-btn-wrap { max-width: calc(100% - var(--crnr-u)); } .btp_tile-cta-btn-wrap { font-style: italic; } .btp_tile-collection-headline { font-size: clamp(1.475rem, 12cqi, 2.2rem); text-transform: uppercase; line-height: 94.737%; } .btp_tile-collection-tag { font-family: var(--btp-font-brand-display); text-transform: uppercase; font-weight: 600; font-style: italic; line-height: 111.111%; letter-spacing: 0.01em; } .btp_tile-action-headline { font-size: clamp(1.125rem, 15.7cqi, 5rem); text-transform: uppercase; line-height: 85.714%; } .btp_tile-cta-headline { font-size: clamp(1.375rem, 11cqi, 2rem); line-height: 105.882%; } @container bentotile (width < 15rem) { .btp_secondary { display: none; } } @container bentotile (width < 8.5rem) { .btp_tile-cta-btn-wrap .btp_pseudo-btn:after { display: none; } } .btp_media-bento2x { display: none; } @container bentotile style(--cols: 1) and style(--rows: 1) {} @container bentotile style(--cols: 1) and style(--rows: 2) { .btp_media-bento1x[data-aspect-type=wide] { display: none !important; } .btp_media-bento2x[data-aspect-type=wide] { display: block !important; } } @container bentotile style(--cols: 2) and style(--rows: 1) { .btp_tile-link-inner-backside .btp_tile-headline { font-size: clamp(0.75rem, 7.7cqi, 1.7625rem); } .btp_tile-link-inner-backside .btp_tile-meta { font-size: clamp(0.675rem, min(5.7cqi, 1.7cqh), 1.625rem); } } @container bentotile style(--cols: 2) and style(--rows: 2) { .btp_media-bento1x[data-aspect-type=wide] { display: none !important; } .btp_media-bento2x[data-aspect-type=wide] { display: block !important; } } @container bentotile style(--cols: 3) and style(--rows: 3) { .btp_media-bento1x[data-aspect-type=wide] { display: none !important; } .btp_media-bento2x[data-aspect-type=wide] { display: block !important; } } .btp_tile:nth-child(40n+1), .btp_tile:nth-child(40n+4), .btp_tile:nth-child(40n+5), .btp_tile:nth-child(40n+14), .btp_tile:nth-child(40n+21), .btp_tile:nth-child(40n+25), .btp_tile:nth-child(40n+28), .btp_tile:nth-child(40n+32), .btp_tile:nth-child(40n+35), .btp_tile:nth-child(40n+38), .btp_tile:nth-child(40n+39) { --cols: 2; } .btp_tile:nth-child(40n+17), .btp_tile:nth-child(40n+29), .btp_tile:nth-child(40n+34) { --rows: 2; } .btp_tile:nth-child(40n+7), .btp_tile:nth-child(40n+15), .btp_tile:nth-child(40n+18), .btp_tile:nth-child(40n+22), .btp_tile:nth-child(40n+30), .btp_tile:nth-child(40n+33) { --cols: 2; --rows: 2; } @media screen and (min-width: 560px) { .btp_tile:nth-child(1n) { --cols: 1; --rows: 1; } .btp_tile:nth-child(40n+1), .btp_tile:nth-child(40n+9), .btp_tile:nth-child(40n+26), .btp_tile:nth-child(40n+31), .btp_tile:nth-child(40n+38) { --cols: 2; --rows: 1; } .btp_tile:nth-child(40n+10), .btp_tile:nth-child(40n+14), .btp_tile:nth-child(40n+17), .btp_tile:nth-child(40n+19), .btp_tile:nth-child(40n+29), .btp_tile:nth-child(40n+35), .btp_tile:nth-child(40n+37) { --cols: 1; --rows: 2; } .btp_tile:nth-child(40n+7), .btp_tile:nth-child(40n+15), .btp_tile:nth-child(40n+18), .btp_tile:nth-child(40n+22), .btp_tile:nth-child(40n+30), .btp_tile:nth-child(40n+33) { --cols: 2; --rows: 2; } } @media screen and (min-width: 960px) { .btp_tile:nth-child(1n) { --cols: 1; --rows: 1; } .btp_tile:nth-child(40n+2), .btp_tile:nth-child(40n+3), .btp_tile:nth-child(40n+17), .btp_tile:nth-child(40n+21), .btp_tile:nth-child(40n+26), .btp_tile:nth-child(40n+36), .btp_tile:nth-child(40n+38), .btp_tile:nth-child(40n+40) { --cols: 2; --rows: 1; } .btp_tile:nth-child(40n+1), .btp_tile:nth-child(40n+5), .btp_tile:nth-child(40n+29) { --cols: 1; --rows: 2; } .btp_tile:nth-child(40n+7), .btp_tile:nth-child(40n+15), .btp_tile:nth-child(40n+18), .btp_tile:nth-child(40n+22), .btp_tile:nth-child(40n+30), .btp_tile:nth-child(40n+31), .btp_tile:nth-child(40n+33) { --cols: 2; --rows: 2; } } .btp_action-h1 { border-radius: var(--btp-rnd-lg); grid-column: 1/-1; grid-row: span 2; display: flex; align-items: center; justify-content: center; text-align: center; padding: 0; text-wrap: pretty; font-size: clamp(3rem, 1.8993rem + 4.6838cqi, 5.5rem); } .btp_bento-mini .btp_tile { --cols: 1; --rows: 1; } @media screen and (min-width: 560px) { .btp_bento-mini { --cols: 3; } } @media screen and (min-width: 960px) { .btp_bento-mini { --cols: 5; } } @media screen and (max-width: 640px) { .btp_bento-mini .btp_tile:nth-child(17n+2), .btp_bento-mini .btp_tile:nth-child(17n+4) { --rows: 2; } .btp_bento-mini .btp_tile:nth-child(17n+9), .btp_bento-mini .btp_tile:nth-child(17n+10), .btp_bento-mini .btp_tile:nth-child(17n+13), .btp_bento-mini .btp_tile:nth-child(17n+15), .btp_bento-mini .btp_tile:nth-child(17n+16) { --cols: 2; } .btp_bento-mini .btp_tile:nth-child(17n+6) { --cols: 2; --rows: 2; } } @media screen and (min-width: 640px) { .btp_bento-mini { --cols: 5; } .btp_bento-mini .btp_tile { --cols: 1; --rows: 1; } .btp_bento-mini .btp_tile:nth-child(17n+12), .btp_bento-mini .btp_tile:nth-child(17n+14) { --rows: 2; --cols: 1; } .btp_bento-mini .btp_tile:nth-child(17n+2), .btp_bento-mini .btp_tile:nth-child(17n+16), .btp_bento-mini .btp_tile:nth-child(17n+17) { --rows: 1; --cols: 2; } .btp_bento-mini .btp_tile:nth-child(17n+11) { --rows: 2; --cols: 2; } } html { --prop-test: 1; container-type: scroll-state; } @keyframes trigger { from { --animate: 0; } to { --animate: 1; } } @keyframes bentoSlideIn { from { transform: translateY(50px); scale: 0.9; opacity: 0; } to { transform: translateY(0); scale: 1; opacity: 1; } } @media not (prefers-reduced-motion: reduce) { @supports (animation-timeline: view()) { @container style(--prop-test: 1) { .btp_tile { --anim-delay: 0s; animation: trigger steps(1) both; animation-timeline: view(); animation-range: entry-crossing cover 10%; } .btp_tile:nth-child(2n) { --anim-delay: 0.1s; } .btp_tile:nth-child(3n) { --anim-delay: 0.2s; } .btp_tile-inner { will-change: translate, opacity, scale; transform: translateY(50px); scale: 0.75; opacity: 0; animation: bentoSlideIn 0.15s ease forwards paused; animation-play-state: paused; animation-delay: var(--anim-delay, 0); } @container style(--animate: 1) { .btp_tile-inner { animation-play-state: running; } } } } } .btp_pane, [class*=btp_pane-] { border-radius: var(--btp-rnd-lg); padding: 40px 16px; background: var(--btp-color-theme); color: var(--btp-surface-theme); } .btp_pane-slim, .btp_pane-tight { padding: 16px; } .btp_pane-with-label { padding-block-start: 0; } .btp_pane-label { background: var(--btp-surface-theme); color: var(--btp-color-theme); max-width: max-content; min-width: 33.3333%; margin-inline: auto; margin-block-end: 40px; text-align: center; padding: clamp(8px, 0.25em, 14px) clamp(15px, 1em, 40px); border-radius: 0 0 var(--btp-rnd-lg) var(--btp-rnd-lg); font-family: var(--btp-font-brand-display); text-transform: uppercase; font-size: var(--btp-fntsize-XL--6XL); text-box-trim: trim-both; line-height: 0.85; align-items: center; } .btp_pane-label-tight { min-width: unset; } .btp_pad-pane-inner-h { padding-inline: 4%; } .btp_pane-inner-size, .btp_pane-inner { width: 100%; max-width: 46rem; margin-inline: auto; } .btp_pane-inner { display: grid; gap: 40px; grid-template-columns: minmax(0, 1fr); } [data-pagetype=account] .btp_tagline { display: none; } [data-pagetype=account] .dmtr_pagination-sort { display: none; } .btp_settingspage-wrap { display: grid; gap: var(--btp-u-snug); } @media only screen and (min-width: 640px) { .btp_settingspage-wrap { grid-template-columns: 320px 1fr; } } .btp_settingspage-nav { padding-block: var(--btp-u-snug); display: grid; gap: var(--btp-u-tight); align-content: start; } @media only screen and (min-width: 640px) { .btp_settingspage-nav { padding-block-start: var(--btp-u-xroomy); } } .btp_settings-subnav-select { display: block; margin-inline: auto; width: 100%; } @media only screen and (min-width: 640px) { .btp_settings-subnav-select { display: none; } } .btp_settings-subnav-list { display: none; } .btp_settings-subnav-list li { border-top: 1px solid var(--btp-surface-theme); } .btp_settings-subnav-list li:has([aria-current]), .btp_settings-subnav-list li:focus-within, .btp_settings-subnav-list li:hover { border-top-color: transparent; } .btp_settings-subnav-list li:has([aria-current]):focus-within, .btp_settings-subnav-list li:has([aria-current]):hover { border-top-color: var(--btp-surface-theme); } .btp_settings-subnav-list li:first-child { border-top: 0px none; } .btp_settings-subnav-list li:has([aria-current]):not(:focus-within, :hover) + li { border-top-color: transparent; } @media only screen and (min-width: 640px) { .btp_settings-subnav-list { display: block; } } .dmtr_list-account-submissions:has(li) + .dmtr_empty-msg { display: none; } #btp_share-your-story-welcome-wrap .btp_intro { max-width: 32ch; margin-inline: auto; } #btp_share-your-story-welcome-wrap .btp_logo-stack { max-width: min(210px, 37.27%); margin-inline: auto; } ul.btp_explore-list { display: grid; gap: var(--btp-u-xroomy); } @media only screen and (min-width: 640px) { ul.btp_explore-list li:nth-child(even) .btp_theme-intro-header { flex-direction: row-reverse; } ul.btp_explore-list { padding-inline: var(--btp-u-roomy); } } @media only screen and (min-width: 800px) { ul.btp_explore-list { padding-inline: var(--btp-u-roomy); } } .btp_theme-intro-tiles { display: grid; gap: var(--btp-u-tight); } .btp_theme-intro-header { container-type: inline-size; container-name: theme-intro; border-radius: var(--btp-rnd); overflow: clip; } @media only screen and (min-width: 640px) { .btp_theme-intro-header { display: flex; gap: var(--btp-u-tight); } } .btp_theme-intro-thumbnail { border-radius: var(--btp-rnd) var(--btp-rnd) 0 0; aspect-ratio: 5/3; background: var(--btp-theme-surface); display: block; position: relative; overflow: clip; } .btp_theme-intro-thumbnail img { width: 100%; height: 100%; } @media only screen and (min-width: 640px) { .btp_theme-intro-thumbnail { --_size: calc(33cqw - var(--btp-u-tight) + 2px); aspect-ratio: 1; border-radius: var(--btp-rnd); width: var(--_size); height: 100%; } } @media only screen and (min-width: 800px) { .btp_theme-intro-thumbnail { --_size: calc(25cqw - var(--btp-u-tight) + 2px); } } .btp_theme-intro-header-copy { display: grid; gap: var(--btp-u-snug); align-content: start; border-radius: 0 0 var(--btp-rnd) var(--btp-rnd); padding: var(--btp-u-snug); } @media only screen and (min-width: 640px) { .btp_theme-intro-header-copy { border-radius: var(--btp-rnd); flex: 1; padding-block-start: var(--btp-u-roomy); } } .btp_theme-intro-headline { font-family: var(--btp-font-brand-display); text-transform: uppercase; font-size: var(--btp-fntsize-8XL--11XL); line-height: 0.93182; } .btp_theme-intro-intro { font-family: var(--btp-font-brand-body); font-weight: 900; letter-spacing: -1px; font-style: italic; font-size: var(--btp-fntsize-L--3XL); } .btp_theme-intro-actions-list { display: grid; gap: var(--btp-u-tight); grid-template-columns: repeat(2, 1fr); } @media only screen and (min-width: 640px) { .btp_theme-intro-actions-list { grid-template-columns: repeat(3, 1fr); } } @media only screen and (min-width: 800px) { .btp_theme-intro-actions-list { grid-template-columns: repeat(4, 1fr); } } .btp_theme-intro-actions-list li:has(:focus-visible), .btp_theme-intro-actions-list li:hover { filter: var(--btp-dropshadow-raised-subtle); } .btp_theme-intro-action-link, .btp_themed.btp_theme-intro-action-link { font-family: var(--btp-font-brand-display); text-transform: uppercase; font-size: var(--btp-fntsize-3XL--7XL); text-decoration: none; padding: 0.25em 0.5em; } .btp_theme-intro-action-link:focus-visible, .btp_theme-intro-action-link:hover, .btp_themed.btp_theme-intro-action-link:focus-visible, .btp_themed.btp_theme-intro-action-link:hover { background: var(--btp-c-bwwhite); color: var(--btp-surface-theme); } .btp_theme-intro-action-link:focus-visible, .btp_themed.btp_theme-intro-action-link:focus-visible { outline-offset: -3px; } .btp_searchpage-searchform { position: relative; container-type: inline-size; container-name: search-form; font-size: var(--btp-fntsize-4XL--11XL); } .btp_searchpage-searchform input[type=search] { padding-inline-end: 3.25em; } .btp_searchpage-searchform input[type=search]::-webkit-search-cancel-button { right: 2em; } .btp_searchpage-searchform:has([data-has-fiters=true]) input[type=search] { padding-inline-end: 4em; } .btp_searchpage-searchform:has([data-has-fiters=true]) input[type=search]::-webkit-search-cancel-button { right: 2.75em; } .btp_searchpage-searchform .dmtr_fieldset { font-size: 1em; } .btp_searchpage-searchform .dmtr_btn { font-size: 1em; --base_size: 0.85em; gap: 0.2em; } .btp_searchpage-searchform .btp_number-sq { font-size: 0.45em; } .btp_searchpage-searchform .dmtr_menu-toggle { scroll-margin-top: 100px; } .btp_searchpage-searchform .dmtr_menu-toggle label { padding: var(--pad-u); z-index: var(--dmtr-z-content-sup); } .btp_searchpage-searchform .btp_btn-search-submit:before { margin: auto; } .btp_searchpage-searchform .btp_filtersmenu-menu { top: 0; bottom: auto; width: 100cqi; right: 0; z-index: var(--dmtr-z-content); border-radius: var(--btp-rnd-lg); } .btp_searchpage-searchform:before { content: ""; display: block; background: var(--btp-surface-theme); position: fixed; top: 0; left: 0; width: 100%; height: 0; z-index: -1; opacity: 0; transition: opacity var(--btp-trans-slow) ease; } .btp_searchpage-searchform:has([aria-expanded=true]):before { opacity: 0.66; height: 100dvh; } .btp_searchpage-searchform:has([aria-expanded=true]) .btp_filtersmenu-toggle [data-action-close] { translate: calc(100% - 10px) 0; } #btp_locationfilters-menu-wrap .dmtr_legend { padding-block-start: 0.75em; } #btp_locationfilters-menu-wrap .btp_filtersmenu-submits .dmtr_btn { font-size: var(--btp-fntsize-1XL); } #btp_mainmenu-search button[type=submit] { color: inherit; --_icon-clr: var(--clr, currentColor); background: transparent; } #btp_mainmenu-search button[type=submit]:before { background-color: var(--_icon-clr); } .dmtr_external-state-wrap .dmtr_underinput { display: flex; gap: 0.2em; } .dmtr_external-state-wrap:has([aria-invalid=true]) .dmtr_field-state-icon { --mask-position: var(--ico-alert-circle); --state-clr: var(--dmtr-clr-danger); display: block; } [data-pagetype=search] .btp_pane-label { min-width: unset; } .dmtr_maxw-page { max-width: 1200px; margin-inline: auto; } .btp-minh-minus-nav { min-height: var(--btp-min-h-minus-nav); } .dmtr_pad-body-h { padding-inline: var(--dmtr-body-pad); } .dmtr_color-default { color: var(--dmtr-clr-default); } .dmtr_color-accent { color: var(--dmtr-clr-accent); } .dmtr_color-info { color: var(--dmtr-clr-info); } .dmtr_color-success { color: var(--dmtr-clr-success); } .dmtr_color-warning { color: var(--dmtr-clr-warning); } .dmtr_color-danger { color: var(--dmtr-clr-danger); } .dmtr_color-danger-dark { color: var(--dmtr-clr-danger-dark); } [class*=btp_nest-] { display: grid; grid-template-columns: minmax(0, 1fr); } .btp_flush { padding: 0; } .btp_nest-flush, .btp_gap-flush { gap: 0; } .btp_flush-v { padding-top: 0; padding-bottom: 0; } .btp_flush-h { padding-right: 0; padding-left: 0; } .btp_flush-t { padding-top: 0; } .btp_flush-r { padding-right: 0; } .btp_flush-b { padding-bottom: 0; } .btp_flush-l { padding-left: 0; } .btp_xxtight { padding: var(--btp-u-xxtight); } .btp_nest-xxtight, .btp_gap-xxtight { gap: var(--btp-u-xxtight); } .btp_xxtight-v { padding-top: var(--btp-u-xxtight); padding-bottom: var(--btp-u-xxtight); } .btp_xxtight-h { padding-right: var(--btp-u-xxtight); padding-left: var(--btp-u-xxtight); } .btp_xxtight-t { padding-top: var(--btp-u-xxtight); } .btp_xxtight-r { padding-right: var(--btp-u-xxtight); } .btp_xxtight-b { padding-bottom: var(--btp-u-xxtight); } .btp_xxtight-l { padding-left: var(--btp-u-xxtight); } .btp_xtight { padding: var(--btp-u-xtight); } .btp_nest-xtight, .btp_gap-xtight { gap: var(--btp-u-xtight); } .btp_xtight-v { padding-top: var(--btp-u-xtight); padding-bottom: var(--btp-u-xtight); } .btp_xtight-h { padding-right: var(--btp-u-xtight); padding-left: var(--btp-u-xtight); } .btp_xtight-t { padding-top: var(--btp-u-xtight); } .btp_xtight-r { padding-right: var(--btp-u-xtight); } .btp_xtight-b { padding-bottom: var(--btp-u-xtight); } .btp_xtight-l { padding-left: var(--btp-u-xtight); } .btp_tight { padding: var(--btp-u-tight); } .btp_nest-tight, .btp_gap-tight { gap: var(--btp-u-tight); } .btp_tight-v { padding-top: var(--btp-u-tight); padding-bottom: var(--btp-u-tight); } .btp_tight-h { padding-right: var(--btp-u-tight); padding-left: var(--btp-u-tight); } .btp_tight-t { padding-top: var(--btp-u-tight); } .btp_tight-r { padding-right: var(--btp-u-tight); } .btp_tight-b { padding-bottom: var(--btp-u-tight); } .btp_tight-l { padding-left: var(--btp-u-tight); } .btp_xsnug { padding: var(--btp-u-xsnug); } .btp_nest-xsnug, .btp_gap-xsnug { gap: var(--btp-u-xsnug); } .btp_xsnug-v { padding-top: var(--btp-u-xsnug); padding-bottom: var(--btp-u-xsnug); } .btp_xsnug-h { padding-right: var(--btp-u-xsnug); padding-left: var(--btp-u-xsnug); } .btp_xsnug-t { padding-top: var(--btp-u-xsnug); } .btp_xsnug-r { padding-right: var(--btp-u-xsnug); } .btp_xsnug-b { padding-bottom: var(--btp-u-xsnug); } .btp_xsnug-l { padding-left: var(--btp-u-xsnug); } .btp_snug { padding: var(--btp-u-snug); } .btp_nest-snug, .btp_gap-snug { gap: var(--btp-u-snug); } .btp_snug-v { padding-top: var(--btp-u-snug); padding-bottom: var(--btp-u-snug); } .btp_snug-h { padding-right: var(--btp-u-snug); padding-left: var(--btp-u-snug); } .btp_snug-t { padding-top: var(--btp-u-snug); } .btp_snug-r { padding-right: var(--btp-u-snug); } .btp_snug-b { padding-bottom: var(--btp-u-snug); } .btp_snug-l { padding-left: var(--btp-u-snug); } .btp_cozy { padding: var(--btp-u-cozy); } .btp_nest-cozy, .btp_gap-cozy { gap: var(--btp-u-cozy); } .btp_cozy-v { padding-top: var(--btp-u-cozy); padding-bottom: var(--btp-u-cozy); } .btp_cozy-h { padding-right: var(--btp-u-cozy); padding-left: var(--btp-u-cozy); } .btp_cozy-t { padding-top: var(--btp-u-cozy); } .btp_cozy-r { padding-right: var(--btp-u-cozy); } .btp_cozy-b { padding-bottom: var(--btp-u-cozy); } .btp_cozy-l { padding-left: var(--btp-u-cozy); } .btp_roomy { padding: var(--btp-u-roomy); } .btp_nest-roomy, .btp_gap-roomy { gap: var(--btp-u-roomy); } .btp_roomy-v { padding-top: var(--btp-u-roomy); padding-bottom: var(--btp-u-roomy); } .btp_roomy-h { padding-right: var(--btp-u-roomy); padding-left: var(--btp-u-roomy); } .btp_roomy-t { padding-top: var(--btp-u-roomy); } .btp_roomy-r { padding-right: var(--btp-u-roomy); } .btp_roomy-b { padding-bottom: var(--btp-u-roomy); } .btp_roomy-l { padding-left: var(--btp-u-roomy); } .btp_xroomy { padding: var(--btp-u-xroomy); } .btp_nest-xroomy, .btp_gap-xroomy { gap: var(--btp-u-xroomy); } .btp_xroomy-v { padding-top: var(--btp-u-xroomy); padding-bottom: var(--btp-u-xroomy); } .btp_xroomy-h { padding-right: var(--btp-u-xroomy); padding-left: var(--btp-u-xroomy); } .btp_xroomy-t { padding-top: var(--btp-u-xroomy); } .btp_xroomy-r { padding-right: var(--btp-u-xroomy); } .btp_xroomy-b { padding-bottom: var(--btp-u-xroomy); } .btp_xroomy-l { padding-left: var(--btp-u-xroomy); } .btp_xxroomy { padding: var(--btp-u-xxroomy); } .btp_nest-xxroomy, .btp_gap-xxroomy { gap: var(--btp-u-xxroomy); } .btp_xxroomy-v { padding-top: var(--btp-u-xxroomy); padding-bottom: var(--btp-u-xxroomy); } .btp_xxroomy-h { padding-right: var(--btp-u-xxroomy); padding-left: var(--btp-u-xxroomy); } .btp_xxroomy-t { padding-top: var(--btp-u-xxroomy); } .btp_xxroomy-r { padding-right: var(--btp-u-xxroomy); } .btp_xxroomy-b { padding-bottom: var(--btp-u-xxroomy); } .btp_xxroomy-l { padding-left: var(--btp-u-xxroomy); } .btp_xxxroomy { padding: var(--btp-u-xxxroomy); } .btp_nest-xxxroomy, .btp_gap-xxxroomy { gap: var(--btp-u-xxxroomy); } .btp_xxxroomy-v { padding-top: var(--btp-u-xxxroomy); padding-bottom: var(--btp-u-xxxroomy); } .btp_xxxroomy-h { padding-right: var(--btp-u-xxxroomy); padding-left: var(--btp-u-xxxroomy); } .btp_xxxroomy-t { padding-top: var(--btp-u-xxxroomy); } .btp_xxxroomy-r { padding-right: var(--btp-u-xxxroomy); } .btp_xxxroomy-b { padding-bottom: var(--btp-u-xxxroomy); } .btp_xxxroomy-l { padding-left: var(--btp-u-xxxroomy); } .btp_xxxxroomy { padding: var(--btp-u-xxxxroomy); } .btp_nest-xxxxroomy, .btp_gap-xxxxroomy { gap: var(--btp-u-xxxxroomy); } .btp_xxxxroomy-v { padding-top: var(--btp-u-xxxxroomy); padding-bottom: var(--btp-u-xxxxroomy); } .btp_xxxxroomy-h { padding-right: var(--btp-u-xxxxroomy); padding-left: var(--btp-u-xxxxroomy); } .btp_xxxxroomy-t { padding-top: var(--btp-u-xxxxroomy); } .btp_xxxxroomy-r { padding-right: var(--btp-u-xxxxroomy); } .btp_xxxxroomy-b { padding-bottom: var(--btp-u-xxxxroomy); } .btp_xxxxroomy-l { padding-left: var(--btp-u-xxxxroomy); } .btp_body { padding: var(--dmtr-body-pad); } .btp_nest-body, .btp_gap-body { gap: var(--dmtr-body-pad); } .btp_body-v { padding-top: var(--dmtr-body-pad); padding-bottom: var(--dmtr-body-pad); } .btp_body-h { padding-right: var(--dmtr-body-pad); padding-left: var(--dmtr-body-pad); } .btp_body-t { padding-top: var(--dmtr-body-pad); } .btp_body-r { padding-right: var(--dmtr-body-pad); } .btp_body-b { padding-bottom: var(--dmtr-body-pad); } .btp_body-l { padding-left: var(--dmtr-body-pad); } .btp_rnd { border-radius: var(--btp-rnd); } .btp_rnd-lg { border-radius: var(--btp-rnd-lg); } .btp_txt-n { text-transform: none; } .btp_txt-balance, p.btp_txt-balance { text-wrap: balance; } .btp_txt-pretty, p.btp_txt-pretty { text-wrap: pretty; } .btp_shadow-raised { box-shadow: var(--btp-shadow-raised); } .btp_shadow-raised-subtle { box-shadow: var(--btp-shadow-raised-subtle); } .btp_shadow-filter-lifted { filter: var(--btp-dropshadow-lifted); } .btp_shadow-filter-raised-subtle { filter: var(--btp-dropshadow-raised-subtle); } .btp_grid-autofit { --_minw: var(--minw, 14ch); display: grid; grid-template-columns: repeat(auto-fit, minmax(var(--_minw), 1fr)); column-gap: var(--gap, var(--btp-u-tight)); } @media only screen and (min-width: 960px) { .btp_breakup-2cols { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: var(--gap, var(--btp-u-snug)); } } .btp_border-b { border-bottom: 2px solid var(--btp-surface-theme); } .dmtr_txt-normal, .btp_txt-normal { font-style: normal; } .btp_lh-1-625 { line-height: 1.625; } .btp_lh-1-5 { line-height: 1.5; } .btp_lh-1-375 { line-height: 1.375; } .btp_lh-1 { line-height: 1; } .btp_pad-left-15-30 { padding-inline-start: var(--btp-vwu-15-30); } .btp_ns { --btp-surface-theme: var(--btp-c-bwblack); --btp-surface-theme-66op: hsla(0, 0%, 0%, 0.66); --btp-surface-theme-pale: hsl(60, 1%, 17%); --btp-surface-theme-hover: hsl(48, 38%, 97%); --btp-surface-theme-active: hsl(0, 0%, 7%); --btp-surface-theme-focus: hsl(45, 6%, 87%); --btp-surface-theme-disabled: hsl(60, 2%, 61%); --btp-color-theme: hsl(48, 38%, 97%); --btp-color-theme-hover: hsl(0, 0%, 7%); --btp-color-theme-active: hsl(48, 38%, 97%); --btp-color-theme-focus: hsl(60, 1%, 18%); --btp-color-theme-disabled: hsla(48, 38%, 97%, 0.4); --btp-color-theme-dark: var(--btp-c-bwblack); --btp-txt-color-theme: var(--btp-c-white); } .btp_ns.btp_themed, .btp_ns .btp_themed { background: var(--btp-surface-theme); color: var(--btp-color-theme); } .btp_ns [data-theme-dk=true], .btp_ns[data-theme-dk=true] { background: var(--btp-color-theme); color: var(--btp-surface-theme); } .btp_ns .btp_theme-default, .btp_ns[data-theme="00"], .btp_ns [data-theme="00"] { --btp-surface-theme: var(--btp-c-bwblack); --btp-surface-theme-66op: rgba(17.85, 17.85, 17.85, 0.66); --btp-surface-theme-pale: hsl(60, 1%, 17%); --btp-surface-theme-hover: hsl(48, 38%, 97%); --btp-surface-theme-active: hsl(0, 0%, 7%); --btp-surface-theme-focus: hsl(45, 6%, 87%); --btp-surface-theme-disabled: hsl(60, 2%, 61%); --btp-color-theme: hsl(48, 38%, 97%); --btp-color-theme-hover: hsl(0, 0%, 7%); --btp-color-theme-active: hsl(48, 38%, 97%); --btp-color-theme-focus: hsl(60, 1%, 18%); --btp-color-theme-disabled: hsla(48, 38%, 97%, 0.4); --btp-color-theme-dark: var(--btp-c-bwblack); } .btp_ns .btp_theme-default-inverse, .btp_ns .dmtr_dialog-close-wrap-default .dmtr_dialog-close, .dmtr_dialog-close-wrap-default .btp_ns .dmtr_dialog-close, .btp_ns[data-theme="00"][data-theme-dk=true], .btp_ns [data-theme="00"][data-theme-dk=true], .btp_ns [data-theme="00"] [data-theme-dk=true], .btp_ns [data-theme-dk=true], .btp_ns[data-theme-dk=true] { --btp-surface-theme: hsl(48, 38%, 97%); --btp-surface-theme-66op: rgba(250.257, 249.0942, 244.443, 0.66); --btp-surface-theme-pale: hsl(60, 1%, 17%); --btp-surface-theme-hover: hsl(0, 0%, 7%); --btp-surface-theme-active: hsl(48, 38%, 97%); --btp-surface-theme-focus: hsl(60, 1%, 18%); --btp-surface-theme-disabled: hsla(48, 38%, 97%, 0.4); --btp-color-theme: hsl(0, 0%, 7%); --btp-color-theme-hover: hsl(48, 38%, 97%); --btp-color-theme-active: hsl(0, 0%, 7%); --btp-color-theme-focus: hsl(45, 6%, 87%); --btp-color-theme-disabled: hsl(60, 2%, 61%); --btp-color-theme-dark: var(--btp-c-bwblack); } .btp_ns .btp_theme-default-pale, .btp_ns[data-theme="00p"], .btp_ns [data-theme="00p"] { --btp-surface-theme: var(--btp-c-bwblack-pale); --btp-surface-theme-66op: rgba(17.85, 17.85, 17.85, 0.66); --btp-surface-theme-pale: hsla(48, 38%, 97%, 0.5); --btp-surface-theme-hover: hsl(48, 38%, 97%); --btp-surface-theme-active: hsl(0, 0%, 7%); --btp-surface-theme-focus: hsl(45, 6%, 87%); --btp-surface-theme-disabled: hsl(60, 2%, 61%); --btp-color-theme: hsl(48, 38%, 97%); --btp-color-theme-hover: hsl(0, 0%, 7%); --btp-color-theme-active: hsl(48, 38%, 97%); --btp-color-theme-focus: hsl(60, 1%, 18%); --btp-color-theme-disabled: hsla(48, 38%, 97%, 0.4); --btp-color-theme-dark: var(--btp-c-bwblack); } .btp_ns[data-theme=GREEN-DK], .btp_ns [data-theme=GREEN-DK], .btp_ns[data-theme="01"], .btp_ns [data-theme="01"] { --btp-surface-theme: #009987; --btp-surface-theme-66op: rgba(0, 153, 135, 0.66); --btp-surface-theme-pale: HSLA(165, 39%, 64%, 1); --btp-surface-theme-hover: hsl(48, 38%, 97%); --btp-surface-theme-active: #27a999; --btp-surface-theme-focus: #b2e0da; --btp-surface-theme-disabled: rgba(0, 153, 135, 0.4); --btp-color-theme: hsl(48, 38%, 97%); --btp-color-theme-hover: #009987; --btp-color-theme-active: hsl(48, 38%, 97%); --btp-color-theme-focus: hsl(0, 0%, 7%); --btp-color-theme-disabled: hsla(48, 38%, 97%, 0.4); --btp-color-theme-dark: hsl(171, 100%, 24%); } .btp_ns[data-theme=GREEN-DK][data-theme-dk=true], .btp_ns [data-theme=GREEN-DK][data-theme-dk=true], .btp_ns [data-theme=GREEN-DK] [data-theme-dk=true], .btp_ns[data-theme="01"][data-theme-dk=true], .btp_ns [data-theme="01"][data-theme-dk=true], .btp_ns [data-theme="01"] [data-theme-dk=true] { --btp-surface-theme: hsl(48, 38%, 97%); --btp-surface-theme-66op: rgba(250.257, 249.0942, 244.443, 0.66); --btp-surface-theme-pale: HSLA(165, 39%, 64%, 1); --btp-surface-theme-hover: #009987; --btp-surface-theme-active: hsl(48, 38%, 97%); --btp-surface-theme-focus: hsl(0, 0%, 7%); --btp-surface-theme-disabled: hsla(48, 38%, 97%, 0.4); --btp-color-theme: #009987; --btp-color-theme-hover: hsl(48, 38%, 97%); --btp-color-theme-active: #27a999; --btp-color-theme-focus: #b2e0da; --btp-color-theme-disabled: rgba(0, 153, 135, 0.4); --btp-color-theme-dark: hsl(171, 100%, 24%); } .btp_ns[data-theme=BLUE], .btp_ns [data-theme=BLUE], .btp_ns[data-theme="02"], .btp_ns [data-theme="02"] { --btp-surface-theme: #1199ee; --btp-surface-theme-66op: rgba(17, 153, 238, 0.66); --btp-surface-theme-pale: HSLA(201, 69%, 72%, 1); --btp-surface-theme-hover: hsl(48, 38%, 97%); --btp-surface-theme-active: #3ea8f0; --btp-surface-theme-focus: #badff9; --btp-surface-theme-disabled: rgba(17, 153, 238, 0.4); --btp-color-theme: hsl(48, 38%, 97%); --btp-color-theme-hover: #1199ee; --btp-color-theme-active: hsl(48, 38%, 97%); --btp-color-theme-focus: #1199ee; --btp-color-theme-disabled: hsla(48, 38%, 97%, 0.4); --btp-color-theme-dark: hsl(204, 100%, 33%); } .btp_ns[data-theme=BLUE][data-theme-dk=true], .btp_ns [data-theme=BLUE][data-theme-dk=true], .btp_ns [data-theme=BLUE] [data-theme-dk=true], .btp_ns[data-theme="02"][data-theme-dk=true], .btp_ns [data-theme="02"][data-theme-dk=true], .btp_ns [data-theme="02"] [data-theme-dk=true] { --btp-surface-theme: hsl(48, 38%, 97%); --btp-surface-theme-66op: rgba(250.257, 249.0942, 244.443, 0.66); --btp-surface-theme-pale: HSLA(201, 69%, 72%, 1); --btp-surface-theme-hover: #1199ee; --btp-surface-theme-active: hsl(48, 38%, 97%); --btp-surface-theme-focus: #1199ee; --btp-surface-theme-disabled: hsla(48, 38%, 97%, 0.4); --btp-color-theme: #1199ee; --btp-color-theme-hover: hsl(48, 38%, 97%); --btp-color-theme-active: #3ea8f0; --btp-color-theme-focus: #badff9; --btp-color-theme-disabled: rgba(17, 153, 238, 0.4); --btp-color-theme-dark: hsl(204, 100%, 33%); } .btp_ns[data-theme=YELLOW], .btp_ns [data-theme=YELLOW], .btp_ns[data-theme="03"], .btp_ns [data-theme="03"] { --btp-surface-theme: #ee9b00; --btp-surface-theme-66op: rgba(238, 155, 0, 0.66); --btp-surface-theme-pale: HSLA(40, 87%, 70%, 1); --btp-surface-theme-hover: hsl(48, 38%, 97%); --btp-surface-theme-active: #eead04; --btp-surface-theme-focus: #eead04; --btp-surface-theme-disabled: rgba(238, 155, 0, 0.4); --btp-color-theme: hsl(48, 38%, 97%); --btp-color-theme-hover: #ee9b00; --btp-color-theme-active: hsl(48, 38%, 97%); --btp-color-theme-focus: hsl(48, 38%, 97%); --btp-color-theme-disabled: hsla(48, 38%, 97%, 0.4); --btp-color-theme-dark: hsl(51, 100%, 23%); } .btp_ns[data-theme=YELLOW][data-theme-dk=true], .btp_ns [data-theme=YELLOW][data-theme-dk=true], .btp_ns [data-theme=YELLOW] [data-theme-dk=true], .btp_ns[data-theme="03"][data-theme-dk=true], .btp_ns [data-theme="03"][data-theme-dk=true], .btp_ns [data-theme="03"] [data-theme-dk=true] { --btp-surface-theme: hsl(48, 38%, 97%); --btp-surface-theme-66op: rgba(250.257, 249.0942, 244.443, 0.66); --btp-surface-theme-pale: HSLA(40, 87%, 70%, 1); --btp-surface-theme-hover: #ee9b00; --btp-surface-theme-active: hsl(48, 38%, 97%); --btp-surface-theme-focus: hsl(48, 38%, 97%); --btp-surface-theme-disabled: hsla(48, 38%, 97%, 0.4); --btp-color-theme: #ee9b00; --btp-color-theme-hover: hsl(48, 38%, 97%); --btp-color-theme-active: #eead04; --btp-color-theme-focus: #eead04; --btp-color-theme-disabled: rgba(238, 155, 0, 0.4); --btp-color-theme-dark: hsl(51, 100%, 23%); } .btp_ns[data-theme=GREEN-BR], .btp_ns [data-theme=GREEN-BR], .btp_ns[data-theme="04"], .btp_ns [data-theme="04"] { --btp-surface-theme: #11b943; --btp-surface-theme-66op: rgba(17, 185, 67, 0.66); --btp-surface-theme-pale: HSLA(129, 50%, 69%, 1); --btp-surface-theme-hover: hsl(48, 38%, 97%); --btp-surface-theme-active: #49c461; --btp-surface-theme-focus: #c3eac7; --btp-surface-theme-disabled: rgba(17, 185, 67, 0.4); --btp-color-theme: hsl(48, 38%, 97%); --btp-color-theme-hover: #11b943; --btp-color-theme-active: hsl(48, 38%, 97%); --btp-color-theme-focus: #11b943; --btp-color-theme-disabled: hsla(48, 38%, 97%, 0.4); --btp-color-theme-dark: hsl(129, 100%, 23%); } .btp_ns[data-theme=GREEN-BR][data-theme-dk=true], .btp_ns [data-theme=GREEN-BR][data-theme-dk=true], .btp_ns [data-theme=GREEN-BR] [data-theme-dk=true], .btp_ns[data-theme="04"][data-theme-dk=true], .btp_ns [data-theme="04"][data-theme-dk=true], .btp_ns [data-theme="04"] [data-theme-dk=true] { --btp-surface-theme: hsl(48, 38%, 97%); --btp-surface-theme-66op: rgba(250.257, 249.0942, 244.443, 0.66); --btp-surface-theme-pale: HSLA(129, 50%, 69%, 1); --btp-surface-theme-hover: #11b943; --btp-surface-theme-active: hsl(48, 38%, 97%); --btp-surface-theme-focus: #11b943; --btp-surface-theme-disabled: hsla(48, 38%, 97%, 0.4); --btp-color-theme: #11b943; --btp-color-theme-hover: hsl(48, 38%, 97%); --btp-color-theme-active: #49c461; --btp-color-theme-focus: #c3eac7; --btp-color-theme-disabled: rgba(17, 185, 67, 0.4); --btp-color-theme-dark: hsl(129, 100%, 23%); } .btp_ns[data-theme=BROWN], .btp_ns [data-theme=BROWN], .btp_ns[data-theme="05"], .btp_ns [data-theme="05"] { --btp-surface-theme: #bb6733; --btp-surface-theme-66op: rgba(187, 103, 51, 0.66); --btp-surface-theme-pale: HSLA(26, 54%, 70%, 1); --btp-surface-theme-hover: hsl(48, 38%, 97%); --btp-surface-theme-active: #c97a37; --btp-surface-theme-focus: #e6b96b; --btp-surface-theme-disabled: rgba(187, 103, 51, 0.4); --btp-color-theme: hsl(48, 38%, 97%); --btp-color-theme-hover: #bb6733; --btp-color-theme-active: hsl(48, 38%, 97%); --btp-color-theme-focus: hsl(48, 38%, 97%); --btp-color-theme-disabled: hsla(48, 38%, 97%, 0.4); --btp-color-theme-dark: hsl(26, 64%, 37%); } .btp_ns[data-theme=BROWN][data-theme-dk=true], .btp_ns [data-theme=BROWN][data-theme-dk=true], .btp_ns [data-theme=BROWN] [data-theme-dk=true], .btp_ns[data-theme="05"][data-theme-dk=true], .btp_ns [data-theme="05"][data-theme-dk=true], .btp_ns [data-theme="05"] [data-theme-dk=true] { --btp-surface-theme: hsl(48, 38%, 97%); --btp-surface-theme-66op: rgba(250.257, 249.0942, 244.443, 0.66); --btp-surface-theme-pale: HSLA(26, 54%, 70%, 1); --btp-surface-theme-hover: #bb6733; --btp-surface-theme-active: hsl(48, 38%, 97%); --btp-surface-theme-focus: hsl(48, 38%, 97%); --btp-surface-theme-disabled: hsla(48, 38%, 97%, 0.4); --btp-color-theme: #bb6733; --btp-color-theme-hover: hsl(48, 38%, 97%); --btp-color-theme-active: #c97a37; --btp-color-theme-focus: #e6b96b; --btp-color-theme-disabled: rgba(187, 103, 51, 0.4); --btp-color-theme-dark: hsl(26, 64%, 37%); } .btp_ns[data-theme=RED], .btp_ns [data-theme=RED], .btp_ns[data-theme="06"], .btp_ns [data-theme="06"] { --btp-surface-theme: #cc2244; --btp-surface-theme-66op: rgba(204, 34, 68, 0.66); --btp-surface-theme-pale: HSLA(355, 63%, 72%, 1); --btp-surface-theme-hover: hsl(48, 38%, 97%); --btp-surface-theme-active: #dc2745; --btp-surface-theme-focus: #dc2745; --btp-surface-theme-disabled: rgba(204, 34, 68, 0.4); --btp-color-theme: hsl(48, 38%, 97%); --btp-color-theme-hover: #cc2244; --btp-color-theme-active: hsl(48, 38%, 97%); --btp-color-theme-focus: hsl(48, 38%, 97%); --btp-color-theme-disabled: hsla(48, 38%, 97%, 0.4); --btp-color-theme-dark: hsl(346, 73%, 41%); } .btp_ns[data-theme=RED][data-theme-dk=true], .btp_ns [data-theme=RED][data-theme-dk=true], .btp_ns [data-theme=RED] [data-theme-dk=true], .btp_ns[data-theme="06"][data-theme-dk=true], .btp_ns [data-theme="06"][data-theme-dk=true], .btp_ns [data-theme="06"] [data-theme-dk=true] { --btp-surface-theme: hsl(48, 38%, 97%); --btp-surface-theme-66op: rgba(250.257, 249.0942, 244.443, 0.66); --btp-surface-theme-pale: HSLA(355, 63%, 72%, 1); --btp-surface-theme-hover: #cc2244; --btp-surface-theme-active: hsl(48, 38%, 97%); --btp-surface-theme-focus: hsl(48, 38%, 97%); --btp-surface-theme-disabled: hsla(48, 38%, 97%, 0.4); --btp-color-theme: #cc2244; --btp-color-theme-hover: hsl(48, 38%, 97%); --btp-color-theme-active: #dc2745; --btp-color-theme-focus: #dc2745; --btp-color-theme-disabled: rgba(204, 34, 68, 0.4); --btp-color-theme-dark: hsl(346, 73%, 41%); } .btp_body:has(dialog[open]), .btp_body:has(#btp_mainmenu-toggle[aria-expanded=true]), .btp_body:has(#btp_accountmenu-toggle[aria-expanded=true]), .btp_body:has(#btp_filtersmenu-toggle[aria-expanded=true]) { overflow: hidden; } /*# sourceMappingURL=demeter-app.css.map */