/* /css/pages/landings/price/landingsPriceFull.m.css (3.66 KB) */
.landingsPrice_header { background: linear-gradient(var(--color-white) 95%, transparent 100%); flex-direction: column; gap: 0; align-items: stretch; } .landingsPrice_headerContent { border: none; padding: var(--top-padding-4) 0; gap: var(--top-gap-4); } .landingsPrice_headerContentTitle { font-size: 24px; } .landingsPrice_headerTariffs { padding: var(--top-padding-5) 5px 15px 5px; gap: var(--top-gap-4); } .landingsPrice_headerTariff { --landingsPrice_headerTariff-color: var(--color-text-1); cursor: pointer; pointer-events: auto; color: var(--color-text-1); flex-basis: 100%; transition: var(--transition-fast); } .landingsPrice_headerTariffDiscount { display: none; } [data-tariff="xs"] { background-color: var(--color-layout-front-3); color: var(--color-text-1); } [data-tariff="xs"]:hover { background-color: var(--color-layout-front-6); } [data-tariff="s"] { background-color: var(--color-layout-front-primary-3); color: var(--color-text-primary-alt); } [data-tariff="s"]:hover { background-color: var(--color-layout-front-primary-6); } [data-tariff="m"] { background-color: var(--color-layout-front-positive-3); color: var(--color-text-positive-alt); } [data-tariff="m"]:hover { background-color: var(--color-layout-front-positive-6); } [data-tariff="l"] { background-color: var(--color-layout-front-warning-3); color: var(--color-text-warning-alt); } [data-tariff="l"]:hover { background-color: var(--color-layout-front-warning-6) } [data-tariff="xl"] { background-color: var(--color-layout-front-negative-3); color: var(--color-text-negative-alt); } [data-tariff="xl"]:hover { background-color: var(--color-layout-front-negative-6) } [data-tariff].landingsPrice_headerTariff-active { background-color: var(--landingsPrice_headerTariff-color); box-shadow: 0 0 0 var(--top-padding-1) var(--color-layout-front-1), 0 0 0 calc(var(--top-padding-1) + 1px) var(--landingsPrice_headerTariff-color); color: var(--color-text-white); transform: translateY(0px); } [data-tariff="xs"].landingsPrice_headerTariff-active { --landingsPrice_headerTariff-color: var(--color-theme-925); } [data-tariff="s"].landingsPrice_headerTariff-active { --landingsPrice_headerTariff-color: var(--color-bg-primary-1); } [data-tariff="m"].landingsPrice_headerTariff-active { --landingsPrice_headerTariff-color: var(--color-bg-positive-1); } [data-tariff="l"].landingsPrice_headerTariff-active { --landingsPrice_headerTariff-color: var(--color-bg-warning-1); } [data-tariff="xl"].landingsPrice_headerTariff-active { --landingsPrice_headerTariff-color: var(--color-bg-negative-1); } .landingPrice_tariffsPrices { margin-top: 0; } .landingPrice_tariffPrice { border: none; border-radius: var(--top-radius-4); width: 100%; padding: var(--top-padding-3); display: none; justify-content: space-between; gap: var(--top-gap-2); } .landingPrice_tariffPriceDiscountText { display: inline; align-self: center; } .landingPrice_tariffPriceText { flex-shrink: 0; } [data-active-tariff="xs"] [data-tariff="price_xs"], [data-active-tariff="s"] [data-tariff="price_s"], [data-active-tariff="m"] [data-tariff="price_m"], [data-active-tariff="l"] [data-tariff="price_l"], [data-active-tariff="xl"] [data-tariff="price_xl"] { display: flex; } .landingsPrice_rowCell { width: 94px; display: none; } [data-active-tariff="xs"] .landingsPrice_rowCell-xs, [data-active-tariff="s"] .landingsPrice_rowCell-s, [data-active-tariff="m"] .landingsPrice_rowCell-m, [data-active-tariff="l"] .landingsPrice_rowCell-l, [data-active-tariff="xl"] .landingsPrice_rowCell-xl { display: flex; }