.bask-root{ width: 100%; max-width: 100%; background: hsl(var(--background)); color: hsl(var(--foreground)); font-family: var(--font-family-body); container-type: inline-size; container-name: bask; }.bask-root,.bask-root *,.bask-root *::before,.bask-root *::after{ box-sizing: border-box; }.bask-root main{ overflow-x: clip; width: 100%; }.bask-root main:has(.bask-flow-wide),.bask-root main:has(.bask-flow-full){ overflow-x: visible; }.bask-root,.bask-root p,.bask-root h1,.bask-root h2,.bask-root h3{ overflow-wrap: anywhere; }section.bask-rsp{ width: 100%; }.bask-root--authoring :is(input, textarea, select, button, [role="combobox"], [role="switch"], [role="slider"], [role="radio"], [role="checkbox"], .bask-select-trigger):not(.bask-carousel-arrow):not(.bask-carousel-dot){ pointer-events: none; }.bask-layout-chrome__hit{ cursor: pointer; }.bask-layout-chrome::after{ content: ""; position: absolute; inset: 0; z-index: 61; pointer-events: none; outline: 1px dashed transparent; outline-offset: -1px; transition: outline-color 120ms ease; }.bask-layout-chrome:hover::after{ outline-color: rgba(110, 86, 207, 0.75); }.bask-layout-chrome[data-selected]::after{ outline: 2px solid #6e56cf; outline-offset: -2px; }.bask-layout-tag{ display: inline-flex; align-items: center; gap: 5px; height: 22px; padding: 0 8px 0 7px; border: 1px solid rgba(110, 86, 207, 0.22); border-radius: 999px; box-sizing: border-box; background: rgba(255, 255, 255, 0.94); color: #5b47b8; box-shadow: 0 1px 2px rgba(16, 24, 40, 0.08); font: 600 11px/1 system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; letter-spacing: 0; text-transform: none; white-space: nowrap; pointer-events: none; transition: background-color 120ms ease, color 120ms ease, border-color 120ms ease; }.bask-layout-tag__name{ font-weight: 500; opacity: 0.75; max-width: 180px; overflow: hidden; text-overflow: ellipsis; }.bask-layout-tag__name::before{ content: "\00B7"; margin-right: 5px; }.bask-layout-tag__edit{ display: inline-flex; align-items: center; justify-content: center; flex: none; width: 18px; height: 18px; margin: 0 -5px 0 1px; padding: 0; border: 0; border-radius: 999px; background: rgba(110, 86, 207, 0.12); color: inherit; cursor: pointer; }.bask-layout-tag__edit:hover{ background: rgba(110, 86, 207, 0.22); }.bask-layout-tag__edit:focus-visible{ outline: 2px solid #6e56cf; outline-offset: 1px; }.bask-layout-chrome:is(:hover, [data-selected]) .bask-layout-tag{ background: #6e56cf; border-color: #6e56cf; color: #fff; }.bask-layout-chrome:is(:hover, [data-selected]) .bask-layout-tag__edit{ background: rgba(255, 255, 255, 0.18); }.bask-layout-chrome:is(:hover, [data-selected]) .bask-layout-tag__edit:hover{ background: rgba(255, 255, 255, 0.32); }.bask-layout-chrome:is(:hover, [data-selected]) .bask-layout-tag__edit:focus-visible{ outline-color: #fff; }.bask-field-wrap{ text-align: start; }.bask-trust{ text-align: start; }.bask-trust__zone{ display: inline-flex; align-items: center; gap: inherit; min-width: 0; }.bask-field-wrap{ display: flex; flex-direction: column; gap: var(--spacing-100); }.bask-field-label{ display: inline-flex; align-items: center; column-gap: var(--spacing-100); font-family: var(--font-family-body); font-weight: var(--font-weight-medium); font-size: var(--font-size-body-02); line-height: var(--line-height-body-02); letter-spacing: var(--letter-spacing-body-02); color: hsl(var(--foreground)); }.bask-field-help{ display: inline-flex; align-items: center; justify-content: center; width: 1.75em; height: 1.75em; flex: 0 0 auto; position: relative; border-radius: var(--radius-full, 9999px); background: hsl(var(--muted-foreground)); color: hsl(var(--background)); font-size: 0.8em; font-weight: var(--font-weight-medium); line-height: 1; cursor: help; }.bask-field-help::before{ content: ""; position: absolute; inset: -0.6em; }.bask-field-help-popup{ width: max-content; max-width: 16rem; padding: var(--spacing-100) var(--spacing-200); background: hsl(var(--foreground)); color: hsl(var(--background)); border-radius: var(--radius-base); font-size: var(--font-size-body-03); line-height: var(--line-height-body-03); letter-spacing: normal; font-weight: var(--font-weight-regular); box-shadow: var(--shadow-mid); z-index: 55; opacity: 1; transition: opacity 120ms ease; }.bask-field-help-popup[data-starting-style],.bask-field-help-popup[data-ending-style]{ opacity: 0; }@media (prefers-reduced-motion: reduce){.bask-field-help-popup{ transition: none; }}.bask-field-desc{ font-size: var(--font-size-body-03); line-height: var(--line-height-body-03); color: hsl(var(--muted-foreground)); }.bask-field-tpl{ display: flex; flex-direction: column; align-items: stretch; gap: var(--spacing-100); min-width: 0; }.bask-field-tpl-zone{ display: flex; flex-direction: column; gap: inherit; min-width: 0; }.bask-field--question > .bask-field-tpl{ gap: calc(var(--spacing-100) * 2); }.bask-field--question:not([data-label="inline"]):not([data-label="floating"]) > .bask-field-label{ order: -2; font-family: var(--font-family-heading); font-weight: var(--font-weight-heading); font-size: var(--font-size-heading-03); line-height: var(--line-height-heading-03); letter-spacing: var(--letter-spacing-heading-03); }.bask-field--question:not([data-label="inline"]):not([data-label="floating"]):not(:has(> .bask-choice-row)) > .bask-field-desc{ order: -1; margin-bottom: calc(var(--spacing-600) - var(--spacing-100)); font-family: var(--font-family-body); font-size: var(--font-size-body-01); line-height: var(--line-height-body-01); letter-spacing: var(--letter-spacing-body-01); color: hsl(var(--foreground)); }.bask-field--question:not(fieldset):not([data-label="inline"]):not([data-label="floating"]):not(:has(> .bask-choice-row)) > .bask-field-desc{ margin-top: var(--spacing-100); }.bask-field--question:not(fieldset):not([data-label="inline"]):not([data-label="floating"]):not(:has(> .bask-field-desc)) > .bask-field-label{ margin-bottom: calc(var(--spacing-600) - var(--spacing-100)); }fieldset.bask-field--question:not(:has(> .bask-field-desc)) > .bask-field-label + *{ margin-top: calc(var(--spacing-600) - var(--spacing-200)); }.bask-field{ width: 100%; box-sizing: border-box; font-family: var(--font-family-body); font-size: var(--font-size-body-01); line-height: var(--line-height-body-01); letter-spacing: var(--letter-spacing-body-01); color: var(--field-text, hsl(var(--foreground))); background: var(--field-surface, hsl(var(--background))); border: var(--field-border-width, var(--stroke-xs)) solid var(--field-border, hsl(var(--input))); border-radius: var(--field-radius, var(--radius-lg)); padding: var(--bask-fs-py, var(--spacing-200)) var(--bask-fs-px, var(--spacing-300)); min-height: calc( var(--line-height-body-01) + var(--bask-fs-py, var(--spacing-200)) * 2 + var(--field-border-width, var(--stroke-xs)) * 2 ); outline: none; transition: border-color 120ms ease, box-shadow 120ms ease; }.bask-field::placeholder{ color: var(--field-placeholder, hsl(var(--muted-foreground))); }[data-field-size="sm"]{ --bask-fs-py: var(--spacing-100); --bask-fs-px: var(--spacing-200); --bask-fs-k: 0.875; --bask-slider-h: 1rem; --bask-slider-track: 0.25rem; --bask-slider-thumb: 0.875rem; }[data-field-size="md"]{ --bask-fs-py: var(--spacing-200); --bask-fs-px: var(--spacing-300); --bask-fs-k: 1; --bask-slider-h: 1.25rem; --bask-slider-track: 0.4rem; --bask-slider-thumb: 1.1rem; }[data-field-size="lg"]{ --bask-fs-py: var(--spacing-300); --bask-fs-px: var(--spacing-400); --bask-fs-k: 1.125; --bask-slider-h: 1.75rem; --bask-slider-track: 0.6rem; --bask-slider-thumb: 1.5rem; }[data-field-width="fit"]{ align-items: flex-start; }[data-field-width="fit"][data-label="inline"]{ align-items: center; }[data-field-width="fit"] .bask-field,[data-field-width="fit"] .bask-field-floatbox{ width: auto; max-width: 100%; }[data-field-width="fit"] .bask-field:not(.bask-phone-prefix):not(.bask-phone-country){ min-width: calc(var(--spacing-300) * 10); field-sizing: content; }[data-field-width="fit"][data-label="inline"] > .bask-field,[data-field-width="fit"][data-label="inline"] > .bask-field-floatbox{ flex: 0 1 auto; }.bask-field:hover{ border-color: var(--focus-ring, hsl(var(--ring))); }.bask-field:focus-visible{ border-color: var(--focus-ring, hsl(var(--ring))); box-shadow: inset 0 0 0 var(--focus-width, var(--stroke-sm)) var(--focus-ring, hsl(var(--ring))); }.bask-field[aria-invalid="true"]{ border-color: hsl(var(--destructive)); box-shadow: inset 0 0 0 var(--stroke-sm) hsl(var(--destructive)); }.bask-field--filled[aria-invalid="true"],.bask-field--underline[aria-invalid="true"]{ border-color: transparent; border-bottom-color: hsl(var(--destructive)); box-shadow: none; }[data-bask-invalid] .bask-choice-tile{ border-color: hsl(var(--destructive)); }.bask-field--filled{ background: hsl(var(--muted)); border: var(--field-border-width, var(--stroke-xs)) solid transparent; border-bottom-color: var(--field-border, hsl(var(--input))); border-radius: var(--field-radius, var(--radius-lg)) var(--field-radius, var(--radius-lg)) 0 0; }.bask-field--filled:hover{ border-bottom-color: var(--focus-ring, hsl(var(--ring))); }.bask-field--filled:focus-visible{ box-shadow: none; border-color: transparent; border-bottom-color: var(--focus-ring, hsl(var(--ring))); }.bask-field--underline{ background: transparent; border: none; border-bottom: var(--field-border-width, var(--stroke-xs)) solid var(--field-border, hsl(var(--input))); border-radius: 0; padding-left: 0; padding-right: 0; }.bask-field--underline:hover{ border-bottom-color: var(--focus-ring, hsl(var(--ring))); }.bask-field--underline:focus-visible{ box-shadow: none; border-bottom-color: var(--focus-ring, hsl(var(--ring))); }.bask-field-wrap[data-label="inline"]{ flex-direction: row; align-items: center; flex-wrap: wrap; column-gap: var(--spacing-200); }.bask-field-wrap[data-label="inline"]:has(.bask-calendar){ align-items: flex-start; }.bask-field-wrap[data-label="inline"] > .bask-field-label{ flex: 0 0 var(--bask-label-w, 8rem); overflow-wrap: anywhere; }.bask-field-wrap[data-label="inline"] > .bask-field,.bask-field-wrap[data-label="inline"] > .bask-field-floatbox{ flex: 1 1 12rem; min-width: 0; }.bask-field-wrap[data-label="inline"] > .bask-field-desc,.bask-field-wrap[data-label="inline"] > .bask-field-count,.bask-field-wrap[data-label="inline"] > .bask-field-error{ flex-basis: 100%; }.bask-field-floatbox{ position: relative; display: flex; width: 100%; }.bask-field-floatbox > .bask-field{ width: 100%; }.bask-field-floatlabel{ position: absolute; left: var(--bask-fs-px, var(--spacing-300)); top: 50%; transform: translateY(-50%); transform-origin: left center; max-width: calc(100% - var(--spacing-500)); padding: 0 var(--spacing-50); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; background: transparent; color: hsl(var(--muted-foreground)); z-index: 1; font-family: var(--font-family-body); font-size: var(--font-size-body-01); line-height: 1; pointer-events: none; transition: transform 120ms ease, color 120ms ease, top 120ms ease; }.bask-field-floatbox:focus-within > .bask-field-floatlabel,.bask-field-floatbox[data-shrink="true"] > .bask-field-floatlabel,.bask-field-floatbox > input.bask-field:not(:placeholder-shown) ~ .bask-field-floatlabel{ top: 0; transform: translateY(-50%) scale(0.82); background: hsl(var(--background)); }.bask-field-floatbox:focus-within > .bask-field-floatlabel{ color: hsl(var(--ring)); }.bask-field-floatbox:has(.bask-date-calendar-btn[data-popup-open]) > .bask-field-floatlabel{ top: 0; transform: translateY(-50%) scale(0.82); background: hsl(var(--background)); color: hsl(var(--ring)); }.bask-field-floatbox:has([aria-expanded="true"]) > .bask-field-floatlabel,.bask-field-floatbox:has(input.bask-field:not(:placeholder-shown)) > .bask-field-floatlabel,.bask-field-floatbox:has(.bask-date-segment:not(:placeholder-shown)) > .bask-field-floatlabel,.bask-field-floatbox:has(.bask-combo-chip-field:not(:placeholder-shown)) > .bask-field-floatlabel{ top: 0; transform: translateY(-50%) scale(0.82); background: hsl(var(--background)); }.bask-field-floatbox > textarea.bask-field ~ .bask-field-floatlabel{ top: var(--bask-fs-py, var(--spacing-200)); transform: none; }.bask-field-floatbox > textarea.bask-field:focus ~ .bask-field-floatlabel,.bask-field-floatbox > textarea.bask-field:not(:placeholder-shown) ~ .bask-field-floatlabel{ top: 0; transform: translateY(-50%) scale(0.82); background: hsl(var(--background)); }@media (prefers-reduced-motion: reduce){.bask-field-floatlabel{ transition: none; }}.bask-field-count{ align-self: flex-end; font-size: var(--font-size-body-03); line-height: var(--line-height-body-03); color: hsl(var(--muted-foreground)); }.bask-field-affix{ display: inline-flex; align-items: center; flex: 0 0 auto; padding: 0 var(--bask-fs-px, var(--spacing-300)); background: hsl(var(--muted)); border: var(--field-border-width, var(--stroke-xs)) solid var(--field-border, hsl(var(--input))); border-radius: var(--field-radius, var(--radius-lg)); color: hsl(var(--muted-foreground)); font-family: var(--font-family-body); font-size: var(--font-size-body-01); line-height: var(--line-height-body-01); white-space: nowrap; }.bask-field-reveal{ all: unset; box-sizing: border-box; position: absolute; top: 50%; right: var(--spacing-100); transform: translateY(-50%); display: inline-flex; align-items: center; justify-content: center; width: 2em; height: 2em; cursor: pointer; color: hsl(var(--muted-foreground)); border-radius: var(--radius-base); transition: color 120ms ease; }.bask-field-reveal:hover{ color: hsl(var(--foreground)); }.bask-field-reveal:focus-visible{ outline: var(--stroke-sm) solid hsl(var(--ring)); outline-offset: 2px; }@media (prefers-reduced-motion: reduce){.bask-field-reveal{ transition: none; }}.bask-choice-row{ display: inline-flex; align-items: center; gap: var(--spacing-100); cursor: pointer; font-family: var(--font-family-body); font-size: var(--font-size-body-01); line-height: var(--line-height-body-01); letter-spacing: var(--letter-spacing-body-01); color: hsl(var(--foreground)); }.bask-choice-row--justify{ display: flex; width: 100%; justify-content: space-between; }.bask-choice-row--top{ display: inline-flex; flex-direction: column; align-items: flex-start; gap: var(--spacing-100); }.bask-radio{ border-radius: var(--radius-full); }.bask-radio-dot{ width: 0.5em; height: 0.5em; border-radius: var(--radius-full); background: var(--indicator-mark, hsl(var(--primary-foreground))); }.bask-field:disabled{ opacity: 0.55; cursor: not-allowed; }.bask-choice-group{ display: grid; grid-template-columns: repeat(var(--bask-choice-cols, 1), minmax(0, 1fr)); gap: var(--spacing-100); }@container bask (max-width: 639px){.bask-choice-group{ grid-template-columns: repeat(1, minmax(0, 1fr)); }}.bask-choice-group--row{ display: flex; flex-wrap: wrap; }.bask-choice-group--row .bask-choice-tile{ flex: 1 1 auto; }.bask-visually-hidden{ position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }.bask-feature-list .bask-choice-icon{ margin-top: 0.15em; }.bask-choice-frame{ box-sizing: border-box; min-width: 0; background: var(--cf-bg); color: var(--cf-fg, inherit); border: var(--cf-bw) solid var(--cf-border); border-radius: min(var(--cf-radius), 1rem); box-shadow: var(--cf-shadow, none); font-family: var(--font-family-body); font-size: var(--font-size-body-01); line-height: var(--line-height-body-01); letter-spacing: var(--letter-spacing-body-01); overflow-wrap: break-word; word-break: normal; transition: border-color 120ms ease, background 120ms ease, box-shadow 120ms ease, color 120ms ease; }.bask-choice-frame :is(p, h2, h3, h4, h5, h6){ overflow-wrap: break-word; word-break: normal; max-width: 100%; }.bask-choice-frame .bask-flex{ max-width: 100%; }@media (prefers-reduced-motion: reduce){.bask-choice-frame,.bask-radio-ind,.bask-radio-ind-mark{ transition: none; }}.bask-radio-ind{ flex: 0 0 auto; box-sizing: border-box; display: inline-flex; align-items: center; justify-content: center; width: var(--ri-size); height: var(--ri-size); background: var(--ri-bg, var(--indicator-surface, hsl(var(--background)))); border: var(--ri-bw, var(--stroke-sm)) solid var(--ri-border, var(--field-border, hsl(var(--input)))); border-radius: var(--radius-full); transition: background 120ms ease, border-color 120ms ease; }.bask-radio-ind[data-shape="square"]{ border-radius: min(var(--radius-sm), 0.25rem); }.bask-radio-ind-mark > svg{ flex: 0 0 auto; width: calc(var(--ri-size) * 0.62); height: auto; }.bask-radio-ind-mark{ display: inline-flex; align-items: center; justify-content: center; width: 100%; height: 100%; color: var(--ri-mark, var(--indicator-mark, hsl(var(--primary-foreground)))); opacity: 0; transform: scale(0.5); transition: opacity 120ms ease, transform 120ms ease; }.bask-radio-ind[data-mark="dot"] .bask-radio-ind-mark{ width: 40%; height: 40%; border-radius: var(--radius-full); background: var(--ri-mark, var(--indicator-mark, hsl(var(--primary-foreground)))); }.bask-radio-ind[data-checked-style="ring"][data-mark="dot"] .bask-radio-ind-mark{ width: 0.56em; height: 0.56em; background: var(--ri-checked, var(--indicator-checked, hsl(var(--primary)))); }.bask-radio-ind[data-checked-style="ring"][data-mark="check"] .bask-radio-ind-mark{ color: var(--ri-checked, var(--indicator-checked, hsl(var(--primary)))); }.bask-radio-ind[data-checked-style="mark"]{ background: transparent; border-color: transparent; }.bask-radio-ind[data-checked-style="mark"][data-mark="check"] .bask-radio-ind-mark{ color: var(--ri-checked, var(--indicator-checked, hsl(var(--primary)))); }.bask-radio-ind[data-checked-style="mark"] .bask-radio-ind-mark > svg{ width: calc(var(--ri-size) * 0.87); }.bask-radio-ind[data-checked-style="mark"][data-mark="dot"] .bask-radio-ind-mark{ background: var(--ri-checked, var(--indicator-checked, hsl(var(--primary)))); }.bask-choice-img[data-layout="banner"]{ width: 100%; height: 5rem; }.bask-choice-img[data-layout="product"]{ width: 3.25em; height: 3.25em; object-fit: contain; border-radius: min(var(--radius-lg), 0.75rem); background: hsl(var(--muted)); }.bask-choice-tile{ display: flex; align-items: center; gap: var(--spacing-200); padding: var(--spacing-300); min-height: 3.5rem; background: var(--bask-tile-surface, var(--option-surface, hsl(var(--background)))); border: var(--field-border-width, var(--stroke-xs)) solid var(--option-border, hsl(var(--input))); border-radius: min(var(--option-radius, var(--radius-lg)), 1rem); cursor: pointer; font-family: var(--font-family-body); font-size: var(--font-size-body-01); line-height: var(--line-height-body-01); letter-spacing: var(--letter-spacing-body-01); color: var(--bask-tile-text, hsl(var(--foreground))); transition: border-color 120ms ease, background 120ms ease, box-shadow 120ms ease; }.bask-choice-tile:hover{ border-color: var(--focus-ring, hsl(var(--ring))); }.bask-choice-tile:has(input:checked){ --bask-tile-surface: var(--option-selected-surface, hsl(var(--background))); --bask-tile-text: var(--option-selected-text, hsl(var(--foreground))); border-color: var(--option-selected-border, hsl(var(--primary))); box-shadow: inset 0 0 0 var(--field-border-width, var(--stroke-xs)) var(--option-selected-border, hsl(var(--primary))); }.bask-choice-tile:has(input:focus-visible){ box-shadow: inset 0 0 0 var(--focus-width, var(--stroke-sm)) var(--focus-ring, hsl(var(--ring))); }.bask-choice-body{ display: flex; flex-direction: column; gap: var(--spacing-25); flex: 1; min-width: 0; overflow-wrap: normal; word-break: normal; }.bask-choice-desc{ font-size: var(--font-size-body-03); line-height: var(--line-height-body-03); color: hsl(var(--muted-foreground)); }.bask-choice-img{ width: 2.5rem; height: 2.5rem; border-radius: min(var(--radius-base), 0.5rem); object-fit: cover; flex: 0 0 auto; }.bask-choice-icon{ display: inline-flex; align-items: center; flex: 0 0 auto; color: currentColor; }.bask-choice-icon svg{ width: var(--bci-size, 1.15em); height: var(--bci-size, 1.15em); }.bask-choice-tile:has(> input[type="checkbox"]) > input{ order: 1; margin-left: auto; }.bask-prod-acc-summary::-webkit-details-marker{ display: none; }.bask-choice-scale{ display: flex; justify-content: space-between; font-size: var(--font-size-body-03); line-height: var(--line-height-body-03); color: hsl(var(--muted-foreground)); }@media (prefers-reduced-motion: reduce){.bask-choice-tile{ transition: none; }}.bask-choice-parent{ grid-column: 1 / -1; }.bask-choice-parent[data-active]{ border: var(--field-border-width, var(--stroke-xs)) solid var(--option-selected-border, hsl(var(--primary))); border-radius: min(var(--option-radius, var(--radius-lg)), 1rem); overflow: hidden; }.bask-choice-parent[data-active] .bask-choice-tile{ border-color: transparent; border-radius: 0; box-shadow: none; }.bask-choice-subtray{ display: flex; flex-direction: column; gap: var(--spacing-200); padding: var(--spacing-300); background: hsl(var(--muted)); border-top: var(--stroke-xs) solid hsl(var(--border)); }.bask-choice-prompt{ font-size: var(--font-size-body-03); line-height: var(--line-height-body-03); color: hsl(var(--muted-foreground)); }.bask-choice-reveal{ font-size: var(--font-size-body-03); line-height: var(--line-height-body-03); color: hsl(var(--muted-foreground)); }.bask-choice-segmented{ display: grid; grid-auto-flow: column; grid-auto-columns: minmax(0, 1fr); gap: var(--spacing-100); }.bask-choice-seg{ display: flex; align-items: center; justify-content: center; min-height: 2.75rem; padding: var(--spacing-100) var(--spacing-200); border: var(--stroke-xs) solid hsl(var(--input)); border-radius: min(var(--radius-lg), 0.75rem); background: hsl(var(--background)); cursor: pointer; font-family: var(--font-family-body); font-size: var(--font-size-body-02); line-height: var(--line-height-body-02); letter-spacing: var(--letter-spacing-body-02); color: hsl(var(--foreground)); text-align: center; transition: background 120ms ease, color 120ms ease, border-color 120ms ease, box-shadow 120ms ease; }.bask-choice-seg:hover{ border-color: hsl(var(--ring)); }.bask-choice-seg:has(input:checked),.bask-choice-seg[data-selected="true"]{ background: hsl(var(--primary)); border-color: hsl(var(--primary)); color: hsl(var(--primary-foreground)); }.bask-choice-seg:has(input:focus-visible){ box-shadow: inset 0 0 0 var(--stroke-sm) hsl(var(--ring)); }@media (prefers-reduced-motion: reduce){.bask-choice-seg{ transition: none; }}.bask-product-picker > .bask-field-label{ float: left; width: 100%; margin-bottom: var(--spacing-50); }.bask-product-picker > .bask-field-label + *{ clear: left; }.bask-product-picker > .bask-field-label + .bask-product-group{ margin-top: var(--spacing-50); }.bask-product-picker > .bask-field-desc{ display: block; margin-bottom: var(--spacing-100); }.bask-product-picker > .bask-field-error{ display: block; margin-top: var(--spacing-100); }.bask-product-group > .bask-choice-parent{ grid-column: auto; }.bask-product-group > *{ display: flex; flex-direction: column; }.bask-product-group .bask-choice-tile{ flex: 1; }.bask-product-group .bask-choice-tile:has(input:checked)::after{ content: ""; position: absolute; inset: 0; border-radius: inherit; box-shadow: inset 0 0 0 var(--stroke-sm) hsl(var(--primary)); pointer-events: none; }.bask-choice-parent[data-active] .bask-choice-tile::after{ display: none; }.bask-product-group .bask-choice-tile{ position: relative; box-shadow: var(--shadow-low); transition: transform 150ms ease, box-shadow 150ms ease, border-color 150ms ease; }.bask-product-group .bask-choice-tile:hover{ transform: translateY(-2px); border-color: hsl(var(--primary)); box-shadow: var(--shadow-mid); }.bask-product-group .bask-choice-tile:has(input:checked){ border-color: hsl(var(--primary)); box-shadow: inset 0 0 0 var(--stroke-sm) hsl(var(--primary)), var(--shadow-mid); }.bask-product-group .bask-choice-tile::before{ content: ""; position: absolute; top: var(--spacing-100); right: var(--spacing-100); width: 1.5rem; height: 1.5rem; border-radius: var(--radius-full, 9999px); background-color: hsl(var(--primary)); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 10' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1 5.2 4.4 8.5 11 1.5'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center; background-size: 0.7rem; box-shadow: 0 0 0 var(--stroke-sm) hsl(var(--background)); opacity: 0; transform: scale(0.5); transition: opacity 140ms ease, transform 160ms cubic-bezier(0.34, 1.56, 0.64, 1); pointer-events: none; z-index: 2; }.bask-product-group .bask-choice-tile:has(input:checked)::before{ opacity: 1; transform: scale(1); }.bask-product-group--canvas .bask-choice-tile::before{ opacity: 1; transform: scale(1); background-color: hsl(var(--background)); background-image: none; box-shadow: inset 0 0 0 var(--stroke-sm) hsl(var(--border)); }.bask-product-group--canvas .bask-choice-tile:has(input:checked)::before{ background-color: hsl(var(--primary)); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 10' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1 5.2 4.4 8.5 11 1.5'/%3E%3C/svg%3E"); box-shadow: 0 0 0 var(--stroke-sm) hsl(var(--background)); }.bask-product-group--canvas .bask-choice-tile:has(> input[type="checkbox"])::before{ border-radius: var(--radius-sm); }.bask-product-group--canvas.bask-product-group--pinned .bask-choice-tile::before{ display: none; }.bask-product-group--canvas [data-bask-plans-hidden] .bask-plan-cards{ opacity: 0.4; }@media (prefers-reduced-motion: reduce){.bask-product-group .bask-choice-tile,.bask-product-group .bask-choice-tile::before{ transition: none; }.bask-product-group .bask-choice-tile:hover{ transform: none; }}.bask-product-group .bask-choice-subtray{ animation: bask-product-tray-in 180ms ease both; }@keyframes bask-product-tray-in{ from { opacity: 0; transform: translateY(-4px); } to { opacity: 1; transform: none; } }@media (prefers-reduced-motion: reduce){.bask-product-group .bask-choice-subtray{ animation: none; }}.bask-product-group .bask-choice-tile{ flex-direction: column; align-items: stretch; gap: var(--spacing-100); overflow: hidden; position: relative; }.bask-product-group .bask-choice-body > *{ width: 100%; }.bask-product-group .bask-choice-body > *:first-child:not(:has(.bask-plan-cards)),.bask-product-group .bask-choice-body > *:first-child:has(.bask-plan-cards) > *:first-child:not(.bask-plan-cards){ padding-right: 1.5rem; align-items: flex-start; }.bask-product-group .bask-choice-body .bask-flex--col .bask-flex--row{ flex-wrap: wrap; }.bask-product-segs{ display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 8.5rem), 1fr)); gap: var(--spacing-100); }.bask-product-seg{ flex-direction: column; align-items: center; gap: var(--spacing-50); padding: var(--spacing-200) var(--spacing-200); position: relative; }.bask-product-seg-main{ display: flex; flex-direction: column; align-items: center; gap: var(--spacing-25); }.bask-product-seg-name{ font-weight: var(--font-weight-medium); font-size: var(--font-size-body-03); line-height: var(--line-height-body-03); }.bask-product-seg-price{ font-size: var(--font-size-body-01); line-height: var(--line-height-body-01); font-weight: var(--font-weight-bold); }.bask-product-seg-unit{ margin-left: 1px; font-size: var(--font-size-body-03); font-weight: var(--font-weight-regular); color: hsl(var(--muted-foreground)); }.bask-product-seg-badge{ font-size: var(--font-size-body-03); line-height: 1; font-weight: var(--font-weight-medium); padding: 0.2em 0.55em; border-radius: var(--radius-full, 9999px); background: hsl(var(--muted)); color: hsl(var(--muted-foreground)); white-space: nowrap; }.bask-product-seg-badge--save{ background: hsl(var(--primary) / 0.12); color: hsl(var(--primary)); }.bask-product-seg[data-best="true"]{ border-color: hsl(var(--primary)); box-shadow: inset 0 0 0 var(--stroke-xs) hsl(var(--primary)); }.bask-product-seg[data-best="true"] .bask-product-seg-badge{ background: hsl(var(--primary)); color: hsl(var(--primary-foreground)); }.bask-product-seg:has(input:checked) .bask-product-seg-unit{ color: inherit; opacity: 0.75; }.bask-product-seg:has(input:checked) .bask-product-seg-badge{ background: hsl(var(--primary-foreground)); color: hsl(var(--primary)); }.bask-choice-parent[data-invalid]{ border: var(--stroke-xs) solid hsl(var(--destructive)); border-radius: min(var(--radius-lg), 1rem); overflow: hidden; }.bask-choice-seg:has(input:checked) .bask-product-seg-price{ color: inherit; opacity: 0.8; }.bask-product-group--pinned .bask-choice-tile{ cursor: default; }.bask-product-group--pinned .bask-choice-tile:hover{ transform: none; border-color: hsl(var(--input)); box-shadow: var(--shadow-low); }.bask-plan-segs .bask-choice-seg:has(input:checked){ background: var(--bask-plan-active, hsl(var(--primary))); border-color: var(--bask-plan-active, hsl(var(--primary))); color: var(--bask-plan-active-fg, hsl(var(--primary-foreground))); }.bask-plan-segs .bask-product-seg[data-best="true"]{ border-color: var(--bask-plan-active, hsl(var(--primary))); box-shadow: inset 0 0 0 var(--stroke-xs) var(--bask-plan-active, hsl(var(--primary))); }.bask-plan-segs .bask-product-seg[data-best="true"] .bask-product-seg-badge{ background: var(--bask-plan-active, hsl(var(--primary))); color: var(--bask-plan-active-fg, hsl(var(--primary-foreground))); }.bask-plan-segs .bask-product-seg:has(input:checked) .bask-product-seg-badge{ background: var(--bask-plan-active-fg, hsl(var(--primary-foreground))); color: var(--bask-plan-active, hsl(var(--primary))); }.bask-plan-card{ position: relative; display: block; width: 100%; padding: var(--bask-plan-pad, var(--spacing-300)); border-style: solid; border-width: var(--stroke-xs); border-radius: var(--radius-lg); border-color: var(--bask-plan-border, hsl(var(--border))); background: var(--bask-plan-bg, hsl(var(--card))); color: var(--bask-plan-fg, hsl(var(--foreground))); font-family: var(--font-family-body); text-align: left; }button.bask-plan-card{ cursor: pointer; }.bask-plan-card,.bask-plan-card p,.bask-product-group .bask-choice-body,.bask-product-group .bask-choice-body p{ overflow-wrap: break-word; word-break: normal; }.bask-plan-card .bask-flex--row{ flex-wrap: wrap; }.bask-choice-body .bask-flex,.bask-plan-card .bask-flex{ min-width: 0; max-width: 100%; }.bask-plan-card > .bask-flex--row > :last-child,.bask-plan-card > *:not(.bask-flex) > .bask-flex--row > :last-child{ margin-left: auto; }.bask-product-group .bask-plan-cards{ margin-top: var(--spacing-300); }.bask-plan-card[data-selected]{ border-color: var(--bask-plan-border-selected, hsl(var(--primary))); background: var(--bask-plan-bg-selected, hsl(var(--accent))); box-shadow: inset 0 0 0 var(--stroke-sm) var(--bask-plan-border-selected, hsl(var(--primary))); }.bask-plan-card[data-lift]{ box-shadow: var(--shadow-low); transition: transform 150ms ease, box-shadow 150ms ease, border-color 150ms ease, background 150ms ease; }.bask-plan-card[data-lift]:hover{ transform: translateY(-2px); border-color: var(--bask-plan-border-selected, hsl(var(--primary))); background: var(--bask-plan-bg-selected, hsl(var(--accent))); box-shadow: var(--shadow-mid); }.bask-plan-card[data-lift][data-selected]{ box-shadow: inset 0 0 0 var(--stroke-sm) var(--bask-plan-border-selected, hsl(var(--primary))), var(--shadow-mid); }@media (prefers-reduced-motion: reduce){.bask-plan-card[data-lift]{ transition: none; }.bask-plan-card[data-lift]:hover{ transform: none; }}.bask-plan-check{ position: absolute; top: var(--spacing-200); right: var(--spacing-200); display: inline-flex; align-items: center; justify-content: center; width: 1rem; height: 1rem; border-radius: var(--radius-full); background: var(--bask-plan-check-bg, hsl(var(--primary))); color: var(--bask-plan-check-fg, hsl(var(--primary-foreground))); font-size: 0.625rem; line-height: 1; }@keyframes bask-pay-pulse{ 0%, 100% { opacity: 1; } 50% { opacity: 0.45; } }body:has(#frame-root) [data-puck-component]:has(> .bask-type[data-wrapping="nowrap"]){ flex-shrink: 0; }body:has(#frame-root) [data-puck-component]:has(> .bask-type[data-wrapping="truncate"]){ min-width: 0; }.bask-cart-checkout-spinner,.bask-button__spinner{ display: inline-block; flex: 0 0 auto; width: 1em; height: 1em; border: var(--stroke-sm) solid currentColor; border-right-color: transparent; border-radius: var(--radius-full); animation-duration: 0.6s; }@keyframes bask-osum-cb-in{ from { opacity: 0; transform: translateY(-0.25em); } to { opacity: 1; transform: none; } }.bask-flow-progress-box{ width: 100%; --bask-ph: var(--bask-progress-h, 0.625rem); --bask-pg: var(--bask-progress-gap, var(--spacing-50)); }@container bask (max-width: 1023px){.bask-flow-progress-box{ --bask-ph: var(--bask-progress-h-md, var(--bask-progress-h, 0.625rem)); --bask-pg: var(--bask-progress-gap-md, var(--bask-progress-gap, var(--spacing-50))); }}@container bask (max-width: 639px){.bask-flow-progress-box{ --bask-ph: var(--bask-progress-h-sm, var(--bask-progress-h-md, var(--bask-progress-h, 0.625rem))); --bask-pg: var(--bask-progress-gap-sm, var(--bask-progress-gap-md, var(--bask-progress-gap, var(--spacing-50)))); }}.bask-flow-progress{ display: flex; align-items: center; gap: var(--spacing-300); width: 100%; }.bask-flow-progress--top{ flex-direction: column; align-items: stretch; }.bask-flow-progress[data-width="flow"]{ box-sizing: border-box; max-width: var(--b-mw, 640px); margin-inline: auto; padding-inline: var(--spacing-600); }.bask-flow-progress[data-width="full"]{ box-sizing: border-box; width: 100cqw; margin-inline: calc(50% - 50cqw); padding-inline: var(--spacing-600); }.bask-flow-progress-back{ flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center; padding: 1rem; margin: -1rem; border: 0; background: none; color: hsl(var(--muted-foreground)); cursor: pointer; line-height: 0; border-radius: var(--radius-lg); transition: background 120ms ease, color 120ms ease; }.bask-flow-progress-back svg{ width: 0.5rem; height: auto; }.bask-flow-progress-back:hover{ background: hsl(var(--muted)); color: hsl(var(--foreground)); }@media (prefers-reduced-motion: reduce){.bask-flow-progress-back{ transition: none; }}.bask-flow-progress-track{ flex: 1 1 auto; min-width: 0; height: var(--bask-ph, 0.625rem); background: var(--bask-progress-track); border-radius: var(--bask-progress-radius); overflow: hidden; }.bask-flow-progress-fill{ display: block; height: 100%; background: var(--bask-progress-fill); border-radius: inherit; transition: width 240ms ease; }.bask-flow-progress-chunks{ flex: 1 1 auto; min-width: 0; display: flex; gap: var(--bask-pg, var(--spacing-50)); }.bask-flow-progress-chunk{ flex: 1 1 0; height: var(--bask-ph, 0.625rem); background: var(--bask-progress-track); border-radius: var(--bask-progress-radius); overflow: hidden; }.bask-flow-progress-chunk-fill{ display: block; height: 100%; background: var(--bask-progress-fill); border-radius: inherit; transition: width 240ms ease; }.bask-flow-progress-steps{ flex: 1 1 auto; min-width: 0; display: flex; gap: var(--bask-pg, var(--spacing-50)); }.bask-flow-progress-seg{ flex: 1 1 0; height: var(--bask-ph, 0.625rem); background: var(--bask-progress-track); border-radius: var(--bask-progress-radius); transition: background 240ms ease; }.bask-flow-progress-seg[data-on]{ background: var(--bask-progress-fill); }.bask-flow-progress-label{ flex: 0 0 auto; font-family: var(--font-family-body); font-size: var(--font-size-body-03); line-height: var(--line-height-body-03); color: hsl(var(--muted-foreground)); white-space: nowrap; }@media (prefers-reduced-motion: reduce){.bask-flow-progress-fill,.bask-flow-progress-seg{ transition: none; }}.bask-field-suffix{ position: absolute; top: 50%; right: var(--bask-fs-px, var(--spacing-300)); transform: translateY(-50%); pointer-events: none; color: hsl(var(--muted-foreground)); font-family: var(--font-family-body); font-size: var(--font-size-body-02); line-height: 1; }.bask-field--compact{ width: 9em; flex: 0 0 auto; }.bask-dialog-popup.bask-sign-back-in{ display: flex; flex-direction: column; gap: var(--spacing-300); width: min(28rem, calc(100vw - var(--spacing-600))); padding: var(--spacing-400); border-radius: var(--radius-lg); background: hsl(var(--background)); color: hsl(var(--foreground)); }.bask-sign-back-in-body{ display: flex; flex-direction: column; gap: var(--spacing-300); }.bask-sign-back-in .bask-rsp.bask-sign-back-in-note{ padding: var(--spacing-200) var(--spacing-300); border-radius: var(--radius-lg); background: hsl(var(--primary) / 0.1); }.bask-sign-back-in-status{ margin: 0; min-height: 1lh; font-size: var(--font-size-body-03); line-height: var(--line-height-body-03); color: hsl(var(--muted-foreground)); }.bask-sign-back-in-status[data-invalid="true"]{ color: hsl(var(--destructive)); }.bask-button{ transition: opacity 120ms ease; }.bask-button:hover{ opacity: var(--btn-hover-opacity, 0.8); }.bask-button[data-variant="default"]:hover{ --bask-btn-hover-fill: var(--btn-default-hover-fill); --bask-btn-hover-text: var(--btn-default-hover-text); --bask-btn-hover-underline: var(--btn-default-hover-underline); }.bask-button[data-variant="secondary"]:hover{ --bask-btn-hover-fill: var(--btn-secondary-hover-fill); --bask-btn-hover-text: var(--btn-secondary-hover-text); --bask-btn-hover-underline: var(--btn-secondary-hover-underline); }.bask-button[data-variant="outline"]:hover{ --bask-btn-hover-fill: var(--btn-outline-hover-fill); --bask-btn-hover-text: var(--btn-outline-hover-text); --bask-btn-hover-underline: var(--btn-outline-hover-underline); }.bask-button[data-variant="ghost"]:hover{ --bask-btn-hover-fill: var(--btn-ghost-hover-fill); --bask-btn-hover-text: var(--btn-ghost-hover-text); --bask-btn-hover-underline: var(--btn-ghost-hover-underline); }.bask-button[data-variant="link"]:hover{ --bask-btn-hover-fill: var(--btn-link-hover-fill); --bask-btn-hover-text: var(--btn-link-hover-text); --bask-btn-hover-underline: var(--btn-link-hover-underline); }.bask-button[data-variant="destructive"]:hover{ --bask-btn-hover-fill: var(--btn-destructive-hover-fill); --bask-btn-hover-text: var(--btn-destructive-hover-text); --bask-btn-hover-underline: var(--btn-destructive-hover-underline); }.bask-button:focus-visible{ outline: var(--stroke-sm) solid var(--focus-ring, hsl(var(--ring))); outline-offset: 2px; }.bask-button__content{ display: inline-flex; align-items: center; gap: inherit; }.bask-button[aria-busy="true"]{ position: relative; cursor: progress; }.bask-button[aria-busy="true"] > .bask-button__content{ visibility: hidden; }.bask-button__spinner{ position: absolute; inset: 0; margin: auto; }.bask-flow-back{ align-self: flex-start; padding-left: 0 !important; padding-right: 0 !important; }.bask-rsp.bask-flow-back{ margin-bottom: var(--spacing-400); }.bask-field-error{ font-family: var(--font-family-body); font-size: var(--font-size-body-03); line-height: var(--line-height-body-03); letter-spacing: var(--letter-spacing-body-03); color: hsl(var(--destructive)); }.bask-dialog-trigger{ display: inline-flex; align-items: center; justify-content: center; gap: var(--spacing-100); font-family: var(--font-family-body); font-weight: var(--font-weight-medium); font-size: var(--font-size-body-01); line-height: var(--line-height-body-01); letter-spacing: var(--letter-spacing-body-01); cursor: pointer; }.bask-dialog-scrim{ position: fixed; inset: 0; z-index: 60; background: rgb(0 0 0 / 0.5); }.bask-dialog-popup{ position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 60; width: min(92%, 32rem); max-height: 85vh; overflow-y: auto; gap: var(--spacing-300); border: var(--stroke-xs) solid hsl(var(--border)); box-shadow: var(--shadow-high); outline: none; }.bask-dialog-title{ margin: 0; font-family: var(--font-family-heading); font-weight: var(--font-weight-bold); font-size: var(--font-size-heading-05); line-height: var(--line-height-heading-05); letter-spacing: var(--letter-spacing-heading-05); }.bask-dialog-desc{ margin: 0; color: hsl(var(--muted-foreground)); font-family: var(--font-family-body); font-size: var(--font-size-body-02); line-height: var(--line-height-body-02); letter-spacing: var(--letter-spacing-body-02); }.bask-dialog-close{ all: unset; position: absolute; top: var(--spacing-300); right: var(--spacing-300); cursor: pointer; line-height: 1; font-size: 1.25rem; color: hsl(var(--muted-foreground)); }.bask-tooltip-popup{ max-width: 16rem; padding: var(--spacing-100) var(--spacing-200); font-family: var(--font-family-body); font-size: var(--font-size-body-02); line-height: var(--line-height-body-02); letter-spacing: var(--letter-spacing-body-02); box-shadow: var(--shadow-mid); z-index: 55; }.bask-popover-trigger{ display: inline-flex; align-items: center; justify-content: center; gap: var(--spacing-100); font-family: var(--font-family-body); font-weight: var(--font-weight-medium); font-size: var(--font-size-body-01); line-height: var(--line-height-body-01); letter-spacing: var(--letter-spacing-body-01); cursor: pointer; }.bask-popover-popup{ min-width: 12rem; max-width: min(92vw, 24rem); max-height: 85vh; overflow-y: auto; border: var(--stroke-xs) solid hsl(var(--border)); box-shadow: var(--shadow-high); outline: none; z-index: 55; }.bask-lang-trigger{ display: inline-flex; align-items: center; gap: 0.4em; padding: var(--spacing-100) var(--spacing-200); background: transparent; border: none; border-radius: var(--radius-base); white-space: nowrap; cursor: pointer; transition: background 120ms ease; }.bask-lang-trigger:hover,.bask-lang-trigger[data-popup-open]{ background: color-mix(in srgb, currentColor 12%, transparent); }.bask-lang-trigger:focus-visible{ outline: var(--stroke-sm) solid currentColor; outline-offset: 2px; }.bask-lang-trigger-zone{ display: inline-flex; align-items: center; gap: inherit; min-width: 0; }.bask-lang-positioner,.bask-menu-positioner{ z-index: 55; }.bask-lang-popup{ min-width: 11rem; max-width: min(92vw, 20rem); max-height: 70vh; overflow-y: auto; border: var(--stroke-xs) solid hsl(var(--border)); outline: none; z-index: 55; transform-origin: var(--transform-origin); transition: opacity 120ms ease, transform 120ms ease; }.bask-lang-popup[data-starting-style],.bask-lang-popup[data-ending-style]{ opacity: 0; transform: scale(0.96); }.bask-lang-item{ display: flex; align-items: center; justify-content: space-between; gap: var(--spacing-300); padding: var(--spacing-100) var(--spacing-200); border-radius: var(--radius-base); white-space: nowrap; cursor: pointer; outline: none; transition: background 120ms ease, color 120ms ease; }.bask-lang-item[data-highlighted]{ background: hsl(var(--accent)); color: hsl(var(--accent-foreground)); }.bask-lang-item-zone{ display: flex; align-items: center; justify-content: space-between; gap: inherit; flex: 1; min-width: 0; }.bask-lang-hint-anchor{ display: inline-flex; }.bask-lang-hint{ background: hsl(var(--foreground)); color: hsl(var(--background)); border-radius: var(--radius-base); font-size: var(--font-size-body-03); line-height: var(--line-height-body-03); letter-spacing: normal; }@media (prefers-reduced-motion: reduce){.bask-lang-trigger,.bask-lang-popup,.bask-lang-item{ transition: none; }}.bask-drawer-trigger{ display: inline-flex; align-items: center; justify-content: center; gap: var(--spacing-100); font-family: var(--font-family-body); font-weight: var(--font-weight-medium); font-size: var(--font-size-body-01); line-height: var(--line-height-body-01); letter-spacing: var(--letter-spacing-body-01); cursor: pointer; }.bask-drawer-scrim{ position: fixed; inset: 0; z-index: 60; background: rgb(0 0 0 / 0.5); opacity: 1; transition: opacity var(--motion-duration-normal, 300ms) var(--motion-easing-standard, ease); }.bask-drawer-scrim[data-starting-style],.bask-drawer-scrim[data-ending-style]{ opacity: 0; }.bask-drawer-popup{ position: fixed; z-index: 60; gap: var(--spacing-300); max-width: 100%; max-height: 100%; overflow: auto; border: var(--stroke-xs) solid hsl(var(--border)); box-shadow: var(--shadow-high); outline: none; transition: transform var(--motion-duration-normal, 300ms) var(--motion-easing-out, cubic-bezier(0, 0, 0.2, 1)); }.bask-drawer-popup[data-side="right"]{ top: 0; right: 0; bottom: 0; width: min(92vw, 24rem); border-top-right-radius: 0; border-bottom-right-radius: 0; }.bask-drawer-popup[data-side="left"]{ top: 0; left: 0; bottom: 0; width: min(92vw, 24rem); border-top-left-radius: 0; border-bottom-left-radius: 0; }.bask-drawer-popup[data-side="top"]{ top: 0; left: 0; right: 0; max-height: 85vh; border-top-left-radius: 0; border-top-right-radius: 0; }.bask-drawer-popup[data-side="bottom"]{ bottom: 0; left: 0; right: 0; max-height: 85vh; border-bottom-left-radius: 0; border-bottom-right-radius: 0; }.bask-drawer-popup[data-side="right"][data-starting-style],.bask-drawer-popup[data-side="right"][data-ending-style]{ transform: translateX(100%); }.bask-drawer-popup[data-side="left"][data-starting-style],.bask-drawer-popup[data-side="left"][data-ending-style]{ transform: translateX(-100%); }.bask-drawer-popup[data-side="top"][data-starting-style],.bask-drawer-popup[data-side="top"][data-ending-style]{ transform: translateY(-100%); }.bask-drawer-popup[data-side="bottom"][data-starting-style],.bask-drawer-popup[data-side="bottom"][data-ending-style]{ transform: translateY(100%); }.bask-drawer-title{ margin: 0; font-family: var(--font-family-heading); font-weight: var(--font-weight-bold); font-size: var(--font-size-heading-05); line-height: var(--line-height-heading-05); letter-spacing: var(--letter-spacing-heading-05); }.bask-drawer-desc{ margin: 0; color: hsl(var(--muted-foreground)); font-family: var(--font-family-body); font-size: var(--font-size-body-02); line-height: var(--line-height-body-02); letter-spacing: var(--letter-spacing-body-02); }.bask-drawer-close{ all: unset; position: absolute; top: var(--spacing-300); right: var(--spacing-300); cursor: pointer; line-height: 1; font-size: 1.25rem; color: hsl(var(--muted-foreground)); }.bask-drawer-close[data-position="top-start"]{ right: auto; inset-inline-start: var(--spacing-300); }@container bask (min-width: 1024px){.bask-drawer-popup.bask-drawer--panel:is([data-side="left"], [data-side="right"]){ width: min(92vw, 24rem); }.bask-drawer-popup.bask-drawer--panel:is([data-side="top"], [data-side="bottom"]){ min-height: 0; max-height: 85vh; }.bask-drawer-popup.bask-drawer--sheet:is([data-side="left"], [data-side="right"]){ width: min(100%, max(24rem, 50%)); }.bask-drawer-popup.bask-drawer--sheet:is([data-side="top"], [data-side="bottom"]){ min-height: 50vh; max-height: 92vh; }.bask-drawer-popup.bask-drawer--full{ border: none; border-radius: 0 !important; box-shadow: none; }.bask-drawer-popup.bask-drawer--full:is([data-side="left"], [data-side="right"]){ width: 100%; }.bask-drawer-popup.bask-drawer--full:is([data-side="top"], [data-side="bottom"]){ min-height: 100%; max-height: 100%; }}@container bask (min-width: 640px) and (max-width: 1023px){.bask-drawer-popup.bask-drawer--panel-md:is([data-side="left"], [data-side="right"]){ width: min(92vw, 24rem); }.bask-drawer-popup.bask-drawer--panel-md:is([data-side="top"], [data-side="bottom"]){ min-height: 0; max-height: 85vh; }.bask-drawer-popup.bask-drawer--sheet-md:is([data-side="left"], [data-side="right"]){ width: min(100%, max(24rem, 50%)); }.bask-drawer-popup.bask-drawer--sheet-md:is([data-side="top"], [data-side="bottom"]){ min-height: 50vh; max-height: 92vh; }.bask-drawer-popup.bask-drawer--full-md{ border: none; border-radius: 0 !important; box-shadow: none; }.bask-drawer-popup.bask-drawer--full-md:is([data-side="left"], [data-side="right"]){ width: 100%; }.bask-drawer-popup.bask-drawer--full-md:is([data-side="top"], [data-side="bottom"]){ min-height: 100%; max-height: 100%; }}@container bask (max-width: 639px){.bask-drawer-popup.bask-drawer--panel-sm:is([data-side="left"], [data-side="right"]){ width: min(92vw, 24rem); }.bask-drawer-popup.bask-drawer--panel-sm:is([data-side="top"], [data-side="bottom"]){ min-height: 0; max-height: 85vh; }.bask-drawer-popup.bask-drawer--sheet-sm:is([data-side="left"], [data-side="right"]){ width: min(100%, max(24rem, 50%)); }.bask-drawer-popup.bask-drawer--sheet-sm:is([data-side="top"], [data-side="bottom"]){ min-height: 50vh; max-height: 92vh; }.bask-drawer-popup.bask-drawer--full-sm{ border: none; border-radius: 0 !important; box-shadow: none; }.bask-drawer-popup.bask-drawer--full-sm:is([data-side="left"], [data-side="right"]){ width: 100%; }.bask-drawer-popup.bask-drawer--full-sm:is([data-side="top"], [data-side="bottom"]){ min-height: 100%; max-height: 100%; }}@media (prefers-reduced-motion: reduce){.bask-drawer-popup,.bask-drawer-scrim{ transition: none; }.bask-drawer-popup[data-starting-style],.bask-drawer-popup[data-ending-style]{ transform: none; }}.bask-alert-dialog-actions{ display: flex; justify-content: flex-end; gap: var(--spacing-200); flex-wrap: wrap; }.bask-menu-trigger{ display: inline-flex; align-items: center; justify-content: center; gap: var(--spacing-100); font-family: var(--font-family-body); font-weight: var(--font-weight-medium); font-size: var(--font-size-body-01); line-height: var(--line-height-body-01); letter-spacing: var(--letter-spacing-body-01); cursor: pointer; }.bask-menu-popup{ display: flex; flex-direction: column; gap: var(--spacing-50); min-width: 10rem; max-width: min(92vw, 20rem); max-height: 85vh; overflow-y: auto; border: var(--stroke-xs) solid hsl(var(--border)); box-shadow: var(--shadow-high); outline: none; z-index: 55; transform-origin: var(--transform-origin); opacity: 1; transition: opacity 120ms ease, transform 120ms ease; }.bask-menu-popup[data-starting-style],.bask-menu-popup[data-ending-style]{ opacity: 0; transform: scale(0.96); }.bask-menu-popup > *{ display: flex; align-items: center; width: 100%; padding: var(--spacing-100) var(--spacing-200); border-radius: var(--radius-base); cursor: pointer; transition: background 120ms ease; }.bask-menu-popup > *:hover,.bask-menu-popup > *:focus-within{ background: hsl(var(--accent)); color: hsl(var(--accent-foreground)); }@media (prefers-reduced-motion: reduce){.bask-menu-popup,.bask-menu-popup > *{ transition: none; }.bask-menu-popup[data-starting-style],.bask-menu-popup[data-ending-style]{ transform: none; }}.bask-menu-panel{ gap: var(--spacing-50); }.bask-menu-panel > *{ padding: 0; border-radius: 0; background: none; color: inherit; cursor: default; }.bask-menu-panel > *:hover,.bask-menu-panel > *:focus-within{ background: none; color: inherit; }.bask-menu-item{ transition: background 120ms ease; text-decoration: none; cursor: pointer; }.bask-menu-item:hover,.bask-menu-item:focus-visible{ background: color-mix(in srgb, currentColor 6%, transparent); }@media (prefers-reduced-motion: reduce){.bask-menu-item{ transition: none; }}.bask-header-row{ max-width: var(--hdr-mw, none); }.bask-header-bar{ display: flex; }.bask-header-mbar{ display: none; }.bask-header-bar > :first-child,.bask-header-mbar > :first-child{ margin-inline-end: auto; }.bask-header .bask-header-menu-panel{ display: none; flex-basis: 100%; width: 100%; padding-top: var(--spacing-300); }.bask-header-menu-panel .bask-menu-acc{ align-self: stretch; }.bask-header-menu-panel .bask-menu-acc-trigger{ min-height: 48px; padding: 0 !important; background: transparent !important; border: none !important; color: inherit !important; font-size: var(--font-size-heading-05); line-height: var(--line-height-heading-05); text-align: start; }.bask-header-menu-panel .bask-menu-acc-panel{ padding: 0 0 var(--spacing-200) var(--spacing-300); }.bask-header-menu-panel .bask-language-picker{ align-self: flex-start; }.bask-root:not(.bask-root--authoring) .bask-header-menu-panel hr:is(:first-child, :last-child),.bask-root:not(.bask-root--authoring) .bask-header-menu-panel hr + hr{ display: none; }.bask-header-menu-panel .bask-lang-trigger{ min-height: 48px; margin-inline-start: calc(var(--spacing-200) * -1); }.bask-menu-glyph-open,.bask-menu-glyph-close{ display: inline-flex; }.bask-menu-glyph-close,.bask-header[data-menu-open="true"] .bask-menu-glyph-open{ display: none; }.bask-header[data-menu-open="true"] .bask-menu-glyph-close{ display: inline-flex; }.bask-menu-glyph-open.bask-menu-glyph--flow{ display: contents; }.bask-menu-glyph-close.bask-menu-glyph--flow,.bask-header[data-menu-open="true"] .bask-menu-glyph-open.bask-menu-glyph--flow{ display: none; }.bask-header[data-menu-open="true"] .bask-menu-glyph-close.bask-menu-glyph--flow{ display: contents; }.bask-cart__line{ display: flex; flex-direction: column; }.bask-load-failed{ padding: 1em; text-align: center; color: hsl(var(--muted-foreground)); }.bask-load-failed-reload{ padding: 0; border: 0; background: none; font: inherit; color: hsl(var(--foreground)); text-decoration: underline; cursor: pointer; }@container bask (max-width: 1023px){.bask-header-bar{ display: none; }.bask-header-mbar{ display: flex; }.bask-header[data-menu-open="true"] .bask-header-menu-panel{ display: flex; }}.bask-root:not(.bask-root--authoring) .bask-button--menu:not(.bask-header .bask-button--menu){ display: none !important; }.bask-menu-acc{ display: flex; flex-direction: column; width: 100%; }.bask-menu-acc-trigger{ display: flex; align-items: center; justify-content: space-between; width: 100%; gap: var(--spacing-100); background: none; border: none; cursor: pointer; color: inherit; font-family: var(--font-family-body); font-weight: var(--font-weight-medium); }.bask-menu-acc-caret{ transition: transform 160ms ease; display: inline-flex; }.bask-menu-acc[data-open="true"] .bask-menu-acc-caret{ transform: rotate(180deg); }.bask-menu-acc-panel{ display: none; padding-top: var(--spacing-100); }.bask-menu-acc[data-open="true"] .bask-menu-acc-panel{ display: block; }@media (prefers-reduced-motion: reduce){.bask-menu-acc-caret{ transition: none; }}.bask-header[data-scroll="float-pill"]{ transition: background-color 260ms var(--motion-easing-out, ease), box-shadow 260ms var(--motion-easing-out, ease), border-color 260ms var(--motion-easing-out, ease); }.bask-header[data-scroll="float-pill"] .bask-header-row{ transition: background-color 260ms var(--motion-easing-out, ease), border-color 260ms var(--motion-easing-out, ease), box-shadow 260ms var(--motion-easing-out, ease), border-radius 260ms var(--motion-easing-out, ease), max-width 260ms var(--motion-easing-out, ease), margin-top 260ms var(--motion-easing-out, ease); }.bask-header[data-scroll="float-pill"][data-scrolled="true"]{ background-color: transparent !important; border-bottom-color: transparent !important; box-shadow: none !important; }.bask-header[data-scroll="float-pill"][data-scrolled="true"] .bask-header-row{ max-width: fit-content; margin-top: var(--hdr-s-top, var(--spacing-300)); background-color: var(--hdr-s-bg, transparent); border-style: solid; border-width: var(--hdr-s-bw, 0); border-color: var(--hdr-s-bc, transparent); border-radius: var(--hdr-s-radius, 9999px); box-shadow: var(--hdr-s-shadow, none); }@media (prefers-reduced-motion: reduce){.bask-header[data-scroll="float-pill"],.bask-header[data-scroll="float-pill"] .bask-header-row{ transition: none; }}@container bask (max-width: 1023px){.bask-header[data-scroll="float-pill"][data-scrolled="true"] .bask-header-row{ max-width: calc(100% - 2 * var(--spacing-500)); border-radius: var(--radius-xl); }}@container bask (max-width: 1023px){.bask-header:not([data-menu-style="fullscreen"], [data-scrolled="true"])[data-menu-open="true"]{ background-color: var(--hdr-menu-bg, var(--hdr-bg, transparent)) !important; background-repeat: no-repeat; background-size: 100% var(--hdr-h, 100%); }.bask-header[data-menu-style="fullscreen"]:is([data-menu-open="true"], [data-menu-closing="true"]){ min-height: var(--hdr-h, 0px); }.bask-header[data-menu-style="fullscreen"]:is([data-menu-open="true"], [data-menu-closing="true"]) .bask-header-row{ position: fixed; top: 0; left: 0; right: 0; z-index: 50; height: 100vh; height: 100dvh; max-width: none; margin: 0; flex-direction: column !important; flex-wrap: nowrap !important; align-items: stretch !important; background-color: var(--hdr-menu-bg, var(--hdr-bg, hsl(var(--background)))); background-image: var(--hdr-bg-img, none); background-repeat: no-repeat; background-size: 100% var(--hdr-h, 100%); border-width: 0; border-radius: 0; box-shadow: none; transition: none; }.bask-header[data-menu-style="fullscreen"]:is([data-menu-open="true"], [data-menu-closing="true"]) .bask-header-mbar{ flex: none; }.bask-header[data-menu-settling="true"],.bask-header[data-menu-settling="true"] .bask-header-row{ transition: none !important; }.bask-header[data-menu-style="fullscreen"][data-menu-closing="true"] .bask-header-menu-panel{ display: flex; }.bask-header[data-menu-style="fullscreen"]:is([data-menu-open="true"], [data-menu-closing="true"]) .bask-header-menu-panel{ flex: 1 1 auto; min-height: 0; overflow-y: auto; overscroll-behavior: contain; outline: none; padding-bottom: max(var(--spacing-500), env(safe-area-inset-bottom)); animation: bask-header-menu-in 200ms var(--motion-easing-out, ease) both; }.bask-header[data-menu-style="fullscreen"][data-menu-closing="true"] .bask-header-menu-panel{ animation-name: bask-header-menu-out; pointer-events: none; }.bask-header[data-menu-style="fullscreen"] .bask-header-menu-panel > *{ flex-shrink: 0; }.bask-header[data-menu-style="fullscreen"] .bask-header-menu-panel > :first-child{ margin-bottom: auto; }.bask-header[data-canvas][data-menu-style="fullscreen"][data-menu-open="true"]{ position: relative; z-index: 50; }.bask-header[data-canvas][data-menu-style="fullscreen"][data-menu-open="true"] .bask-header-row{ position: absolute; height: auto; min-height: min(844px, 100vh); }.bask-header[data-canvas][data-menu-style="fullscreen"][data-menu-open="true"] .bask-header-menu-panel{ padding-bottom: calc(var(--spacing-500) + 88px); }}@container bask (min-width: 600px) and (max-width: 1023px){.bask-header[data-canvas][data-menu-style="fullscreen"][data-menu-open="true"] .bask-header-row{ min-height: min(1024px, 100vh); }}@keyframes bask-header-menu-in{ from { opacity: 0; transform: translateY(-8px); } }@keyframes bask-header-menu-out{ to { opacity: 0; transform: translateY(-8px); } }@media (prefers-reduced-motion: reduce){.bask-header .bask-header-menu-panel{ animation: none !important; }}.bask-hovercard-trigger{ display: inline; font-family: var(--font-family-body); font-weight: var(--font-weight-medium); text-decoration: underline; text-underline-offset: 0.2em; text-decoration-thickness: var(--stroke-xs); cursor: pointer; }.bask-hovercard-trigger:hover,.bask-hovercard-trigger[data-popup-open]{ text-decoration-thickness: var(--stroke-sm); }.bask-hovercard-popup{ position: relative; min-width: 14rem; max-width: min(92vw, 22rem); max-height: 85vh; overflow-y: auto; border: var(--stroke-xs) solid hsl(var(--border)); box-shadow: var(--shadow-high); outline: none; z-index: 55; transform-origin: var(--transform-origin); opacity: 0; transform: scale(0.96); transition: opacity 160ms ease, transform 160ms ease; }.bask-hovercard-popup[data-open]{ opacity: 1; transform: scale(1); }.bask-hovercard-popup[data-ending-style]{ opacity: 0; transform: scale(0.96); }.bask-hovercard-arrow{ display: flex; width: 0.75rem; height: 0.75rem; background: inherit; border-left: var(--stroke-xs) solid hsl(var(--border)); border-top: var(--stroke-xs) solid hsl(var(--border)); }.bask-hovercard-arrow[data-side="top"]{ bottom: -0.375rem; transform: rotate(225deg); }.bask-hovercard-arrow[data-side="bottom"]{ top: -0.375rem; transform: rotate(45deg); }.bask-hovercard-arrow[data-side="left"]{ right: -0.375rem; transform: rotate(135deg); }.bask-hovercard-arrow[data-side="right"]{ left: -0.375rem; transform: rotate(315deg); }@media (prefers-reduced-motion: reduce){.bask-hovercard-popup{ transition: none; }}.bask-tabs{ display: flex; flex-direction: column; }.bask-tabs-list{ display: flex; align-items: center; gap: var(--spacing-100); flex-wrap: wrap; }.bask-tabs--align-center .bask-tabs-list{ justify-content: center; }.bask-tabs--align-stretch .bask-tabs-tab{ flex: 1 1 0; }.bask-tabs-tab{ all: unset; box-sizing: border-box; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; font-family: var(--font-family-body); font-weight: var(--font-weight-medium); color: hsl(var(--muted-foreground)); transition: color 120ms ease, background 120ms ease, border-color 120ms ease; }.bask-tabs-tab[data-active]{ color: var(--bask-tab-active); }.bask-tabs-tab:focus-visible{ outline: var(--stroke-sm) solid hsl(var(--ring)); outline-offset: 2px; }.bask-tabs-panel{ padding-top: var(--spacing-300); }.bask-tabs-panel-editlabel{ font-family: var(--font-family-body); font-weight: var(--font-weight-medium); font-size: var(--font-size-body-03); line-height: var(--line-height-body-03); letter-spacing: var(--letter-spacing-body-03); color: var(--bask-tab-active); text-transform: uppercase; padding-bottom: var(--spacing-100); }.bask-tabs--underline .bask-tabs-list{ gap: var(--spacing-300); border-bottom: var(--stroke-xs) solid hsl(var(--border)); }.bask-tabs--underline .bask-tabs-tab{ border-bottom: var(--stroke-sm) solid transparent; }.bask-tabs--underline .bask-tabs-tab[data-active]{ border-bottom-color: var(--bask-tab-active); }.bask-tabs--pills .bask-tabs-tab{ border-radius: var(--radius-full); }.bask-tabs--pills .bask-tabs-tab[data-active]{ background: var(--bask-tab-active); color: var(--bask-tab-active-fg); }.bask-tabs--enclosed .bask-tabs-list{ gap: var(--spacing-50); }.bask-tabs--enclosed .bask-tabs-tab{ border: var(--stroke-xs) solid transparent; border-radius: var(--radius-base); }.bask-tabs--enclosed .bask-tabs-tab[data-active]{ background: hsl(var(--card)); border-color: hsl(var(--border)); color: var(--bask-tab-active); }.bask-tab-orphan{ display: flex; flex-direction: column; gap: var(--spacing-100); }.bask-tab-orphan-label{ font-family: var(--font-family-body); font-weight: var(--font-weight-medium); color: hsl(var(--foreground)); }.bask-accordion{ color: var(--bask-accordion-fg); }.bask-accordion-item{ background: var(--bask-accordion-bg); }.bask-accordion-trigger{ all: unset; box-sizing: border-box; cursor: pointer; width: 100%; display: flex; align-items: center; justify-content: space-between; gap: var(--spacing-200); padding: var(--spacing-300); font-family: var(--font-family-body); font-weight: var(--font-weight-medium); font-size: var(--font-size-body-01); line-height: var(--line-height-body-01); letter-spacing: var(--letter-spacing-body-01); color: var(--bask-accordion-fg); }.bask-accordion-trigger:focus-visible{ outline: var(--stroke-sm) solid hsl(var(--ring)); outline-offset: -2px; }.bask-accordion-label{ text-align: left; }.bask-accordion-chevron{ flex: none; transition: transform var(--motion-duration-fast, 150ms) var(--motion-easing-standard, ease); }.bask-accordion-item[data-open="true"] .bask-accordion-chevron:not(.bask-disclosure-swap){ transform: rotate(180deg); }.bask-accordion-panel{ color: var(--bask-accordion-fg); display: grid; grid-template-rows: 0fr; transition: grid-template-rows var(--motion-duration-normal, 300ms) var(--motion-easing-standard, ease); }.bask-accordion-item[data-open="true"] .bask-accordion-panel{ grid-template-rows: 1fr; }.bask-accordion-panel-inner{ overflow: hidden; min-height: 0; }.bask-accordion-panel-body{ padding: 0 var(--spacing-300) var(--spacing-300); }.bask-accordion--bordered{ display: flex; flex-direction: column; gap: var(--stroke-xs); background: var(--bask-accordion-border); border: var(--stroke-xs) solid var(--bask-accordion-border); border-radius: var(--bask-accordion-radius); overflow: hidden; }.bask-accordion--separated{ display: flex; flex-direction: column; gap: var(--spacing-200); }.bask-accordion--separated .bask-accordion-item{ border: var(--stroke-xs) solid var(--bask-accordion-border); border-radius: var(--bask-accordion-radius); overflow: hidden; }.bask-accordion--plain{ display: flex; flex-direction: column; gap: var(--stroke-xs); background: var(--bask-accordion-border); }.bask-collapsible-trigger{ all: unset; box-sizing: border-box; cursor: pointer; width: 100%; display: flex; align-items: center; justify-content: space-between; gap: var(--spacing-200); font-family: var(--font-family-body); font-weight: var(--font-weight-medium); }.bask-collapsible-trigger:focus-visible{ outline: var(--stroke-sm) solid hsl(var(--ring)); outline-offset: -2px; }.bask-collapsible-label{ text-align: left; }.bask-collapsible-chevron{ flex: none; transition: transform var(--motion-duration-fast, 150ms) var(--motion-easing-standard, ease); }.bask-collapsible[data-open="true"] .bask-collapsible-chevron:not(.bask-disclosure-swap){ transform: rotate(180deg); }.bask-collapsible-content{ display: grid; grid-template-rows: 0fr; transition: grid-template-rows var(--motion-duration-normal, 300ms) var(--motion-easing-standard, ease); }.bask-collapsible[data-open="true"] .bask-collapsible-content{ grid-template-rows: 1fr; }.bask-collapsible-content-inner{ overflow: hidden; min-height: 0; }@media (prefers-reduced-motion: reduce){.bask-accordion-panel,.bask-accordion-chevron,.bask-collapsible-content,.bask-collapsible-chevron{ transition: none; }}.bask-if-branch{ display: grid; grid-template-rows: 1fr; opacity: 1; }.bask-if-branch[data-open="false"]{ grid-template-rows: 0fr; opacity: 0; pointer-events: none; }.bask-if-branch-inner{ min-height: 0; overflow: hidden; }.bask-if-branch[data-open="true"] .bask-if-branch-inner{ overflow: visible; }.bask-if-branch[data-open="true"][data-mounted="true"][data-transition="collapse"] .bask-if-branch-inner{ animation: bask-if-clip var(--motion-duration-normal, 300ms) step-end; }.bask-if-branch[data-mounted="true"][data-transition="collapse"]{ transition: grid-template-rows var(--motion-duration-normal, 300ms) var(--motion-easing-standard, ease), opacity var(--motion-duration-normal, 300ms) var(--motion-easing-standard, ease); }.bask-if-branch[data-mounted="true"][data-transition="fade"]{ transition: opacity var(--motion-duration-normal, 300ms) var(--motion-easing-standard, ease); }.bask-if-branch[data-mounted="true"][data-duration="fast"]{ transition-duration: var(--motion-duration-fast, 150ms); }.bask-if-branch[data-transition="none"]{ transition: none; }@keyframes bask-if-clip{ from { overflow: hidden; } to { overflow: visible; } }.bask-if-edit-branch [data-puck-dropzone]:empty::after{ content: "Drop questions or blocks here"; display: flex; align-items: center; justify-content: center; min-height: inherit; color: #9ca3af; font: 12px/1.4 system-ui, sans-serif; }.bask-if-slot:not(:has(> .bask-if-branch[data-open="true"])){ margin-top: calc(-1 * var(--bg, 0px)); }.bask-if-slot--animate{ transition: margin-top var(--motion-duration-normal, 300ms) var(--motion-easing-standard, ease); }.bask-if-slot--animate.bask-if-slot--fast{ transition-duration: var(--motion-duration-fast, 150ms); }@container bask (max-width: 1023px){.bask-if-slot:not(:has(> .bask-if-branch[data-open="true"])){ margin-top: calc(-1 * var(--bg-md, var(--bg, 0px))); }}@container bask (max-width: 639px){.bask-if-slot:not(:has(> .bask-if-branch[data-open="true"])){ margin-top: calc(-1 * var(--bg-sm, var(--bg-md, var(--bg, 0px)))); }}@media (prefers-reduced-motion: reduce){.bask-if-branch,.bask-if-slot{ transition: none !important; }.bask-if-branch .bask-if-branch-inner{ animation: none !important; }}.bask-prod-acc-summary{ all: unset; box-sizing: border-box; width: 100%; }.bask-prod-acc-summary:focus-visible{ outline: var(--stroke-sm) solid hsl(var(--ring)); outline-offset: -2px; }.bask-prod-acc-chevron{ transition: transform var(--motion-duration-fast, 150ms) var(--motion-easing-standard, ease); }.bask-prod-acc-row[data-open="true"] .bask-prod-acc-chevron:not(.bask-disclosure-swap){ transform: rotate(180deg); }.bask-disclosure--start > :is(.bask-accordion-label, .bask-collapsible-label, .bask-prod-acc-title){ flex: 1 1 auto; min-width: 0; }.bask-prod-acc-panel{ display: grid; grid-template-rows: 0fr; transition: grid-template-rows var(--motion-duration-normal, 300ms) var(--motion-easing-standard, ease); }.bask-prod-acc-row[data-open="true"] .bask-prod-acc-panel{ grid-template-rows: 1fr; }.bask-prod-acc-panel-inner{ overflow: hidden; min-height: 0; }@media (prefers-reduced-motion: reduce){.bask-prod-acc-panel,.bask-prod-acc-chevron{ transition: none; }}.bask-carousel-root{ display: flex; flex-direction: column; width: 100%; min-width: 0; max-width: 100%; --bask-cpv: var(--bask-carousel-per-view, 1); }.bask-carousel-viewport{ display: flex; gap: var(--bask-carousel-gap, 0px); overflow-x: auto; overflow-y: hidden; scroll-snap-type: x mandatory; scroll-behavior: smooth; min-width: 0; padding-inline: var(--bask-carousel-peek, 0px); scroll-padding-inline: var(--bask-carousel-peek, 0px); scrollbar-width: none; -ms-overflow-style: none; }.bask-carousel-viewport::-webkit-scrollbar{ display: none; }.bask-carousel-slide{ flex: 0 0 calc((100% - (var(--bask-cpv, 1) - 1) * var(--bask-carousel-gap, 0px)) / var(--bask-cpv, 1)); min-width: 0; scroll-snap-align: start; }.bask-carousel-controls{ display: flex; align-items: center; justify-content: center; gap: var(--spacing-200); margin-top: var(--spacing-200); padding-inline: var(--spacing-200); min-width: 0; }.bask-carousel-arrow{ all: unset; box-sizing: border-box; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; width: var(--bask-cas, 2.25rem); height: var(--bask-cas, 2.25rem); flex: 0 0 auto; aspect-ratio: 1; font-size: calc(var(--bask-cas, 2.25rem) * 5 / 9); color: var(--bask-carousel-arrow, hsl(var(--foreground))); background: hsl(var(--background)); border: var(--stroke-xs) solid hsl(var(--border)); border-radius: var(--radius-full); box-shadow: var(--shadow-low); transition: background 120ms ease, opacity 120ms ease; }.bask-carousel-arrow:hover{ background: hsl(var(--muted)); }.bask-carousel-arrow:focus-visible{ outline: var(--stroke-sm) solid hsl(var(--ring)); outline-offset: 2px; }.bask-carousel-arrow[data-disabled]{ opacity: 0.35; cursor: default; pointer-events: none; }.bask-carousel-dots{ display: flex; align-items: center; justify-content: center; gap: 0; flex: 0 1 auto; min-width: 0; overflow: hidden; }.bask-carousel-dot{ all: unset; box-sizing: border-box; cursor: pointer; position: relative; width: 1.5rem; height: 1.5rem; }.bask-carousel-dot::after{ content: ""; position: absolute; top: 50%; left: 50%; width: 0.5rem; height: 0.5rem; transform: translate(-50%, -50%); border-radius: var(--radius-full); background: hsl(var(--muted-foreground) / 0.4); transition: background 120ms ease; }.bask-carousel-dot[data-active]::after{ background: var(--bask-carousel-indicator, hsl(var(--primary))); }.bask-carousel-dot:focus-visible{ outline: var(--stroke-sm) solid hsl(var(--ring)); outline-offset: 2px; border-radius: var(--radius-full); }.bask-carousel-root[data-editing]{ counter-reset: bask-slide; }.bask-carousel-root[data-editing] .bask-carousel-viewport{ flex-direction: column; gap: var(--spacing-300); overflow: visible; scroll-snap-type: none; }.bask-carousel-root[data-editing] .bask-carousel-slide{ flex: none; outline: var(--stroke-xs) dashed hsl(var(--border)); }.bask-carousel-root[data-editing] .bask-carousel-slide::before{ counter-increment: bask-slide; content: "Slide " counter(bask-slide); display: block; font-family: var(--font-family-body); font-size: var(--font-size-body-03); line-height: var(--line-height-body-03); color: hsl(var(--muted-foreground)); padding: var(--spacing-100) var(--spacing-200); }.bask-sr-only{ position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }@media (prefers-reduced-motion: reduce){.bask-carousel-viewport{ scroll-behavior: auto; }}.bask-carousel-root{ --bask-cas: var(--bask-carousel-arrow-size, 2.25rem); }@property --bcar-page{ syntax: "<length>"; inherits: true; initial-value: 0px; }.bask-carousel-root[data-bleed]{ --bcar-bs-r: var(--bcar-bs, 0); --bcar-be-r: var(--bcar-be, 0); --bcar-page: 100cqw; }@container bask (max-width: 1023px){.bask-carousel-root{ --bask-cpv: var(--bask-carousel-per-view-md, var(--bask-carousel-per-view, 1)); }.bask-carousel-root{ --bask-cas: var(--bask-carousel-arrow-size-md, var(--bask-carousel-arrow-size, 2.25rem)); }.bask-carousel-root[data-bleed]{ --bcar-bs-r: var(--bcar-bs-md, var(--bcar-bs, 0)); --bcar-be-r: var(--bcar-be-md, var(--bcar-be, 0)); }}@container bask (max-width: 639px){.bask-carousel-root{ --bask-cpv: var(--bask-carousel-per-view-sm, var(--bask-carousel-per-view-md, var(--bask-carousel-per-view, 1))); }.bask-carousel-root{ --bask-cas: var(--bask-carousel-arrow-size-sm, var(--bask-carousel-arrow-size-md, var(--bask-carousel-arrow-size, 2.25rem))); }.bask-carousel-root[data-bleed]{ --bcar-bs-r: var(--bcar-bs-sm, var(--bcar-bs-md, var(--bcar-bs, 0))); --bcar-be-r: var(--bcar-be-sm, var(--bcar-be-md, var(--bcar-be, 0))); }}.bask-carousel-root[data-bleed] .bask-carousel-stage{ container-type: inline-size; }.bask-carousel-root[data-bleed]:not([data-transition="fade"], [data-editing]) .bask-carousel-viewport{ --bcar-bleed-s: calc(var(--bcar-bs-r) * var(--bask-carousel-bleed-s, (var(--bcar-page) - 100cqw) / 2)); --bcar-bleed-e: calc(var(--bcar-be-r) * var(--bask-carousel-bleed-e, (var(--bcar-page) - 100cqw) / 2)); margin-inline-start: calc(-1 * var(--bcar-bleed-s)); margin-inline-end: calc(-1 * var(--bcar-bleed-e)); padding-inline-start: calc(var(--bask-carousel-peek, 0px) + var(--bcar-bleed-s)); padding-inline-end: calc(var(--bask-carousel-peek, 0px) + var(--bcar-bleed-e)); scroll-padding-inline-start: calc(var(--bask-carousel-peek, 0px) + var(--bcar-bleed-s)); scroll-padding-inline-end: calc(var(--bask-carousel-peek, 0px) + var(--bcar-bleed-e)); }.bask-carousel-stage{ position: relative; min-width: 0; }.bask-carousel-controls[data-align="start"]{ justify-content: flex-start; }.bask-carousel-controls[data-align="end"]{ justify-content: flex-end; }.bask-carousel-root[data-arrow-placement="sides"] .bask-carousel-arrow{ position: absolute; top: 50%; transform: translateY(-50%); z-index: 2; }.bask-carousel-root[data-arrow-placement="sides"] .bask-carousel-arrow--prev{ left: var(--spacing-100); }.bask-carousel-root[data-arrow-placement="sides"] .bask-carousel-arrow--next{ right: var(--spacing-100); }.bask-carousel-root[data-arrow-variant="solid"] .bask-carousel-arrow{ background: var(--bask-carousel-arrow-fill, hsl(var(--foreground))); border-color: transparent; box-shadow: none; }.bask-carousel-root[data-arrow-variant="solid"] .bask-carousel-arrow:hover{ background: var(--bask-carousel-arrow-fill, hsl(var(--foreground))); opacity: 0.9; }.bask-carousel-root[data-arrow-variant="solid"] .bask-carousel-arrow[data-disabled]{ opacity: 1; background: hsl(var(--background)); border-color: var(--bask-carousel-arrow-fill, hsl(var(--foreground))); color: var(--bask-carousel-arrow-fill, hsl(var(--foreground))); }.bask-carousel-progress{ position: relative; flex: 1 1 auto; min-width: 3rem; max-width: 14rem; height: 0.25rem; background: hsl(var(--muted-foreground) / 0.2); border-radius: var(--radius-full); overflow: hidden; }.bask-carousel-progress[data-interactive]{ cursor: pointer; height: 0.375rem; touch-action: none; }.bask-carousel-progress-fill{ height: 100%; border-radius: inherit; background: var(--bask-carousel-indicator, hsl(var(--primary))); transition: width var(--bask-carousel-duration, 300ms) ease; }.bask-carousel-root[data-transition="fade"] .bask-carousel-viewport{ display: grid; overflow: visible; scroll-snap-type: none; padding-inline: 0; }.bask-carousel-root[data-transition="fade"] .bask-carousel-slide{ grid-area: 1 / 1; flex: none; width: 100%; opacity: 0; pointer-events: none; transition: opacity var(--bask-carousel-duration, 300ms) ease; }.bask-carousel-root[data-transition="fade"] .bask-carousel-slide[data-active]{ opacity: 1; pointer-events: auto; }@media (prefers-reduced-motion: reduce){.bask-carousel-root[data-transition="fade"] .bask-carousel-slide{ transition: none; }.bask-carousel-progress-fill{ transition: none; }}@keyframes bask-spin{ to { transform: rotate(360deg); } }.bask-spin{ animation-name: bask-spin; animation-iteration-count: infinite; animation-timing-function: linear; }@keyframes bask-skeleton-pulse{ 0%, 100% { opacity: 1; } 50% { opacity: 0.5; } }.bask-skeleton{ animation-name: bask-skeleton-pulse; animation-iteration-count: infinite; animation-timing-function: var(--motion-easing-standard); }@media (prefers-reduced-motion: reduce){.bask-spin,.bask-skeleton{ animation: none; }.bask-skeleton{ opacity: 0.7; }}@keyframes bask-progress-indeterminate{ 0% { transform: translateX(-100%); } 100% { transform: translateX(350%); } }.bask-progress-indeterminate{ animation: bask-progress-indeterminate 1.4s ease-in-out infinite; will-change: transform; }@media (prefers-reduced-motion: reduce){.bask-progress-indeterminate{ animation: none; transform: none; width: 100% !important; }}.bask-wr-word{ display: inline-block; white-space: nowrap; }.bask-rotate{ display: inline-grid; vertical-align: baseline; align-items: baseline; }.bask-wr-reserve{ grid-area: 1 / 1; visibility: hidden; white-space: nowrap; pointer-events: none; }.bask-wr--slide-up .bask-wr-word:not(.bask-wr-exit){ animation: bask-wr-slide-up var(--motion-duration-normal, 300ms) cubic-bezier(0.22, 1, 0.36, 1) both; }.bask-wr--slide-up .bask-wr-exit{ animation: bask-wr-slide-down var(--motion-duration-normal, 300ms) cubic-bezier(0.22, 1, 0.36, 1) both; }.bask-wr--fade .bask-wr-word:not(.bask-wr-exit){ animation: bask-wr-fade var(--motion-duration-normal, 300ms) cubic-bezier(0.22, 1, 0.36, 1) both; }.bask-wr--fade .bask-wr-exit{ animation: bask-wr-fade-out var(--motion-duration-normal, 300ms) cubic-bezier(0.22, 1, 0.36, 1) both; }@keyframes bask-wr-slide-up{ from { opacity: 0; transform: translateY(0.35em); } to { opacity: 1; transform: none; } }@keyframes bask-wr-slide-down{ from { opacity: 1; transform: none; } to { opacity: 0; transform: translateY(-0.35em); } }@keyframes bask-wr-fade{ from { opacity: 0; } to { opacity: 1; } }@keyframes bask-wr-fade-out{ from { opacity: 1; } to { opacity: 0; } }@media (prefers-reduced-motion: reduce){.bask-wr-word,.bask-wr-exit{ animation: none; }}.bask-marquee{ display: flex; width: 100%; overflow: hidden; }.bask-marquee[data-fade="true"]{ -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 8%, #000 92%, transparent 100%); mask-image: linear-gradient(90deg, transparent 0, #000 8%, #000 92%, transparent 100%); }.bask-marquee-track{ display: flex; flex-wrap: nowrap; align-items: center; width: max-content; flex: 0 0 auto; animation: bask-marquee-scroll var(--bask-marquee-duration, 25s) linear infinite; animation-direction: var(--bask-marquee-dir, normal); }.bask-marquee-group{ display: flex; flex-wrap: nowrap; align-items: center; flex: 0 0 auto; }.bask-marquee[data-pause="true"]:hover .bask-marquee-track{ animation-play-state: paused; }@keyframes bask-marquee-scroll{ from { transform: translateX(0); } to { transform: translateX(-50%); } }@media (prefers-reduced-motion: reduce){.bask-marquee-track{ animation: none; }}.bask-marquee[data-editing="true"]{ overflow-x: visible; }.bask-marquee[data-editing="true"] .bask-marquee-track{ animation: none; width: auto; flex: 0 1 auto; }.bask-marquee[data-editing="true"] .bask-marquee-group{ flex-wrap: wrap; flex: 0 1 auto; }.bask-steps-stack > *,.bask-steps-stack > :where([data-brick-nested]) > *{ width: 100%; }.bask-sticky-stack > *,.bask-sticky-stack > :where([data-brick-nested]) > *{ position: sticky; top: calc(var(--bstk-top, var(--spacing-600)) + var(--bstk-i, 0) * var(--bstk-step, 0px)); }.bask-sticky-stack > :nth-child(1){ --bstk-i: 0; }.bask-sticky-stack > :nth-child(2){ --bstk-i: 1; }.bask-sticky-stack > :nth-child(3){ --bstk-i: 2; }.bask-sticky-stack > :nth-child(4){ --bstk-i: 3; }.bask-sticky-stack > :nth-child(5){ --bstk-i: 4; }.bask-sticky-stack > :nth-child(6){ --bstk-i: 5; }.bask-sticky-stack > :nth-child(7){ --bstk-i: 6; }.bask-sticky-stack > :nth-child(n + 8){ --bstk-i: 7; }@media (prefers-reduced-motion: reduce){.bask-sticky-stack > *,.bask-sticky-stack > :where([data-brick-nested]) > *{ position: static; }}.bask-reveal{ opacity: 0; transition-property: opacity, transform; transition-duration: var(--bask-reveal-dur, 500ms); transition-timing-function: var(--motion-easing-out, cubic-bezier(0, 0, 0.2, 1)); transition-delay: var(--bask-reveal-delay, 0ms); }.bask-reveal--slide-up{ transform: translateY(1.5rem); }.bask-reveal--slide-down{ transform: translateY(-1.5rem); }.bask-reveal--slide-left{ transform: translateX(1.5rem); }.bask-reveal--slide-right{ transform: translateX(-1.5rem); }.bask-reveal--zoom{ transform: scale(0.94); }.bask-reveal[data-revealed="true"]{ opacity: 1; transform: none; }.bask-reveal[data-editing="true"]{ opacity: 1; transform: none; transition: none; }@media (prefers-reduced-motion: reduce){.bask-reveal{ opacity: 1 !important; transform: none !important; transition: none !important; }}.bask-lift{ transition: transform 180ms ease, box-shadow 180ms ease; will-change: transform; }.bask-lift:hover{ transform: translateY(-4px); box-shadow: var(--shadow-high); }@media (prefers-reduced-motion: reduce){.bask-lift{ transition: none; }.bask-lift:hover{ transform: none; }}.bask-hover-lift{ transition: transform 180ms ease, box-shadow 180ms ease; will-change: transform; }.bask-hover-lift:hover{ transform: translateY(-4px); box-shadow: var(--shadow-high); }.bask-hover-zoom{ transition: transform 220ms ease; will-change: transform; }.bask-hover-zoom:hover{ transform: scale(1.03); }.bask-hover-glow{ transition: box-shadow 220ms ease, filter 220ms ease; }.bask-hover-glow:hover{ box-shadow: var(--shadow-high); filter: brightness(1.04); }@media (prefers-reduced-motion: reduce){.bask-hover-lift,.bask-hover-zoom,.bask-hover-glow{ transition: none; }.bask-hover-lift:hover,.bask-hover-zoom:hover{ transform: none; }.bask-hover-glow:hover{ filter: none; }}.bask-img-swap{ position: relative; display: block; overflow: hidden; }.bask-pos.bask-img-swap{ position: var(--bpos, relative); }.bask-pos.bask-decor-ambient{ position: var(--bpos, absolute); z-index: var(--bz, -1); }.bask-img-swap-base{ display: block; width: 100%; height: 100%; }.bask-img-swap-hover{ position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0; transition: opacity var(--bask-img-swap-dur, 400ms) ease, transform var(--bask-img-swap-dur, 400ms) ease; }.bask-img-swap:hover .bask-img-swap-hover,.bask-img-swap:focus-within .bask-img-swap-hover{ opacity: 1; }.bask-img-swap--zoom .bask-img-swap-hover{ transform: scale(1.05); }.bask-img-swap--zoom:hover .bask-img-swap-hover,.bask-img-swap--zoom:focus-within .bask-img-swap-hover{ transform: scale(1); }.bask-img-swap--instant .bask-img-swap-hover{ transition: none; }.bask-img-swap--show-hover .bask-img-swap-hover{ opacity: 1; transform: none; }@media (prefers-reduced-motion: reduce){.bask-img-swap-hover{ transition: none; }}.bask-rsp{ --bp-t: initial; --bp-b: initial; --bp-l: initial; --bp-r: initial; --bm-t: initial; --bm-b: initial; --bm-l: initial; --bm-r: initial; --bg: initial; --bp-t-md: initial; --bp-b-md: initial; --bp-l-md: initial; --bp-r-md: initial; --bm-t-md: initial; --bm-b-md: initial; --bm-l-md: initial; --bm-r-md: initial; --bg-md: initial; --bp-t-sm: initial; --bp-b-sm: initial; --bp-l-sm: initial; --bp-r-sm: initial; --bm-t-sm: initial; --bm-b-sm: initial; --bm-l-sm: initial; --bm-r-sm: initial; --bg-sm: initial; --b-mh: initial; --b-mh-md: initial; --b-mh-sm: initial; --bmw-cx: initial; padding-top: var(--bp-t); padding-bottom: var(--bp-b); padding-left: var(--bp-l); padding-right: var(--bp-r); margin-top: var(--bm-t); margin-bottom: var(--bm-b); margin-left: var(--bm-l, var(--bmw-cx)); margin-right: var(--bm-r, var(--bmw-cx)); gap: var(--bg); min-height: var(--b-mh); }.bask-flex--row > .bask-rsp{ margin-left: var(--bm-l, 0px); margin-right: var(--bm-r, 0px); }:is(.bask-flex--row, .bask-card--row):has(> .bask-media):has(> .bask-flex):not(:has(> :nth-child(3))) > :not(.bask-size:not(.bask-media)),:is(.bask-flex--row, .bask-card--row):has(> [data-brick-nested] > .bask-media):has(> [data-brick-nested] > .bask-flex):not(:has(> :nth-child(3))) > [data-brick-nested] > :not(.bask-size:not(.bask-media)){ flex: 1 1 0; min-width: 0; }.bask-bgvideo-host:is(.bask-flex--row, .bask-card--row):has(> .bask-media):has(> .bask-flex):has(> .bask-bgvideo-frame):not(:has(> :nth-child(4))) > :not(.bask-size:not(.bask-media)),.bask-bgvideo-host:is(.bask-flex--row, .bask-card--row):has(> [data-brick-nested] > .bask-media):has(> [data-brick-nested] > .bask-flex):has(> .bask-bgvideo-frame):not(:has(> :nth-child(4))) > [data-brick-nested] > :not(.bask-size:not(.bask-media)){ flex: 1 1 0; min-width: 0; }.bask-measure{ --bmw: initial; --bmw-base: initial; padding-left: max(var(--bp-l, 0px), calc((var(--bmw-base, 100%) - var(--bmw, 100%)) / 2)); padding-right: max(var(--bp-r, 0px), calc((var(--bmw-base, 100%) - var(--bmw, 100%)) / 2)); }.bask-stack{ display: flex; flex-direction: column; }.bask-grid{ --bgc: initial; --bgc-md: initial; --bgc-sm: initial; display: grid; grid-template-columns: repeat(var(--bgc, 1), minmax(0, 1fr)); }.bask-product-list-cell{ container-type: inline-size; display: grid; grid-template-rows: 1fr; }.bask-grid--trail{ grid-template-columns: repeat(var(--bgl, 1), minmax(0, 1fr)) var(--bgt); }.bask-grid--rev-lg > :last-child{ order: -1; }.bask-grid--divided{ --bgd-w: initial; --bgd-w-md: initial; --bgd-w-sm: initial; --bgd-wr: var(--bgd-w, 0px); --bgd-gr: var(--bg, 0px); overflow: clip; }.bask-grid--divided > *{ position: relative; }.bask-grid--divided > .bask-pos{ position: var(--bpos, relative); }.bask-grid--divided > *::after{ content: ""; position: absolute; pointer-events: none; inset-block-start: calc((var(--bgd-gr) + var(--bgd-wr)) / -2); inset-inline-start: calc((var(--bgd-gr) + var(--bgd-wr)) / -2); inset-block-end: calc(var(--bgd-gr) / -2); inset-inline-end: calc(var(--bgd-gr) / -2); border-block-start: var(--bgd-wr) solid var(--bgd-c, hsl(var(--border))); border-inline-start: var(--bgd-wr) solid var(--bgd-c, hsl(var(--border))); }.bask-flex{ --bfd: initial; --bfa: initial; --bfj: initial; --bfw: initial; --bfd-md: initial; --bfa-md: initial; --bfj-md: initial; --bfw-md: initial; --bfd-sm: initial; --bfa-sm: initial; --bfj-sm: initial; --bfw-sm: initial; display: flex; flex-direction: var(--bfd, row); align-items: var(--bfa, stretch); justify-content: var(--bfj, flex-start); flex-wrap: var(--bfw, nowrap); }.bask-type{ font-size: var(--bfs); line-height: var(--blh); letter-spacing: var(--bls); }.bask-align{ text-align: var(--bta); }.bask-alert{ flex-direction: var(--bal-fd, row); align-items: var(--bal-ai, flex-start); }.bask-pos{ --bpos: initial; --bz: initial; --bin-t: initial; --bin-r: initial; --bin-b: initial; --bin-l: initial; --bpos-md: initial; --bin-t-md: initial; --bin-r-md: initial; --bin-b-md: initial; --bin-l-md: initial; --bpos-sm: initial; --bin-t-sm: initial; --bin-r-sm: initial; --bin-b-sm: initial; --bin-l-sm: initial; --bpas: initial; --bpas-md: initial; --bpas-sm: initial; position: var(--bpos, static); top: var(--bin-t, auto); right: var(--bin-r, auto); bottom: var(--bin-b, auto); left: var(--bin-l, auto); z-index: var(--bz, auto); }.bask-grid > .bask-pos{ align-self: var(--bpas, auto); }.bask-pos[data-sticky-stacked]{ top: calc(var(--bask-sticky-above, 0px) + var(--bin-t)); }.bask-size{ --bw: initial; --bw-md: initial; --bw-sm: initial; --bh: initial; --bh-md: initial; --bh-sm: initial; width: var(--bw, var(--bw-def, auto)); height: var(--bh, var(--bh-def, auto)); max-width: 100%; }.bask-order{ --bord: initial; --bord-md: initial; --bord-sm: initial; order: var(--bord, 0); }@property --bimg{ syntax: "*"; inherits: false; }@property --bimg-md{ syntax: "*"; inherits: false; }@property --bimg-sm{ syntax: "*"; inherits: false; }@property --bimg-pos{ syntax: "*"; inherits: false; }@property --bimg-pos-md{ syntax: "*"; inherits: false; }@property --bimg-pos-sm{ syntax: "*"; inherits: false; }@property --bimg-size{ syntax: "*"; inherits: false; }@property --bimg-size-md{ syntax: "*"; inherits: false; }@property --bimg-size-sm{ syntax: "*"; inherits: false; }.bask-bgimg,.bask-root--authoring .bask-bgimg{ background-image: var(--bimg); background-position: var(--bimg-pos, center); background-size: var(--bimg-size, cover); background-repeat: no-repeat; }.bask-bgimg--fixed,.bask-root--authoring .bask-bgimg--fixed{ background-attachment: fixed; }@media (prefers-reduced-motion: reduce){.bask-bgimg--fixed,.bask-root--authoring .bask-bgimg--fixed{ background-attachment: scroll; }}.bask-flow > * + *{ margin-top: var(--bf-g); }.bask-flow > :where([data-brick-nested] + [data-brick-nested]) > *{ margin-top: var(--bf-g); }.bask-layout-body{ --b-mw: initial; --b-mw-md: initial; --b-mw-sm: initial; max-width: var(--b-mw); margin-inline: auto; isolation: isolate; }.bask-flow-wide{ --bfw: min(64rem, calc(100cqw - 2 * var(--spacing-600))); flex: none; width: var(--bfw); margin-inline: calc((100% - var(--bfw)) / 2); }.bask-flow-full{ --bfw: 100cqw; flex: none; width: var(--bfw); margin-inline: calc((100% - var(--bfw)) / 2); padding-inline: var(--spacing-500); box-sizing: border-box; }.bask-root--fill{ min-height: 100vh; min-height: 100dvh; display: flex; flex-direction: column; }.bask-root--fill > main{ flex: 1 0 auto; display: flex; flex-direction: column; justify-content: var(--bl-ay, flex-start); }.bask-body-inner{ width: 100%; text-align: var(--bl-ax, left); }.bask-root--fill .bask-body-inner:has(> [data-body-placeholder]){ flex: 1 0 auto; display: flex; flex-direction: column; }.bask-root--fill .bask-body-zone{ width: 100%; height: auto; }.bask-render-shell .bask-layout-body > div:not(.bask-flow-wide):not(.bask-flow-full){ display: contents; }.bask-root > div:has(> .bask-header){ display: contents; }@container bask (max-width: 1023px){.bask-rsp{ padding-top: var(--bp-t-md, var(--bp-t)); padding-bottom: var(--bp-b-md, var(--bp-b)); padding-left: var(--bp-l-md, var(--bp-l)); padding-right: var(--bp-r-md, var(--bp-r)); margin-top: var(--bm-t-md, var(--bm-t)); margin-bottom: var(--bm-b-md, var(--bm-b)); margin-left: var(--bm-l-md, var(--bm-l, var(--bmw-cx))); margin-right: var(--bm-r-md, var(--bm-r, var(--bmw-cx))); gap: var(--bg-md, var(--bg)); min-height: var(--b-mh-md, var(--b-mh)); }.bask-measure{ padding-left: max(var(--bp-l-md, var(--bp-l, 0px)), calc((var(--bmw-base, 100%) - var(--bmw, 100%)) / 2)); padding-right: max(var(--bp-r-md, var(--bp-r, 0px)), calc((var(--bmw-base, 100%) - var(--bmw, 100%)) / 2)); }.bask-grid{ grid-template-columns: repeat(var(--bgc-md, var(--bgc, 1)), minmax(0, 1fr)); }.bask-flex{ flex-direction: var(--bfd-md, var(--bfd, row)); align-items: var(--bfa-md, var(--bfa, stretch)); justify-content: var(--bfj-md, var(--bfj, flex-start)); flex-wrap: var(--bfw-md, var(--bfw, nowrap)); }.bask-flex--row-md > .bask-rsp{ margin-left: var(--bm-l-md, var(--bm-l, 0px)); margin-right: var(--bm-r-md, var(--bm-r, 0px)); }.bask-flex--col-md > .bask-rsp{ margin-left: var(--bm-l-md, var(--bm-l, var(--bmw-cx))); margin-right: var(--bm-r-md, var(--bm-r, var(--bmw-cx))); }:is(.bask-flex--row-md, .bask-card--row-md):has(> .bask-media):has(> .bask-flex):not(:has(> :nth-child(3))) > :not(.bask-size:not(.bask-media)),:is(.bask-flex--row-md, .bask-card--row-md):has(> [data-brick-nested] > .bask-media):has(> [data-brick-nested] > .bask-flex):not(:has(> :nth-child(3))) > [data-brick-nested] > :not(.bask-size:not(.bask-media)){ flex: 1 1 0; min-width: 0; }:is(.bask-flex--col-md, .bask-card--col-md):has(> .bask-media):has(> .bask-flex):not(:has(> :nth-child(3))) > :not(.bask-size:not(.bask-media)),:is(.bask-flex--col-md, .bask-card--col-md):has(> [data-brick-nested] > .bask-media):has(> [data-brick-nested] > .bask-flex):not(:has(> :nth-child(3))) > [data-brick-nested] > :not(.bask-size:not(.bask-media)){ flex: 0 1 auto; }.bask-bgvideo-host:is(.bask-flex--row-md, .bask-card--row-md):has(> .bask-media):has(> .bask-flex):has(> .bask-bgvideo-frame):not(:has(> :nth-child(4))) > :not(.bask-size:not(.bask-media)),.bask-bgvideo-host:is(.bask-flex--row-md, .bask-card--row-md):has(> [data-brick-nested] > .bask-media):has(> [data-brick-nested] > .bask-flex):has(> .bask-bgvideo-frame):not(:has(> :nth-child(4))) > [data-brick-nested] > :not(.bask-size:not(.bask-media)){ flex: 1 1 0; min-width: 0; }.bask-bgvideo-host:is(.bask-flex--col-md, .bask-card--col-md):has(> .bask-media):has(> .bask-flex):has(> .bask-bgvideo-frame):not(:has(> :nth-child(4))) > :not(.bask-size:not(.bask-media)),.bask-bgvideo-host:is(.bask-flex--col-md, .bask-card--col-md):has(> [data-brick-nested] > .bask-media):has(> [data-brick-nested] > .bask-flex):has(> .bask-bgvideo-frame):not(:has(> :nth-child(4))) > [data-brick-nested] > :not(.bask-size:not(.bask-media)){ flex: 0 1 auto; }.bask-type{ font-size: var(--bfs-md, var(--bfs)); line-height: var(--blh-md, var(--blh)); letter-spacing: var(--bls-md, var(--bls)); }.bask-align{ text-align: var(--bta-md, var(--bta)); }.bask-alert{ flex-direction: var(--bal-fd-md, var(--bal-fd, row)); align-items: var(--bal-ai-md, var(--bal-ai, flex-start)); }.bask-pos{ position: var(--bpos-md, var(--bpos, static)); top: var(--bin-t-md, var(--bin-t, auto)); right: var(--bin-r-md, var(--bin-r, auto)); bottom: var(--bin-b-md, var(--bin-b, auto)); left: var(--bin-l-md, var(--bin-l, auto)); }.bask-grid > .bask-pos{ align-self: var(--bpas-md, var(--bpas, auto)); }.bask-pos[data-sticky-stacked]{ top: calc(var(--bask-sticky-above, 0px) + var(--bin-t-md, var(--bin-t))); }.bask-grid--rev-md > :last-child{ order: -1; }.bask-grid--divided{ --bgd-wr: var(--bgd-w-md, var(--bgd-w, 0px)); --bgd-gr: var(--bg-md, var(--bg, 0px)); }.bask-grid--rev-lg:not(.bask-grid--rev-md) > :last-child{ order: 0; }.bask-size{ width: var(--bw-md, var(--bw, var(--bw-def, auto))); height: var(--bh-md, var(--bh, var(--bh-def, auto))); }.bask-order{ order: var(--bord-md, var(--bord, 0)); }.bask-bgimg,.bask-root--authoring .bask-bgimg{ background-image: var(--bimg-md, var(--bimg)); background-position: var(--bimg-pos-md, var(--bimg-pos, center)); background-size: var(--bimg-size-md, var(--bimg-size, cover)); }.bask-bgimg--fixed,.bask-root--authoring .bask-bgimg--fixed{ background-attachment: scroll; }.bask-hide-md,[data-puck-component]:has(> .bask-hide-md){ display: none !important; }.bask-flow > * + *{ margin-top: var(--bf-g-md, var(--bf-g)); }.bask-flow > :where([data-brick-nested] + [data-brick-nested]) > *{ margin-top: var(--bf-g-md, var(--bf-g)); }.bask-layout-body{ max-width: var(--b-mw-md, var(--b-mw)); margin-inline: auto; }}@container bask (max-width: 639px){.bask-rsp{ padding-top: var(--bp-t-sm, var(--bp-t-md, var(--bp-t))); padding-bottom: var(--bp-b-sm, var(--bp-b-md, var(--bp-b))); padding-left: var(--bp-l-sm, var(--bp-l-md, var(--bp-l))); padding-right: var(--bp-r-sm, var(--bp-r-md, var(--bp-r))); margin-top: var(--bm-t-sm, var(--bm-t-md, var(--bm-t))); margin-bottom: var(--bm-b-sm, var(--bm-b-md, var(--bm-b))); margin-left: var(--bm-l-sm, var(--bm-l-md, var(--bm-l, var(--bmw-cx)))); margin-right: var(--bm-r-sm, var(--bm-r-md, var(--bm-r, var(--bmw-cx)))); gap: var(--bg-sm, var(--bg-md, var(--bg))); min-height: var(--b-mh-sm, var(--b-mh-md, var(--b-mh))); }.bask-measure{ padding-left: max(var(--bp-l-sm, var(--bp-l-md, var(--bp-l, 0px))), calc((var(--bmw-base, 100%) - var(--bmw, 100%)) / 2)); padding-right: max(var(--bp-r-sm, var(--bp-r-md, var(--bp-r, 0px))), calc((var(--bmw-base, 100%) - var(--bmw, 100%)) / 2)); }.bask-grid{ grid-template-columns: repeat(var(--bgc-sm, var(--bgc-md, var(--bgc, 1))), minmax(0, 1fr)); }.bask-flex{ flex-direction: var(--bfd-sm, var(--bfd-md, var(--bfd, row))); align-items: var(--bfa-sm, var(--bfa-md, var(--bfa, stretch))); justify-content: var(--bfj-sm, var(--bfj-md, var(--bfj, flex-start))); flex-wrap: var(--bfw-sm, var(--bfw-md, var(--bfw, nowrap))); }.bask-flex--row-sm > .bask-rsp{ margin-left: var(--bm-l-sm, var(--bm-l-md, var(--bm-l, 0px))); margin-right: var(--bm-r-sm, var(--bm-r-md, var(--bm-r, 0px))); }.bask-flex--col-sm > .bask-rsp{ margin-left: var(--bm-l-sm, var(--bm-l-md, var(--bm-l, var(--bmw-cx)))); margin-right: var(--bm-r-sm, var(--bm-r-md, var(--bm-r, var(--bmw-cx)))); }:is(.bask-flex--row-sm, .bask-card--row-sm):has(> .bask-media):has(> .bask-flex):not(:has(> :nth-child(3))) > :not(.bask-size:not(.bask-media)),:is(.bask-flex--row-sm, .bask-card--row-sm):has(> [data-brick-nested] > .bask-media):has(> [data-brick-nested] > .bask-flex):not(:has(> :nth-child(3))) > [data-brick-nested] > :not(.bask-size:not(.bask-media)){ flex: 1 1 0; min-width: 0; }:is(.bask-flex--col-sm, .bask-card--col-sm):has(> .bask-media):has(> .bask-flex):not(:has(> :nth-child(3))) > :not(.bask-size:not(.bask-media)),:is(.bask-flex--col-sm, .bask-card--col-sm):has(> [data-brick-nested] > .bask-media):has(> [data-brick-nested] > .bask-flex):not(:has(> :nth-child(3))) > [data-brick-nested] > :not(.bask-size:not(.bask-media)){ flex: 0 1 auto; }.bask-bgvideo-host:is(.bask-flex--row-sm, .bask-card--row-sm):has(> .bask-media):has(> .bask-flex):has(> .bask-bgvideo-frame):not(:has(> :nth-child(4))) > :not(.bask-size:not(.bask-media)),.bask-bgvideo-host:is(.bask-flex--row-sm, .bask-card--row-sm):has(> [data-brick-nested] > .bask-media):has(> [data-brick-nested] > .bask-flex):has(> .bask-bgvideo-frame):not(:has(> :nth-child(4))) > [data-brick-nested] > :not(.bask-size:not(.bask-media)){ flex: 1 1 0; min-width: 0; }.bask-bgvideo-host:is(.bask-flex--col-sm, .bask-card--col-sm):has(> .bask-media):has(> .bask-flex):has(> .bask-bgvideo-frame):not(:has(> :nth-child(4))) > :not(.bask-size:not(.bask-media)),.bask-bgvideo-host:is(.bask-flex--col-sm, .bask-card--col-sm):has(> [data-brick-nested] > .bask-media):has(> [data-brick-nested] > .bask-flex):has(> .bask-bgvideo-frame):not(:has(> :nth-child(4))) > [data-brick-nested] > :not(.bask-size:not(.bask-media)){ flex: 0 1 auto; }.bask-type{ font-size: var(--bfs-sm, var(--bfs-md, var(--bfs))); line-height: var(--blh-sm, var(--blh-md, var(--blh))); letter-spacing: var(--bls-sm, var(--bls-md, var(--bls))); }.bask-align{ text-align: var(--bta-sm, var(--bta-md, var(--bta))); }.bask-alert{ flex-direction: var(--bal-fd-sm, var(--bal-fd-md, var(--bal-fd, row))); align-items: var(--bal-ai-sm, var(--bal-ai-md, var(--bal-ai, flex-start))); }.bask-pos{ position: var(--bpos-sm, var(--bpos-md, var(--bpos, static))); top: var(--bin-t-sm, var(--bin-t-md, var(--bin-t, auto))); right: var(--bin-r-sm, var(--bin-r-md, var(--bin-r, auto))); bottom: var(--bin-b-sm, var(--bin-b-md, var(--bin-b, auto))); left: var(--bin-l-sm, var(--bin-l-md, var(--bin-l, auto))); }.bask-grid > .bask-pos{ align-self: var(--bpas-sm, var(--bpas-md, var(--bpas, auto))); }.bask-pos[data-sticky-stacked]{ top: calc(var(--bask-sticky-above, 0px) + var(--bin-t-sm, var(--bin-t-md, var(--bin-t)))); }.bask-grid.bask-grid--rev-sm > :last-child{ order: -1; }.bask-grid--divided{ --bgd-wr: var(--bgd-w-sm, var(--bgd-w-md, var(--bgd-w, 0px))); --bgd-gr: var(--bg-sm, var(--bg-md, var(--bg, 0px))); }.bask-grid.bask-grid--swipe{ --bgs-n: var(--bgc-sm, var(--bgc-md, var(--bgc, 1))); grid-template-columns: none; grid-auto-flow: column !important; grid-auto-columns: calc((100% - (var(--bgs-n) - 1) * var(--bg-sm, var(--bg-md, var(--bg, 0px)))) / var(--bgs-n) * 0.85); overflow-x: auto; overscroll-behavior-x: contain; scroll-snap-type: x mandatory; scrollbar-width: none; }.bask-grid--swipe::-webkit-scrollbar{ display: none; }.bask-grid--swipe > *{ scroll-snap-align: start; }.bask-grid:is(.bask-grid--rev-lg, .bask-grid--rev-md):not(.bask-grid--rev-sm) > :last-child{ order: 0; }.bask-size{ width: var(--bw-sm, var(--bw-md, var(--bw, var(--bw-def, auto)))); height: var(--bh-sm, var(--bh-md, var(--bh, var(--bh-def, auto)))); }.bask-order{ order: var(--bord-sm, var(--bord-md, var(--bord, 0))); }.bask-bgimg,.bask-root--authoring .bask-bgimg{ background-image: var(--bimg-sm, var(--bimg-md, var(--bimg))); background-position: var(--bimg-pos-sm, var(--bimg-pos-md, var(--bimg-pos, center))); background-size: var(--bimg-size-sm, var(--bimg-size-md, var(--bimg-size, cover))); }.bask-hide-sm,[data-puck-component]:has(> .bask-hide-sm){ display: none !important; }.bask-flow > * + *{ margin-top: var(--bf-g-sm, var(--bf-g-md, var(--bf-g))); }.bask-flow > :where([data-brick-nested] + [data-brick-nested]) > *{ margin-top: var(--bf-g-sm, var(--bf-g-md, var(--bf-g))); }.bask-layout-body{ max-width: var(--b-mw-sm, var(--b-mw-md, var(--b-mw))); margin-inline: auto; }}@container bask (min-width: 1024px){.bask-hide-lg,[data-puck-component]:has(> .bask-hide-lg){ display: none !important; }}.bask-stepper{ display: flex; align-items: center; width: 100%; }.bask-stepper-item{ display: flex; align-items: center; flex: 1 1 0; min-width: 0; }.bask-stepper-item:last-child{ flex: none; }.bask-stepper-circle{ flex: none; display: inline-flex; align-items: center; justify-content: center; width: 2em; height: 2em; border-radius: var(--radius-full); background: var(--bask-stepper-track, hsl(var(--muted))); color: hsl(var(--muted-foreground)); font-family: var(--font-family-body); font-weight: var(--font-weight-medium); font-size: var(--font-size-body-02); line-height: var(--line-height-body-02); letter-spacing: var(--letter-spacing-body-02); transition: background 150ms ease, color 150ms ease; }.bask-stepper-item[data-done="true"] .bask-stepper-circle{ background: var(--bask-stepper-accent, hsl(var(--primary))); color: hsl(var(--primary-foreground)); }.bask-stepper-dot{ flex: none; width: 0.625em; height: 0.625em; border-radius: var(--radius-full); background: var(--bask-stepper-track, hsl(var(--muted))); transition: background 150ms ease; }.bask-stepper-item[data-done="true"] .bask-stepper-dot{ background: var(--bask-stepper-accent, hsl(var(--primary))); }.bask-stepper-bar{ flex: 1 1 0; height: 0.375em; border-radius: var(--radius-full); background: var(--bask-stepper-track, hsl(var(--muted))); transition: background 150ms ease; }.bask-stepper-item[data-done="true"] .bask-stepper-bar{ background: var(--bask-stepper-accent, hsl(var(--primary))); }.bask-stepper-connector{ flex: 1 1 0; height: var(--stroke-xs, 1px); background: var(--bask-stepper-track, hsl(var(--muted))); min-width: var(--spacing-100); }@media (prefers-reduced-motion: reduce){.bask-stepper-circle,.bask-stepper-dot,.bask-stepper-bar{ transition: none; }}.bask-video-embed{ display: block; }.bask-video-embed-aspect{ position: relative; width: 100%; }.bask-video-embed-aspect iframe{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; display: block; }.bask-video-overlay{ position: absolute; inset: 0; z-index: 1; display: flex; flex-direction: column; pointer-events: none; }.bask-video-overlay > *{ pointer-events: auto; }.bask-root--authoring .bask-video-overlay{ pointer-events: auto; }.bask-video-embed-aspect[data-video-started] > .bask-video-overlay{ display: none; }.bask-video-facade{ background: hsl(var(--muted)); }.bask-video-facade > img{ position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; display: block; }.bask-video-embed{ --bvp-k: var(--bvp-corner, 0); --bvp-s: var(--bvp-size, 4rem); }.bask-video-play{ all: unset; box-sizing: border-box; cursor: pointer; position: absolute; z-index: 2; display: inline-flex; align-items: center; justify-content: center; width: var(--bvp-s); height: var(--bvp-s); border-radius: var(--radius-full); font-size: calc(var(--bvp-s) * 0.4); left: calc(50% * (1 - var(--bvp-k)) + var(--spacing-500) * var(--bvp-k)); top: calc(50% * (1 - var(--bvp-k)) + (100% - var(--spacing-500)) * var(--bvp-k)); transform: translate(calc(-50% * (1 - var(--bvp-k))), calc(-50% - 50% * var(--bvp-k))); transition: scale 160ms ease, background 160ms ease; }.bask-video-play:dir(rtl){ left: auto; right: calc(50% * (1 - var(--bvp-k)) + var(--spacing-500) * var(--bvp-k)); transform: translate(calc(50% * (1 - var(--bvp-k))), calc(-50% - 50% * var(--bvp-k))); }.bask-video-play:hover{ scale: 1.06; }.bask-video-play:focus-visible{ outline: var(--stroke-sm) solid hsl(var(--ring)); outline-offset: 3px; }.bask-video-play[data-look="solid"]{ background: hsl(var(--primary)); color: hsl(var(--primary-foreground)); box-shadow: var(--shadow-mid); }.bask-video-play[data-look="glass"]{ background: rgb(255 255 255 / 0.18); color: rgb(255 255 255); border: var(--stroke-xs) solid rgb(255 255 255 / 0.45); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); }@container bask (max-width: 1023px){.bask-video-embed{ --bvp-k: var(--bvp-corner-md, var(--bvp-corner, 0)); --bvp-s: var(--bvp-size-md, var(--bvp-size, 4rem)); }}@container bask (max-width: 639px){.bask-video-embed{ --bvp-k: var(--bvp-corner-sm, var(--bvp-corner-md, var(--bvp-corner, 0))); --bvp-s: var(--bvp-size-sm, var(--bvp-size-md, var(--bvp-size, 4rem))); }}@media (prefers-reduced-motion: reduce){.bask-video-play{ transition: none; }}@media (prefers-reduced-motion: no-preference){.bask-rvk-host[data-editing="false"]:not([data-revealed="true"]) .bask-rvk > :nth-child(n):not([class*="bask-scrub-"]){ opacity: 0; }.bask-rvk-host[data-revealed="true"] .bask-rvk > :nth-child(n):not([class*="bask-scrub-"]){ animation: bask-rvk-in var(--bask-reveal-dur, 500ms) var(--motion-easing-out, cubic-bezier(0, 0, 0.2, 1)) both; animation-delay: calc(var(--bask-reveal-delay, 0ms) + var(--brvk-i, 0) * var(--bask-rvk-step, 90ms)); }}@keyframes bask-rvk-in{ from { opacity: 0; translate: 0 1.25rem; } to { opacity: 1; translate: 0 0; } }.bask-rvk > :nth-child(1){ --brvk-i: 0; }.bask-rvk > :nth-child(2){ --brvk-i: 1; }.bask-rvk > :nth-child(3){ --brvk-i: 2; }.bask-rvk > :nth-child(4){ --brvk-i: 3; }.bask-rvk > :nth-child(5){ --brvk-i: 4; }.bask-rvk > :nth-child(6){ --brvk-i: 5; }.bask-rvk > :nth-child(7){ --brvk-i: 6; }.bask-rvk > :nth-child(8){ --brvk-i: 7; }.bask-rvk > :nth-child(9){ --brvk-i: 8; }.bask-rvk > :nth-child(10){ --brvk-i: 9; }.bask-rvk > :nth-child(11){ --brvk-i: 10; }.bask-rvk > :nth-child(n + 12){ --brvk-i: 11; }@supports (animation-timeline: view()){.bask-scrub-drift-up,.bask-scrub-drift-down,.bask-scrub-scale-in{ animation-duration: auto; animation-timing-function: linear; animation-fill-mode: both; animation-timeline: view(); animation-range: entry 0% cover 45%; }.bask-scrub-drift-up{ animation-name: bask-scrub-drift-up; }.bask-scrub-drift-down{ animation-name: bask-scrub-drift-down; }.bask-scrub-scale-in{ animation-name: bask-scrub-scale-in; }}@keyframes bask-scrub-drift-up{ from { opacity: 0.55; translate: 0 2.75rem; } to { opacity: 1; translate: 0 0; } }@keyframes bask-scrub-drift-down{ from { opacity: 0.55; translate: 0 -2.75rem; } to { opacity: 1; translate: 0 0; } }@keyframes bask-scrub-scale-in{ from { opacity: 0.6; scale: 0.93; } to { opacity: 1; scale: 1; } }@media (prefers-reduced-motion: reduce){.bask-scrub-drift-up,.bask-scrub-drift-down,.bask-scrub-scale-in{ animation: none; }}.bask-media-band{ position: relative; width: 100%; }.bask-pos.bask-media-band{ position: var(--bpos, relative); }.bask-bgvideo-frame{ --bgv-pos: initial; --bgv-pos-md: initial; --bgv-pos-sm: initial; background-size: cover; background-position: var(--bgv-pos, center); }.bask-bgvideo-frame{ position: absolute; inset: 0; overflow: clip; z-index: 0; pointer-events: none; }.bask-bgvideo-frame > video{ position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: var(--bgv-pos, center); }.bask-bgvideo-scrim{ position: absolute; inset: 0; }.bask-bgvideo-host{ isolation: isolate; }.bask-pos.bask-bgvideo-host{ position: var(--bpos, relative); }.bask-bgvideo-host > .bask-bgvideo-frame{ z-index: -1; border-radius: inherit; }.bask-root--authoring .bask-bgvideo-host > .bask-bgvideo-frame{ opacity: 1; }.bask-root--authoring .bask-bgvideo-host[data-puck-dropzone]:not(:has(> [data-puck-component])){ min-height: var(--puck-slot-min-empty-height); }.bask-flow > .bask-bgvideo-frame + *{ margin-top: 0; }@container bask (max-width: 1023px){.bask-bgvideo-frame{ background-position: var(--bgv-pos-md, var(--bgv-pos, center)); }.bask-bgvideo-frame > video{ object-position: var(--bgv-pos-md, var(--bgv-pos, center)); }.bask-pos.bask-bgvideo-host{ position: var(--bpos-md, var(--bpos, relative)); }}@container bask (max-width: 639px){.bask-bgvideo-frame{ background-position: var(--bgv-pos-sm, var(--bgv-pos-md, var(--bgv-pos, center))); }.bask-bgvideo-frame > video{ object-position: var(--bgv-pos-sm, var(--bgv-pos-md, var(--bgv-pos, center))); }.bask-pos.bask-bgvideo-host{ position: var(--bpos-sm, var(--bpos-md, var(--bpos, relative))); }}@media (prefers-reduced-motion: reduce){.bask-bgvideo-frame > video{ display: none; }}.bask-gradient-pan{ background-size: 200% 200%; animation: bask-gradient-pan 16s var(--motion-easing-standard, ease-in-out) infinite alternate; }.bask-root--authoring .bask-gradient-pan{ background-size: 200% 200%; }@keyframes bask-gradient-pan{ from { background-position: 0% 50%; } to { background-position: 100% 50%; } }@media (prefers-reduced-motion: reduce){.bask-gradient-pan{ animation: none; }}.bask-amb-drift{ animation: bask-amb-drift 18s var(--motion-easing-standard, ease-in-out) infinite alternate; }@keyframes bask-amb-drift{ from { translate: 0 0; rotate: 0deg; } to { translate: 2.5rem -1.75rem; rotate: 10deg; } }.bask-amb-pulse{ animation: bask-amb-pulse 9s ease-in-out infinite alternate; }@keyframes bask-amb-pulse{ from { scale: 1; } to { scale: 1.12; } }@media (prefers-reduced-motion: reduce){.bask-amb-drift,.bask-amb-pulse{ animation: none; }}.bask-fg-alt{ display: flex; flex-direction: column; }.bask-fg-alt > :nth-child(n){ width: 100%; align-items: center; }.bask-fg-alt > :nth-child(even){ flex-direction: row-reverse; }.bask-fg-alt > :nth-child(n) > *{ flex: 1 1 0; min-width: 0; }.bask-fg-alt--editing > :nth-child(even){ flex-direction: column; }.bask-fg-alt--editing > :nth-child(n) > .bask-flex{ width: 100%; align-items: center; }.bask-fg-alt--editing > :nth-child(even) > .bask-flex{ flex-direction: row-reverse; }.bask-fg-alt--editing > :nth-child(n) > .bask-flex > *{ flex: 1 1 0; min-width: 0; }@container bask (max-width: 639px){.bask-fg-alt > :nth-child(n),.bask-fg-alt--editing > :nth-child(n) > .bask-flex{ flex-direction: column; }.bask-fg-alt > :nth-child(n) > *,.bask-fg-alt--editing > :nth-child(n) > .bask-flex > *{ flex: 0 1 auto; }}.bask-steps-connect > :nth-child(n){ position: relative; }.bask-steps-connect > :nth-child(n):not(:first-child)::before{ content: ""; position: absolute; top: 2.6rem; left: calc(-1 * var(--bask-steps-gap, var(--spacing-600))); width: var(--bask-steps-gap, var(--spacing-600)); border-top: var(--stroke-sm, 2px) solid currentColor; opacity: 0.25; }.bask-steps-connect--dashed > :nth-child(n):not(:first-child)::before{ border-top-style: dashed; }@container bask (max-width: 639px){.bask-steps-connect > :nth-child(n):not(:first-child)::before{ display: none; }}.bask-steps-rail{ position: relative; padding-left: 2.5rem; }.bask-steps-rail::before{ content: ""; position: absolute; left: 0.7rem; top: 0.9rem; bottom: 0.9rem; border-left: var(--stroke-sm, 2px) solid currentColor; opacity: 0.18; }.bask-steps-rail--dashed::before{ border-left-style: dashed; }.bask-steps-rail > :nth-child(n),.bask-steps-rail > :where([data-brick-nested]) > *{ position: relative; }.bask-steps-rail > :nth-child(n):where(:not([data-brick-nested]))::after,.bask-steps-rail > :where([data-brick-nested]) > *::after{ content: ""; position: absolute; top: 1.35rem; left: calc(-2.5rem + 0.7rem - 0.3rem + (var(--stroke-sm, 2px) / 2)); width: 0.65rem; height: 0.65rem; border-radius: var(--radius-full); background: hsl(var(--primary)); }.bask-stat-chip[data-puck-dropzone]:not(:has([data-puck-component])){ display: none; }.bask-cmp-row{ display: grid; grid-template-columns: var(--bask-cmp-cols, minmax(0, 2fr) repeat(2, minmax(0, 1fr))); align-items: stretch; width: 100%; }.bask-hero-media--left{ order: -1; }@container bask (max-width: 1023px){.bask-hero-media--left{ order: 0; }}@container bask (max-width: 639px){.bask-cta-actions{ width: 100%; }.bask-cta-actions > a{ width: 100%; justify-content: center; }.bask-cta-actions > .bask-button{ width: 100% !important; }body:has(#frame-root) .bask-cta-actions > [data-puck-component]:has(> .bask-button){ width: 100%; }body:has(#frame-root) .bask-cta-actions > [data-puck-component] > .bask-button{ width: 100% !important; justify-content: center; }}