.CopyText__copy-text___78uN4 { color: #262626; font-family: "TeleNeo", sans-serif; font-size: 1.125rem; font-weight: 400; line-height: 1.5rem; margin: 0; } .CopyText__copy-text___78uN4 i { font-style: italic; } .CopyText__copy-text___78uN4 b { font-weight: 700; } .CopyText__copy-text___78uN4 strong { font-weight: 700; } .CopyText__copy-text___78uN4 a { color: #00739f; outline: none; text-decoration: underline; text-underline-offset: 0.1875rem; } .CopyText__copy-text___78uN4 a:focus-visible, .CopyText__copy-text___78uN4 a.force-focus-visible { --focus-pseudo-padding: var( --focus-outline-offset, 0.375rem ); outline: none; position: relative; --focus-outline-offset: 2px; } .CopyText__copy-text___78uN4 a:focus-visible::after, .CopyText__copy-text___78uN4 a.force-focus-visible::after { --focus-outline-offset: 0; border-radius: var(--focus-outline-radius, 0.1875rem); outline-color: var(--focus-outline-color-light, #000) !important; outline-offset: var(--focus-outline-offset, 0.25rem) !important; outline-style: var(--focus-outline-style, solid) !important; outline-width: var(--focus-outline-width, 0.125rem) !important; border-radius: var(--focus-outline-radius, 0.1875rem); content: " "; height: calc(100% + 2 * var(--focus-pseudo-padding)); left: calc(-1 * var(--focus-pseudo-padding)); pointer-events: none; position: absolute; top: calc(-1 * var(--focus-pseudo-padding)); width: calc(100% + 2 * var(--focus-pseudo-padding)); z-index: var(--focus-pseudo-z-index, 1); } .CopyText__copy-text___78uN4 a:has(:focus-visible), .CopyText__copy-text___78uN4 a:has(.force-focus-visible) { --focus-pseudo-padding: var( --focus-outline-offset, 0.375rem ); outline: none; position: relative; --focus-outline-offset: 2px; } .CopyText__copy-text___78uN4 a:has(:focus-visible)::after, .CopyText__copy-text___78uN4 a:has(.force-focus-visible)::after { --focus-outline-offset: 0; border-radius: var(--focus-outline-radius, 0.1875rem); outline-color: var(--focus-outline-color-light, #000) !important; outline-offset: var(--focus-outline-offset, 0.25rem) !important; outline-style: var(--focus-outline-style, solid) !important; outline-width: var(--focus-outline-width, 0.125rem) !important; border-radius: var(--focus-outline-radius, 0.1875rem); content: " "; height: calc(100% + 2 * var(--focus-pseudo-padding)); left: calc(-1 * var(--focus-pseudo-padding)); pointer-events: none; position: absolute; top: calc(-1 * var(--focus-pseudo-padding)); width: calc(100% + 2 * var(--focus-pseudo-padding)); z-index: var(--focus-pseudo-z-index, 1); } .CopyText__copy-text___78uN4 a:hover { text-decoration-thickness: 0.1250025rem; } legend.CopyText__copy-text___78uN4 { box-sizing: border-box; display: table; max-width: 100%; padding: 0; white-space: normal; } .CopyText__additional___oD3Lz { font-size: 0.9375rem; line-height: 1.3125rem; } .CopyText__additional___oD3Lz.CopyText__copy-text--highlight___P4lkz { font-weight: 700; line-height: 1.3125rem; } .CopyText__highlight___rsy1d { font-weight: 700; } .CopyText__highlight___rsy1d a { font-weight: 700; } .CopyText__legibility___4ILYK { max-width: 30em; } .CopyText__theme_dark___8gXcR, .CopyText__theme_magenta___kQ4Ag { color: #fff; } .CopyText__theme_magenta___kQ4Ag a { color: #fff; } .CopyText__theme_dark___8gXcR a { color: #31c3f7; } .CopyText__theme_dark___8gXcR a:focus-visible, .CopyText__theme_dark___8gXcR a.force-focus-visible { --focus-pseudo-padding: var( --focus-outline-offset, 0.375rem ); outline: none; position: relative; } .CopyText__theme_dark___8gXcR a:focus-visible::after, .CopyText__theme_dark___8gXcR a.force-focus-visible::after { --focus-outline-offset: 0; border-radius: var(--focus-outline-radius, 0.1875rem); outline-color: var(--focus-outline-color-dark, #fff) !important; outline-offset: var(--focus-outline-offset, 0.25rem) !important; outline-style: var(--focus-outline-style, solid) !important; outline-width: var(--focus-outline-width, 0.125rem) !important; border-radius: var(--focus-outline-radius, 0.1875rem); content: " "; height: calc(100% + 2 * var(--focus-pseudo-padding)); left: calc(-1 * var(--focus-pseudo-padding)); pointer-events: none; position: absolute; top: calc(-1 * var(--focus-pseudo-padding)); width: calc(100% + 2 * var(--focus-pseudo-padding)); z-index: var(--focus-pseudo-z-index, 1); } .CopyText__theme_dark___8gXcR a:has(:focus-visible), .CopyText__theme_dark___8gXcR a:has(.force-focus-visible) { --focus-pseudo-padding: var( --focus-outline-offset, 0.375rem ); outline: none; position: relative; } .CopyText__theme_dark___8gXcR a:has(:focus-visible)::after, .CopyText__theme_dark___8gXcR a:has(.force-focus-visible)::after { --focus-outline-offset: 0; border-radius: var(--focus-outline-radius, 0.1875rem); outline-color: var(--focus-outline-color-dark, #fff) !important; outline-offset: var(--focus-outline-offset, 0.25rem) !important; outline-style: var(--focus-outline-style, solid) !important; outline-width: var(--focus-outline-width, 0.125rem) !important; border-radius: var(--focus-outline-radius, 0.1875rem); content: " "; height: calc(100% + 2 * var(--focus-pseudo-padding)); left: calc(-1 * var(--focus-pseudo-padding)); pointer-events: none; position: absolute; top: calc(-1 * var(--focus-pseudo-padding)); width: calc(100% + 2 * var(--focus-pseudo-padding)); z-index: var(--focus-pseudo-z-index, 1); } .CopyText__magenta___HZyMp { color: #e20074; } .Heading__heading___MtpMU { color: #262626; margin-bottom: 0.75rem; margin-top: 0; font-family: "TeleNeo", sans-serif; font-weight: 400; } .Heading__display___5MP4Y.Heading__display___5MP4Y { font-weight: 800; } .Heading__highlight___x-vY4.Heading__highlight___x-vY4 { font-weight: 700; } .Heading__hero___lRnNh { font-size: 3.75rem; line-height: 3.75rem; } .Heading__primary___SztzB { font-size: 3rem; line-height: 3rem; } .Heading__secondary___JMHyD { font-size: 2.25rem; line-height: 2.25rem; } .Heading__tertiary___sDPIf { font-size: 1.5rem; line-height: 1.8125000003rem; } .Heading__quaternary___ahCJ0 { font-size: 1.3125rem; line-height: 1.5624999998rem; } @media (min-width: 40em) and (max-width: 63.99em) { .Heading__responsive___tcnjX.Heading__hero___lRnNh { font-size: 3rem; line-height: 3rem; } } @media (max-width: 39.99em) { .Heading__responsive___tcnjX.Heading__hero___lRnNh { font-size: 2.25rem; line-height: 2.25rem; } } @media (min-width: 40em) and (max-width: 63.99em) { .Heading__responsive___tcnjX.Heading__primary___SztzB { font-size: 2.25rem; line-height: 2.25rem; } } @media (max-width: 39.99em) { .Heading__responsive___tcnjX.Heading__primary___SztzB { font-size: 1.5rem; line-height: 1.8125000003rem; } } @media (min-width: 40em) and (max-width: 63.99em) { .Heading__responsive___tcnjX.Heading__secondary___JMHyD { font-size: 1.5rem; line-height: 1.8125000003rem; } } @media (max-width: 39.99em) { .Heading__responsive___tcnjX.Heading__secondary___JMHyD { font-size: 1.3125rem; line-height: 1.5624999998rem; } } @media (max-width: 63.99em) { .Heading__responsive___tcnjX.Heading__tertiary___sDPIf { font-size: 1.3125rem; line-height: 1.5624999998rem; } } @media (max-width: 39.99em) { .Heading__heroS___XeUoB.Heading__heroS___XeUoB { font-size: 3.75rem; line-height: 3.75rem; } .Heading__primaryS___-gzMR.Heading__primaryS___-gzMR { font-size: 3rem; line-height: 3rem; } .Heading__secondaryS___i-Wje.Heading__secondaryS___i-Wje { font-size: 2.25rem; line-height: 2.25rem; } .Heading__tertiaryS___Bx-v9.Heading__tertiaryS___Bx-v9 { font-size: 1.5rem; line-height: 1.8125000003rem; } .Heading__quaternaryS___twZNg.Heading__quaternaryS___twZNg { font-size: 1.3125rem; line-height: 1.5624999998rem; } .Heading__copyS___wLMBn.Heading__copyS___wLMBn { font-size: 1.125rem; line-height: 1.5rem; } .Heading__displayS___RFh5b.Heading__displayS___RFh5b { font-weight: 800; } .Heading__highlightS___6SuHO.Heading__highlightS___6SuHO { font-weight: 700; } } @media (min-width: 40em) and (max-width: 63.99em) { .Heading__heroM___4a-Bc.Heading__heroM___4a-Bc { font-size: 3.75rem; line-height: 3.75rem; } .Heading__primaryM___1KYij.Heading__primaryM___1KYij { font-size: 3rem; line-height: 3rem; } .Heading__secondaryM___4MFPZ.Heading__secondaryM___4MFPZ { font-size: 2.25rem; line-height: 2.25rem; } .Heading__tertiaryM___wEzar.Heading__tertiaryM___wEzar { font-size: 1.5rem; line-height: 1.8125000003rem; } .Heading__quaternaryM___EwwvX.Heading__quaternaryM___EwwvX { font-size: 1.3125rem; line-height: 1.5624999998rem; } .Heading__copyM___SQNyI.Heading__copyM___SQNyI { font-size: 1.125rem; line-height: 1.5rem; } .Heading__displayM___FKJyD.Heading__displayM___FKJyD { font-weight: 800; } .Heading__highlightM___woO-I.Heading__highlightM___woO-I { font-weight: 700; } } @media (min-width: 64em) and (max-width: 83.99em) { .Heading__heroL___m4XZ5.Heading__heroL___m4XZ5 { font-size: 3.75rem; line-height: 3.75rem; } .Heading__primaryL___cvh1p.Heading__primaryL___cvh1p { font-size: 3rem; line-height: 3rem; } .Heading__secondaryL___EEVVY.Heading__secondaryL___EEVVY { font-size: 2.25rem; line-height: 2.25rem; } .Heading__tertiaryL___52XXW.Heading__tertiaryL___52XXW { font-size: 1.5rem; line-height: 1.8125000003rem; } .Heading__quaternaryL___h4VUI.Heading__quaternaryL___h4VUI { font-size: 1.3125rem; line-height: 1.5624999998rem; } .Heading__copyL___mXSGD.Heading__copyL___mXSGD { font-size: 1.125rem; line-height: 1.5rem; } .Heading__displayL___tHtcz.Heading__displayL___tHtcz { font-weight: 800; } .Heading__highlightL___-aHcv.Heading__highlightL___-aHcv { font-weight: 700; } } @media (min-width: 84em) { .Heading__heroXl___6M2SO.Heading__heroXl___6M2SO { font-size: 3.75rem; line-height: 3.75rem; } .Heading__primaryXl___QAdvP.Heading__primaryXl___QAdvP { font-size: 3rem; line-height: 3rem; } .Heading__secondaryXl___xt-5g.Heading__secondaryXl___xt-5g { font-size: 2.25rem; line-height: 2.25rem; } .Heading__tertiaryXl___-kwfi.Heading__tertiaryXl___-kwfi { font-size: 1.5rem; line-height: 1.8125000003rem; } .Heading__quaternaryXl___LFLkL.Heading__quaternaryXl___LFLkL { font-size: 1.3125rem; line-height: 1.5624999998rem; } .Heading__copyXl___Bfxdw.Heading__copyXl___Bfxdw { font-size: 1.125rem; line-height: 1.5rem; } .Heading__displayXl___W5FLM.Heading__displayXl___W5FLM { font-weight: 800; } .Heading__highlightXl___QtlYe.Heading__highlightXl___QtlYe { font-weight: 700; } } .Heading__uppercase___pJYsy { font-weight: 400; text-transform: uppercase; } .Heading__marginBottomNone___8vYEY { margin-bottom: 0; } .Heading__padded___1UY4h { margin-bottom: 0; padding-bottom: 0.75rem; padding-top: 0.75rem; } @media (min-width: 40em) { .Heading__padded___1UY4h { padding-bottom: 1.5rem; padding-top: 1.5rem; } } .Heading__paddedBig___EeETy { margin-bottom: 0; padding-bottom: 1.5rem; padding-top: 1.5rem; } @media (min-width: 40em) { .Heading__paddedBig___EeETy { padding-bottom: 3rem; padding-top: 3rem; } } .Heading__paddedBottom___KR-vg { margin-bottom: 0; padding-bottom: 0.75rem; } @media (min-width: 40em) { .Heading__paddedBottom___KR-vg { padding-bottom: 1.5rem; } } .Heading__paddedBottomBig___LVIjW { margin-bottom: 0; padding-bottom: 1.5rem; } @media (min-width: 40em) { .Heading__paddedBottomBig___LVIjW { padding-bottom: 3rem; } } .Heading__paddedTop___u6jgT { margin-bottom: 0; padding-top: 0.75rem; } @media (min-width: 40em) { .Heading__paddedTop___u6jgT { padding-top: 1.5rem; } } .Heading__paddedTopBig___LIRrH { margin-bottom: 0; padding-top: 1.5rem; } @media (min-width: 40em) { .Heading__paddedTopBig___LIRrH { padding-top: 3rem; } } .Heading__brand___V-Fo6 { color: #e20074; } .Heading__theme_dark___MONHi, .Heading__theme_magenta___uAWPW { color: #fff; } .Heading__theme_dark___MONHi.Heading__heading--brand___NoGF0 { color: #e20074; } .Heading__theme_magenta___uAWPW.Heading__heading--brand___NoGF0 { color: #000; } .TextLink__link___GinZ- { color: #00739f; text-decoration: underline; text-underline-offset: 0.1875rem; --focus-outline-radius: 2px; } .TextLink__link___GinZ-:hover { text-decoration-thickness: 0.1250025rem; } .TextLink__link___GinZ-.TextLink__disable-underline___waknw { -webkit-text-decoration-line: none; text-decoration-line: none; } .TextLink__link___GinZ-.TextLink__disable-underline___waknw:hover { -webkit-text-decoration-line: underline; text-decoration-line: underline; } .TextLink__link___GinZ-::after { content: none; display: none; } .TextLink__link___GinZ-:focus-visible, .TextLink__link___GinZ-.force-focus-visible { border-radius: var(--focus-outline-radius, 0.1875rem); outline-color: var(--focus-outline-color-light, #000) !important; outline-offset: var(--focus-outline-offset, 0.25rem) !important; outline-style: var(--focus-outline-style, solid) !important; outline-width: var(--focus-outline-width, 0.125rem) !important; } .TextLink__highlight___7JukU { font-weight: 700; } .TextLink__link-icon___pcxcd { display: inline-flex; height: 1rem; position: relative; width: 1rem; } .TextLink__link-icon--right___54ZJP { padding-left: 0.3125rem; } .TextLink__link-icon--left___3VIbX { margin-left: -0.25rem; padding-left: 0; padding-right: 0.25rem; } .TextLink__icon___pGf-C { bottom: -0.0625rem; position: relative; } .TextLink__theme_dark___cAIBY { color: #31c3f7; } .TextLink__theme_dark___cAIBY:focus-visible, .TextLink__theme_dark___cAIBY.force-focus-visible { border-radius: var(--focus-outline-radius, 0.1875rem); outline-color: var(--focus-outline-color-dark, #fff) !important; outline-offset: var(--focus-outline-offset, 0.25rem) !important; outline-style: var(--focus-outline-style, solid) !important; outline-width: var(--focus-outline-width, 0.125rem) !important; } .TextLink__theme_magenta___p7IPu { color: #fff; } a.TextLink__black-small___NmUWt, button.TextLink__black-small___NmUWt { color: #000; text-decoration: underline; text-underline-offset: 0.1875rem; font-size: 0.9375rem; font-weight: 400; line-height: 1.3125rem; } a.TextLink__black-small___NmUWt:hover, button.TextLink__black-small___NmUWt:hover { text-decoration-thickness: 0.1250025rem; } a.TextLink__black-small___NmUWt.TextLink__disable-underline___waknw, button.TextLink__black-small___NmUWt.TextLink__disable-underline___waknw { -webkit-text-decoration-line: none; text-decoration-line: none; } a.TextLink__black-small___NmUWt.TextLink__disable-underline___waknw:hover, button.TextLink__black-small___NmUWt.TextLink__disable-underline___waknw:hover { -webkit-text-decoration-line: underline; text-decoration-line: underline; } a.TextLink__black-small___NmUWt:hover, a.TextLink__black-small___NmUWt:focus, button.TextLink__black-small___NmUWt:hover, button.TextLink__black-small___NmUWt:focus { color: #e20074; } a.TextLink__black-medium___csEYa, button.TextLink__black-medium___csEYa { color: #000; text-decoration: underline; text-underline-offset: 0.1875rem; font-size: 0.9375rem; font-weight: 800; line-height: 1.3125rem; } a.TextLink__black-medium___csEYa:hover, button.TextLink__black-medium___csEYa:hover { text-decoration-thickness: 0.1250025rem; } a.TextLink__black-medium___csEYa.TextLink__disable-underline___waknw, button.TextLink__black-medium___csEYa.TextLink__disable-underline___waknw { -webkit-text-decoration-line: none; text-decoration-line: none; } a.TextLink__black-medium___csEYa.TextLink__disable-underline___waknw:hover, button.TextLink__black-medium___csEYa.TextLink__disable-underline___waknw:hover { -webkit-text-decoration-line: underline; text-decoration-line: underline; } a.TextLink__black-medium___csEYa:hover, a.TextLink__black-medium___csEYa:focus, button.TextLink__black-medium___csEYa:hover, button.TextLink__black-medium___csEYa:focus { color: #e20074; } a.TextLink__black-large___9x11K, button.TextLink__black-large___9x11K { color: #000; text-decoration: underline; text-underline-offset: 0.1875rem; font-size: 1.125rem; font-weight: 800; line-height: 1.5rem; } a.TextLink__black-large___9x11K:hover, button.TextLink__black-large___9x11K:hover { text-decoration-thickness: 0.1250025rem; } a.TextLink__black-large___9x11K.TextLink__disable-underline___waknw, button.TextLink__black-large___9x11K.TextLink__disable-underline___waknw { -webkit-text-decoration-line: none; text-decoration-line: none; } a.TextLink__black-large___9x11K.TextLink__disable-underline___waknw:hover, button.TextLink__black-large___9x11K.TextLink__disable-underline___waknw:hover { -webkit-text-decoration-line: underline; text-decoration-line: underline; } a.TextLink__black-large___9x11K:hover, a.TextLink__black-large___9x11K:focus, button.TextLink__black-large___9x11K:hover, button.TextLink__black-large___9x11K:focus { color: #e20074; } .advantages_modules_advantages__2fsHW{align-items:center;display:flex;flex-direction:column;margin-bottom:1.5rem;width:100%}.advantages_modules_advantages__wrapper__3FhmS{display:flex;flex-direction:column;margin:0 1.5rem;max-width:67.25rem}.advantages_modules_advantages__inclusive__2HCGt{align-items:center;display:flex;flex-direction:column;margin-top:4.5rem}@media screen and (min-width: 40rem){.advantages_modules_advantages__inclusive__2HCGt{margin-top:6rem}}.advantages_modules_advantages__title__6IZuP{line-height:1;margin-bottom:2.25rem;max-width:856px;text-align:center}@media(min-width: 40rem){.advantages_modules_advantages__title__6IZuP{margin-bottom:60px}}.advantages_modules_advantages__subtitle__2-FDt{font-weight:800}.advantages_modules_advantages__additional__qX4QE{align-items:center;display:flex;flex-direction:column;margin-top:1.5rem}@media screen and (min-width: 40rem){.advantages_modules_advantages__additional__qX4QE{margin-top:3rem}}.advantages_modules_advantages__additional__qX4QE .advantages_modules_advantages__subtitle__2-FDt{margin-bottom:.75rem;margin-top:.75rem}.advantages_modules_advantages__additional__qX4QE .advantages_modules_advantages__text__1Njwv{font-size:1.125rem;margin:.75rem 0 0}.advantages_modules_advantages__additional__qX4QE .advantages_modules_advantages__icon__10rme{align-items:flex-end;display:flex;height:2.25rem;width:2.25rem}@media(min-width: 64rem){.advantages_modules_advantages__additional__qX4QE .advantages_modules_advantages__icon__10rme{height:60px;width:60px}}.advantages_modules_advantages__item__3afsF{margin-top:2.25rem}.advantages_modules_advantages__item__3afsF:first-child{margin-top:0}@media(min-width: 40rem){.advantages_modules_advantages__item__3afsF{flex-basis:calc(50% - 1.5rem);margin-top:0}.advantages_modules_advantages__item__3afsF:nth-child(n+3){margin-top:3rem}}@media(min-width: 64rem){.advantages_modules_advantages__item__3afsF:nth-child(n+3){margin-top:4.5rem}}@media(min-width: 40rem){.advantages_modules_advantages__item--centered__3fZ6W{flex-basis:100%;margin-left:auto;margin-right:auto;max-width:55.4375rem;text-align:center}}.advantages_modules_advantages__item_headline__1hDKz{align-items:center;display:flex;margin-bottom:.75rem}.advantages_modules_advantages__item_headline__1hDKz .advantages_modules_advantages__subtitle__2-FDt{margin:0 0 0 .75rem}.advantages_modules_advantages__item_wrapper__q61EN{align-self:flex-start}@media(min-width: 40rem){.advantages_modules_advantages__item_wrapper__q61EN{align-self:auto;display:flex;flex-wrap:wrap;justify-content:space-between}}.advantages_modules_advantages__item_wrapper--slider__3D0WD{display:flex;-ms-overflow-style:none;overflow-x:scroll;scroll-snap-type:x proximity;scrollbar-width:none;width:max(300px,90vw)}.advantages_modules_advantages__item_wrapper--slider__3D0WD::-webkit-scrollbar{display:none}@media(min-width: 40rem){.advantages_modules_advantages__item_wrapper--slider__3D0WD{flex-wrap:wrap;justify-content:space-between;width:auto}}.advantages_modules_advantages__item_wrapper--slider__3D0WD .advantages_modules_advantages__item__3afsF{flex:1 0 300px;margin-right:1.5rem;margin-top:0;scroll-snap-align:start}.advantages_modules_advantages__item_wrapper--slider__3D0WD .advantages_modules_advantages__item__3afsF:last-child{margin-right:160px}@media(min-width: 40rem){.advantages_modules_advantages__item_wrapper--slider__3D0WD .advantages_modules_advantages__item__3afsF{flex:0 0 calc(50% - 1.5rem);margin-right:0;margin-top:0}.advantages_modules_advantages__item_wrapper--slider__3D0WD .advantages_modules_advantages__item__3afsF:nth-child(n+3){margin-top:3rem}.advantages_modules_advantages__item_wrapper--slider__3D0WD .advantages_modules_advantages__item__3afsF:last-child{margin-right:0}}@media(min-width: 64rem){.advantages_modules_advantages__item_wrapper--slider__3D0WD .advantages_modules_advantages__item__3afsF{flex:0 0 calc(50% - 1.5rem)}}.advantages_modules_advantages__shape__34UK2{margin-top:.75rem;object-fit:contain;width:100%}@media screen and (min-width: 1024px){.advantages_modules_advantages__shape__34UK2{width:2000px}}.advantages_modules_advantages__indicator__7atqw{display:block}@media(min-width: 40rem){.advantages_modules_advantages__indicator__7atqw{display:none}} .Container__container___b3Frj { box-sizing: border-box; display: flex; flex-direction: column; padding: 0; text-align: left; width: 100%; font-family: "TeleNeo", sans-serif; font-size: 1.125rem; font-weight: 400; line-height: 1.5rem; margin: 0; } @media (min-width: 64em) and (max-width: 83.99em) { .Container__fixed___SErf4 { max-width: 64rem; } } @media (min-width: 84em) { .Container__fixed___SErf4 { max-width: 84rem; } } @media (min-width: 64em) { .Container__fixed-small___fdMFw { max-width: 64rem; } } @media (min-width: 84em) { .Container__fixed-large___pekB0 { max-width: 84rem; } } .Container__centered___K4vWe { align-items: center; margin-left: auto; margin-right: auto; text-align: center; } .Container__sizeToContent___1e89- { align-content: flex-start; flex-wrap: wrap; justify-content: space-around; width: auto; } .Container__padded___lBE3N { padding: 0.75rem; } @media (min-width: 40em) { .Container__padded___lBE3N { padding: 1.5rem; } } .Container__padded-top___I0EEA { padding-top: 0.75rem; } @media (min-width: 40em) { .Container__padded-top___I0EEA { padding-top: 1.5rem; } } .Container__padded-top-big___8-3E- { padding-top: 1.5rem; } @media (min-width: 40em) { .Container__padded-top-big___8-3E- { padding-top: 3rem; } } .Container__padded-top-small___WaNhJ { padding-top: 0.75rem; } @media (min-width: 40em) { .Container__padded-top-small___WaNhJ { padding-top: 0.75rem; } } .Container__padded-bottom___QETXo { padding-bottom: 0.75rem; } @media (min-width: 40em) { .Container__padded-bottom___QETXo { padding-bottom: 1.5rem; } } .Container__padded-bottom-big___aXciS { padding-bottom: 1.5rem; } @media (min-width: 40em) { .Container__padded-bottom-big___aXciS { padding-bottom: 3rem; } } .Container__padded-bottom-small___pYt-e { padding-bottom: 0.75rem; } @media (min-width: 40em) { .Container__padded-bottom-small___pYt-e { padding-bottom: 0.75rem; } } .Container__padded-left___Zto29 { padding-left: 0.75rem; } @media (min-width: 40em) { .Container__padded-left___Zto29 { padding-left: 1.5rem; } } .Container__padded-right___NbJVt { padding-right: 0.75rem; } @media (min-width: 40em) { .Container__padded-right___NbJVt { padding-right: 1.5rem; } } .Container__padded-vertical___osBtD { padding-bottom: 0.75rem; padding-top: 0.75rem; } @media (min-width: 40em) { .Container__padded-vertical___osBtD { padding-bottom: 1.5rem; padding-top: 1.5rem; } } .Container__padded-vertical-big___QkPc- { padding-bottom: 1.5rem; padding-top: 1.5rem; } @media (min-width: 40em) { .Container__padded-vertical-big___QkPc- { padding-bottom: 3rem; padding-top: 3rem; } } .Container__padded-vertical-small___fFvHO { padding-bottom: 0.75rem; padding-top: 0.75rem; } @media (min-width: 40em) { .Container__padded-vertical-small___fFvHO { padding-bottom: 0.75rem; padding-top: 0.75rem; } } .Container__padded-horizontal___PUqc8 { padding-left: 0.75rem; padding-right: 0.75rem; } @media (min-width: 40em) { .Container__padded-horizontal___PUqc8 { padding-left: 1.5rem; padding-right: 1.5rem; } } .Container__unset-inner-alignment___ZChxm { align-items: unset; justify-content: unset; text-align: unset; } .description_description__q6EQ_{margin:6rem 0}.description_description__heading__1Fkgt{font-size:3.75rem;line-height:3rem;margin-bottom:2.25rem}.description_description__text__XBR70{font-size:1.5rem;font-weight:400;line-height:1.8125rem;max-width:53.4375rem}.description_description__text__XBR70 span{bottom:0 !important}.description_description_question__D6eIs{background-color:#f1f1f1;border-radius:1.5rem;margin:0 auto 6rem auto;max-width:64rem;padding:3rem}@media screen and (max-width: 68rem){.description_description_question__D6eIs{width:calc(100% - 4rem)}}@media screen and (max-width: 32rem){.description_description_question__D6eIs{padding:36px;width:calc(100% - 2rem)}}.description_description_question__heading__2z3gM{font-size:2.25rem;font-weight:755 !important;line-height:2.25rem;margin-bottom:1.5rem}.description_description_question__text__2rZmF{font-size:1.3125rem;font-weight:400;line-height:1.5625rem;max-width:58rem} .Icon__wrapper___Wa0Ye { align-content: center; align-items: center; display: inline-flex; flex-direction: column; height: 100%; justify-content: center; width: 100%; } .Icon__icon___DqC9j { color: inherit; display: flex; } .Icon__fill-path___YF4dl path { fill: currentColor; } .Icon__theme_magenta___FjWCh { color: #fff; } .Icon__parentsize___iAFYH { height: 100%; width: 100%; } .Icon__xxsmall___NAFSf { height: 0.75rem; width: 0.75rem; } .Icon__xsmall___1B3w3 { height: 1.3125rem; width: 1.3125rem; } .Icon__small___Pk8uG { height: 1.5rem; width: 1.5rem; } .Icon__medium___3M5Ux { height: 1.6875rem; width: 1.6875rem; } .Icon__large___qUqj5 { height: 1.875rem; width: 1.875rem; } .Icon__xlarge___grZRV { height: 2.625rem; width: 2.625rem; } .Icon__xxlarge___tGXWO { height: 3.375rem; width: 3.375rem; } .Icon__xxxlarge___YDfOP { height: 4.125rem; width: 4.125rem; } .List__list___MSD-f { list-style: none; margin: 0; padding: 0; } .List__list___MSD-f .List__list___MSD-f { margin-left: 0.75rem; margin-top: 0.375rem; } .List__theme_dark___oV8w6, .List__theme_magenta___f-kYe { color: #fff; } .List__item___o8ljm { margin-bottom: 0.375rem; padding-left: 0.9999975rem; position: relative; font-family: "TeleNeo", sans-serif; font-size: 1.125rem; font-weight: 400; line-height: 1.5rem; margin: 0; } .List__item___o8ljm::before { background: #262626; content: ""; height: 0.2499975rem; left: 0; position: absolute; top: 0.5625rem; width: 0.2499975rem; } .List__item___o8ljm + .List__item___o8ljm { margin-top: 0.375rem; } .List__disc___u6cP7 > .List__item___o8ljm::before { border-radius: 50%; } .List__no-bullets___I9AeP { padding-left: 0; } .List__no-bullets___I9AeP > .List__item___o8ljm { padding: 0; } .List__no-bullets___I9AeP > .List__item___o8ljm::before { display: none; } .List__with-icons___wRHE8 > .List__item___o8ljm { align-items: center; display: flex; padding-left: 0; } .List__additional___dG5L3 .List__item___o8ljm { font-size: 0.9375rem; line-height: 1.3125rem; } .List__ordered___4j-3Y { list-style: decimal; padding-left: 1.5rem; } .List__ordered___4j-3Y .List__item___o8ljm { padding-left: 0; } .List__ordered___4j-3Y .List__item___o8ljm::before { display: none; } .List__icon___sr4F4 { align-self: center; flex-shrink: 0; line-height: 0; margin-right: 0.75rem; } .List__theme_dark___oV8w6 .List__item___o8ljm::before { background-color: #fff; } @media (max-width: 39.99em) { .List__responsive___SN-Nq .List__item___o8ljm { font-family: "TeleNeo", sans-serif; font-size: 0.9375rem; font-weight: 400; line-height: 1.3125rem; margin: 0; } } .List__dense___0oK5i .List__item___o8ljm { line-height: 1.3125rem; } .List__dense___0oK5i .List__item___o8ljm + .List__item___o8ljm { margin-top: 0.1875rem; } @media (max-width: 39.99em) { .List__dense___0oK5i.List__responsive___SN-Nq .List__item___o8ljm { line-height: 1.125rem !important; } .List__dense___0oK5i.List__responsive___SN-Nq .List__item___o8ljm + .List__item___o8ljm { margin-top: 0; } } .List__dense___0oK5i.List__additional___dG5L3 .List__item___o8ljm { line-height: 1.125rem !important; margin-top: 0; } .styles_OSImg__1Mkyw{height:auto;width:auto} .text-image-teaser_TextImageTeaser__3s8l3{box-sizing:border-box;margin:0 auto;padding:64px .75rem 0}@media screen and (min-width: 40rem){.text-image-teaser_TextImageTeaser__3s8l3{max-width:70.25rem;padding:3rem 1.5rem 0}}@media screen and (min-width: 64rem){.text-image-teaser_TextImageTeaser__3s8l3{padding:4.5rem 1.5rem 0}}.text-image-teaser_TextImageTeaser__title__1tBi5{margin-bottom:2.25rem;text-align:center}@media(min-width: 40rem){.text-image-teaser_TextImageTeaser__title__1tBi5{margin-bottom:60px}}.text-image-teaser_TextImageTeaser__row__X7eG3{display:flex;flex-direction:column;margin-bottom:3rem;width:100%}@media screen and (min-width: 48rem){.text-image-teaser_TextImageTeaser__row__X7eG3{flex-direction:row}}@media screen and (min-width: 64rem){.text-image-teaser_TextImageTeaser__row__X7eG3{margin-bottom:6rem}}.text-image-teaser_TextImageTeaser__col__BGR_s{display:flex;flex-direction:column;justify-content:center;margin-bottom:1.5rem;max-width:512px;width:100%}@media screen and (min-width: 48rem){.text-image-teaser_TextImageTeaser__col__BGR_s{margin-bottom:0;width:50%}}@media screen and (min-width: 48rem){.text-image-teaser_TextImageTeaser__col--left__26h7s{order:0;padding-right:.75rem}}@media screen and (min-width: 48rem){.text-image-teaser_TextImageTeaser__col--right__1a6i7{order:1;padding-left:.75rem}}.text-image-teaser_TextImageTeaser__copy__WT1vN{font-size:1.3125rem;line-height:1.5625rem}.text-image-teaser_TextImageTeaser__copy__WT1vN,.text-image-teaser_TextImageTeaser__list__3LWIF{margin-bottom:1.5rem}@media screen and (min-width: 48rem){.text-image-teaser_TextImageTeaser__heading__3SLpP{margin-bottom:35px}}.text-image-teaser_TextImageTeaser__visual__2GWFL{align-self:center;max-height:19.6875rem;max-width:100%}@media screen and (min-width: 30rem){.text-image-teaser_TextImageTeaser__visual__2GWFL{max-width:70%}}@media screen and (min-width: 48rem){.text-image-teaser_TextImageTeaser__visual__2GWFL{max-width:100%}}.text-image-teaser_TextImageTeaser__modalOpener__1CLRY{align-items:center}.text-image-teaser_TextImageTeaser__iconWrapper__2JGje{height:1rem;margin-left:2px;width:1rem}.text-image-teaser_TextImageTeaser__icon__Bk7SS{height:1rem;width:1rem} .Button__button___2JA4L { align-items: center; background-color: #e20074; border: 1px solid transparent; border-radius: 0.2499975rem; box-shadow: none; box-sizing: border-box; color: #fff; cursor: pointer; display: inline-flex; justify-content: center; min-height: 2.625rem; padding: 0.41875rem 1.5rem; position: relative; text-align: center; text-decoration: none; vertical-align: middle; font-family: "TeleNeo", sans-serif; font-size: 1.125rem; font-weight: 700; line-height: 1.5rem; margin: 0; transition: background-color 0.2s ease, color 0.2s ease; } .Button__button___2JA4L:focus-visible, .Button__button___2JA4L.force-focus-visible { --focus-pseudo-padding: var( --focus-outline-offset, 0.375rem ); outline: none; position: relative; } .Button__button___2JA4L:focus-visible::after, .Button__button___2JA4L.force-focus-visible::after { --focus-outline-offset: 0; border-radius: var(--focus-outline-radius, 0.1875rem); outline-color: var(--focus-outline-color-light, #000) !important; outline-offset: var(--focus-outline-offset, 0.25rem) !important; outline-style: var(--focus-outline-style, solid) !important; outline-width: var(--focus-outline-width, 0.125rem) !important; border-radius: var(--focus-outline-radius, 0.1875rem); content: " "; height: calc(100% + 2 * var(--focus-pseudo-padding)); left: calc(-1 * var(--focus-pseudo-padding)); pointer-events: none; position: absolute; top: calc(-1 * var(--focus-pseudo-padding)); width: calc(100% + 2 * var(--focus-pseudo-padding)); z-index: var(--focus-pseudo-z-index, 1); } .Button__button___2JA4L:has(:focus-visible), .Button__button___2JA4L:has(.force-focus-visible) { --focus-pseudo-padding: var( --focus-outline-offset, 0.375rem ); outline: none; position: relative; } .Button__button___2JA4L:has(:focus-visible)::after, .Button__button___2JA4L:has(.force-focus-visible)::after { --focus-outline-offset: 0; border-radius: var(--focus-outline-radius, 0.1875rem); outline-color: var(--focus-outline-color-light, #000) !important; outline-offset: var(--focus-outline-offset, 0.25rem) !important; outline-style: var(--focus-outline-style, solid) !important; outline-width: var(--focus-outline-width, 0.125rem) !important; border-radius: var(--focus-outline-radius, 0.1875rem); content: " "; height: calc(100% + 2 * var(--focus-pseudo-padding)); left: calc(-1 * var(--focus-pseudo-padding)); pointer-events: none; position: absolute; top: calc(-1 * var(--focus-pseudo-padding)); width: calc(100% + 2 * var(--focus-pseudo-padding)); z-index: var(--focus-pseudo-z-index, 1); } .Button__button___2JA4L:focus, .Button__button___2JA4L.force-focus-visible { background-color: #d1006c; text-decoration: none; } .Button__button___2JA4L:hover { background-color: #d1006c; text-decoration: none; } .Button__button___2JA4L:active { background-color: #d1006c; text-decoration: none; } .Button__button___2JA4L.Button__active___BWfrx { background-color: #d1006c; text-decoration: none; } .Button__button___2JA4L:disabled { background-color: #ededed; border: 1px solid #b2b2b2; color: #262626; cursor: default; opacity: 0.5; pointer-events: none; } .Button__button___2JA4L.Button__theme_dark___6VYYg:focus-visible, .Button__button___2JA4L.Button__theme_dark___6VYYg.force-focus-visible { --focus-pseudo-padding: var( --focus-outline-offset, 0.375rem ); outline: none; position: relative; } .Button__button___2JA4L.Button__theme_dark___6VYYg:focus-visible::after, .Button__button___2JA4L.Button__theme_dark___6VYYg.force-focus-visible::after { --focus-outline-offset: 0; border-radius: var(--focus-outline-radius, 0.1875rem); outline-color: var(--focus-outline-color-dark, #fff) !important; outline-offset: var(--focus-outline-offset, 0.25rem) !important; outline-style: var(--focus-outline-style, solid) !important; outline-width: var(--focus-outline-width, 0.125rem) !important; border-radius: var(--focus-outline-radius, 0.1875rem); content: " "; height: calc(100% + 2 * var(--focus-pseudo-padding)); left: calc(-1 * var(--focus-pseudo-padding)); pointer-events: none; position: absolute; top: calc(-1 * var(--focus-pseudo-padding)); width: calc(100% + 2 * var(--focus-pseudo-padding)); z-index: var(--focus-pseudo-z-index, 1); } .Button__button___2JA4L.Button__theme_dark___6VYYg:has(:focus-visible), .Button__button___2JA4L.Button__theme_dark___6VYYg:has(.force-focus-visible) { --focus-pseudo-padding: var( --focus-outline-offset, 0.375rem ); outline: none; position: relative; } .Button__button___2JA4L.Button__theme_dark___6VYYg:has(:focus-visible)::after, .Button__button___2JA4L.Button__theme_dark___6VYYg:has(.force-focus-visible)::after { --focus-outline-offset: 0; border-radius: var(--focus-outline-radius, 0.1875rem); outline-color: var(--focus-outline-color-dark, #fff) !important; outline-offset: var(--focus-outline-offset, 0.25rem) !important; outline-style: var(--focus-outline-style, solid) !important; outline-width: var(--focus-outline-width, 0.125rem) !important; border-radius: var(--focus-outline-radius, 0.1875rem); content: " "; height: calc(100% + 2 * var(--focus-pseudo-padding)); left: calc(-1 * var(--focus-pseudo-padding)); pointer-events: none; position: absolute; top: calc(-1 * var(--focus-pseudo-padding)); width: calc(100% + 2 * var(--focus-pseudo-padding)); z-index: var(--focus-pseudo-z-index, 1); } .Button__icon___OeKUC { height: 1.125rem; margin-right: 0.75rem; width: 1.125rem; } .Button__secondary___DVppl, .Button__secondary___DVppl:disabled { background-color: #ededed; border: 1px solid #b2b2b2; color: #262626; } .Button__secondary___DVppl:hover, .Button__secondary___DVppl.Button__active___BWfrx, .Button__secondary___DVppl:focus, .Button__secondary___DVppl.force-focus-visible { background-color: #dcdcdc; } .Button__secondary___DVppl:active { background-color: #d0d0d0; } .Button__outline___nfBzi, .Button__outline___nfBzi:disabled { background-color: transparent; border-color: #6b6b6b; color: #262626; } .Button__outline___nfBzi:hover, .Button__outline___nfBzi.Button__active___BWfrx, .Button__outline___nfBzi:focus { background-color: rgba(0, 0, 0, 0.07); color: #262626; } .Button__outline___nfBzi:active { background-color: rgba(0, 0, 0, 0.15); } .Button__outline___nfBzi.Button__theme_magenta___uR7RX, .Button__outline___nfBzi.Button__theme_dark___6VYYg { background-color: transparent; border-color: #fff; color: #fff; } .Button__outline___nfBzi.Button__theme_magenta___uR7RX:disabled, .Button__outline___nfBzi.Button__theme_dark___6VYYg:disabled { border-color: rgba(255, 255, 255, 0.5); color: rgba(255, 255, 255, 0.5); } .Button__outline___nfBzi.Button__theme_magenta___uR7RX:focus-visible, .Button__outline___nfBzi.Button__theme_magenta___uR7RX.force-focus-visible, .Button__outline___nfBzi.Button__theme_dark___6VYYg:focus-visible, .Button__outline___nfBzi.Button__theme_dark___6VYYg.force-focus-visible { --focus-pseudo-padding: var( --focus-outline-offset, 0.375rem ); outline: none; position: relative; } .Button__outline___nfBzi.Button__theme_magenta___uR7RX:focus-visible::after, .Button__outline___nfBzi.Button__theme_magenta___uR7RX.force-focus-visible::after, .Button__outline___nfBzi.Button__theme_dark___6VYYg:focus-visible::after, .Button__outline___nfBzi.Button__theme_dark___6VYYg.force-focus-visible::after { --focus-outline-offset: 0; border-radius: var(--focus-outline-radius, 0.1875rem); outline-color: var(--focus-outline-color-dark, #fff) !important; outline-offset: var(--focus-outline-offset, 0.25rem) !important; outline-style: var(--focus-outline-style, solid) !important; outline-width: var(--focus-outline-width, 0.125rem) !important; border-radius: var(--focus-outline-radius, 0.1875rem); content: " "; height: calc(100% + 2 * var(--focus-pseudo-padding)); left: calc(-1 * var(--focus-pseudo-padding)); pointer-events: none; position: absolute; top: calc(-1 * var(--focus-pseudo-padding)); width: calc(100% + 2 * var(--focus-pseudo-padding)); z-index: var(--focus-pseudo-z-index, 1); } .Button__outline___nfBzi.Button__theme_magenta___uR7RX:has(:focus-visible), .Button__outline___nfBzi.Button__theme_magenta___uR7RX:has(.force-focus-visible), .Button__outline___nfBzi.Button__theme_dark___6VYYg:has(:focus-visible), .Button__outline___nfBzi.Button__theme_dark___6VYYg:has(.force-focus-visible) { --focus-pseudo-padding: var( --focus-outline-offset, 0.375rem ); outline: none; position: relative; } .Button__outline___nfBzi.Button__theme_magenta___uR7RX:has(:focus-visible)::after, .Button__outline___nfBzi.Button__theme_magenta___uR7RX:has(.force-focus-visible)::after, .Button__outline___nfBzi.Button__theme_dark___6VYYg:has(:focus-visible)::after, .Button__outline___nfBzi.Button__theme_dark___6VYYg:has(.force-focus-visible)::after { --focus-outline-offset: 0; border-radius: var(--focus-outline-radius, 0.1875rem); outline-color: var(--focus-outline-color-dark, #fff) !important; outline-offset: var(--focus-outline-offset, 0.25rem) !important; outline-style: var(--focus-outline-style, solid) !important; outline-width: var(--focus-outline-width, 0.125rem) !important; border-radius: var(--focus-outline-radius, 0.1875rem); content: " "; height: calc(100% + 2 * var(--focus-pseudo-padding)); left: calc(-1 * var(--focus-pseudo-padding)); pointer-events: none; position: absolute; top: calc(-1 * var(--focus-pseudo-padding)); width: calc(100% + 2 * var(--focus-pseudo-padding)); z-index: var(--focus-pseudo-z-index, 1); } .Button__outline___nfBzi.Button__theme_magenta___uR7RX:hover, .Button__outline___nfBzi.Button__theme_magenta___uR7RX.Button__active___BWfrx, .Button__outline___nfBzi.Button__theme_magenta___uR7RX:focus, .Button__outline___nfBzi.Button__theme_dark___6VYYg:hover, .Button__outline___nfBzi.Button__theme_dark___6VYYg.Button__active___BWfrx, .Button__outline___nfBzi.Button__theme_dark___6VYYg:focus { background-color: rgba(255, 255, 255, 0.07); color: #fff; } .Button__outline___nfBzi.Button__theme_magenta___uR7RX:active, .Button__outline___nfBzi.Button__theme_dark___6VYYg:active { background-color: rgba(255, 255, 255, 0.15); } .Button__clean___IFxWr { border: none; } .Button__clean___IFxWr, .Button__clean___IFxWr:disabled { background-color: transparent; border-color: transparent; color: #262626; } .Button__clean___IFxWr:hover, .Button__clean___IFxWr.Button__active___BWfrx, .Button__clean___IFxWr:focus { background-color: #ededed; } .Button__clean___IFxWr:active { background-color: #dcdcdc; } .Button__clean___IFxWr:focus-visible, .Button__clean___IFxWr.force-focus-visible { --focus-outline-offset: var(--button-clean-outline-offset, 0px); } .Button__clean___IFxWr:has(:focus-visible), .Button__clean___IFxWr:has(.force-focus-visible) { --focus-outline-offset: var(--button-clean-outline-offset, 0px); } .Button__clean___IFxWr.Button__theme_magenta___uR7RX, .Button__clean___IFxWr.Button__theme_dark___6VYYg { border-color: #b2b2b2; color: #fff; } .Button__clean___IFxWr.Button__theme_magenta___uR7RX.Button__inverted___z29aV, .Button__clean___IFxWr.Button__theme_dark___6VYYg.Button__inverted___z29aV { background-color: rgba(255, 255, 255, 0.15); border-color: #fff; border-width: 1px; color: #fff; } .Button__clean___IFxWr.Button__theme_magenta___uR7RX.Button__inverted___z29aV:hover, .Button__clean___IFxWr.Button__theme_dark___6VYYg.Button__inverted___z29aV:hover { background-color: rgba(255, 255, 255, 0.15); } .Button__clean___IFxWr.Button__theme_magenta___uR7RX:disabled, .Button__clean___IFxWr.Button__theme_dark___6VYYg:disabled { border-color: rgba(255, 255, 255, 0.5); color: rgba(255, 255, 255, 0.5); } .Button__clean___IFxWr.Button__theme_magenta___uR7RX:hover, .Button__clean___IFxWr.Button__theme_magenta___uR7RX.Button__active___BWfrx, .Button__clean___IFxWr.Button__theme_magenta___uR7RX:focus, .Button__clean___IFxWr.Button__theme_dark___6VYYg:hover, .Button__clean___IFxWr.Button__theme_dark___6VYYg.Button__active___BWfrx, .Button__clean___IFxWr.Button__theme_dark___6VYYg:focus { background-color: rgba(255, 255, 255, 0.07); } .Button__clean___IFxWr.Button__theme_magenta___uR7RX:active, .Button__clean___IFxWr.Button__theme_dark___6VYYg:active { background-color: rgba(255, 255, 255, 0.15); } .Button__rectangle___zo3KY { background-color: transparent; border-bottom: none; border-radius: 0; border-top: none; min-width: 0; } .Button__inverted___z29aV { border: none; } .Button__inverted___z29aV, .Button__inverted___z29aV:disabled, .Button__inverted___z29aV:hover { background-color: rgba(0, 0, 0, 0.15); color: #262626; } .Button__round___DW-sE { border-radius: 50%; height: 2.625rem; min-width: 0; padding: 0.375rem; width: 2.625rem; } .Button__round___DW-sE:focus-visible, .Button__round___DW-sE.force-focus-visible { --focus-pseudo-padding: var( --focus-outline-offset, 0.375rem ); outline: none; position: relative; --focus-outline-radius: 50%; } .Button__round___DW-sE:focus-visible::after, .Button__round___DW-sE.force-focus-visible::after { --focus-outline-offset: 0; border-radius: var(--focus-outline-radius, 0.1875rem); outline-color: var(--focus-outline-color-light, #000) !important; outline-offset: var(--focus-outline-offset, 0.25rem) !important; outline-style: var(--focus-outline-style, solid) !important; outline-width: var(--focus-outline-width, 0.125rem) !important; border-radius: var(--focus-outline-radius, 0.1875rem); content: " "; height: calc(100% + 2 * var(--focus-pseudo-padding)); left: calc(-1 * var(--focus-pseudo-padding)); pointer-events: none; position: absolute; top: calc(-1 * var(--focus-pseudo-padding)); width: calc(100% + 2 * var(--focus-pseudo-padding)); z-index: var(--focus-pseudo-z-index, 1); } .Button__round___DW-sE:has(:focus-visible), .Button__round___DW-sE:has(.force-focus-visible) { --focus-pseudo-padding: var( --focus-outline-offset, 0.375rem ); outline: none; position: relative; --focus-outline-radius: 50%; } .Button__round___DW-sE:has(:focus-visible)::after, .Button__round___DW-sE:has(.force-focus-visible)::after { --focus-outline-offset: 0; border-radius: var(--focus-outline-radius, 0.1875rem); outline-color: var(--focus-outline-color-light, #000) !important; outline-offset: var(--focus-outline-offset, 0.25rem) !important; outline-style: var(--focus-outline-style, solid) !important; outline-width: var(--focus-outline-width, 0.125rem) !important; border-radius: var(--focus-outline-radius, 0.1875rem); content: " "; height: calc(100% + 2 * var(--focus-pseudo-padding)); left: calc(-1 * var(--focus-pseudo-padding)); pointer-events: none; position: absolute; top: calc(-1 * var(--focus-pseudo-padding)); width: calc(100% + 2 * var(--focus-pseudo-padding)); z-index: var(--focus-pseudo-z-index, 1); } .Button__round___DW-sE, .Button__round___DW-sE:disabled { background-color: #ededed; border: 1px solid #b2b2b2; color: #262626; } .Button__round___DW-sE:hover, .Button__round___DW-sE.Button__active___BWfrx, .Button__round___DW-sE:focus { background-color: #dcdcdc; } .Button__round___DW-sE:active { background-color: #d0d0d0; } .Button__round___DW-sE .Button__icon___OeKUC { margin-right: 0; } .Button__round___DW-sE.Button__theme_magenta___uR7RX, .Button__round___DW-sE.Button__theme_dark___6VYYg { background-color: transparent; border-color: #fff; color: #fff; } .Button__round___DW-sE.Button__theme_magenta___uR7RX:disabled, .Button__round___DW-sE.Button__theme_dark___6VYYg:disabled { border-color: rgba(255, 255, 255, 0.5); color: rgba(255, 255, 255, 0.5); } .Button__round___DW-sE.Button__theme_magenta___uR7RX:focus-visible, .Button__round___DW-sE.Button__theme_magenta___uR7RX.force-focus-visible, .Button__round___DW-sE.Button__theme_dark___6VYYg:focus-visible, .Button__round___DW-sE.Button__theme_dark___6VYYg.force-focus-visible { --focus-pseudo-padding: var( --focus-outline-offset, 0.375rem ); outline: none; position: relative; } .Button__round___DW-sE.Button__theme_magenta___uR7RX:focus-visible::after, .Button__round___DW-sE.Button__theme_magenta___uR7RX.force-focus-visible::after, .Button__round___DW-sE.Button__theme_dark___6VYYg:focus-visible::after, .Button__round___DW-sE.Button__theme_dark___6VYYg.force-focus-visible::after { --focus-outline-offset: 0; border-radius: var(--focus-outline-radius, 0.1875rem); outline-color: var(--focus-outline-color-dark, #fff) !important; outline-offset: var(--focus-outline-offset, 0.25rem) !important; outline-style: var(--focus-outline-style, solid) !important; outline-width: var(--focus-outline-width, 0.125rem) !important; border-radius: var(--focus-outline-radius, 0.1875rem); content: " "; height: calc(100% + 2 * var(--focus-pseudo-padding)); left: calc(-1 * var(--focus-pseudo-padding)); pointer-events: none; position: absolute; top: calc(-1 * var(--focus-pseudo-padding)); width: calc(100% + 2 * var(--focus-pseudo-padding)); z-index: var(--focus-pseudo-z-index, 1); } .Button__round___DW-sE.Button__theme_magenta___uR7RX:has(:focus-visible), .Button__round___DW-sE.Button__theme_magenta___uR7RX:has(.force-focus-visible), .Button__round___DW-sE.Button__theme_dark___6VYYg:has(:focus-visible), .Button__round___DW-sE.Button__theme_dark___6VYYg:has(.force-focus-visible) { --focus-pseudo-padding: var( --focus-outline-offset, 0.375rem ); outline: none; position: relative; } .Button__round___DW-sE.Button__theme_magenta___uR7RX:has(:focus-visible)::after, .Button__round___DW-sE.Button__theme_magenta___uR7RX:has(.force-focus-visible)::after, .Button__round___DW-sE.Button__theme_dark___6VYYg:has(:focus-visible)::after, .Button__round___DW-sE.Button__theme_dark___6VYYg:has(.force-focus-visible)::after { --focus-outline-offset: 0; border-radius: var(--focus-outline-radius, 0.1875rem); outline-color: var(--focus-outline-color-dark, #fff) !important; outline-offset: var(--focus-outline-offset, 0.25rem) !important; outline-style: var(--focus-outline-style, solid) !important; outline-width: var(--focus-outline-width, 0.125rem) !important; border-radius: var(--focus-outline-radius, 0.1875rem); content: " "; height: calc(100% + 2 * var(--focus-pseudo-padding)); left: calc(-1 * var(--focus-pseudo-padding)); pointer-events: none; position: absolute; top: calc(-1 * var(--focus-pseudo-padding)); width: calc(100% + 2 * var(--focus-pseudo-padding)); z-index: var(--focus-pseudo-z-index, 1); } .Button__round___DW-sE.Button__theme_magenta___uR7RX:hover, .Button__round___DW-sE.Button__theme_magenta___uR7RX.Button__active___BWfrx, .Button__round___DW-sE.Button__theme_magenta___uR7RX:focus, .Button__round___DW-sE.Button__theme_magenta___uR7RX.force-focus-visible, .Button__round___DW-sE.Button__theme_dark___6VYYg:hover, .Button__round___DW-sE.Button__theme_dark___6VYYg.Button__active___BWfrx, .Button__round___DW-sE.Button__theme_dark___6VYYg:focus, .Button__round___DW-sE.Button__theme_dark___6VYYg.force-focus-visible { background-color: rgba(255, 255, 255, 0.07); } .Button__round___DW-sE.Button__theme_magenta___uR7RX:active, .Button__round___DW-sE.Button__theme_dark___6VYYg:active { background-color: rgba(255, 255, 255, 0.15); } .Button__round-primary___f2hLW { background-color: #e20074; border-color: #e20074; color: #fff; } .Button__round-primary___f2hLW:hover, .Button__round-primary___f2hLW.Button__active___BWfrx, .Button__round-primary___f2hLW:focus, .Button__round-primary___f2hLW.force-focus-visible { background-color: #d1006c; } .Button__round-primary___f2hLW:active { background-color: #bd0061; } .Button__round-outline___-vE7C { background-color: transparent; border-color: #6b6b6b; color: #262626; } .Button__round-bold-outline___jstng { background-color: transparent; border: 2px solid #262626; } .Button__round-bold-outline___jstng:hover, .Button__round-bold-outline___jstng.Button__active___BWfrx, .Button__round-bold-outline___jstng:focus, .Button__round-bold-outline___jstng.force-focus-visible { background-color: rgba(0, 0, 0, 0.07); } .Button__round-bold-outline___jstng:active { background-color: rgba(0, 0, 0, 0.15); } .Button__round-bold-outline___jstng.Button__theme_magenta___uR7RX:hover, .Button__round-bold-outline___jstng.Button__theme_magenta___uR7RX.Button__active___BWfrx, .Button__round-bold-outline___jstng.Button__theme_magenta___uR7RX:focus, .Button__round-bold-outline___jstng.Button__theme_magenta___uR7RX.force-focus-visible, .Button__round-bold-outline___jstng.Button__theme_dark___6VYYg:hover, .Button__round-bold-outline___jstng.Button__theme_dark___6VYYg.Button__active___BWfrx, .Button__round-bold-outline___jstng.Button__theme_dark___6VYYg:focus, .Button__round-bold-outline___jstng.Button__theme_dark___6VYYg.force-focus-visible { background-color: rgba(255, 255, 255, 0.07); } .Button__round-bold-outline___jstng.Button__theme_magenta___uR7RX:active, .Button__round-bold-outline___jstng.Button__theme_dark___6VYYg:active { background-color: rgba(255, 255, 255, 0.15); } .Button__full___kSfRM { width: 100%; } .Button__min-width___AakHo { min-width: 7.5rem; } .Button__uppercase___HaOSS { text-transform: uppercase; } .Button__padded___KxeOa { border-radius: 0; height: auto; line-height: 1.5rem; padding: 1.35rem 1.5rem 1.2rem; width: 100%; font-weight: 400; } .Button__bold___y9CvI { border-radius: 0; font-weight: 700; height: auto; line-height: 1.125rem; padding: 1.35rem 1.5rem 1.2rem; width: 100%; font-weight: 400; } .Button__only-icon___krrnh { min-width: 0; padding: 0.675rem 0.75rem; } .Button__only-icon___krrnh .Button__icon___OeKUC { margin-right: 0; } .Button__onlyIconUntilXS___2g1yF .Button__label___LemB6 { display: none; } @media (min-width: 0em) { .Button__onlyIconUntilXS___2g1yF { padding: 0.41875rem 1.5rem; } .Button__onlyIconUntilXS___2g1yF .Button__label___LemB6 { display: inherit; } .Button__onlyIconUntilXS___2g1yF .Button__icon___OeKUC { margin-right: 0.75rem; } } .Button__onlyIconUntilS___3pNjM .Button__label___LemB6 { display: none; } @media (min-width: 20em) { .Button__onlyIconUntilS___3pNjM { padding: 0.41875rem 1.5rem; } .Button__onlyIconUntilS___3pNjM .Button__label___LemB6 { display: inherit; } .Button__onlyIconUntilS___3pNjM .Button__icon___OeKUC { margin-right: 0.75rem; } } .Button__onlyIconUntilM___ZR37n .Button__label___LemB6 { display: none; } @media (min-width: 40em) { .Button__onlyIconUntilM___ZR37n { padding: 0.41875rem 1.5rem; } .Button__onlyIconUntilM___ZR37n .Button__label___LemB6 { display: inherit; } .Button__onlyIconUntilM___ZR37n .Button__icon___OeKUC { margin-right: 0.75rem; } } .Button__onlyIconUntilL___jnmBu .Button__label___LemB6 { display: none; } @media (min-width: 64em) { .Button__onlyIconUntilL___jnmBu { padding: 0.41875rem 1.5rem; } .Button__onlyIconUntilL___jnmBu .Button__label___LemB6 { display: inherit; } .Button__onlyIconUntilL___jnmBu .Button__icon___OeKUC { margin-right: 0.75rem; } } .Button__onlyIconUntilXL___CL0-9 .Button__label___LemB6 { display: none; } @media (min-width: 84em) { .Button__onlyIconUntilXL___CL0-9 { padding: 0.41875rem 1.5rem; } .Button__onlyIconUntilXL___CL0-9 .Button__label___LemB6 { display: inherit; } .Button__onlyIconUntilXL___CL0-9 .Button__icon___OeKUC { margin-right: 0.75rem; } } .Button__onlyIconUntilXXL___DyW9s .Button__label___LemB6 { display: none; } @media (min-width: 105em) { .Button__onlyIconUntilXXL___DyW9s { padding: 0.41875rem 1.5rem; } .Button__onlyIconUntilXXL___DyW9s .Button__label___LemB6 { display: inherit; } .Button__onlyIconUntilXXL___DyW9s .Button__icon___OeKUC { margin-right: 0.75rem; } } .Button__labeled-vertical___Rf8WM { flex-direction: column; } .Button__bare___It8Qt { align-items: center; align-self: center; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: transparent; border: none; color: #000; cursor: pointer; display: inline-flex; font: inherit; justify-content: center; margin: 0; padding: 0; text-align: center; text-decoration: none; } .Button__bare___It8Qt:focus-visible, .Button__bare___It8Qt.force-focus-visible { --focus-pseudo-padding: var( --focus-outline-offset, 0.375rem ); outline: none; position: relative; } .Button__bare___It8Qt:focus-visible::after, .Button__bare___It8Qt.force-focus-visible::after { --focus-outline-offset: 0; border-radius: var(--focus-outline-radius, 0.1875rem); outline-color: var(--focus-outline-color-light, #000) !important; outline-offset: var(--focus-outline-offset, 0.25rem) !important; outline-style: var(--focus-outline-style, solid) !important; outline-width: var(--focus-outline-width, 0.125rem) !important; border-radius: var(--focus-outline-radius, 0.1875rem); content: " "; height: calc(100% + 2 * var(--focus-pseudo-padding)); left: calc(-1 * var(--focus-pseudo-padding)); pointer-events: none; position: absolute; top: calc(-1 * var(--focus-pseudo-padding)); width: calc(100% + 2 * var(--focus-pseudo-padding)); z-index: var(--focus-pseudo-z-index, 1); } .Button__bare___It8Qt:has(:focus-visible), .Button__bare___It8Qt:has(.force-focus-visible) { --focus-pseudo-padding: var( --focus-outline-offset, 0.375rem ); outline: none; position: relative; } .Button__bare___It8Qt:has(:focus-visible)::after, .Button__bare___It8Qt:has(.force-focus-visible)::after { --focus-outline-offset: 0; border-radius: var(--focus-outline-radius, 0.1875rem); outline-color: var(--focus-outline-color-light, #000) !important; outline-offset: var(--focus-outline-offset, 0.25rem) !important; outline-style: var(--focus-outline-style, solid) !important; outline-width: var(--focus-outline-width, 0.125rem) !important; border-radius: var(--focus-outline-radius, 0.1875rem); content: " "; height: calc(100% + 2 * var(--focus-pseudo-padding)); left: calc(-1 * var(--focus-pseudo-padding)); pointer-events: none; position: absolute; top: calc(-1 * var(--focus-pseudo-padding)); width: calc(100% + 2 * var(--focus-pseudo-padding)); z-index: var(--focus-pseudo-z-index, 1); } .Button__bare___It8Qt:hover, .Button__bare___It8Qt:focus { background: transparent; } .Button__bare___It8Qt:active { transform: scale(1); } .Button__small___FgTuP { height: 2.25rem; } .Button__slider___AJVev { align-items: center; background-color: rgba(107, 107, 107, 0.5); border-radius: 100%; color: #fff; display: flex; height: 3rem; justify-content: center; padding: 0.75rem 0rem; width: 3rem; } .Button__slider___AJVev:focus-visible, .Button__slider___AJVev.force-focus-visible { --focus-pseudo-padding: var( --focus-outline-offset, 0.375rem ); outline: none; position: relative; --focus-outline-offset: 3px; --focus-outline-radius: 100%; } .Button__slider___AJVev:focus-visible::after, .Button__slider___AJVev.force-focus-visible::after { --focus-outline-offset: 0; border-radius: var(--focus-outline-radius, 0.1875rem); outline-color: var(--focus-outline-color-light, #000) !important; outline-offset: var(--focus-outline-offset, 0.25rem) !important; outline-style: var(--focus-outline-style, solid) !important; outline-width: var(--focus-outline-width, 0.125rem) !important; border-radius: var(--focus-outline-radius, 0.1875rem); content: " "; height: calc(100% + 2 * var(--focus-pseudo-padding)); left: calc(-1 * var(--focus-pseudo-padding)); pointer-events: none; position: absolute; top: calc(-1 * var(--focus-pseudo-padding)); width: calc(100% + 2 * var(--focus-pseudo-padding)); z-index: var(--focus-pseudo-z-index, 1); } .Button__slider___AJVev:has(:focus-visible), .Button__slider___AJVev:has(.force-focus-visible) { --focus-pseudo-padding: var( --focus-outline-offset, 0.375rem ); outline: none; position: relative; --focus-outline-offset: 3px; --focus-outline-radius: 100%; } .Button__slider___AJVev:has(:focus-visible)::after, .Button__slider___AJVev:has(.force-focus-visible)::after { --focus-outline-offset: 0; border-radius: var(--focus-outline-radius, 0.1875rem); outline-color: var(--focus-outline-color-light, #000) !important; outline-offset: var(--focus-outline-offset, 0.25rem) !important; outline-style: var(--focus-outline-style, solid) !important; outline-width: var(--focus-outline-width, 0.125rem) !important; border-radius: var(--focus-outline-radius, 0.1875rem); content: " "; height: calc(100% + 2 * var(--focus-pseudo-padding)); left: calc(-1 * var(--focus-pseudo-padding)); pointer-events: none; position: absolute; top: calc(-1 * var(--focus-pseudo-padding)); width: calc(100% + 2 * var(--focus-pseudo-padding)); z-index: var(--focus-pseudo-z-index, 1); } .Button__slider___AJVev:hover, .Button__slider___AJVev.Button__active___BWfrx, .Button__slider___AJVev:focus { background-color: rgba(107, 107, 107, 0.5); color: #fff; text-decoration: none; } .Button__slider___AJVev:active { background-color: rgba(107, 107, 107, 0.5); } .Button__slider___AJVev.Button__disabled___O-rJR { background-color: rgba(107, 107, 107, 0.25); pointer-events: none; } .Button__slider___AJVev.Button__theme_magenta___uR7RX, .Button__slider___AJVev.Button__theme_dark___6VYYg { background-color: #bfbfbf; border: none; color: #fff; } .Button__slider___AJVev.Button__theme_magenta___uR7RX:focus-visible, .Button__slider___AJVev.Button__theme_magenta___uR7RX.force-focus-visible, .Button__slider___AJVev.Button__theme_dark___6VYYg:focus-visible, .Button__slider___AJVev.Button__theme_dark___6VYYg.force-focus-visible { --focus-pseudo-padding: var( --focus-outline-offset, 0.375rem ); outline: none; position: relative; } .Button__slider___AJVev.Button__theme_magenta___uR7RX:focus-visible::after, .Button__slider___AJVev.Button__theme_magenta___uR7RX.force-focus-visible::after, .Button__slider___AJVev.Button__theme_dark___6VYYg:focus-visible::after, .Button__slider___AJVev.Button__theme_dark___6VYYg.force-focus-visible::after { --focus-outline-offset: 0; border-radius: var(--focus-outline-radius, 0.1875rem); outline-color: var(--focus-outline-color-dark, #fff) !important; outline-offset: var(--focus-outline-offset, 0.25rem) !important; outline-style: var(--focus-outline-style, solid) !important; outline-width: var(--focus-outline-width, 0.125rem) !important; border-radius: var(--focus-outline-radius, 0.1875rem); content: " "; height: calc(100% + 2 * var(--focus-pseudo-padding)); left: calc(-1 * var(--focus-pseudo-padding)); pointer-events: none; position: absolute; top: calc(-1 * var(--focus-pseudo-padding)); width: calc(100% + 2 * var(--focus-pseudo-padding)); z-index: var(--focus-pseudo-z-index, 1); } .Button__slider___AJVev.Button__theme_magenta___uR7RX:has(:focus-visible), .Button__slider___AJVev.Button__theme_magenta___uR7RX:has(.force-focus-visible), .Button__slider___AJVev.Button__theme_dark___6VYYg:has(:focus-visible), .Button__slider___AJVev.Button__theme_dark___6VYYg:has(.force-focus-visible) { --focus-pseudo-padding: var( --focus-outline-offset, 0.375rem ); outline: none; position: relative; } .Button__slider___AJVev.Button__theme_magenta___uR7RX:has(:focus-visible)::after, .Button__slider___AJVev.Button__theme_magenta___uR7RX:has(.force-focus-visible)::after, .Button__slider___AJVev.Button__theme_dark___6VYYg:has(:focus-visible)::after, .Button__slider___AJVev.Button__theme_dark___6VYYg:has(.force-focus-visible)::after { --focus-outline-offset: 0; border-radius: var(--focus-outline-radius, 0.1875rem); outline-color: var(--focus-outline-color-dark, #fff) !important; outline-offset: var(--focus-outline-offset, 0.25rem) !important; outline-style: var(--focus-outline-style, solid) !important; outline-width: var(--focus-outline-width, 0.125rem) !important; border-radius: var(--focus-outline-radius, 0.1875rem); content: " "; height: calc(100% + 2 * var(--focus-pseudo-padding)); left: calc(-1 * var(--focus-pseudo-padding)); pointer-events: none; position: absolute; top: calc(-1 * var(--focus-pseudo-padding)); width: calc(100% + 2 * var(--focus-pseudo-padding)); z-index: var(--focus-pseudo-z-index, 1); } .Button__slider___AJVev.Button__theme_magenta___uR7RX:hover, .Button__slider___AJVev.Button__theme_magenta___uR7RX.Button__active___BWfrx, .Button__slider___AJVev.Button__theme_magenta___uR7RX:focus, .Button__slider___AJVev.Button__theme_dark___6VYYg:hover, .Button__slider___AJVev.Button__theme_dark___6VYYg.Button__active___BWfrx, .Button__slider___AJVev.Button__theme_dark___6VYYg:focus { background-color: #6b6b6b; color: #fff; text-decoration: none; } .Button__slider___AJVev.Button__theme_magenta___uR7RX:active, .Button__slider___AJVev.Button__theme_dark___6VYYg:active { background-color: #6b6b6b; } .Button__slider___AJVev.Button__theme_magenta___uR7RX.Button__disabled___O-rJR, .Button__slider___AJVev.Button__theme_dark___6VYYg.Button__disabled___O-rJR { background-color: #808080; pointer-events: none; } .Button__responsive___-4dbp { height: 2.25rem; padding: 0.41875rem 1.125rem; } @media (min-width: 40em) { .Button__responsive___-4dbp { height: 2.625rem; padding: 0.41875rem 1.5rem; } } .Button__textLink___hZMoh { -webkit-appearance: none; -moz-appearance: none; appearance: none; background: transparent; border: none; color: inherit; font: inherit; margin: 0; padding: 0; text-align: inherit; text-decoration: underline; text-underline-offset: 0.1875rem; color: #00739f; cursor: pointer; display: inline-flex; transition: color 0.2s ease; --focus-outline-radius: 2px; } .Button__textLink___hZMoh:hover { text-decoration-thickness: 0.1250025rem; } .Button__textLink___hZMoh:focus-visible, .Button__textLink___hZMoh.force-focus-visible { border-radius: var(--focus-outline-radius, 0.1875rem); outline-color: var(--focus-outline-color-light, #000) !important; outline-offset: var(--focus-outline-offset, 0.25rem) !important; outline-style: var(--focus-outline-style, solid) !important; outline-width: var(--focus-outline-width, 0.125rem) !important; } .Button__textLink___hZMoh:hover, .Button__textLink___hZMoh:focus { color: #00739f; } .Button__textLink___hZMoh:active { color: #00739f; } .Button__textLink___hZMoh:disabled { color: #b2b2b2; cursor: default; opacity: 0.5; pointer-events: none; } .Button__textLink___hZMoh.Button__disable-underline___Kahvh { -webkit-text-decoration-line: none; text-decoration-line: none; } .Button__textLink___hZMoh.Button__disable-underline___Kahvh:hover { -webkit-text-decoration-line: underline; text-decoration-line: underline; } .Button__textLink___hZMoh.Button__theme_dark___6VYYg { color: #31c3f7; } .Button__textLink___hZMoh.Button__theme_dark___6VYYg:focus-visible, .Button__textLink___hZMoh.Button__theme_dark___6VYYg.force-focus-visible { border-radius: var(--focus-outline-radius, 0.1875rem); outline-color: var(--focus-outline-color-dark, #fff) !important; outline-offset: var(--focus-outline-offset, 0.25rem) !important; outline-style: var(--focus-outline-style, solid) !important; outline-width: var(--focus-outline-width, 0.125rem) !important; } .Button__textLink___hZMoh.Button__theme_dark___6VYYg:hover, .Button__textLink___hZMoh.Button__theme_dark___6VYYg:focus, .Button__textLink___hZMoh.Button__theme_dark___6VYYg:active { color: #31c3f7; } .Button__textLink___hZMoh.Button__theme_magenta___uR7RX { color: #fff; } .Button__textLink___hZMoh.Button__theme_magenta___uR7RX:hover, .Button__textLink___hZMoh.Button__theme_magenta___uR7RX:focus, .Button__textLink___hZMoh.Button__theme_magenta___uR7RX:active { color: #fff; } .Button__textLink___hZMoh .Button__icon___OeKUC { height: 1rem; margin-left: 0.3125rem; position: relative; width: 1rem; } .Button__textLink___hZMoh .Button__icon___OeKUC svg { bottom: -0.0625rem; position: relative; } .Modal__modal___GB3zb { align-items: center; bottom: 0; display: flex; justify-content: center; left: 0; position: fixed; right: 0; top: 0; } .Modal__modal___GB3zb .Modal__close___UtPir, .Modal__modal___GB3zb .Modal__close___UtPir:focus-visible { padding: 0; position: absolute; right: 12px; top: 4px; } .Modal__modal___GB3zb .Modal__close___UtPir:hover, .Modal__modal___GB3zb .Modal__close___UtPir:focus-visible:hover { background: none; } .Modal__cover___5BQU6 { bottom: 0; left: 0; position: fixed; right: 0; top: 0; transition: background-color 0.4s ease; } .Modal__cover___5BQU6.is-visible { background-color: rgba(0, 0, 0, 0.7); } .Modal__container___yARDL { align-items: center; display: flex; justify-content: center; max-width: 100%; } @media (min-width: 64em) and (max-width: 83.99em) { .Modal__container___yARDL { max-width: 63rem; } } @media (min-width: 84em) { .Modal__container___yARDL { max-width: 81rem; } } .Modal__inner___9L3Re { background: #fff; border-radius: 0.2499975rem; margin: 5.25rem; max-height: 85vh; max-width: 83.33333%; opacity: 0; overflow: hidden; position: relative; transform: translateY(100%); transition: opacity 0.4s ease, transform 0.4s ease; } .Modal__inner___9L3Re:focus { outline: none; } .Modal__inner___9L3Re.is-visible { opacity: 1; transform: translateY(0); } @media (max-width: 39.99em) { .Modal__inner___9L3Re { max-width: 100%; } } @media (max-width: 63.99em) { .Modal__inner___9L3Re { margin: 0.75rem; } } .Modal__content___Vq88u { max-height: 85vh; overflow: auto; word-break: break-word; } .Modal__section___1pGUH { padding: 3rem; } @media (max-width: 63.99em) { .Modal__section___1pGUH { padding: 3rem 1.5rem 1.5rem; } } .Modal__heading___MR-Lw { margin-bottom: 2.25rem; text-align: center; } .Modal__actions___pClOj { align-content: center; display: flex; flex-wrap: wrap; justify-content: center; margin: 2.25rem -0.75rem 0rem; } .Modal__action___uFeA6 { align-content: center; display: flex; justify-content: center; margin: 0.75rem 0.75rem 0rem; } .styles_modules_modal__content__3F_kX{display:flex;flex-direction:column;gap:60px;height:100%;margin-bottom:24px;margin-top:60px;width:100%}@media(min-width: 48rem){.styles_modules_modal__content__3F_kX{flex-direction:row;gap:0;justify-content:space-between}}.styles_modules_modal__line__1dDs_{display:inline-block}.styles_modules_modal__column__3tKmN{align-items:flex-start;align-self:stretch;display:flex;flex-direction:column;justify-content:space-between}@media(min-width: 48rem){.styles_modules_modal__column__3tKmN{flex-basis:calc(50% - 30px)}}.styles_modules_modal__button__2OPgo{margin-top:24px;white-space:nowrap} .styles_TariffComparison__2vr3M{padding:.25rem .75rem 1.5rem;position:relative;text-align:center}@media screen and (min-width: 1040px){.styles_TariffComparison__2vr3M{padding:0 1.5rem 2.5rem}}.styles_TariffComparison__button__1xcLk{background-color:rgba(0,0,0,0);border:0 none;color:#00739f;font-size:.875rem;margin:1.0625rem auto;text-decoration-line:underline !important;text-decoration-thickness:.0625rem}@media screen and (min-width: 1040px){.styles_TariffComparison__button__1xcLk{margin:1.4375rem auto}}.styles_TariffComparison__button__1xcLk:hover{text-decoration-line:underline;text-decoration-thickness:.125rem !important}.styles_TariffComparison__button__1xcLk:focus{outline:.125rem solid #00739f}.styles_TariffComparison__content__1uXL8{background-color:#fff;margin:0 auto;max-width:74.5rem;opacity:1;padding-bottom:var(--spacing-component-7);padding-top:var(--spacing-component-8);transition:opacity .2s ease-out,max-height .2s ease-out}@media screen and (min-width: 1040px){.styles_TariffComparison__content__1uXL8{padding-bottom:var(--spacing-component-1);padding-top:var(--spacing-component-10)}}.styles_TariffComparison__content--hidden__3HMlD{border-width:0;clip:rect(0, 0, 0, 0);height:1px;margin:-1px;opacity:0;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.styles_TariffComparison__headertext__j6gFI{font-size:1rem;font-weight:700;left:0;line-height:1;position:absolute;top:0;width:5.625rem}@media screen and (min-width: 1040px){.styles_TariffComparison__headertext__j6gFI{font-size:1.3125rem}} .ComparisonTable__wrapper___KBtdH { -webkit-hyphens: auto; hyphens: auto; --background-color: white; background-color: var(--background-color); cursor: grab; margin-bottom: 0.75rem; margin-top: 0.75rem; overflow: visible; position: relative; width: 100%; --l-width: 996px; --s-width: 100vw; } @media (min-width: 40em) { .ComparisonTable__wrapper___KBtdH { margin-bottom: 0.75rem; margin-top: 0.75rem; } } @media (min-width: 64em) { .ComparisonTable__wrapper___KBtdH { margin-bottom: 1.5rem; margin-top: 1.5rem; } } @media (min-width: 62.25em) { .ComparisonTable__wrapper___KBtdH::after { background: var(--background-color); content: ""; display: none; height: 100%; position: absolute; right: 0; top: 0; width: calc(1.5rem + max((100vw - 996px) / 2, 0px)); z-index: 1; } } .ComparisonTable__headline___1-gPv + .ComparisonTable__wrapper___KBtdH { margin-top: 2.625rem; } @media (min-width: 40em) { .ComparisonTable__headline___1-gPv + .ComparisonTable__wrapper___KBtdH { margin-top: 3.375rem; } } @media (min-width: 64em) { .ComparisonTable__headline___1-gPv + .ComparisonTable__wrapper___KBtdH { margin-top: 4.125rem; } } .ComparisonTable__scroller___tctGR { box-sizing: border-box; margin: 0 auto; max-width: var(-l-width); -ms-overflow-style: none; overflow-x: auto; overflow-y: hidden; padding: 0rem 0.75rem; scrollbar-width: none; width: 100%; } .ComparisonTable__scroller___tctGR::-webkit-scrollbar { display: none; } .ComparisonTable__scroller___tctGR:focus { outline: 0; } @media (min-width: 40em) { .ComparisonTable__scroller___tctGR { padding: 0rem 1.5rem; } } @media (min-width: 62.25em) { .ComparisonTable__scroller___tctGR { box-sizing: content-box; max-width: calc(var(--l-width) - 3rem); overflow: hidden; } } .ComparisonTable__scroller___tctGR > * { box-sizing: border-box; } .ComparisonTable__table___3J802 { font-family: "TeleNeo", sans-serif; font-size: 1.125rem; font-weight: 400; line-height: 1.5rem; margin: 0; position: relative; } .ComparisonTable__table___3J802 > * { -webkit-user-select: none; -moz-user-select: none; user-select: none; } .ComparisonTable__table___3J802 td, .ComparisonTable__table___3J802 th { background-clip: content-box; padding-left: 0; padding-right: 0.75rem; } @media (min-width: 40em) { .ComparisonTable__table___3J802 td, .ComparisonTable__table___3J802 th { padding-right: 1.5rem; } } .ComparisonTable__row-header___nYk3E { text-align: left; } .ComparisonTable__row-header___nYk3E .ComparisonTable__fixed___NLogT { font-weight: 800; left: 0; position: sticky; text-align: left; } .ComparisonTable__row-header-subline___8K4Z0 { font-size: 0.9375rem; font-weight: 400; line-height: 1.125rem; } .ComparisonTable__row-header___nYk3E td, .ComparisonTable__row-header___nYk3E th { border-bottom: 1px solid #dcdcdc; font-size: 0.9375rem; line-height: 1.0625rem; padding-bottom: 0.375rem; padding-top: 2.25rem; } @media (min-width: 40em) { .ComparisonTable__row-header___nYk3E td, .ComparisonTable__row-header___nYk3E th { font-size: 1.125rem; line-height: 1.3125rem; } } table.ComparisonTable__table___3J802 { border-collapse: collapse !important; empty-cells: show; width: 100%; } .ComparisonTable__head-col-header___IMBoy { font-weight: 800; } .ComparisonTable__head-col-header--big___Ovf-B { font-size: 1.125rem; line-height: 1.3125rem; } @media (min-width: 40em) { .ComparisonTable__head-col-header--big___Ovf-B { font-size: 1.5rem; line-height: 1.8125rem; } } .ComparisonTable__head-col-header--small___PyfTQ { font-size: 1.125rem; line-height: 1.5625rem; } @media (min-width: 40em) { .ComparisonTable__head-col-header--small___PyfTQ { font-size: 1.3125rem; } } .ComparisonTable__head-col-header--left-align-center___mT9F9 { max-width: 9.375rem; padding-left: 1.875rem; text-align: left; } .ComparisonTable__head-col-header--center-align-left___0c4Au { max-width: 8.82375rem; } @media (min-width: 40em) { .ComparisonTable__head-col-header--center-align-left___0c4Au { position: relative; } } .ComparisonTable__table___3J802:not(.ComparisonTable__with-col-header___txQje) { background: transparent; } .ComparisonTable__table___3J802:not(.ComparisonTable__with-col-header___txQje) td, .ComparisonTable__table___3J802:not(.ComparisonTable__with-col-header___txQje) th { vertical-align: top; } .ComparisonTable__table___3J802:not(.ComparisonTable__with-col-header___txQje) .ComparisonTable__head-col-header___IMBoy { padding-bottom: 1.5rem; } @media (min-width: 40em) { .ComparisonTable__table___3J802:not(.ComparisonTable__with-col-header___txQje) .ComparisonTable__head-col-header___IMBoy { padding-bottom: 2.25rem; } } .ComparisonTable__table___3J802:not(.ComparisonTable__with-col-header___txQje) .ComparisonTable__head-col-header--small___PyfTQ { padding-bottom: 0; } @media (min-width: 40em) { .ComparisonTable__table___3J802:not(.ComparisonTable__with-col-header___txQje) .ComparisonTable__head-col-header--small___PyfTQ { padding-bottom: 0.25rem; } } .ComparisonTable__table___3J802.ComparisonTable__with-col-header___txQje tbody td, .ComparisonTable__table___3J802.ComparisonTable__with-col-header___txQje tbody th { border-bottom: 1px solid #dcdcdc; border-top: 1px solid #dcdcdc; padding-bottom: 0.75rem; padding-top: 0.75rem; vertical-align: middle !important; } @media (min-width: 40em) { .ComparisonTable__table___3J802.ComparisonTable__with-col-header___txQje tbody td, .ComparisonTable__table___3J802.ComparisonTable__with-col-header___txQje tbody th { padding-bottom: 0.75rem; padding-top: 0.75rem; } } .ComparisonTable__table___3J802.ComparisonTable__with-col-header___txQje tbody tr:last-child td, .ComparisonTable__table___3J802.ComparisonTable__with-col-header___txQje tbody tr:last-child th { border-bottom: 0; } .ComparisonTable__table___3J802.ComparisonTable__with-col-header___txQje .ComparisonTable__head-col-header___IMBoy { padding-bottom: 2.25rem; } @media (min-width: 40em) { .ComparisonTable__table___3J802.ComparisonTable__with-col-header___txQje .ComparisonTable__head-col-header___IMBoy { padding-bottom: 3rem; } } .ComparisonTable__table___3J802.ComparisonTable__with-col-header___txQje .ComparisonTable__head-col-header--small___PyfTQ { padding-bottom: 1.875rem; } @media (min-width: 40em) { .ComparisonTable__table___3J802.ComparisonTable__with-col-header___txQje .ComparisonTable__head-col-header--small___PyfTQ { padding-bottom: 2.625rem; } } .ComparisonTable__col-header___-Vgv8 { background-clip: content-box; background-color: var(--background-color); box-sizing: border-box; left: 0; position: sticky; text-align: left; } .ComparisonTable__col-header___-Vgv8 .ComparisonTable__sticky-background-cover___lMu-C { align-items: center; background: var(--background-color); display: inline-flex; height: 98%; justify-content: flex-start; position: relative; width: 100%; } .ComparisonTable__col-header___-Vgv8 .ComparisonTable__sticky-background-cover___lMu-C::before { background: var(--background-color); content: ""; height: 98%; left: -3rem; position: absolute; width: 3rem; } .ComparisonTable__col-header--primary___aCFEf { font-size: 0.9375rem; font-weight: 800; line-height: 1.0625rem; } @media (min-width: 40em) { .ComparisonTable__col-header--primary___aCFEf { font-size: 1.125rem; line-height: 1.3125rem; } } .ComparisonTable__col-header--secondary___Luwio { font-size: 0.8125rem; font-weight: 700; line-height: 0.9375rem; padding-left: 1.125rem !important; } @media (min-width: 40em) { .ComparisonTable__col-header--secondary___Luwio { font-size: 0.9375rem; line-height: 1.125rem; } } .ComparisonTable__row___LET4t { background: transparent; } .ComparisonTable__row___LET4t .ComparisonTable__col___53-4X { font-size: 0.9375rem; line-height: 1.125rem; padding-top: 0.375rem; } .ComparisonTable__row___LET4t .ComparisonTable__col___53-4X > a { height: auto; } @media (min-width: 40em) { .ComparisonTable__row___LET4t .ComparisonTable__col___53-4X { font-size: 1.125rem; line-height: 1.3125rem; padding-top: 0.75rem; } } .ComparisonTable__row___LET4t .ComparisonTable__col--centered___ZgrLb { text-align: center; } .ComparisonTable__show-more___94xhl { margin-top: 1.5rem; } @media (min-width: 64em) { .ComparisonTable__show-more___94xhl { display: none; } } .ComparisonTable__show-more-button___lgV3I { align-items: center; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: #f8f8f8; border: 0; color: #00739f; cursor: pointer; display: inline-flex; font-family: inherit; font-size: 100%; height: 3rem; justify-content: center; margin: 0; padding: 0; width: 100%; font-family: "TeleNeo", sans-serif; font-size: 1.125rem; font-weight: 400; line-height: 1.5rem; margin: 0; } .ComparisonTable__show-more-button___lgV3I:focus-visible, .ComparisonTable__show-more-button___lgV3I.force-focus-visible { --focus-pseudo-padding: var( --focus-outline-offset, 0.375rem ); outline: none; position: relative; } .ComparisonTable__show-more-button___lgV3I:focus-visible::after, .ComparisonTable__show-more-button___lgV3I.force-focus-visible::after { --focus-outline-offset: 0; border-radius: var(--focus-outline-radius, 0.1875rem); outline-color: var(--focus-outline-color-light, #000) !important; outline-offset: var(--focus-outline-offset, 0.25rem) !important; outline-style: var(--focus-outline-style, solid) !important; outline-width: var(--focus-outline-width, 0.125rem) !important; border-radius: var(--focus-outline-radius, 0.1875rem); content: " "; height: calc(100% + 2 * var(--focus-pseudo-padding)); left: calc(-1 * var(--focus-pseudo-padding)); pointer-events: none; position: absolute; top: calc(-1 * var(--focus-pseudo-padding)); width: calc(100% + 2 * var(--focus-pseudo-padding)); z-index: var(--focus-pseudo-z-index, 1); } .ComparisonTable__show-more-button___lgV3I:has(:focus-visible), .ComparisonTable__show-more-button___lgV3I:has(.force-focus-visible) { --focus-pseudo-padding: var( --focus-outline-offset, 0.375rem ); outline: none; position: relative; } .ComparisonTable__show-more-button___lgV3I:has(:focus-visible)::after, .ComparisonTable__show-more-button___lgV3I:has(.force-focus-visible)::after { --focus-outline-offset: 0; border-radius: var(--focus-outline-radius, 0.1875rem); outline-color: var(--focus-outline-color-light, #000) !important; outline-offset: var(--focus-outline-offset, 0.25rem) !important; outline-style: var(--focus-outline-style, solid) !important; outline-width: var(--focus-outline-width, 0.125rem) !important; border-radius: var(--focus-outline-radius, 0.1875rem); content: " "; height: calc(100% + 2 * var(--focus-pseudo-padding)); left: calc(-1 * var(--focus-pseudo-padding)); pointer-events: none; position: absolute; top: calc(-1 * var(--focus-pseudo-padding)); width: calc(100% + 2 * var(--focus-pseudo-padding)); z-index: var(--focus-pseudo-z-index, 1); } .ComparisonTable__show-more-button___lgV3I:hover { background-color: #ededed; } .ComparisonTable__show-more-button-icon___JHq0Z { display: inline-block; height: 1.125rem; padding-left: 0.3125rem; width: 1.125rem; } .ComparisonTable__show-more-portal___BpGnP { padding: 0rem 0.75rem; } @media (min-width: 40em) { .ComparisonTable__show-more-portal___BpGnP { padding: 0rem 1.5rem; } } .ComparisonTable__feature-boolean___v65YN { color: #262626; display: inline-block; height: 1.5rem; width: 1.5rem; } @media (min-width: 40em) { .ComparisonTable__feature-boolean___v65YN { height: 1.875rem; width: 1.875rem; } } .ComparisonTable__feature-boolean--green___a3fdf { color: #46a800; } .ComparisonTable__color___aYJm- { border: 1px solid; border-radius: 50%; display: inline-block; height: 1.25rem; width: 1.25rem; } @media (min-width: 64em) { .ComparisonTable__color___aYJm- { height: 1.5rem; width: 1.5rem; } } .ComparisonTable__color___aYJm-:not(:first-child) { margin-left: 0.5rem; } @media (min-width: 64em) { .ComparisonTable__color___aYJm-:not(:first-child) { margin-left: 0.75rem; } } .ComparisonTable__slider-button-wrapper___qroJQ { --slider-button-outline-offset: 0.5rem; position: absolute; top: var(--slider-button-outline-offset); z-index: 1; } .ComparisonTable__slider-button-wrapper--left___5CkQs { left: 0; } @media (min-width: 64em) { .ComparisonTable__slider-button-wrapper--left___5CkQs { left: 0; } } .ComparisonTable__slider-button-wrapper--left___5CkQs.ComparisonTable__slider-button--position-product-hero-feature___HErg3 { left: -0.25rem; } @media (min-width: 40em) { .ComparisonTable__slider-button-wrapper--left___5CkQs.ComparisonTable__slider-button--position-product-hero-feature___HErg3 { left: 0; } } .ComparisonTable__slider-button-wrapper--right___wu-eh { right: 0; } @media (min-width: 64em) { .ComparisonTable__slider-button-wrapper--right___wu-eh { right: 0; } } .ComparisonTable__slider-button-wrapper--position-hardware___b1IIR { top: 3rem; } @media (min-width: 64em) { .ComparisonTable__slider-button-wrapper--position-hardware___b1IIR { top: var(--slider-button-outline-offset); } } .ComparisonTable__slider-button-wrapper--position-hardware-dense___4VtfI { top: calc(var(--slider-button-outline-offset) + 0.375rem); } @media (min-width: 40em) { .ComparisonTable__slider-button-wrapper--position-hardware-dense___4VtfI { top: 1.875rem; } } @media (min-width: 64em) { .ComparisonTable__slider-button-wrapper--position-hardware-dense___4VtfI { top: calc(-2.25rem + var(--slider-button-outline-offset)); } } .ComparisonTable__slider-button-wrapper--position-product___yzLmo { top: -0.375rem; } @media (min-width: 40em) { .ComparisonTable__slider-button-wrapper--position-product___yzLmo { top: -0.1875rem; } } @media (min-width: 40em) { .ComparisonTable__slider-button-wrapper--position-product-hero-feature___DBrFc { top: 0.375rem; } } .ComparisonTable__slider-button___mVnmU { align-items: center; background: transparent; border: 0; color: #262626; cursor: pointer; display: inline-flex; justify-content: center; margin: 0; padding: 0; position: relative; transition: opacity 0.3s; width: 1.5rem; } .ComparisonTable__slider-button___mVnmU:focus-visible, .ComparisonTable__slider-button___mVnmU.force-focus-visible { --focus-pseudo-padding: var( --focus-outline-offset, 0.375rem ); outline: none; position: relative; --focus-outline-offset: -2px; } .ComparisonTable__slider-button___mVnmU:focus-visible::after, .ComparisonTable__slider-button___mVnmU.force-focus-visible::after { --focus-outline-offset: 0; border-radius: var(--focus-outline-radius, 0.1875rem); outline-color: var(--focus-outline-color-light, #000) !important; outline-offset: var(--focus-outline-offset, 0.25rem) !important; outline-style: var(--focus-outline-style, solid) !important; outline-width: var(--focus-outline-width, 0.125rem) !important; border-radius: var(--focus-outline-radius, 0.1875rem); content: " "; height: calc(100% + 2 * var(--focus-pseudo-padding)); left: calc(-1 * var(--focus-pseudo-padding)); pointer-events: none; position: absolute; top: calc(-1 * var(--focus-pseudo-padding)); width: calc(100% + 2 * var(--focus-pseudo-padding)); z-index: var(--focus-pseudo-z-index, 1); } .ComparisonTable__slider-button___mVnmU:has(:focus-visible), .ComparisonTable__slider-button___mVnmU:has(.force-focus-visible) { --focus-pseudo-padding: var( --focus-outline-offset, 0.375rem ); outline: none; position: relative; --focus-outline-offset: -2px; } .ComparisonTable__slider-button___mVnmU:has(:focus-visible)::after, .ComparisonTable__slider-button___mVnmU:has(.force-focus-visible)::after { --focus-outline-offset: 0; border-radius: var(--focus-outline-radius, 0.1875rem); outline-color: var(--focus-outline-color-light, #000) !important; outline-offset: var(--focus-outline-offset, 0.25rem) !important; outline-style: var(--focus-outline-style, solid) !important; outline-width: var(--focus-outline-width, 0.125rem) !important; border-radius: var(--focus-outline-radius, 0.1875rem); content: " "; height: calc(100% + 2 * var(--focus-pseudo-padding)); left: calc(-1 * var(--focus-pseudo-padding)); pointer-events: none; position: absolute; top: calc(-1 * var(--focus-pseudo-padding)); width: calc(100% + 2 * var(--focus-pseudo-padding)); z-index: var(--focus-pseudo-z-index, 1); } .ComparisonTable__slider-button-icon___kFGgv { height: 2.25rem; width: 2.25rem; } @media (min-width: 40em) { .ComparisonTable__slider-button___mVnmU { width: 2.25rem; } } @media (min-width: 64em) { .ComparisonTable__slider-button___mVnmU { background-color: #808080; border-radius: 3px; color: white; height: 14.4375rem; width: 2.25rem; } .ComparisonTable__slider-button___mVnmU:hover, .ComparisonTable__slider-button___mVnmU:focus { background-color: #737373; } } @media (min-width: 64em) { .ComparisonTable__slider-button___mVnmU[aria-disabled=true] { background-color: #e0e0e0; } } .ComparisonTable__slider-button___mVnmU[aria-disabled=true] .ComparisonTable__slider-button-icon___kFGgv { opacity: 0.5; } .ComparisonTable__image___0jotH { display: block; margin: 0 auto; margin-bottom: 0.5625rem; max-width: 6.75rem; pointer-events: none; width: 100%; } @media (min-width: 64em) { .ComparisonTable__image___0jotH { max-width: 8.25rem; } } .ComparisonTable__collapse-until-l___85Ao- { visibility: visible; } @media (max-width: 63.99em) { .ComparisonTable__collapse-until-l___85Ao- { visibility: collapse; } } .ComparisonTable__blank-cell___cIQrU { background: var(--background-color); background-clip: content-box; bottom: 1px; left: 0; position: absolute; right: 0; top: 1px; } .ComparisonTable__blank-cell___cIQrU::before { background: var(--background-color); content: ""; height: 100%; left: -3rem; position: absolute; top: 0; width: 3rem; } .ComparisonTable__blank-corner-cell___t-EyA { background: var(--background-color); background-clip: content-box; border-bottom: 1px solid #dcdcdc; left: 0; position: sticky; } @media (min-width: 40em) { .ComparisonTable__blank-corner-cell___t-EyA { left: -2.5rem; } } .ComparisonTable__blank-corner-cell___t-EyA::before { background: var(--background-color); content: ""; height: 100%; left: -3rem; position: absolute; top: 0; width: 3rem; } @media (max-width: 39.99em) { .ComparisonTable__col-spacing-s-1___qWBSQ td, .ComparisonTable__col-spacing-s-1___qWBSQ th { max-width: calc((100vw - (1 + 1) * 0.75rem) / 1); min-width: calc((100vw - (1 + 1) * 0.75rem) / 1); width: calc((100vw - (1 + 1) * 0.75rem) / 1); } } @media (min-width: 40em) and (max-width: 62.1875em) { .ComparisonTable__col-spacing-m-1___cPlTO td, .ComparisonTable__col-spacing-m-1___cPlTO th { max-width: calc((100vw - (1 + 1) * 1.5rem) / 1); min-width: calc((100vw - (1 + 1) * 1.5rem) / 1); width: calc((100vw - (1 + 1) * 1.5rem) / 1); } } @media (min-width: 62.25em) and (max-width: 63.99em) { .ComparisonTable__col-spacing-m-1___cPlTO td, .ComparisonTable__col-spacing-m-1___cPlTO th { max-width: calc((var(--l-width) - (1 + 1) * 1.5rem) / 1); min-width: calc((var(--l-width) - (1 + 1) * 1.5rem) / 1); width: calc((var(--l-width) - (1 + 1) * 1.5rem) / 1); } } @media (min-width: 64em) and (max-width: 83.99em) { .ComparisonTable__col-spacing-l-1___C8EgS td, .ComparisonTable__col-spacing-l-1___C8EgS th { max-width: calc((var(--l-width) - (1 + 1) * 1.5rem) / 1); min-width: calc((var(--l-width) - (1 + 1) * 1.5rem) / 1); width: calc((var(--l-width) - (1 + 1) * 1.5rem) / 1); } } @media (min-width: 84em) { .ComparisonTable__col-spacing-xl-1___7hlXe td, .ComparisonTable__col-spacing-xl-1___7hlXe th { max-width: calc((var(--l-width) - (1 + 1) * 1.5rem) / 1); min-width: calc((var(--l-width) - (1 + 1) * 1.5rem) / 1); width: calc((var(--l-width) - (1 + 1) * 1.5rem) / 1); } } @media (max-width: 39.99em) { .ComparisonTable__col-spacing-s-2___BEpax td, .ComparisonTable__col-spacing-s-2___BEpax th { max-width: calc((100vw - (2 + 1) * 0.75rem) / 2); min-width: calc((100vw - (2 + 1) * 0.75rem) / 2); width: calc((100vw - (2 + 1) * 0.75rem) / 2); } } @media (min-width: 40em) and (max-width: 62.1875em) { .ComparisonTable__col-spacing-m-2___TynzQ td, .ComparisonTable__col-spacing-m-2___TynzQ th { max-width: calc((100vw - (2 + 1) * 1.5rem) / 2); min-width: calc((100vw - (2 + 1) * 1.5rem) / 2); width: calc((100vw - (2 + 1) * 1.5rem) / 2); } } @media (min-width: 62.25em) and (max-width: 63.99em) { .ComparisonTable__col-spacing-m-2___TynzQ td, .ComparisonTable__col-spacing-m-2___TynzQ th { max-width: calc((var(--l-width) - (2 + 1) * 1.5rem) / 2); min-width: calc((var(--l-width) - (2 + 1) * 1.5rem) / 2); width: calc((var(--l-width) - (2 + 1) * 1.5rem) / 2); } } @media (min-width: 64em) and (max-width: 83.99em) { .ComparisonTable__col-spacing-l-2___spAzN td, .ComparisonTable__col-spacing-l-2___spAzN th { max-width: calc((var(--l-width) - (2 + 1) * 1.5rem) / 2); min-width: calc((var(--l-width) - (2 + 1) * 1.5rem) / 2); width: calc((var(--l-width) - (2 + 1) * 1.5rem) / 2); } } @media (min-width: 84em) { .ComparisonTable__col-spacing-xl-2___yLjz2 td, .ComparisonTable__col-spacing-xl-2___yLjz2 th { max-width: calc((var(--l-width) - (2 + 1) * 1.5rem) / 2); min-width: calc((var(--l-width) - (2 + 1) * 1.5rem) / 2); width: calc((var(--l-width) - (2 + 1) * 1.5rem) / 2); } } @media (max-width: 39.99em) { .ComparisonTable__col-spacing-s-3___Zmo-Y td, .ComparisonTable__col-spacing-s-3___Zmo-Y th { max-width: calc((100vw - (3 + 1) * 0.75rem) / 3); min-width: calc((100vw - (3 + 1) * 0.75rem) / 3); width: calc((100vw - (3 + 1) * 0.75rem) / 3); } } @media (min-width: 40em) and (max-width: 62.1875em) { .ComparisonTable__col-spacing-m-3___t6aGa td, .ComparisonTable__col-spacing-m-3___t6aGa th { max-width: calc((100vw - (3 + 1) * 1.5rem) / 3); min-width: calc((100vw - (3 + 1) * 1.5rem) / 3); width: calc((100vw - (3 + 1) * 1.5rem) / 3); } } @media (min-width: 62.25em) and (max-width: 63.99em) { .ComparisonTable__col-spacing-m-3___t6aGa td, .ComparisonTable__col-spacing-m-3___t6aGa th { max-width: calc((var(--l-width) - (3 + 1) * 1.5rem) / 3); min-width: calc((var(--l-width) - (3 + 1) * 1.5rem) / 3); width: calc((var(--l-width) - (3 + 1) * 1.5rem) / 3); } } @media (min-width: 64em) and (max-width: 83.99em) { .ComparisonTable__col-spacing-l-3___1ZZLO td, .ComparisonTable__col-spacing-l-3___1ZZLO th { max-width: calc((var(--l-width) - (3 + 1) * 1.5rem) / 3); min-width: calc((var(--l-width) - (3 + 1) * 1.5rem) / 3); width: calc((var(--l-width) - (3 + 1) * 1.5rem) / 3); } } @media (min-width: 84em) { .ComparisonTable__col-spacing-xl-3___8Uu7F td, .ComparisonTable__col-spacing-xl-3___8Uu7F th { max-width: calc((var(--l-width) - (3 + 1) * 1.5rem) / 3); min-width: calc((var(--l-width) - (3 + 1) * 1.5rem) / 3); width: calc((var(--l-width) - (3 + 1) * 1.5rem) / 3); } } @media (max-width: 39.99em) { .ComparisonTable__col-spacing-s-4___GXSE9 td, .ComparisonTable__col-spacing-s-4___GXSE9 th { max-width: calc((100vw - (4 + 1) * 0.75rem) / 4); min-width: calc((100vw - (4 + 1) * 0.75rem) / 4); width: calc((100vw - (4 + 1) * 0.75rem) / 4); } } @media (min-width: 40em) and (max-width: 62.1875em) { .ComparisonTable__col-spacing-m-4___gHN1G td, .ComparisonTable__col-spacing-m-4___gHN1G th { max-width: calc((100vw - (4 + 1) * 1.5rem) / 4); min-width: calc((100vw - (4 + 1) * 1.5rem) / 4); width: calc((100vw - (4 + 1) * 1.5rem) / 4); } } @media (min-width: 62.25em) and (max-width: 63.99em) { .ComparisonTable__col-spacing-m-4___gHN1G td, .ComparisonTable__col-spacing-m-4___gHN1G th { max-width: calc((var(--l-width) - (4 + 1) * 1.5rem) / 4); min-width: calc((var(--l-width) - (4 + 1) * 1.5rem) / 4); width: calc((var(--l-width) - (4 + 1) * 1.5rem) / 4); } } @media (min-width: 64em) and (max-width: 83.99em) { .ComparisonTable__col-spacing-l-4___dimds td, .ComparisonTable__col-spacing-l-4___dimds th { max-width: calc((var(--l-width) - (4 + 1) * 1.5rem) / 4); min-width: calc((var(--l-width) - (4 + 1) * 1.5rem) / 4); width: calc((var(--l-width) - (4 + 1) * 1.5rem) / 4); } } @media (min-width: 84em) { .ComparisonTable__col-spacing-xl-4___qJyyt td, .ComparisonTable__col-spacing-xl-4___qJyyt th { max-width: calc((var(--l-width) - (4 + 1) * 1.5rem) / 4); min-width: calc((var(--l-width) - (4 + 1) * 1.5rem) / 4); width: calc((var(--l-width) - (4 + 1) * 1.5rem) / 4); } } @media (max-width: 39.99em) { .ComparisonTable__col-spacing-s-5___5I7St td, .ComparisonTable__col-spacing-s-5___5I7St th { max-width: calc((100vw - (5 + 1) * 0.75rem) / 5); min-width: calc((100vw - (5 + 1) * 0.75rem) / 5); width: calc((100vw - (5 + 1) * 0.75rem) / 5); } } @media (min-width: 40em) and (max-width: 62.1875em) { .ComparisonTable__col-spacing-m-5___mjwbx td, .ComparisonTable__col-spacing-m-5___mjwbx th { max-width: calc((100vw - (5 + 1) * 1.5rem) / 5); min-width: calc((100vw - (5 + 1) * 1.5rem) / 5); width: calc((100vw - (5 + 1) * 1.5rem) / 5); } } @media (min-width: 62.25em) and (max-width: 63.99em) { .ComparisonTable__col-spacing-m-5___mjwbx td, .ComparisonTable__col-spacing-m-5___mjwbx th { max-width: calc((var(--l-width) - (5 + 1) * 1.5rem) / 5); min-width: calc((var(--l-width) - (5 + 1) * 1.5rem) / 5); width: calc((var(--l-width) - (5 + 1) * 1.5rem) / 5); } } @media (min-width: 64em) and (max-width: 83.99em) { .ComparisonTable__col-spacing-l-5___dyxQr td, .ComparisonTable__col-spacing-l-5___dyxQr th { max-width: calc((var(--l-width) - (5 + 1) * 1.5rem) / 5); min-width: calc((var(--l-width) - (5 + 1) * 1.5rem) / 5); width: calc((var(--l-width) - (5 + 1) * 1.5rem) / 5); } } @media (min-width: 84em) { .ComparisonTable__col-spacing-xl-5___DUCFl td, .ComparisonTable__col-spacing-xl-5___DUCFl th { max-width: calc((var(--l-width) - (5 + 1) * 1.5rem) / 5); min-width: calc((var(--l-width) - (5 + 1) * 1.5rem) / 5); width: calc((var(--l-width) - (5 + 1) * 1.5rem) / 5); } } .ComparisonTable__headline___1-gPv { font-family: "TeleNeo", sans-serif; font-size: 1.5rem; font-weight: 800; line-height: 1.8125000003rem; margin: 0; --background-color: white; background-color: var(--background-color); box-sizing: border-box; display: block; margin-left: auto; margin-right: auto; margin-top: 2.625rem !important; padding: 0rem 0.75rem; text-align: center; width: 100%; } @media (min-width: 40em) { .ComparisonTable__headline___1-gPv { margin-top: 3.375rem !important; max-width: none; padding: 0rem 1.5rem; } } @media (min-width: 64em) { .ComparisonTable__headline___1-gPv { margin-top: 5.625rem !important; font-family: "TeleNeo", sans-serif; font-size: 2.25rem; font-weight: 800; line-height: 2.25rem; margin: 0; } } .A11yText__a11y___hJQoO { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .Price__price___5oAgZ { font-family: "TeleNeo", sans-serif; font-size: 1.125rem; font-weight: 400; line-height: 1.5rem; margin: 0; color: #262626; } .Price__current-color___LTm3q { color: inherit; } .Price__as_text___PiPUf { font-family: "TeleNeo", sans-serif; font-size: 0.9375rem; font-weight: 400; line-height: 1.3125rem; margin: 0; color: #262626; margin-bottom: 0.1875rem; } .Price__highlight___VrL-8 { font-weight: 800 !important; font-weight: 700; } .Price__brand___oS3Ry { color: #e20074; } .Price__benefit___yLrt3 { color: #218076; } .Price__large___Z4r7p { font-weight: 800; font-family: "TeleNeo", sans-serif; font-size: 1.5rem; font-weight: 400; line-height: 1.8125000003rem; margin: 0; } .Price__large___Z4r7p.Price__highlight___VrL-8 { font-weight: 700; } .Price__current-font___n-j5m { font-size: inherit; font-weight: inherit; line-height: inherit; } .Price__value___QyPK5 { display: inline-block; } .Price__scaled___GuWoz .Price__value___QyPK5 { font-family: "TeleNeo", sans-serif; font-size: 0.9375rem; font-weight: 400; line-height: 1.3125rem; margin: 0; position: relative; text-decoration: none; } .Price__scaled___GuWoz .Price__value___QyPK5::before { border-color: inherit; border-top: 1px solid currentColor; content: ""; left: 0; position: absolute; right: 0; top: 45%; transform: skewY(-10deg); } .Price__prefix___z4-Vp, .Price__suffix___rmOd- { font-family: "TeleNeo", sans-serif; font-size: 0.9375rem; font-weight: 400; line-height: 1.3125rem; margin: 0; font-weight: inherit; } .Price__prefix___z4-Vp abbr, .Price__suffix___rmOd- abbr { text-decoration: none; } .Price__suffix___rmOd- { margin-right: 0.1875rem; } .Price__offering___-HnDF { font-family: "TeleNeo", sans-serif; font-size: 1.5rem; font-weight: 800; line-height: 1.8125000003rem; margin: 0; } .Price__offering___-HnDF abbr { text-decoration: none; } .Price__offering___-HnDF .Price__value___QyPK5 { margin: 0.1875rem 0rem; } .Price__offering___-HnDF .Price__prefix___z4-Vp, .Price__offering___-HnDF .Price__suffix___rmOd- { font-weight: 800 !important; font-family: "TeleNeo", sans-serif; font-size: 0.9375rem; font-weight: 700; line-height: 1.3125rem; margin: 0; } .Price__offering___-HnDF .Price__prefix___z4-Vp { margin-right: 0.1875rem; } .Price__offering___-HnDF .Price__suffix___rmOd- { margin-left: 0.1875rem; margin-right: 0.1875rem; } .Price__offering___-HnDF.Price__large___Z4r7p { font-family: "TeleNeo", sans-serif; font-size: 2.25rem; font-weight: 800; text-transform: uppercase; line-height: 2.25rem; margin: 0; } .Price__offering___-HnDF.Price__large___Z4r7p .Price__prefix___z4-Vp, .Price__offering___-HnDF.Price__large___Z4r7p .Price__suffix___rmOd- { font-weight: 800 !important; text-transform: none; font-family: "TeleNeo", sans-serif; font-size: 1.5rem; font-weight: 700; line-height: 1.8125000003rem; margin: 0; } .Price__offering___-HnDF.Price__large___Z4r7p .Price__suffix___rmOd- { margin-right: 0.1875rem; } .Price__text___3wIAq { font-family: "TeleNeo", sans-serif; font-size: 0.9375rem; font-weight: 400; line-height: 1.3125rem; margin: 0; color: #262626; margin-bottom: 0.1875rem; } .Price__text___3wIAq:last-child { margin-bottom: 0; } .Price__text___3wIAq abbr { text-decoration: none; } .Price__text-benefit___qqUz6 { color: #218076; } .Price__inline_block___erzjm { display: inline-block; margin: 0 5px; } .styles_TariffTableMagentaMobil__2FMOr{overflow:hidden;position:relative}.styles_TariffTableMagentaMobil__colHeader__qkLQI{font-size:1rem;font-weight:700}.styles_TariffTableMagentaMobil__categories__1SEPJ{left:0;position:absolute;top:6.1875rem;width:100%}@media screen and (min-width: 768px){.styles_TariffTableMagentaMobil__categories__1SEPJ{top:6.1875rem}}@media screen and (min-width: 1040px){.styles_TariffTableMagentaMobil__categories__1SEPJ{top:6.75rem}}.styles_TariffTableMagentaMobil__categoryTop__3OelQ{align-items:center;align-items:flex-start;border-bottom:.0625rem solid #ddd;box-sizing:border-box;display:flex;flex-direction:column;font-size:16px;font-weight:700;height:72px;justify-content:center;line-height:22px;width:122px}@media screen and (min-width: 30rem){.styles_TariffTableMagentaMobil__categoryTop__3OelQ{width:200px}}@media screen and (min-width: 40rem){.styles_TariffTableMagentaMobil__categoryTop__3OelQ{align-items:center;flex-direction:row;justify-content:flex-start;width:340px}}.styles_TariffTableMagentaMobil__datavolume__1aai9{font-size:1.25rem;font-weight:700}.styles_TariffTableMagentaMobil__magenta__FadxL{color:#e20074;font-size:1.25rem;font-weight:700}.styles_TariffTableMagentaMobil__mainprice__lsRGT{color:#e20074;font-size:1.5rem;font-weight:700;line-height:1.7144rem}.styles_TariffTableMagentaMobil__secondaryprice__27u_v{font-size:1.25rem;font-weight:700}.styles_TariffTableMagentaMobil__2FMOr .styles_TariffTableMagentaMobil__toggle__3HaTq{align-items:center;box-sizing:border-box;display:flex;font-size:12px;height:100%;justify-content:space-between;line-height:13.5008px;margin-left:.0625rem;padding-left:.25rem;text-align:left;width:100%}@media screen and (min-width: 40rem){.styles_TariffTableMagentaMobil__2FMOr .styles_TariffTableMagentaMobil__toggle__3HaTq{font-size:15px;line-height:18px}}.styles_TariffTableMagentaMobil__2FMOr .styles_TariffTableMagentaMobil__toggle__3HaTq:focus{outline:1px solid #00739f !important;outline-offset:0}.styles_TariffTableMagentaMobil__slider__2CK4D{box-sizing:border-box;display:flex;margin-left:calc(122px + .75rem);position:relative;width:calc(100% - 122px - .75rem)}@media screen and (min-width: 30rem){.styles_TariffTableMagentaMobil__slider__2CK4D{margin-left:calc(200px + .75rem);width:calc(100% - 200px - .75rem)}}@media screen and (min-width: 40rem){.styles_TariffTableMagentaMobil__slider__2CK4D{margin-left:calc(340px + .75rem);width:calc(100% - 340px - .75rem)}}.styles_TariffTableMagentaMobil__sliderItemWrapper__1ZbxF{align-items:center;border-bottom:.0625rem solid #dfdfdf;display:flex;font-size:20px;font-weight:700;justify-content:center;line-height:20px;min-height:72px;overflow:clip;position:relative}.styles_TariffTableMagentaMobil__sliderItem__3TlWk{align-items:center;border:.0625rem solid #fff;box-sizing:border-box;display:flex;flex-direction:column;height:72px;justify-content:center}.styles_TariffTableMagentaMobil__sliderItem--header__SINqB{height:5.375rem;margin-bottom:.3125rem}@media screen and (min-width: 768px){.styles_TariffTableMagentaMobil__sliderItem--header__SINqB{height:5.375rem}}.styles_TariffTableMagentaMobil__slide__1VNUk{text-align:center;width:100%}.styles_TariffTableMagentaMobil__headerTitle__1iC35{font-size:1rem;font-weight:700;max-width:100%;padding:.625rem 0}@media screen and (min-width: 1040px){.styles_TariffTableMagentaMobil__headerTitle__1iC35{padding:1.25rem 30px 1.25rem 0}}.styles_TariffTableMagentaMobil__tarifftitle__Lfcem{color:#000;font-size:32px;font-weight:700;text-transform:uppercase}.styles_TariffTableMagentaMobil__wrapper__2REoP{box-sizing:border-box;display:flex;margin:0 auto;max-width:74.5rem;overflow:clip;padding-top:.5rem;position:relative}@media screen and (min-width: 1040px){.styles_TariffTableMagentaMobil__wrapper__2REoP{padding-top:1.0625rem}}.styles_TariffTableMagentaMobil__buttons__2gr1x{display:flex;justify-content:space-between;left:0;position:absolute;top:1.75rem;width:6.25rem}@media screen and (min-width: 1040px){.styles_TariffTableMagentaMobil__buttons__2gr1x{display:none}}.styles_TariffTableMagentaMobil__scrollbar__2uQG5{max-width:100% !important;padding:0 12px !important}.styles_TariffTableMagentaMobil__srOnly__2pbZK{clip:rect(1px, 1px, 1px, 1px);height:1px;left:-9999px;overflow:hidden;position:absolute;top:0;white-space:nowrap;width:1px}.styles_TariffTableMagentaMobil__textmagenta__2MiPS{color:#e20074;display:block}.styles_TariffTableMagentaMobil__2FMOr [class*=ComparisonTable__wrapper_]::before{content:"Hauptvertrag";font-size:1rem;font-weight:700;left:1.5rem;line-height:1rem;position:absolute;top:5px;z-index:1}@media(max-width: 18rem){.styles_TariffTableMagentaMobil__2FMOr [class*=ComparisonTable__wrapper_]::before{content:""}}@media screen and (min-width: 40rem){.styles_TariffTableMagentaMobil__2FMOr [class*=ComparisonTable__wrapper_]::before{font-size:1.3125rem;line-height:2rem;top:0}}@media screen and (min-width: 1024px){.styles_TariffTableMagentaMobil__2FMOr [class*=ComparisonTable__wrapper_]::before{left:12px}}.styles_TariffTableMagentaMobil__2FMOr [class*=ComparisonTable__col-header_]{z-index:1}@media screen and (min-width: 1024px){.styles_TariffTableMagentaMobil__2FMOr [class*=ComparisonTable__slider-button_]{display:none}} .styles_stage-cashback-q2__3G9qu{background-image:url("https://dtdl-static-natco.eshop.yo-digital.com/assets/de/27323605225020_partnerkarten-hero-xs.webp");background-position:center;background-repeat:no-repeat;background-size:cover;border-radius:1.5rem;box-sizing:border-box;display:flex;flex-direction:column;justify-content:flex-end;margin:0 auto;min-height:25rem;position:relative;width:calc(100% - 1.5rem)}.styles_stage-cashback-q2__container__yWxOJ{align-items:center;display:flex;flex-direction:column;height:fit-content;padding-bottom:24px;width:100%}.styles_stage-cashback-q2__info__3kJBe{background-color:#e20074;max-width:16.25rem}.styles_stage-cashback-q2__headline__bNVCu{margin-bottom:6px}.styles_stage-cashback-q2__subline__17BjO{margin-bottom:18px}@media(min-width: 40rem){.styles_stage-cashback-q2__3G9qu{background-image:url("https://dtdl-static-natco.eshop.yo-digital.com/assets/de/27323539642355_partnerkarten-hero-s.webp");background-position:left;justify-content:center;min-height:18.75rem}.styles_stage-cashback-q2__container__yWxOJ{align-items:flex-start;padding-bottom:0;padding-left:48px;width:fit-content}.styles_stage-cashback-q2__info__3kJBe{background-color:rgba(0,0,0,0);max-width:18rem}.styles_stage-cashback-q2__headline__bNVCu{margin-bottom:12px}.styles_stage-cashback-q2__subline__17BjO{font-size:1.3125rem;line-height:1.5625rem;margin-bottom:24px}}@media(min-width: 48rem){.styles_stage-cashback-q2__3G9qu{background-image:url("https://dtdl-static-natco.eshop.yo-digital.com/assets/de/27323476658397_partnerkarten-hero-m.webp");min-height:20rem;width:calc(100% - 3rem)}.styles_stage-cashback-q2__info__3kJBe{background-color:#e20074;max-width:100%}.styles_stage-cashback-q2__subline__17BjO{max-width:20rem}}@media(min-width: 64rem){.styles_stage-cashback-q2__3G9qu{background-image:url("https://dtdl-static-natco.eshop.yo-digital.com/assets/de/27323411544255_partnerkarten-hero-l.webp");max-width:81rem;min-height:25rem}.styles_stage-cashback-q2__container__yWxOJ{padding-left:60px}.styles_stage-cashback-q2__info__3kJBe{max-width:26rem}.styles_stage-cashback-q2__headline__bNVCu{font-size:3.75rem;line-height:3.75rem}} .ProductTile__theme_dark___zAdaS.ProductTile__product-tile___cMuC2:has(.ProductTile__link___3qUzD):focus-visible, .ProductTile__theme_dark___zAdaS.ProductTile__product-tile___cMuC2:has(.ProductTile__link___3qUzD).force-focus-visible { --focus-pseudo-padding: var( --focus-outline-offset, 0.375rem ); outline: none; position: relative; } .ProductTile__theme_dark___zAdaS.ProductTile__product-tile___cMuC2:has(.ProductTile__link___3qUzD):focus-visible::after, .ProductTile__theme_dark___zAdaS.ProductTile__product-tile___cMuC2:has(.ProductTile__link___3qUzD).force-focus-visible::after { --focus-outline-offset: 0; border-radius: var(--focus-outline-radius, 0.1875rem); outline-color: var(--focus-outline-color-dark, #fff) !important; outline-offset: var(--focus-outline-offset, 0.25rem) !important; outline-style: var(--focus-outline-style, solid) !important; outline-width: var(--focus-outline-width, 0.125rem) !important; border-radius: var(--focus-outline-radius, 0.1875rem); content: " "; height: calc(100% + 2 * var(--focus-pseudo-padding)); left: calc(-1 * var(--focus-pseudo-padding)); pointer-events: none; position: absolute; top: calc(-1 * var(--focus-pseudo-padding)); width: calc(100% + 2 * var(--focus-pseudo-padding)); z-index: var(--focus-pseudo-z-index, 1); } .ProductTile__theme_dark___zAdaS.ProductTile__product-tile___cMuC2:has(.ProductTile__link___3qUzD):has(:focus-visible), .ProductTile__theme_dark___zAdaS.ProductTile__product-tile___cMuC2:has(.ProductTile__link___3qUzD):has(.force-focus-visible) { --focus-pseudo-padding: var( --focus-outline-offset, 0.375rem ); outline: none; position: relative; } .ProductTile__theme_dark___zAdaS.ProductTile__product-tile___cMuC2:has(.ProductTile__link___3qUzD):has(:focus-visible)::after, .ProductTile__theme_dark___zAdaS.ProductTile__product-tile___cMuC2:has(.ProductTile__link___3qUzD):has(.force-focus-visible)::after { --focus-outline-offset: 0; border-radius: var(--focus-outline-radius, 0.1875rem); outline-color: var(--focus-outline-color-dark, #fff) !important; outline-offset: var(--focus-outline-offset, 0.25rem) !important; outline-style: var(--focus-outline-style, solid) !important; outline-width: var(--focus-outline-width, 0.125rem) !important; border-radius: var(--focus-outline-radius, 0.1875rem); content: " "; height: calc(100% + 2 * var(--focus-pseudo-padding)); left: calc(-1 * var(--focus-pseudo-padding)); pointer-events: none; position: absolute; top: calc(-1 * var(--focus-pseudo-padding)); width: calc(100% + 2 * var(--focus-pseudo-padding)); z-index: var(--focus-pseudo-z-index, 1); } .ProductTile__theme_dark___zAdaS .ProductTile__price-wrapper--secondary___qG2xG { color: #fff; } .ProductTile__theme_dark___zAdaS .ProductTile__price-text-inner___uavgF { color: #fff; } .ProductTile__product-tile___cMuC2 { box-sizing: border-box; color: inherit; display: inline-block; flex-basis: 100%; position: relative; text-align: left; } @media (min-width: 40em) { .ProductTile__product-tile___cMuC2 { flex-basis: calc(50% - 12px); } } @media (min-width: 64em) { .ProductTile__product-tile___cMuC2 { flex-basis: calc(33.3333% - 16px); } } @media (min-width: 84em) { .ProductTile__product-tile___cMuC2 { flex-basis: calc(25% - 18px); } } .ProductTile__product-tile___cMuC2:has(.ProductTile__link___3qUzD):focus-visible, .ProductTile__product-tile___cMuC2:has(.ProductTile__link___3qUzD).force-focus-visible { --focus-pseudo-padding: var( --focus-outline-offset, 0.375rem ); outline: none; position: relative; } .ProductTile__product-tile___cMuC2:has(.ProductTile__link___3qUzD):focus-visible::after, .ProductTile__product-tile___cMuC2:has(.ProductTile__link___3qUzD).force-focus-visible::after { --focus-outline-offset: 0; border-radius: var(--focus-outline-radius, 0.1875rem); outline-color: var(--focus-outline-color-light, #000) !important; outline-offset: var(--focus-outline-offset, 0.25rem) !important; outline-style: var(--focus-outline-style, solid) !important; outline-width: var(--focus-outline-width, 0.125rem) !important; border-radius: var(--focus-outline-radius, 0.1875rem); content: " "; height: calc(100% + 2 * var(--focus-pseudo-padding)); left: calc(-1 * var(--focus-pseudo-padding)); pointer-events: none; position: absolute; top: calc(-1 * var(--focus-pseudo-padding)); width: calc(100% + 2 * var(--focus-pseudo-padding)); z-index: var(--focus-pseudo-z-index, 1); } .ProductTile__product-tile___cMuC2:has(.ProductTile__link___3qUzD):has(:focus-visible), .ProductTile__product-tile___cMuC2:has(.ProductTile__link___3qUzD):has(.force-focus-visible) { --focus-pseudo-padding: var( --focus-outline-offset, 0.375rem ); outline: none; position: relative; } .ProductTile__product-tile___cMuC2:has(.ProductTile__link___3qUzD):has(:focus-visible)::after, .ProductTile__product-tile___cMuC2:has(.ProductTile__link___3qUzD):has(.force-focus-visible)::after { --focus-outline-offset: 0; border-radius: var(--focus-outline-radius, 0.1875rem); outline-color: var(--focus-outline-color-light, #000) !important; outline-offset: var(--focus-outline-offset, 0.25rem) !important; outline-style: var(--focus-outline-style, solid) !important; outline-width: var(--focus-outline-width, 0.125rem) !important; border-radius: var(--focus-outline-radius, 0.1875rem); content: " "; height: calc(100% + 2 * var(--focus-pseudo-padding)); left: calc(-1 * var(--focus-pseudo-padding)); pointer-events: none; position: absolute; top: calc(-1 * var(--focus-pseudo-padding)); width: calc(100% + 2 * var(--focus-pseudo-padding)); z-index: var(--focus-pseudo-z-index, 1); } .ProductTile__product-tile___cMuC2 .ProductTile__title___n576y { line-height: 1.3125rem; } .ProductTile__link___3qUzD::after { content: ""; inset: 0; position: absolute; z-index: 1; } .ProductTile__visual-group___nNxLL { order: -1; position: relative; } .ProductTile__text-content___h-4I1 { color: currentColor; } .ProductTile__colors___-sGIc { position: absolute; right: 0.1875rem; top: 0; } .ProductTile__picture-wrapper___HR7wA { display: flex; justify-content: center; } .ProductTile__horizontal-colors___8NUzr { margin-top: 1.75rem; } .ProductTile__icon-wrapper___--W-A { height: 4rem; width: 4rem; } .ProductTile__picture___R0fuf { display: block; max-width: 12.375rem; width: 100%; } @media (min-width: 40em) { .ProductTile__picture___R0fuf { max-width: none; width: 13.625rem; } } .ProductTile__topline___4cfj0 { margin: 1.9375rem 0rem 0.4375rem; } .ProductTile__description___P0iJM { margin: 0.9375rem 0rem 2.9375rem; } .ProductTile__textlink___-TYZ9 { margin: 0.25rem 0rem 1.125rem; } .ProductTile__price-text___5Q83n { margin-top: 0.25rem; } .ProductTile__description--tariff___eMtw6 { margin: 1.8125rem 0rem 0.375rem; } @media (min-width: 84em) { .ProductTile__description--tariff___eMtw6 { margin: 3.5625rem 0rem 0.375rem; } } .ProductTile__description--tariff___eMtw6 .ProductTile__description-text___3ixEZ { line-height: 1.125rem !important; font-family: "TeleNeo", sans-serif; font-size: 0.9375rem; font-weight: 400; line-height: 1.3125rem; margin: 0; } .ProductTile__description--product___GNCRd { margin: 1.0625rem 0rem 1.1875rem; } @media (min-width: 84em) { .ProductTile__description--product___GNCRd { margin: 1.8125rem 0rem 2.3125rem; } } .ProductTile__description--product___GNCRd .ProductTile__description-text___3ixEZ { line-height: 1.125rem !important; font-family: "TeleNeo", sans-serif; font-size: 0.9375rem; font-weight: 400; line-height: 1.3125rem; margin: 0; } .ProductTile__option-tile___i4HqK .ProductTile__tile-inner___FDCdb .ProductTile__title___n576y { margin: 1.8125rem 0rem 0rem; } .ProductTile__option-tile___i4HqK .ProductTile__tile-inner___FDCdb .ProductTile__picture-wrapper___HR7wA { justify-content: flex-start; } .ProductTile__option-tile___i4HqK .ProductTile__tile-inner___FDCdb .ProductTile__picture___R0fuf { width: 4rem; } @media (min-width: 84em) { .ProductTile__hardware-tile___NI4m4 { flex-basis: calc(50% - 12px); } } .ProductTile__hardware-tile___NI4m4 .ProductTile__tile-inner___FDCdb { display: flex; flex-direction: column; padding: 0.375rem 0rem 0rem; } @media (min-width: 84em) { .ProductTile__hardware-tile___NI4m4 .ProductTile__tile-inner___FDCdb { align-items: flex-start; flex-direction: row; padding: 0; } } @media (min-width: 84em) { .ProductTile__hardware-tile___NI4m4 .ProductTile__tile-inner___FDCdb .ProductTile__visual-group___nNxLL { flex-basis: 50%; margin: 0.375rem 2rem 0.375rem 0rem; } } @media (min-width: 84em) { .ProductTile__hardware-tile___NI4m4 .ProductTile__tile-inner___FDCdb .ProductTile__text-content___h-4I1 { flex-basis: 50%; margin: 0rem 1.5rem 1.4375rem 2.1875rem; } } @media (min-width: 84em) { .ProductTile__hardware-tile___NI4m4 .ProductTile__tile-inner___FDCdb .ProductTile__picture-wrapper___HR7wA { justify-content: flex-start; } } @media (min-width: 84em) { .ProductTile__hardware-tile___NI4m4 .ProductTile__tile-inner___FDCdb .ProductTile__picture___R0fuf { left: -0.8125rem; position: relative; width: 16.25rem; } } @media (min-width: 84em) { .ProductTile__hardware-tile___NI4m4 .ProductTile__tile-inner___FDCdb .ProductTile__topline___4cfj0 { margin: 1.5625rem 0rem 0.4375rem; } } .ProductTile__hardware-tile___NI4m4 .ProductTile__tile-inner___FDCdb .ProductTile__price-wrapper___rNIF9 { margin: 0; } @media (min-width: 64em) { .ProductTile__hardware-tile___NI4m4 .ProductTile__tile-inner___FDCdb .ProductTile__price-wrapper___rNIF9 { margin-top: 0; } } .ProductTile__hardware-tile___NI4m4 .ProductTile__tile-inner___FDCdb .ProductTile__price-wrapper--primary___iTDXg { margin: 0.75rem 0rem 0rem; } @media (min-width: 64em) { .ProductTile__hardware-tile___NI4m4 .ProductTile__tile-inner___FDCdb .ProductTile__price-wrapper--primary___iTDXg { margin-top: 0.75rem; } } .ProductTile__hardware-tile___NI4m4 .ProductTile__tile-inner___FDCdb .ProductTile__price-wrapper--secondary___qG2xG { margin: 0; } @media (min-width: 64em) { .ProductTile__hardware-tile___NI4m4 .ProductTile__tile-inner___FDCdb .ProductTile__price-wrapper--secondary___qG2xG { margin-top: 0; } } .ProductTile__hardware-tile___NI4m4 .ProductTile__tile-inner___FDCdb .ProductTile__title___n576y { margin: 0; } @media (min-width: 84em) { .ProductTile__hardware-tile___NI4m4 .ProductTile__tile-inner___FDCdb .ProductTile__colors___-sGIc { right: 0.125rem; top: 1.4375rem; } } .ProductTile__accessory-tile___z0j11 .ProductTile__tile-inner___FDCdb { display: flex; flex-direction: column; padding: 0.375rem 0rem 0rem; } .ProductTile__accessory-tile___z0j11 .ProductTile__tile-inner___FDCdb .ProductTile__price-wrapper___rNIF9 { margin: 1.6875rem 0rem -0.0625rem; } @media (min-width: 64em) { .ProductTile__accessory-tile___z0j11 .ProductTile__tile-inner___FDCdb .ProductTile__price-wrapper___rNIF9 { margin-top: 2.1875rem; } } .ProductTile__accessory-tile___z0j11 .ProductTile__tile-inner___FDCdb .ProductTile__title___n576y { margin: 0; } .ProductTile__moveOnTopOfLink___6u--Y { display: inline-block; position: relative; z-index: 2; } .TariffTile__name-wrapper___jQl9O { margin-bottom: 0.625rem; margin-top: 0.0625rem; } .TariffTile__name-wrapper___jQl9O b, .TariffTile__name-wrapper___jQl9O em, .TariffTile__name-wrapper___jQl9O strong { font-family: "TeleNeo", sans-serif; font-size: 0.9375rem; font-weight: 700; line-height: 1.3125rem; margin: 0; } .TariffTile__list-text--bold___cRb4r { font-family: "TeleNeo", sans-serif; font-size: 1.125rem; font-weight: 700; line-height: 1.5rem; margin: 0; } .TariffTile__list-item-description___RACKd { display: block; line-height: 1.1875rem !important; padding-bottom: 0.5625rem; padding-left: 2.25rem; font-family: "TeleNeo", sans-serif; font-size: 0.9375rem; font-weight: 400; line-height: 1.3125rem; margin: 0; } .TariffTile__list-item-description___RACKd:last-child { padding-bottom: 0.125rem; } .TariffTile__hero-feature___93bcu { margin-bottom: 0.6875rem; } .TariffTile__price___1RkGF { margin-bottom: 0.1875rem; } .TariffTile__price-text___g8h-3 { margin-bottom: 0.8125rem; } .TariffTile__description___tg1PV { margin-bottom: 0.75rem; } .TariffTile__checkmarks-list___A4xHv { margin-bottom: 2.875rem; } .TariffTile__links___WBm9H { display: block; margin-top: -1px; } .TariffTile__link___k72gW { display: block; margin-bottom: 0.0625rem; } .TariffTile__link___k72gW + .TariffTile__link___k72gW { margin-bottom: 0.875rem; } *{-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0}h1,h2,h3,p,ul,li{margin:0;padding:0}::before,::after{-webkit-box-sizing:border-box;box-sizing:border-box}[class*=Button__button]:hover,[class*=Button__button]:focus{color:#fff}[class*=Button__outline]:hover,[class*=Button__outline]:focus{color:#262626}[class*=Modal__close]:hover,[class*=Modal__close]:focus{color:#262626}[class*=TariffTileSlider__nextButton]>[class*=Icon__wrapper]{top:3px !important}[class*=TariffTileSlider__prevButton]>[class*=Icon__wrapper]{height:100% !important;top:0 !important}[class*=ProductTile__hardware-tile]:hover,[class*=ProductTile__hardware-tile]:focus{color:#383838} :root { --viewport-mobile: 22.5rem; --viewport-tablet: 48rem; --viewport-laptop: 65rem; --viewport-desktop: 90rem; --viewport-large-desktop: 105rem; --viewport-tv: 120rem; --radius-zero: 0; --radius-extra-small: 0.375rem; --radius-small: 0.5rem; --radius-medium: 1rem; --radius-large: 1.5rem; --radius-extra-large: 2rem; --radius-extra-extra-large: 3rem; --radius-full: 62.4375rem; --strokes-1: 0.0625rem; --strokes-2: 0.125rem; --strokes-3: 0.25rem; --spacing-component-0: 0; --spacing-component-1: 0.125rem; --spacing-component-2: 0.25rem; --spacing-component-3: 0.5rem; --spacing-component-4: 0.75rem; --spacing-component-5: 1rem; --spacing-component-6: 1.25rem; --spacing-component-7: 1.5rem; --spacing-component-8: 2rem; --spacing-component-9: 2.5rem; --spacing-component-10: 3rem; --spacing-layout-0: 0; --spacing-layout-1: 1rem; --spacing-layout-2: 1.5rem; --spacing-layout-3: 2rem; --spacing-layout-4: 2.5rem; --spacing-layout-5: 3rem; --spacing-layout-6: 3.5rem; --spacing-layout-7: 4rem; --spacing-layout-8: 5rem; --spacing-layout-9: 6rem; --spacing-layout-10: 8rem; --sizing-component-0: 0; --sizing-component-1: 0.0625rem; --sizing-component-2: 0.125rem; --sizing-component-3: 0.25rem; --sizing-component-4: 0.5rem; --sizing-component-5: 0.625rem; --sizing-component-6: 0.75rem; --sizing-component-7: 1rem; --sizing-component-8: 1.25rem; --sizing-component-9: 1.375rem; --sizing-component-10: 1.5rem; --sizing-component-11: 1.75rem; --sizing-component-12: 2rem; --sizing-component-13: 2.5rem; --sizing-component-14: 3rem; --sizing-component-15: 4rem; --sizing-component-16: 4.5rem; --sizing-component-17: 5rem; --sizing-component-18: 5.5rem; --sizing-component-19: 9rem; --sizing-component-20: 10rem; --sizing-input-height: 4.5rem; --sizing-viewport: clamp(22.5rem, 100vw + 0rem, 90rem); --sizing-minimum-tappable-area: 3rem; --layout-margins-cards: clamp(0.5rem, 1.4815vw + 0.1667rem, 1.5rem); --mode-basic-background: #fff; --mode-basic-background-subtle: #f1f1f1; --mode-basic-background-card: #f1f1f1; --mode-basic-text: #000; --mode-basic-text-dominant: #e20074; --mode-basic-text-recessive: #626262; --mode-basic-text-link: #e20074; --mode-basic-accent: #e20074; --mode-basic-text-on-accent: #fff; --mode-basic-accent-secondary: #000; --mode-basic-text-on-accent-secondary: #fff; --mode-basic-stroke: #000; --mode-basic-stroke-subtle: #b6b6b6; --mode-basic-modal-overlay: rgba(0, 0, 0, 0.4); --mode-shades-accent-shades-accent-subtle: #f9cce3; --mode-shades-accent-shades-accent-extra-dominant: #ee66ac; --mode-shades-accent-shades-accent-dominant: #e83390; --mode-shades-accent-shades-accent-recessive: #b5005d; --mode-shades-accent-shades-accent-extra-recessive: #880046; --mode-shades-secondary-accent-shades-secondary-accent-subtle: #f1f1f1; --mode-shades-secondary-accent-shades-secondary-accent-extra-dominant: #202020; --mode-shades-secondary-accent-shades-secondary-accent-dominant: #414141; --mode-shades-secondary-accent-shades-secondary-accent-recessive: #626262; --mode-shades-secondary-accent-shades-secondary-accent-extra-recessive: #828282; --mode-shades-neutral-shades-100: #f1f1f1; --mode-shades-neutral-shades-200: #ddd; --mode-shades-neutral-shades-300: #cacaca; --mode-shades-neutral-shades-400: #b6b6b6; --mode-shades-neutral-shades-500: #a3a3a3; --mode-shades-neutral-shades-600: #828282; --mode-shades-neutral-shades-700: #626262; --mode-shades-neutral-shades-800: #414141; --mode-shades-neutral-shades-900: #202020; --mode-interaction-states-hover-background-hover: #ddd; --mode-interaction-states-hover-background-subtle-hover: #ddd; --mode-interaction-states-hover-text-hover: #414141; --mode-interaction-states-hover-text-dominant-hover: #e83390; --mode-interaction-states-hover-text-recessive-hover: #e83390; --mode-interaction-states-hover-text-link-hover: #e83390; --mode-interaction-states-hover-accent-hover: #e83390; --mode-interaction-states-hover-text-on-accent-hover: #fff; --mode-interaction-states-hover-accent-secondary-hover: #414141; --mode-interaction-states-hover-text-on-accent-secondary-hover: #fff; --mode-interaction-states-hover-stroke-hover: #000; --mode-interaction-states-hover-stroke-subtle-hover: #000; --mode-interaction-states-pressed-background-pressed: #cacaca; --mode-interaction-states-pressed-background-subtle-pressed: #cacaca; --mode-interaction-states-pressed-text-pressed: #626262; --mode-interaction-states-pressed-text-dominant-pressed: #ee66ac; --mode-interaction-states-pressed-text-recessive-pressed: #ee66ac; --mode-interaction-states-pressed-text-link-pressed: #ee66ac; --mode-interaction-states-pressed-accent-pressed: #ee66ac; --mode-interaction-states-pressed-text-on-accent-pressed: #fff; --mode-interaction-states-pressed-accent-secondary-pressed: #626262; --mode-interaction-states-pressed-text-on-accent-secondary-pressed: #fff; --mode-interaction-states-pressed-stroke-pressed: #000; --mode-interaction-states-pressed-stroke-subtle-pressed: #000; --mode-interaction-states-focus-focus: #000; --mode-interaction-states-focus-stroke-active: #cacaca; --mode-interaction-states-disabled-background-disabled: #ddd; --mode-interaction-states-disabled-background-subtle-disabled: #cacaca; --mode-interaction-states-disabled-background-card-disabled: #cacaca; --mode-interaction-states-disabled-text-disabled: #828282; --mode-interaction-states-disabled-text-dominant-disabled: #828282; --mode-interaction-states-disabled-text-recessive-disabled: #828282; --mode-interaction-states-disabled-text-link-disabled: #828282; --mode-interaction-states-disabled-accent-disabled: #b6b6b6; --mode-interaction-states-disabled-text-on-accent-disabled: #626262; --mode-interaction-states-disabled-accent-secondary-disabled: #b6b6b6; --mode-interaction-states-disabled-text-on-accent-secondary-disabled: #626262; --mode-interaction-states-disabled-stroke-disabled: #b6b6b6; --mode-interaction-states-disabled-stroke-subtle-disabled: #b6b6b6; --mode-interaction-states-visited-text-visited: #000; --mode-interaction-states-visited-text-link-visited: #880046; --mode-functional-notification-notification: #eb2010; --mode-functional-notification-text-on-notification: #fff; --mode-functional-informational-subtle: #d3d7f9; --mode-functional-informational-standard: #2238df; --mode-functional-informational-hovered: #05169b; --mode-functional-informational-pressed: #000e79; --mode-functional-success-subtle: #ccf0e1; --mode-functional-success-standard: #008a50; --mode-functional-success-hovered: #006138; --mode-functional-success-pressed: #004829; --mode-functional-warning-subtle: #fee2d0; --mode-functional-warning-standard: #d05500; --mode-functional-warning-hovered: #bd4600; --mode-functional-warning-pressed: #642d07; --mode-functional-destructive-subtle: #fad2cf; --mode-functional-destructive-standard: #eb2010; --mode-functional-destructive-hovered: #bf0e00; --mode-functional-destructive-pressed: #960b00; --mode-elevation-level-0: 0 0 0 0 rgba(0, 0, 0, 0); --mode-elevation-level-1: 0 0 0 0 rgba(0, 0, 0, 0); --mode-elevation-level-2: 0 0 0 0 rgba(0, 0, 0, 0); --mode-elevation-level-3: 0 0 0 0 rgba(0, 0, 0, 0); --mode-elevation-level-4: 0 0 0 0 rgba(0, 0, 0, 0); --mode-elevation-level-5: 0 0 0 0 rgba(0, 0, 0, 0); --mode-elevation-level-6: 0 0 0 0 rgba(0, 0, 0, 0); --mode-elevation-app-bar-top-flat: 0 1px 0 0 rgba(0, 0, 0, 0.1); --mode-elevation-app-bar-top-raised: 0 3px 8px 0 rgba(0, 0, 0, 0.05); --mode-elevation-app-bar-bottom-flat: 0 -1px 0 0 rgba(0, 0, 0, 0.1); --mode-elevation-app-bar-bottom-raised: 0 -3px 8px 0 rgba(0, 0, 0, 0.05); --mode-elevation-fab-standard: 0 4px 8px 1px rgba(0, 0, 0, 0.13); --mode-elevation-fab-hovered: 0 5px 12px 2px rgba(0, 0, 0, 0.14); --mode-elevation-fab-pressed: 0 3px 7px 0 rgba(0, 0, 0, 0.12); --mode-inverted-basic-background: #000; --mode-inverted-basic-background-subtle: #202020; --mode-inverted-basic-background-card: #202020; --mode-inverted-basic-text: #fff; --mode-inverted-basic-text-dominant: #f61488; --mode-inverted-basic-text-recessive: #cacaca; --mode-inverted-basic-text-link: #f61488; --mode-inverted-basic-accent: #f61488; --mode-inverted-basic-text-on-accent: #fff; --mode-inverted-basic-accent-secondary: #fff; --mode-inverted-basic-text-on-accent-secondary: #000; --mode-inverted-basic-stroke: #fff; --mode-inverted-basic-stroke-subtle: #828282; --mode-inverted-basic-modal-overlay: rgba(255, 255, 255, 0.4); --mode-inverted-shades-accent-shades-accent-subtle: #ffbddf; --mode-inverted-shades-accent-shades-accent-extra-dominant: #ff69b6; --mode-inverted-shades-accent-shades-accent-dominant: #ff3fa1; --mode-inverted-shades-accent-shades-accent-recessive: #cd016a; --mode-inverted-shades-accent-shades-accent-extra-recessive: #a40054; --mode-inverted-shades-secondary-accent-shades-secondary-accent-subtle: #414141; --mode-inverted-shades-secondary-accent-shades-secondary-accent-extra-dominant: #f1f1f1; --mode-inverted-shades-secondary-accent-shades-secondary-accent-dominant: #ddd; --mode-inverted-shades-secondary-accent-shades-secondary-accent-recessive: #cacaca; --mode-inverted-shades-secondary-accent-shades-secondary-accent-extra-recessive: #b6b6b6; --mode-inverted-shades-neutral-shades-100: #202020; --mode-inverted-shades-neutral-shades-200: #414141; --mode-inverted-shades-neutral-shades-300: #626262; --mode-inverted-shades-neutral-shades-400: #828282; --mode-inverted-shades-neutral-shades-500: #a3a3a3; --mode-inverted-shades-neutral-shades-600: #b6b6b6; --mode-inverted-shades-neutral-shades-700: #cacaca; --mode-inverted-shades-neutral-shades-800: #ddd; --mode-inverted-shades-neutral-shades-900: #f1f1f1; --mode-inverted-interaction-states-hover-background-hover: #626262; --mode-inverted-interaction-states-hover-background-subtle-hover: #626262; --mode-inverted-interaction-states-hover-text-hover: #ddd; --mode-inverted-interaction-states-hover-text-dominant-hover: #ff3fa1; --mode-inverted-interaction-states-hover-text-recessive-hover: #ff3fa1; --mode-inverted-interaction-states-hover-text-link-hover: #ff3fa1; --mode-inverted-interaction-states-hover-accent-hover: #ff3fa1; --mode-inverted-interaction-states-hover-text-on-accent-hover: #fff; --mode-inverted-interaction-states-hover-accent-secondary-hover: #ddd; --mode-inverted-interaction-states-hover-text-on-accent-secondary-hover: #000; --mode-inverted-interaction-states-hover-stroke-hover: #fff; --mode-inverted-interaction-states-hover-stroke-subtle-hover: #fff; --mode-inverted-interaction-states-pressed-background-pressed: #828282; --mode-inverted-interaction-states-pressed-background-subtle-pressed: #828282; --mode-inverted-interaction-states-pressed-text-pressed: #cacaca; --mode-inverted-interaction-states-pressed-text-dominant-pressed: #ff69b6; --mode-inverted-interaction-states-pressed-text-recessive-pressed: #ff69b6; --mode-inverted-interaction-states-pressed-text-link-pressed: #ff69b6; --mode-inverted-interaction-states-pressed-accent-pressed: #ff69b6; --mode-inverted-interaction-states-pressed-text-on-accent-pressed: #fff; --mode-inverted-interaction-states-pressed-accent-secondary-pressed: #cacaca; --mode-inverted-interaction-states-pressed-text-on-accent-secondary-pressed: #000; --mode-inverted-interaction-states-pressed-stroke-pressed: #fff; --mode-inverted-interaction-states-pressed-stroke-subtle-pressed: #fff; --mode-inverted-interaction-states-focus-focus: #fff; --mode-inverted-interaction-states-focus-stroke-active: #626262; --mode-inverted-interaction-states-disabled-background-disabled: #414141; --mode-inverted-interaction-states-disabled-background-subtle-disabled: #626262; --mode-inverted-interaction-states-disabled-text-disabled: #828282; --mode-inverted-interaction-states-disabled-text-dominant-disabled: #828282; --mode-inverted-interaction-states-disabled-text-recessive-disabled: #828282; --mode-inverted-interaction-states-disabled-text-link-disabled: #828282; --mode-inverted-interaction-states-disabled-accent-disabled: #626262; --mode-inverted-interaction-states-disabled-text-on-accent-disabled: #b6b6b6; --mode-inverted-interaction-states-disabled-accent-secondary-disabled: #626262; --mode-inverted-interaction-states-disabled-text-on-accent-secondary-disabled: #b6b6b6; --mode-inverted-interaction-states-disabled-stroke-disabled: #414141; --mode-inverted-interaction-states-disabled-stroke-subtle-disabled: #414141; --mode-inverted-interaction-states-disabled-background-card-disabled: #626262; --mode-inverted-interaction-states-visited-text-visited: #fff; --mode-inverted-interaction-states-visited-text-link-visited: #cd016a; --mode-inverted-functional-notification-notification: #f2321e; --mode-inverted-functional-notification-text-on-notification: #fff; --mode-inverted-functional-informational-subtle: #131f7b; --mode-inverted-functional-informational-standard: #3950ea; --mode-inverted-functional-informational-hovered: #576ff3; --mode-inverted-functional-informational-pressed: #7486ff; --mode-inverted-functional-success-subtle: #004829; --mode-inverted-functional-success-standard: #00c26d; --mode-inverted-functional-success-hovered: #1bd27f; --mode-inverted-functional-success-pressed: #27ffa0; --mode-inverted-functional-warning-subtle: #642d07; --mode-inverted-functional-warning-standard: #fd9038; --mode-inverted-functional-warning-hovered: #ffaa65; --mode-inverted-functional-warning-pressed: #ffc292; --mode-inverted-functional-destructive-subtle: #5d0d06; --mode-inverted-functional-destructive-standard: #f2321e; --mode-inverted-functional-destructive-hovered: #f84934; --mode-inverted-functional-destructive-pressed: #ff9084; --mode-inverted-elevation-level-0: 0 0 0 0 rgba(0, 0, 0, 0); --mode-inverted-elevation-level-1: 0 0 0 0 rgba(0, 0, 0, 0); --mode-inverted-elevation-level-2: 0 0 0 0 rgba(0, 0, 0, 0); --mode-inverted-elevation-level-3: 0 0 0 0 rgba(0, 0, 0, 0); --mode-inverted-elevation-level-4: 0 0 0 0 rgba(0, 0, 0, 0); --mode-inverted-elevation-level-5: 0 0 0 0 rgba(0, 0, 0, 0); --mode-inverted-elevation-level-6: 0 0 0 0 rgba(0, 0, 0, 0); --mode-inverted-elevation-app-bar-top-flat: 0 1px 0 0 rgba(0, 0, 0, 0.1); --mode-inverted-elevation-app-bar-top-raised: 0 3px 8px 0 rgba(0, 0, 0, 0.35); --mode-inverted-elevation-app-bar-bottom-flat: 0 -1px 0 0 rgba(0, 0, 0, 0.1); --mode-inverted-elevation-app-bar-bottom-raised: 0 -3px 8px 0 rgba(0, 0, 0, 0.35); --mode-inverted-elevation-fab-standard: 0 5px 12px 0 rgba(0, 0, 0, 0.4); --mode-inverted-elevation-fab-hovered: 0 4px 9px 0 rgba(0, 0, 0, 0.3); --mode-inverted-elevation-fab-pressed: 0 3px 7px 0 rgba(0, 0, 0, 0.2); --display: 700 clamp(4.5rem, 2.2222vw + 4rem, 6rem) / 1; --display-font-weight: 700; --display-font-size: clamp(4.5rem, 2.2222vw + 4rem, 6rem); --display-line-height: 1; --display-letter-spacing: 0; --display-text-decoration: none; --title-l: 700 clamp(2rem, 2.2222vw + 1.5rem, 3.5rem) / 1; --title-l-font-weight: 700; --title-l-font-size: clamp(2rem, 2.2222vw + 1.5rem, 3.5rem); --title-l-line-height: 1; --title-l-letter-spacing: 0; --title-l-text-decoration: none; --title-m: 700 clamp(1.75rem, 1.8519vw + 1.3333rem, 3rem) / 1; --title-m-font-weight: 700; --title-m-font-size: clamp(1.75rem, 1.8519vw + 1.3333rem, 3rem); --title-m-line-height: 1; --title-m-letter-spacing: 0; --title-m-text-decoration: none; --title-s: 700 clamp(1.5rem, 0.7407vw + 1.3333rem, 2rem) / 1; --title-s-font-weight: 700; --title-s-font-size: clamp(1.5rem, 0.7407vw + 1.3333rem, 2rem); --title-s-line-height: 1; --title-s-letter-spacing: 0; --title-s-text-decoration: none; --subtitle: 700 clamp(1.375rem, 0.1852vw + 1.3333rem, 1.5rem) / 1; --subtitle-font-weight: 700; --subtitle-font-size: clamp(1.375rem, 0.1852vw + 1.3333rem, 1.5rem); --subtitle-line-height: 1; --subtitle-letter-spacing: 0; --subtitle-text-decoration: none; --paragraph: 700 1.25rem/1.3; --paragraph-font-weight: 700; --paragraph-font-size: 1.25rem; --paragraph-line-height: 1.3; --paragraph-letter-spacing: 0; --paragraph-text-decoration: none; --body-l: 700 1.25rem/1.2; --body-l-font-weight: 700; --body-l-font-size: 1.25rem; --body-l-line-height: 1.2; --body-l-letter-spacing: 0; --body-l-text-decoration: none; --body-m-bold: 700 1rem/1.25; --body-m-bold-font-weight: 700; --body-m-bold-font-size: 1rem; --body-m-bold-line-height: 1.25; --body-m-bold-letter-spacing: 0; --body-m-bold-text-decoration: none; --body-m-regular: 500 1rem/1.25; --body-m-regular-font-weight: 500; --body-m-regular-font-size: 1rem; --body-m-regular-line-height: 1.25; --body-m-regular-letter-spacing: 0; --body-m-regular-text-decoration: none; --link-m-bold: 700 1rem/1.25; --link-m-bold-font-weight: 700; --link-m-bold-font-size: 1rem; --link-m-bold-line-height: 1.25; --link-m-bold-letter-spacing: 0; --link-m-bold-text-decoration: underline; --link-m-regular: 500 1rem/1.25; --link-m-regular-font-weight: 500; --link-m-regular-font-size: 1rem; --link-m-regular-line-height: 1.25; --link-m-regular-letter-spacing: 0; --link-m-regular-text-decoration: underline; --body-s-bold: 700 0.875rem/1.25; --body-s-bold-font-weight: 700; --body-s-bold-font-size: 0.875rem; --body-s-bold-line-height: 1.25; --body-s-bold-letter-spacing: 0; --body-s-bold-text-decoration: none; --body-s-regular: 500 0.875rem/1.25; --body-s-regular-font-weight: 500; --body-s-regular-font-size: 0.875rem; --body-s-regular-line-height: 1.25; --body-s-regular-letter-spacing: 0; --body-s-regular-text-decoration: none; --link-s-bold: 700 0.875rem/1.25; --link-s-bold-font-weight: 700; --link-s-bold-font-size: 0.875rem; --link-s-bold-line-height: 1.25; --link-s-bold-letter-spacing: 0; --link-s-bold-text-decoration: underline; --link-s-regular: 500 0.875rem/1.25; --link-s-regular-font-weight: 500; --link-s-regular-font-size: 0.875rem; --link-s-regular-line-height: 1.25; --link-s-regular-letter-spacing: 0; --link-s-regular-text-decoration: underline; --microcopy-bold: 700 0.75rem/1.3; --microcopy-bold-font-weight: 700; --microcopy-bold-font-size: 0.75rem; --microcopy-bold-line-height: 1.3; --microcopy-bold-letter-spacing: 0; --microcopy-bold-text-decoration: none; --microcopy-regular: 500 0.75rem/1.3; --microcopy-regular-font-weight: 500; --microcopy-regular-font-size: 0.75rem; --microcopy-regular-line-height: 1.3; --microcopy-regular-letter-spacing: 0; --microcopy-regular-text-decoration: none; } @media (min-width: 768px) and (max-width: 1440px) { :root { --grid-margins: 1.5rem; --grid-margins-overflow: 1.5rem; --grid-gutters: 0.5rem; --stretch-grid-columns: 0.875rem; --stretch-grid-margins: 1.5rem; --stretch-grid-gutters: 0.5rem; --stretch-grid-column-width: clamp(2.75rem, 7.1429vw + -0.6786rem, 5.75rem); --columns-1-columns: clamp(2.75rem, 7.1429vw + -0.6786rem, 5.75rem); --columns-2-columns: clamp(6rem, 14.2857vw + -0.8571rem, 12rem); --columns-3-columns: clamp(9.25rem, 21.4286vw + -1.0357rem, 18.25rem); --columns-4-columns: clamp(12.5rem, 28.5714vw + -1.2143rem, 24.5rem); --columns-5-columns: clamp(15.75rem, 35.7143vw + -1.3929rem, 30.75rem); --columns-6-columns: clamp(19rem, 42.8571vw + -1.5714rem, 37rem); --columns-7-columns: clamp(22.25rem, 50vw + -1.75rem, 43.25rem); --columns-8-columns: clamp(25.5rem, 57.1429vw + -1.9286rem, 49.5rem); --columns-9-columns: clamp(28.75rem, 64.2857vw + -2.1071rem, 55.75rem); --columns-10-columns: clamp(32rem, 71.4286vw + -2.2857rem, 62rem); --columns-11-columns: clamp(35.25rem, 78.5714vw + -2.4643rem, 68.25rem); --columns-12-columns: clamp(38.5rem, 85.7143vw + -2.6429rem, 74.5rem); --columns-13-columns: clamp(38.5rem, 85.7143vw + -2.6429rem, 74.5rem); --columns-14-columns: clamp(38.5rem, 85.7143vw + -2.6429rem, 74.5rem); } } @media (min-width: 360px) and (max-width: 768px) { :root { --grid-margins: 1.5rem; --grid-margins-overflow: clamp(0.5rem, 3.9216vw + -0.3824rem, 1.5rem); --grid-gutters: clamp(0.25rem, 0.9804vw + 0.0294rem, 0.5rem); --stretch-grid-columns: clamp(0.375rem, 1.9608vw + -0.0662rem, 0.875rem); --stretch-grid-margins: 1.5rem; --stretch-grid-gutters: clamp(0.25rem, 0.9804vw + 0.0294rem, 0.5rem); --stretch-grid-column-width: clamp( 2.75rem, -1.1438vw + 3.299rem, 3.0417rem ); --columns-1-columns: clamp(3.0419rem, 11.6005vw + 0.4318rem, 6rem); --columns-2-columns: clamp(6.3331rem, 24.1838vw + 0.8918rem, 12.5rem); --columns-3-columns: clamp(9.625rem, 36.7647vw + 1.3529rem, 19rem); --columns-4-columns: clamp(12.9169rem, 49.3456vw + 1.8141rem, 25.5rem); --columns-5-columns: clamp(16.2081rem, 61.9289vw + 2.2741rem, 32rem); --columns-6-columns: clamp(19.5rem, 74.5098vw + 2.7353rem, 38.5rem); --columns-7-columns: clamp(19.5rem, 10.7843vw + 17.0735rem, 22.25rem); --columns-8-columns: clamp(19.5rem, 23.5294vw + 14.2059rem, 25.5rem); --columns-9-columns: clamp(19.5rem, 36.2745vw + 11.3382rem, 28.75rem); --columns-10-columns: clamp(19.5rem, 49.0196vw + 8.4706rem, 32rem); --columns-11-columns: clamp(19.5rem, 61.7647vw + 5.6029rem, 35.25rem); --columns-12-columns: clamp(19.5rem, 74.5098vw + 2.7353rem, 38.5rem); --columns-13-columns: clamp(19.5rem, 74.5098vw + 2.7353rem, 38.5rem); --columns-14-columns: clamp(19.5rem, 74.5098vw + 2.7353rem, 38.5rem); } } @media (max-width: 360px) { :root { --grid-margins: 1.5rem; --grid-margins-overflow: 0.5rem; --grid-gutters: 0.25rem; --stretch-grid-columns: 0.375rem; --stretch-grid-margins: 1.5rem; --stretch-grid-gutters: 0.25rem; --stretch-grid-column-width: 3.0417rem; --overflow-grid-margins: 0.5rem; --columns-1-columns: 3.0419rem; --columns-2-columns: 6.3331rem; --columns-3-columns: 9.625rem; --columns-4-columns: 12.9169rem; --columns-5-columns: 16.2081rem; --columns-6-columns: 19.5rem; --columns-7-columns: 19.5rem; --columns-8-columns: 19.5rem; --columns-9-columns: 19.5rem; --columns-10-columns: 19.5rem; --columns-11-columns: 19.5rem; --columns-12-columns: 19.5rem; --columns-13-columns: 19.5rem; --columns-14-columns: 19.5rem; } } @media (min-width: 1680px) { :root { --grid-margins: 10.375rem; --grid-margins-overflow: 10.375rem; --grid-gutters: 0.5rem; --stretch-grid-column-width: infinityrem; --fixed-grid-column-width: 6.5625rem; --fixed-grid-columns: 0.875rem; --fixed-grid-gutters: 0.5rem; --columns-1-columns: 6.5625rem; --columns-2-columns: 13.625rem; --columns-3-columns: 20.6875rem; --columns-4-columns: 27.75rem; --columns-5-columns: 34.8125rem; --columns-6-columns: 41.875rem; --columns-7-columns: 48.9375rem; --columns-8-columns: 56rem; --columns-9-columns: 63.0625rem; --columns-10-columns: 70.125rem; --columns-11-columns: 77.1875rem; --columns-12-columns: 84.25rem; --columns-13-columns: 91.3125rem; --columns-14-columns: 98.375rem; } } @media (min-width: 1440px) and (max-width: 1680px) { :root { --grid-margins: clamp(1.5rem, 59.1667vw + -51.75rem, 10.375rem); --grid-margins-overflow: clamp(1.5rem, 59.1667vw + -51.75rem, 10.375rem); --grid-gutters: 0.5rem; --stretch-grid-column-width: clamp( 5.75rem, infinityvw + -infinityrem, infinityrem ); --columns-1-columns: clamp(5.75rem, 5.4167vw + 0.875rem, 6.5625rem); --columns-2-columns: clamp(12rem, 10.8333vw + 2.25rem, 13.625rem); --columns-3-columns: clamp(18.25rem, 16.25vw + 3.625rem, 20.6875rem); --columns-4-columns: clamp(24.5rem, 21.6667vw + 5rem, 27.75rem); --columns-5-columns: clamp(30.75rem, 27.0833vw + 6.375rem, 34.8125rem); --columns-6-columns: clamp(37rem, 32.5vw + 7.75rem, 41.875rem); --columns-7-columns: clamp(43.25rem, 37.9167vw + 9.125rem, 48.9375rem); --columns-8-columns: clamp(49.5rem, 43.3333vw + 10.5rem, 56rem); --columns-9-columns: clamp(55.75rem, 48.75vw + 11.875rem, 63.0625rem); --columns-10-columns: clamp(62rem, 54.1667vw + 13.25rem, 70.125rem); --columns-11-columns: clamp(68.25rem, 59.5833vw + 14.625rem, 77.1875rem); --columns-12-columns: clamp(74.5rem, 65vw + 16rem, 84.25rem); --columns-13-columns: clamp(74.5rem, 112.0833vw + -26.375rem, 91.3125rem); --columns-14-columns: clamp(74.5rem, 159.1667vw + -68.75rem, 98.375rem); } } [data-mode="dark"] { --mode-basic-background: #000; --mode-basic-background-subtle: #202020; --mode-basic-background-card: #202020; --mode-basic-text: #fff; --mode-basic-text-dominant: #f61488; --mode-basic-text-recessive: #cacaca; --mode-basic-text-link: #f61488; --mode-basic-accent: #f61488; --mode-basic-text-on-accent: #fff; --mode-basic-accent-secondary: #fff; --mode-basic-text-on-accent-secondary: #000; --mode-basic-stroke: #fff; --mode-basic-stroke-subtle: #828282; --mode-basic-modal-overlay: rgba(255, 255, 255, 0.4); --mode-shades-accent-shades-accent-subtle: #ffbddf; --mode-shades-accent-shades-accent-extra-dominant: #ff69b6; --mode-shades-accent-shades-accent-dominant: #ff3fa1; --mode-shades-accent-shades-accent-recessive: #cd016a; --mode-shades-accent-shades-accent-extra-recessive: #a40054; --mode-shades-secondary-accent-shades-secondary-accent-subtle: #414141; --mode-shades-secondary-accent-shades-secondary-accent-extra-dominant: #f1f1f1; --mode-shades-secondary-accent-shades-secondary-accent-dominant: #ddd; --mode-shades-secondary-accent-shades-secondary-accent-recessive: #cacaca; --mode-shades-secondary-accent-shades-secondary-accent-extra-recessive: #b6b6b6; --mode-shades-neutral-shades-100: #202020; --mode-shades-neutral-shades-200: #414141; --mode-shades-neutral-shades-300: #626262; --mode-shades-neutral-shades-400: #828282; --mode-shades-neutral-shades-500: #a3a3a3; --mode-shades-neutral-shades-600: #b6b6b6; --mode-shades-neutral-shades-700: #cacaca; --mode-shades-neutral-shades-800: #ddd; --mode-shades-neutral-shades-900: #f1f1f1; --mode-interaction-states-hover-background-hover: #626262; --mode-interaction-states-hover-background-subtle-hover: #626262; --mode-interaction-states-hover-text-hover: #ddd; --mode-interaction-states-hover-text-dominant-hover: #ff3fa1; --mode-interaction-states-hover-text-recessive-hover: #ff3fa1; --mode-interaction-states-hover-text-link-hover: #ff3fa1; --mode-interaction-states-hover-accent-hover: #ff3fa1; --mode-interaction-states-hover-text-on-accent-hover: #fff; --mode-interaction-states-hover-accent-secondary-hover: #ddd; --mode-interaction-states-hover-text-on-accent-secondary-hover: #000; --mode-interaction-states-hover-stroke-hover: #fff; --mode-interaction-states-hover-stroke-subtle-hover: #fff; --mode-interaction-states-pressed-background-pressed: #828282; --mode-interaction-states-pressed-background-subtle-pressed: #828282; --mode-interaction-states-pressed-text-pressed: #cacaca; --mode-interaction-states-pressed-text-dominant-pressed: #ff69b6; --mode-interaction-states-pressed-text-recessive-pressed: #ff69b6; --mode-interaction-states-pressed-text-link-pressed: #ff69b6; --mode-interaction-states-pressed-accent-pressed: #ff69b6; --mode-interaction-states-pressed-text-on-accent-pressed: #fff; --mode-interaction-states-pressed-accent-secondary-pressed: #cacaca; --mode-interaction-states-pressed-text-on-accent-secondary-pressed: #000; --mode-interaction-states-pressed-stroke-pressed: #fff; --mode-interaction-states-pressed-stroke-subtle-pressed: #fff; --mode-interaction-states-focus-focus: #fff; --mode-interaction-states-focus-stroke-active: #626262; --mode-interaction-states-disabled-background-disabled: #414141; --mode-interaction-states-disabled-background-subtle-disabled: #626262; --mode-interaction-states-disabled-background-card-disabled: #626262; --mode-interaction-states-disabled-text-disabled: #828282; --mode-interaction-states-disabled-text-dominant-disabled: #828282; --mode-interaction-states-disabled-text-recessive-disabled: #828282; --mode-interaction-states-disabled-text-link-disabled: #828282; --mode-interaction-states-disabled-accent-disabled: #626262; --mode-interaction-states-disabled-text-on-accent-disabled: #b6b6b6; --mode-interaction-states-disabled-accent-secondary-disabled: #626262; --mode-interaction-states-disabled-text-on-accent-secondary-disabled: #b6b6b6; --mode-interaction-states-disabled-stroke-disabled: #414141; --mode-interaction-states-disabled-stroke-subtle-disabled: #414141; --mode-interaction-states-visited-text-visited: #fff; --mode-interaction-states-visited-text-link-visited: #cd016a; --mode-functional-notification-notification: #f2321e; --mode-functional-notification-text-on-notification: #fff; --mode-functional-informational-subtle: #131f7b; --mode-functional-informational-standard: #3950ea; --mode-functional-informational-hovered: #576ff3; --mode-functional-informational-pressed: #7486ff; --mode-functional-success-subtle: #004829; --mode-functional-success-standard: #00c26d; --mode-functional-success-hovered: #1bd27f; --mode-functional-success-pressed: #27ffa0; --mode-functional-warning-subtle: #642d07; --mode-functional-warning-standard: #fd9038; --mode-functional-warning-hovered: #ffaa65; --mode-functional-warning-pressed: #ffc292; --mode-functional-destructive-subtle: #5d0d06; --mode-functional-destructive-standard: #f2321e; --mode-functional-destructive-hovered: #f84934; --mode-functional-destructive-pressed: #ff9084; --mode-elevation-level-0: 0 0 0 0 rgba(0, 0, 0, 0); --mode-elevation-level-1: 0 0 0 0 rgba(0, 0, 0, 0); --mode-elevation-level-2: 0 0 0 0 rgba(0, 0, 0, 0); --mode-elevation-level-3: 0 0 0 0 rgba(0, 0, 0, 0); --mode-elevation-level-4: 0 0 0 0 rgba(0, 0, 0, 0); --mode-elevation-level-5: 0 0 0 0 rgba(0, 0, 0, 0); --mode-elevation-level-6: 0 0 0 0 rgba(0, 0, 0, 0); --mode-elevation-app-bar-top-flat: 0 1px 0 0 rgba(0, 0, 0, 0.1); --mode-elevation-app-bar-top-raised: 0 3px 8px 0 rgba(0, 0, 0, 0.35); --mode-elevation-app-bar-bottom-flat: 0 -1px 0 0 rgba(0, 0, 0, 0.1); --mode-elevation-app-bar-bottom-raised: 0 -3px 8px 0 rgba(0, 0, 0, 0.35); --mode-elevation-fab-standard: 0 5px 12px 0 rgba(0, 0, 0, 0.4); --mode-elevation-fab-hovered: 0 4px 9px 0 rgba(0, 0, 0, 0.3); --mode-elevation-fab-pressed: 0 3px 7px 0 rgba(0, 0, 0, 0.2); --mode-inverted-basic-background: #fff; --mode-inverted-basic-background-subtle: #f1f1f1; --mode-inverted-basic-background-card: #f1f1f1; --mode-inverted-basic-text: #000; --mode-inverted-basic-text-dominant: #e20074; --mode-inverted-basic-text-recessive: #626262; --mode-inverted-basic-text-link: #e20074; --mode-inverted-basic-accent: #e20074; --mode-inverted-basic-text-on-accent: #fff; --mode-inverted-basic-accent-secondary: #000; --mode-inverted-basic-text-on-accent-secondary: #fff; --mode-inverted-basic-stroke: #000; --mode-inverted-basic-stroke-subtle: #b6b6b6; --mode-inverted-basic-modal-overlay: rgba(0, 0, 0, 0.4); --mode-inverted-shades-accent-shades-accent-subtle: #f9cce3; --mode-inverted-shades-accent-shades-accent-extra-dominant: #ee66ac; --mode-inverted-shades-accent-shades-accent-dominant: #e83390; --mode-inverted-shades-accent-shades-accent-recessive: #b5005d; --mode-inverted-shades-accent-shades-accent-extra-recessive: #880046; --mode-inverted-shades-secondary-accent-shades-secondary-accent-subtle: #f1f1f1; --mode-inverted-shades-secondary-accent-shades-secondary-accent-extra-dominant: #202020; --mode-inverted-shades-secondary-accent-shades-secondary-accent-dominant: #414141; --mode-inverted-shades-secondary-accent-shades-secondary-accent-recessive: #626262; --mode-inverted-shades-secondary-accent-shades-secondary-accent-extra-recessive: #828282; --mode-inverted-shades-neutral-shades-100: #f1f1f1; --mode-inverted-shades-neutral-shades-200: #ddd; --mode-inverted-shades-neutral-shades-300: #cacaca; --mode-inverted-shades-neutral-shades-400: #b6b6b6; --mode-inverted-shades-neutral-shades-500: #a3a3a3; --mode-inverted-shades-neutral-shades-600: #828282; --mode-inverted-shades-neutral-shades-700: #626262; --mode-inverted-shades-neutral-shades-800: #414141; --mode-inverted-shades-neutral-shades-900: #202020; --mode-inverted-interaction-states-hover-background-hover: #ddd; --mode-inverted-interaction-states-hover-background-subtle-hover: #ddd; --mode-inverted-interaction-states-hover-text-hover: #414141; --mode-inverted-interaction-states-hover-text-dominant-hover: #e83390; --mode-inverted-interaction-states-hover-text-recessive-hover: #e83390; --mode-inverted-interaction-states-hover-text-link-hover: #e83390; --mode-inverted-interaction-states-hover-accent-hover: #e83390; --mode-inverted-interaction-states-hover-text-on-accent-hover: #fff; --mode-inverted-interaction-states-hover-accent-secondary-hover: #414141; --mode-inverted-interaction-states-hover-text-on-accent-secondary-hover: #fff; --mode-inverted-interaction-states-hover-stroke-hover: #000; --mode-inverted-interaction-states-hover-stroke-subtle-hover: #000; --mode-inverted-interaction-states-pressed-background-pressed: #cacaca; --mode-inverted-interaction-states-pressed-background-subtle-pressed: #cacaca; --mode-inverted-interaction-states-pressed-text-pressed: #626262; --mode-inverted-interaction-states-pressed-text-dominant-pressed: #ee66ac; --mode-inverted-interaction-states-pressed-text-recessive-pressed: #ee66ac; --mode-inverted-interaction-states-pressed-text-link-pressed: #ee66ac; --mode-inverted-interaction-states-pressed-accent-pressed: #ee66ac; --mode-inverted-interaction-states-pressed-text-on-accent-pressed: #fff; --mode-inverted-interaction-states-pressed-accent-secondary-pressed: #626262; --mode-inverted-interaction-states-pressed-text-on-accent-secondary-pressed: #fff; --mode-inverted-interaction-states-pressed-stroke-pressed: #000; --mode-inverted-interaction-states-pressed-stroke-subtle-pressed: #000; --mode-inverted-interaction-states-focus-focus: #000; --mode-inverted-interaction-states-focus-stroke-active: #cacaca; --mode-inverted-interaction-states-disabled-background-disabled: #ddd; --mode-inverted-interaction-states-disabled-background-subtle-disabled: #cacaca; --mode-inverted-interaction-states-disabled-background-card-disabled: #cacaca; --mode-inverted-interaction-states-disabled-text-disabled: #828282; --mode-inverted-interaction-states-disabled-text-dominant-disabled: #828282; --mode-inverted-interaction-states-disabled-text-recessive-disabled: #828282; --mode-inverted-interaction-states-disabled-text-link-disabled: #828282; --mode-inverted-interaction-states-disabled-accent-disabled: #b6b6b6; --mode-inverted-interaction-states-disabled-text-on-accent-disabled: #626262; --mode-inverted-interaction-states-disabled-accent-secondary-disabled: #b6b6b6; --mode-inverted-interaction-states-disabled-text-on-accent-secondary-disabled: #626262; --mode-inverted-interaction-states-disabled-stroke-disabled: #b6b6b6; --mode-inverted-interaction-states-disabled-stroke-subtle-disabled: #b6b6b6; --mode-inverted-interaction-states-visited-text-visited: #000; --mode-inverted-interaction-states-visited-text-link-visited: #880046; --mode-inverted-functional-notification-notification: #eb2010; --mode-inverted-functional-notification-text-on-notification: #fff; --mode-inverted-functional-informational-subtle: #d3d7f9; --mode-inverted-functional-informational-standard: #2238df; --mode-inverted-functional-informational-hovered: #05169b; --mode-inverted-functional-informational-pressed: #000e79; --mode-inverted-functional-success-subtle: #ccf0e1; --mode-inverted-functional-success-standard: #008a50; --mode-inverted-functional-success-hovered: #006138; --mode-inverted-functional-success-pressed: #004829; --mode-inverted-functional-warning-subtle: #fee2d0; --mode-inverted-functional-warning-standard: #d05500; --mode-inverted-functional-warning-hovered: #bd4600; --mode-inverted-functional-warning-pressed: #642d07; --mode-inverted-functional-destructive-subtle: #fad2cf; --mode-inverted-functional-destructive-standard: #eb2010; --mode-inverted-functional-destructive-hovered: #bf0e00; --mode-inverted-functional-destructive-pressed: #960b00; --mode-inverted-elevation-level-0: 0 0 0 0 rgba(0, 0, 0, 0); --mode-inverted-elevation-level-1: 0 0 0 0 rgba(0, 0, 0, 0); --mode-inverted-elevation-level-2: 0 0 0 0 rgba(0, 0, 0, 0); --mode-inverted-elevation-level-3: 0 0 0 0 rgba(0, 0, 0, 0); --mode-inverted-elevation-level-4: 0 0 0 0 rgba(0, 0, 0, 0); --mode-inverted-elevation-level-5: 0 0 0 0 rgba(0, 0, 0, 0); --mode-inverted-elevation-level-6: 0 0 0 0 rgba(0, 0, 0, 0); --mode-inverted-elevation-app-bar-top-flat: 0 1px 0 0 rgba(0, 0, 0, 0.1); --mode-inverted-elevation-app-bar-top-raised: 0 3px 8px 0 rgba(0, 0, 0, 0.05); --mode-inverted-elevation-app-bar-bottom-flat: 0 -1px 0 0 rgba(0, 0, 0, 0.1); --mode-inverted-elevation-app-bar-bottom-raised: 0 -3px 8px 0 rgba(0, 0, 0, 0.05); --mode-inverted-elevation-fab-standard: 0 4px 8px 1px rgba(0, 0, 0, 0.13); --mode-inverted-elevation-fab-hovered: 0 5px 12px 2px rgba(0, 0, 0, 0.14); --mode-inverted-elevation-fab-pressed: 0 3px 7px 0 rgba(0, 0, 0, 0.12); } @media (prefers-color-scheme: dark) { :root { --mode-basic-background: #000; --mode-basic-background-subtle: #202020; --mode-basic-background-card: #202020; --mode-basic-text: #fff; --mode-basic-text-dominant: #f61488; --mode-basic-text-recessive: #cacaca; --mode-basic-text-link: #f61488; --mode-basic-accent: #f61488; --mode-basic-text-on-accent: #fff; --mode-basic-accent-secondary: #fff; --mode-basic-text-on-accent-secondary: #000; --mode-basic-stroke: #fff; --mode-basic-stroke-subtle: #828282; --mode-basic-modal-overlay: rgba(255, 255, 255, 0.4); --mode-shades-accent-shades-accent-subtle: #ffbddf; --mode-shades-accent-shades-accent-extra-dominant: #ff69b6; --mode-shades-accent-shades-accent-dominant: #ff3fa1; --mode-shades-accent-shades-accent-recessive: #cd016a; --mode-shades-accent-shades-accent-extra-recessive: #a40054; --mode-shades-secondary-accent-shades-secondary-accent-subtle: #414141; --mode-shades-secondary-accent-shades-secondary-accent-extra-dominant: #f1f1f1; --mode-shades-secondary-accent-shades-secondary-accent-dominant: #ddd; --mode-shades-secondary-accent-shades-secondary-accent-recessive: #cacaca; --mode-shades-secondary-accent-shades-secondary-accent-extra-recessive: #b6b6b6; --mode-shades-neutral-shades-100: #202020; --mode-shades-neutral-shades-200: #414141; --mode-shades-neutral-shades-300: #626262; --mode-shades-neutral-shades-400: #828282; --mode-shades-neutral-shades-500: #a3a3a3; --mode-shades-neutral-shades-600: #b6b6b6; --mode-shades-neutral-shades-700: #cacaca; --mode-shades-neutral-shades-800: #ddd; --mode-shades-neutral-shades-900: #f1f1f1; --mode-interaction-states-hover-background-hover: #626262; --mode-interaction-states-hover-background-subtle-hover: #626262; --mode-interaction-states-hover-text-hover: #ddd; --mode-interaction-states-hover-text-dominant-hover: #ff3fa1; --mode-interaction-states-hover-text-recessive-hover: #ff3fa1; --mode-interaction-states-hover-text-link-hover: #ff3fa1; --mode-interaction-states-hover-accent-hover: #ff3fa1; --mode-interaction-states-hover-text-on-accent-hover: #fff; --mode-interaction-states-hover-accent-secondary-hover: #ddd; --mode-interaction-states-hover-text-on-accent-secondary-hover: #000; --mode-interaction-states-hover-stroke-hover: #fff; --mode-interaction-states-hover-stroke-subtle-hover: #fff; --mode-interaction-states-pressed-background-pressed: #828282; --mode-interaction-states-pressed-background-subtle-pressed: #828282; --mode-interaction-states-pressed-text-pressed: #cacaca; --mode-interaction-states-pressed-text-dominant-pressed: #ff69b6; --mode-interaction-states-pressed-text-recessive-pressed: #ff69b6; --mode-interaction-states-pressed-text-link-pressed: #ff69b6; --mode-interaction-states-pressed-accent-pressed: #ff69b6; --mode-interaction-states-pressed-text-on-accent-pressed: #fff; --mode-interaction-states-pressed-accent-secondary-pressed: #cacaca; --mode-interaction-states-pressed-text-on-accent-secondary-pressed: #000; --mode-interaction-states-pressed-stroke-pressed: #fff; --mode-interaction-states-pressed-stroke-subtle-pressed: #fff; --mode-interaction-states-focus-focus: #fff; --mode-interaction-states-focus-stroke-active: #626262; --mode-interaction-states-disabled-background-disabled: #414141; --mode-interaction-states-disabled-background-subtle-disabled: #626262; --mode-interaction-states-disabled-background-card-disabled: #626262; --mode-interaction-states-disabled-text-disabled: #828282; --mode-interaction-states-disabled-text-dominant-disabled: #828282; --mode-interaction-states-disabled-text-recessive-disabled: #828282; --mode-interaction-states-disabled-text-link-disabled: #828282; --mode-interaction-states-disabled-accent-disabled: #626262; --mode-interaction-states-disabled-text-on-accent-disabled: #b6b6b6; --mode-interaction-states-disabled-accent-secondary-disabled: #626262; --mode-interaction-states-disabled-text-on-accent-secondary-disabled: #b6b6b6; --mode-interaction-states-disabled-stroke-disabled: #414141; --mode-interaction-states-disabled-stroke-subtle-disabled: #414141; --mode-interaction-states-visited-text-visited: #fff; --mode-interaction-states-visited-text-link-visited: #cd016a; --mode-functional-notification-notification: #f2321e; --mode-functional-notification-text-on-notification: #fff; --mode-functional-informational-subtle: #131f7b; --mode-functional-informational-standard: #3950ea; --mode-functional-informational-hovered: #576ff3; --mode-functional-informational-pressed: #7486ff; --mode-functional-success-subtle: #004829; --mode-functional-success-standard: #00c26d; --mode-functional-success-hovered: #1bd27f; --mode-functional-success-pressed: #27ffa0; --mode-functional-warning-subtle: #642d07; --mode-functional-warning-standard: #fd9038; --mode-functional-warning-hovered: #ffaa65; --mode-functional-warning-pressed: #ffc292; --mode-functional-destructive-subtle: #5d0d06; --mode-functional-destructive-standard: #f2321e; --mode-functional-destructive-hovered: #f84934; --mode-functional-destructive-pressed: #ff9084; --mode-elevation-level-0: 0 0 0 0 rgba(0, 0, 0, 0); --mode-elevation-level-1: 0 0 0 0 rgba(0, 0, 0, 0); --mode-elevation-level-2: 0 0 0 0 rgba(0, 0, 0, 0); --mode-elevation-level-3: 0 0 0 0 rgba(0, 0, 0, 0); --mode-elevation-level-4: 0 0 0 0 rgba(0, 0, 0, 0); --mode-elevation-level-5: 0 0 0 0 rgba(0, 0, 0, 0); --mode-elevation-level-6: 0 0 0 0 rgba(0, 0, 0, 0); --mode-elevation-app-bar-top-flat: 0 1px 0 0 rgba(0, 0, 0, 0.1); --mode-elevation-app-bar-top-raised: 0 3px 8px 0 rgba(0, 0, 0, 0.35); --mode-elevation-app-bar-bottom-flat: 0 -1px 0 0 rgba(0, 0, 0, 0.1); --mode-elevation-app-bar-bottom-raised: 0 -3px 8px 0 rgba(0, 0, 0, 0.35); --mode-elevation-fab-standard: 0 5px 12px 0 rgba(0, 0, 0, 0.4); --mode-elevation-fab-hovered: 0 4px 9px 0 rgba(0, 0, 0, 0.3); --mode-elevation-fab-pressed: 0 3px 7px 0 rgba(0, 0, 0, 0.2); --mode-inverted-basic-background: #fff; --mode-inverted-basic-background-subtle: #f1f1f1; --mode-inverted-basic-background-card: #f1f1f1; --mode-inverted-basic-text: #000; --mode-inverted-basic-text-dominant: #e20074; --mode-inverted-basic-text-recessive: #626262; --mode-inverted-basic-text-link: #e20074; --mode-inverted-basic-accent: #e20074; --mode-inverted-basic-text-on-accent: #fff; --mode-inverted-basic-accent-secondary: #000; --mode-inverted-basic-text-on-accent-secondary: #fff; --mode-inverted-basic-stroke: #000; --mode-inverted-basic-stroke-subtle: #b6b6b6; --mode-inverted-basic-modal-overlay: rgba(0, 0, 0, 0.4); --mode-inverted-shades-accent-shades-accent-subtle: #f9cce3; --mode-inverted-shades-accent-shades-accent-extra-dominant: #ee66ac; --mode-inverted-shades-accent-shades-accent-dominant: #e83390; --mode-inverted-shades-accent-shades-accent-recessive: #b5005d; --mode-inverted-shades-accent-shades-accent-extra-recessive: #880046; --mode-inverted-shades-secondary-accent-shades-secondary-accent-subtle: #f1f1f1; --mode-inverted-shades-secondary-accent-shades-secondary-accent-extra-dominant: #202020; --mode-inverted-shades-secondary-accent-shades-secondary-accent-dominant: #414141; --mode-inverted-shades-secondary-accent-shades-secondary-accent-recessive: #626262; --mode-inverted-shades-secondary-accent-shades-secondary-accent-extra-recessive: #828282; --mode-inverted-shades-neutral-shades-100: #f1f1f1; --mode-inverted-shades-neutral-shades-200: #ddd; --mode-inverted-shades-neutral-shades-300: #cacaca; --mode-inverted-shades-neutral-shades-400: #b6b6b6; --mode-inverted-shades-neutral-shades-500: #a3a3a3; --mode-inverted-shades-neutral-shades-600: #828282; --mode-inverted-shades-neutral-shades-700: #626262; --mode-inverted-shades-neutral-shades-800: #414141; --mode-inverted-shades-neutral-shades-900: #202020; --mode-inverted-interaction-states-hover-background-hover: #ddd; --mode-inverted-interaction-states-hover-background-subtle-hover: #ddd; --mode-inverted-interaction-states-hover-text-hover: #414141; --mode-inverted-interaction-states-hover-text-dominant-hover: #e83390; --mode-inverted-interaction-states-hover-text-recessive-hover: #e83390; --mode-inverted-interaction-states-hover-text-link-hover: #e83390; --mode-inverted-interaction-states-hover-accent-hover: #e83390; --mode-inverted-interaction-states-hover-text-on-accent-hover: #fff; --mode-inverted-interaction-states-hover-accent-secondary-hover: #414141; --mode-inverted-interaction-states-hover-text-on-accent-secondary-hover: #fff; --mode-inverted-interaction-states-hover-stroke-hover: #000; --mode-inverted-interaction-states-hover-stroke-subtle-hover: #000; --mode-inverted-interaction-states-pressed-background-pressed: #cacaca; --mode-inverted-interaction-states-pressed-background-subtle-pressed: #cacaca; --mode-inverted-interaction-states-pressed-text-pressed: #626262; --mode-inverted-interaction-states-pressed-text-dominant-pressed: #ee66ac; --mode-inverted-interaction-states-pressed-text-recessive-pressed: #ee66ac; --mode-inverted-interaction-states-pressed-text-link-pressed: #ee66ac; --mode-inverted-interaction-states-pressed-accent-pressed: #ee66ac; --mode-inverted-interaction-states-pressed-text-on-accent-pressed: #fff; --mode-inverted-interaction-states-pressed-accent-secondary-pressed: #626262; --mode-inverted-interaction-states-pressed-text-on-accent-secondary-pressed: #fff; --mode-inverted-interaction-states-pressed-stroke-pressed: #000; --mode-inverted-interaction-states-pressed-stroke-subtle-pressed: #000; --mode-inverted-interaction-states-focus-focus: #000; --mode-inverted-interaction-states-focus-stroke-active: #cacaca; --mode-inverted-interaction-states-disabled-background-disabled: #ddd; --mode-inverted-interaction-states-disabled-background-subtle-disabled: #cacaca; --mode-inverted-interaction-states-disabled-background-card-disabled: #cacaca; --mode-inverted-interaction-states-disabled-text-disabled: #828282; --mode-inverted-interaction-states-disabled-text-dominant-disabled: #828282; --mode-inverted-interaction-states-disabled-text-recessive-disabled: #828282; --mode-inverted-interaction-states-disabled-text-link-disabled: #828282; --mode-inverted-interaction-states-disabled-accent-disabled: #b6b6b6; --mode-inverted-interaction-states-disabled-text-on-accent-disabled: #626262; --mode-inverted-interaction-states-disabled-accent-secondary-disabled: #b6b6b6; --mode-inverted-interaction-states-disabled-text-on-accent-secondary-disabled: #626262; --mode-inverted-interaction-states-disabled-stroke-disabled: #b6b6b6; --mode-inverted-interaction-states-disabled-stroke-subtle-disabled: #b6b6b6; --mode-inverted-interaction-states-visited-text-visited: #000; --mode-inverted-interaction-states-visited-text-link-visited: #880046; --mode-inverted-functional-notification-notification: #eb2010; --mode-inverted-functional-notification-text-on-notification: #fff; --mode-inverted-functional-informational-subtle: #d3d7f9; --mode-inverted-functional-informational-standard: #2238df; --mode-inverted-functional-informational-hovered: #05169b; --mode-inverted-functional-informational-pressed: #000e79; --mode-inverted-functional-success-subtle: #ccf0e1; --mode-inverted-functional-success-standard: #008a50; --mode-inverted-functional-success-hovered: #006138; --mode-inverted-functional-success-pressed: #004829; --mode-inverted-functional-warning-subtle: #fee2d0; --mode-inverted-functional-warning-standard: #d05500; --mode-inverted-functional-warning-hovered: #bd4600; --mode-inverted-functional-warning-pressed: #642d07; --mode-inverted-functional-destructive-subtle: #fad2cf; --mode-inverted-functional-destructive-standard: #eb2010; --mode-inverted-functional-destructive-hovered: #bf0e00; --mode-inverted-functional-destructive-pressed: #960b00; --mode-inverted-elevation-level-0: 0 0 0 0 rgba(0, 0, 0, 0); --mode-inverted-elevation-level-1: 0 0 0 0 rgba(0, 0, 0, 0); --mode-inverted-elevation-level-2: 0 0 0 0 rgba(0, 0, 0, 0); --mode-inverted-elevation-level-3: 0 0 0 0 rgba(0, 0, 0, 0); --mode-inverted-elevation-level-4: 0 0 0 0 rgba(0, 0, 0, 0); --mode-inverted-elevation-level-5: 0 0 0 0 rgba(0, 0, 0, 0); --mode-inverted-elevation-level-6: 0 0 0 0 rgba(0, 0, 0, 0); --mode-inverted-elevation-app-bar-top-flat: 0 1px 0 0 rgba(0, 0, 0, 0.1); --mode-inverted-elevation-app-bar-top-raised: 0 3px 8px 0 rgba(0, 0, 0, 0.05); --mode-inverted-elevation-app-bar-bottom-flat: 0 -1px 0 0 rgba(0, 0, 0, 0.1); --mode-inverted-elevation-app-bar-bottom-raised: 0 -3px 8px 0 rgba(0, 0, 0, 0.05); --mode-inverted-elevation-fab-standard: 0 4px 8px 1px rgba(0, 0, 0, 0.13); --mode-inverted-elevation-fab-hovered: 0 5px 12px 2px rgba(0, 0, 0, 0.14); --mode-inverted-elevation-fab-pressed: 0 3px 7px 0 rgba(0, 0, 0, 0.12); } [data-mode="light"] { --mode-basic-background: #fff; --mode-basic-background-subtle: #f1f1f1; --mode-basic-background-card: #f1f1f1; --mode-basic-text: #000; --mode-basic-text-dominant: #e20074; --mode-basic-text-recessive: #626262; --mode-basic-text-link: #e20074; --mode-basic-accent: #e20074; --mode-basic-text-on-accent: #fff; --mode-basic-accent-secondary: #000; --mode-basic-text-on-accent-secondary: #fff; --mode-basic-stroke: #000; --mode-basic-stroke-subtle: #b6b6b6; --mode-basic-modal-overlay: rgba(0, 0, 0, 0.4); --mode-shades-accent-shades-accent-subtle: #f9cce3; --mode-shades-accent-shades-accent-extra-dominant: #ee66ac; --mode-shades-accent-shades-accent-dominant: #e83390; --mode-shades-accent-shades-accent-recessive: #b5005d; --mode-shades-accent-shades-accent-extra-recessive: #880046; --mode-shades-secondary-accent-shades-secondary-accent-subtle: #f1f1f1; --mode-shades-secondary-accent-shades-secondary-accent-extra-dominant: #202020; --mode-shades-secondary-accent-shades-secondary-accent-dominant: #414141; --mode-shades-secondary-accent-shades-secondary-accent-recessive: #626262; --mode-shades-secondary-accent-shades-secondary-accent-extra-recessive: #828282; --mode-shades-neutral-shades-100: #f1f1f1; --mode-shades-neutral-shades-200: #ddd; --mode-shades-neutral-shades-300: #cacaca; --mode-shades-neutral-shades-400: #b6b6b6; --mode-shades-neutral-shades-500: #a3a3a3; --mode-shades-neutral-shades-600: #828282; --mode-shades-neutral-shades-700: #626262; --mode-shades-neutral-shades-800: #414141; --mode-shades-neutral-shades-900: #202020; --mode-interaction-states-hover-background-hover: #ddd; --mode-interaction-states-hover-background-subtle-hover: #ddd; --mode-interaction-states-hover-text-hover: #414141; --mode-interaction-states-hover-text-dominant-hover: #e83390; --mode-interaction-states-hover-text-recessive-hover: #e83390; --mode-interaction-states-hover-text-link-hover: #e83390; --mode-interaction-states-hover-accent-hover: #e83390; --mode-interaction-states-hover-text-on-accent-hover: #fff; --mode-interaction-states-hover-accent-secondary-hover: #414141; --mode-interaction-states-hover-text-on-accent-secondary-hover: #fff; --mode-interaction-states-hover-stroke-hover: #000; --mode-interaction-states-hover-stroke-subtle-hover: #000; --mode-interaction-states-pressed-background-pressed: #cacaca; --mode-interaction-states-pressed-background-subtle-pressed: #cacaca; --mode-interaction-states-pressed-text-pressed: #626262; --mode-interaction-states-pressed-text-dominant-pressed: #ee66ac; --mode-interaction-states-pressed-text-recessive-pressed: #ee66ac; --mode-interaction-states-pressed-text-link-pressed: #ee66ac; --mode-interaction-states-pressed-accent-pressed: #ee66ac; --mode-interaction-states-pressed-text-on-accent-pressed: #fff; --mode-interaction-states-pressed-accent-secondary-pressed: #626262; --mode-interaction-states-pressed-text-on-accent-secondary-pressed: #fff; --mode-interaction-states-pressed-stroke-pressed: #000; --mode-interaction-states-pressed-stroke-subtle-pressed: #000; --mode-interaction-states-focus-focus: #000; --mode-interaction-states-focus-stroke-active: #cacaca; --mode-interaction-states-disabled-background-disabled: #ddd; --mode-interaction-states-disabled-background-subtle-disabled: #cacaca; --mode-interaction-states-disabled-background-card-disabled: #cacaca; --mode-interaction-states-disabled-text-disabled: #828282; --mode-interaction-states-disabled-text-dominant-disabled: #828282; --mode-interaction-states-disabled-text-recessive-disabled: #828282; --mode-interaction-states-disabled-text-link-disabled: #828282; --mode-interaction-states-disabled-accent-disabled: #b6b6b6; --mode-interaction-states-disabled-text-on-accent-disabled: #626262; --mode-interaction-states-disabled-accent-secondary-disabled: #b6b6b6; --mode-interaction-states-disabled-text-on-accent-secondary-disabled: #626262; --mode-interaction-states-disabled-stroke-disabled: #b6b6b6; --mode-interaction-states-disabled-stroke-subtle-disabled: #b6b6b6; --mode-interaction-states-visited-text-visited: #000; --mode-interaction-states-visited-text-link-visited: #880046; --mode-functional-notification-notification: #eb2010; --mode-functional-notification-text-on-notification: #fff; --mode-functional-informational-subtle: #d3d7f9; --mode-functional-informational-standard: #2238df; --mode-functional-informational-hovered: #05169b; --mode-functional-informational-pressed: #000e79; --mode-functional-success-subtle: #ccf0e1; --mode-functional-success-standard: #008a50; --mode-functional-success-hovered: #006138; --mode-functional-success-pressed: #004829; --mode-functional-warning-subtle: #fee2d0; --mode-functional-warning-standard: #d05500; --mode-functional-warning-hovered: #bd4600; --mode-functional-warning-pressed: #642d07; --mode-functional-destructive-subtle: #fad2cf; --mode-functional-destructive-standard: #eb2010; --mode-functional-destructive-hovered: #bf0e00; --mode-functional-destructive-pressed: #960b00; --mode-elevation-level-0: 0 0 0 0 rgba(0, 0, 0, 0); --mode-elevation-level-1: 0 0 0 0 rgba(0, 0, 0, 0); --mode-elevation-level-2: 0 0 0 0 rgba(0, 0, 0, 0); --mode-elevation-level-3: 0 0 0 0 rgba(0, 0, 0, 0); --mode-elevation-level-4: 0 0 0 0 rgba(0, 0, 0, 0); --mode-elevation-level-5: 0 0 0 0 rgba(0, 0, 0, 0); --mode-elevation-level-6: 0 0 0 0 rgba(0, 0, 0, 0); --mode-elevation-app-bar-top-flat: 0 1px 0 0 rgba(0, 0, 0, 0.1); --mode-elevation-app-bar-top-raised: 0 3px 8px 0 rgba(0, 0, 0, 0.05); --mode-elevation-app-bar-bottom-flat: 0 -1px 0 0 rgba(0, 0, 0, 0.1); --mode-elevation-app-bar-bottom-raised: 0 -3px 8px 0 rgba(0, 0, 0, 0.05); --mode-elevation-fab-standard: 0 4px 8px 1px rgba(0, 0, 0, 0.13); --mode-elevation-fab-hovered: 0 5px 12px 2px rgba(0, 0, 0, 0.14); --mode-elevation-fab-pressed: 0 3px 7px 0 rgba(0, 0, 0, 0.12); --mode-inverted-basic-background: #000; --mode-inverted-basic-background-subtle: #202020; --mode-inverted-basic-background-card: #202020; --mode-inverted-basic-text: #fff; --mode-inverted-basic-text-dominant: #f61488; --mode-inverted-basic-text-recessive: #cacaca; --mode-inverted-basic-text-link: #f61488; --mode-inverted-basic-accent: #f61488; --mode-inverted-basic-text-on-accent: #fff; --mode-inverted-basic-accent-secondary: #fff; --mode-inverted-basic-text-on-accent-secondary: #000; --mode-inverted-basic-stroke: #fff; --mode-inverted-basic-stroke-subtle: #828282; --mode-inverted-basic-modal-overlay: rgba(255, 255, 255, 0.4); --mode-inverted-shades-accent-shades-accent-subtle: #ffbddf; --mode-inverted-shades-accent-shades-accent-extra-dominant: #ff69b6; --mode-inverted-shades-accent-shades-accent-dominant: #ff3fa1; --mode-inverted-shades-accent-shades-accent-recessive: #cd016a; --mode-inverted-shades-accent-shades-accent-extra-recessive: #a40054; --mode-inverted-shades-secondary-accent-shades-secondary-accent-subtle: #414141; --mode-inverted-shades-secondary-accent-shades-secondary-accent-extra-dominant: #f1f1f1; --mode-inverted-shades-secondary-accent-shades-secondary-accent-dominant: #ddd; --mode-inverted-shades-secondary-accent-shades-secondary-accent-recessive: #cacaca; --mode-inverted-shades-secondary-accent-shades-secondary-accent-extra-recessive: #b6b6b6; --mode-inverted-shades-neutral-shades-100: #202020; --mode-inverted-shades-neutral-shades-200: #414141; --mode-inverted-shades-neutral-shades-300: #626262; --mode-inverted-shades-neutral-shades-400: #828282; --mode-inverted-shades-neutral-shades-500: #a3a3a3; --mode-inverted-shades-neutral-shades-600: #b6b6b6; --mode-inverted-shades-neutral-shades-700: #cacaca; --mode-inverted-shades-neutral-shades-800: #ddd; --mode-inverted-shades-neutral-shades-900: #f1f1f1; --mode-inverted-interaction-states-hover-background-hover: #626262; --mode-inverted-interaction-states-hover-background-subtle-hover: #626262; --mode-inverted-interaction-states-hover-text-hover: #ddd; --mode-inverted-interaction-states-hover-text-dominant-hover: #ff3fa1; --mode-inverted-interaction-states-hover-text-recessive-hover: #ff3fa1; --mode-inverted-interaction-states-hover-text-link-hover: #ff3fa1; --mode-inverted-interaction-states-hover-accent-hover: #ff3fa1; --mode-inverted-interaction-states-hover-text-on-accent-hover: #fff; --mode-inverted-interaction-states-hover-accent-secondary-hover: #ddd; --mode-inverted-interaction-states-hover-text-on-accent-secondary-hover: #000; --mode-inverted-interaction-states-hover-stroke-hover: #fff; --mode-inverted-interaction-states-hover-stroke-subtle-hover: #fff; --mode-inverted-interaction-states-pressed-background-pressed: #828282; --mode-inverted-interaction-states-pressed-background-subtle-pressed: #828282; --mode-inverted-interaction-states-pressed-text-pressed: #cacaca; --mode-inverted-interaction-states-pressed-text-dominant-pressed: #ff69b6; --mode-inverted-interaction-states-pressed-text-recessive-pressed: #ff69b6; --mode-inverted-interaction-states-pressed-text-link-pressed: #ff69b6; --mode-inverted-interaction-states-pressed-accent-pressed: #ff69b6; --mode-inverted-interaction-states-pressed-text-on-accent-pressed: #fff; --mode-inverted-interaction-states-pressed-accent-secondary-pressed: #cacaca; --mode-inverted-interaction-states-pressed-text-on-accent-secondary-pressed: #000; --mode-inverted-interaction-states-pressed-stroke-pressed: #fff; --mode-inverted-interaction-states-pressed-stroke-subtle-pressed: #fff; --mode-inverted-interaction-states-focus-focus: #fff; --mode-inverted-interaction-states-focus-stroke-active: #626262; --mode-inverted-interaction-states-disabled-background-disabled: #414141; --mode-inverted-interaction-states-disabled-background-subtle-disabled: #626262; --mode-inverted-interaction-states-disabled-text-disabled: #828282; --mode-inverted-interaction-states-disabled-text-dominant-disabled: #828282; --mode-inverted-interaction-states-disabled-text-recessive-disabled: #828282; --mode-inverted-interaction-states-disabled-text-link-disabled: #828282; --mode-inverted-interaction-states-disabled-accent-disabled: #626262; --mode-inverted-interaction-states-disabled-text-on-accent-disabled: #b6b6b6; --mode-inverted-interaction-states-disabled-accent-secondary-disabled: #626262; --mode-inverted-interaction-states-disabled-text-on-accent-secondary-disabled: #b6b6b6; --mode-inverted-interaction-states-disabled-stroke-disabled: #414141; --mode-inverted-interaction-states-disabled-stroke-subtle-disabled: #414141; --mode-inverted-interaction-states-disabled-background-card-disabled: #626262; --mode-inverted-interaction-states-visited-text-visited: #fff; --mode-inverted-interaction-states-visited-text-link-visited: #cd016a; --mode-inverted-functional-notification-notification: #f2321e; --mode-inverted-functional-notification-text-on-notification: #fff; --mode-inverted-functional-informational-subtle: #131f7b; --mode-inverted-functional-informational-standard: #3950ea; --mode-inverted-functional-informational-hovered: #576ff3; --mode-inverted-functional-informational-pressed: #7486ff; --mode-inverted-functional-success-subtle: #004829; --mode-inverted-functional-success-standard: #00c26d; --mode-inverted-functional-success-hovered: #1bd27f; --mode-inverted-functional-success-pressed: #27ffa0; --mode-inverted-functional-warning-subtle: #642d07; --mode-inverted-functional-warning-standard: #fd9038; --mode-inverted-functional-warning-hovered: #ffaa65; --mode-inverted-functional-warning-pressed: #ffc292; --mode-inverted-functional-destructive-subtle: #5d0d06; --mode-inverted-functional-destructive-standard: #f2321e; --mode-inverted-functional-destructive-hovered: #f84934; --mode-inverted-functional-destructive-pressed: #ff9084; --mode-inverted-elevation-level-0: 0 0 0 0 rgba(0, 0, 0, 0); --mode-inverted-elevation-level-1: 0 0 0 0 rgba(0, 0, 0, 0); --mode-inverted-elevation-level-2: 0 0 0 0 rgba(0, 0, 0, 0); --mode-inverted-elevation-level-3: 0 0 0 0 rgba(0, 0, 0, 0); --mode-inverted-elevation-level-4: 0 0 0 0 rgba(0, 0, 0, 0); --mode-inverted-elevation-level-5: 0 0 0 0 rgba(0, 0, 0, 0); --mode-inverted-elevation-level-6: 0 0 0 0 rgba(0, 0, 0, 0); --mode-inverted-elevation-app-bar-top-flat: 0 1px 0 0 rgba(0, 0, 0, 0.1); --mode-inverted-elevation-app-bar-top-raised: 0 3px 8px 0 rgba(0, 0, 0, 0.35); --mode-inverted-elevation-app-bar-bottom-flat: 0 -1px 0 0 rgba(0, 0, 0, 0.1); --mode-inverted-elevation-app-bar-bottom-raised: 0 -3px 8px 0 rgba(0, 0, 0, 0.35); --mode-inverted-elevation-fab-standard: 0 5px 12px 0 rgba(0, 0, 0, 0.4); --mode-inverted-elevation-fab-hovered: 0 4px 9px 0 rgba(0, 0, 0, 0.3); --mode-inverted-elevation-fab-pressed: 0 3px 7px 0 rgba(0, 0, 0, 0.2); } } :root, [data-scheme="neutral"] { --colours-basic-background: var(--mode-basic-background); --colours-basic-background-subtle: var(--mode-basic-background-subtle); --colours-basic-background-card: var(--mode-basic-background-card); --colours-basic-text: var(--mode-basic-text); --colours-basic-text-dominant: var(--mode-basic-text-dominant); --colours-basic-text-recessive: var(--mode-basic-text-recessive); --colours-basic-text-link: var(--mode-basic-text-link); --colours-basic-accent: var(--mode-basic-accent); --colours-basic-text-on-accent: var(--mode-basic-text-on-accent); --colours-basic-accent-secondary: var(--mode-basic-accent-secondary); --colours-basic-text-on-accent-secondary: var( --mode-basic-text-on-accent-secondary ); --colours-basic-stroke: var(--mode-basic-stroke); --colours-basic-stroke-subtle: var(--mode-basic-stroke-subtle); --colours-basic-modal-overlay: var(--mode-basic-modal-overlay); --colours-shades-accent-shades-accent-subtle: var( --mode-shades-accent-shades-accent-subtle ); --colours-shades-accent-shades-accent-extra-dominant: var( --mode-shades-accent-shades-accent-extra-dominant ); --colours-shades-accent-shades-accent-dominant: var( --mode-shades-accent-shades-accent-dominant ); --colours-shades-accent-shades-accent-recessive: var( --mode-shades-accent-shades-accent-recessive ); --colours-shades-accent-shades-accent-extra-recessive: var( --mode-shades-accent-shades-accent-extra-recessive ); --colours-shades-secondary-accent-shades-secondary-accent-subtle: var( --mode-shades-secondary-accent-shades-secondary-accent-subtle ); --colours-shades-secondary-accent-shades-secondary-accent-extra-dominant: var( --mode-shades-secondary-accent-shades-secondary-accent-extra-dominant ); --colours-shades-secondary-accent-shades-secondary-accent-dominant: var( --mode-shades-secondary-accent-shades-secondary-accent-dominant ); --colours-shades-secondary-accent-shades-secondary-accent-recessive: var( --mode-shades-secondary-accent-shades-secondary-accent-recessive ); --colours-shades-secondary-accent-shades-secondary-accent-extra-recessive: var( --mode-shades-secondary-accent-shades-secondary-accent-extra-recessive ); --colours-shades-neutral-shades-100: var(--mode-shades-neutral-shades-100); --colours-shades-neutral-shades-200: var(--mode-shades-neutral-shades-200); --colours-shades-neutral-shades-300: var(--mode-shades-neutral-shades-300); --colours-shades-neutral-shades-400: var(--mode-shades-neutral-shades-400); --colours-shades-neutral-shades-500: var(--mode-shades-neutral-shades-500); --colours-shades-neutral-shades-600: var(--mode-shades-neutral-shades-600); --colours-shades-neutral-shades-700: var(--mode-shades-neutral-shades-700); --colours-shades-neutral-shades-800: var(--mode-shades-neutral-shades-800); --colours-shades-neutral-shades-900: var(--mode-shades-neutral-shades-900); --colours-interaction-states-hover-background-hover: var( --mode-interaction-states-hover-background-hover ); --colours-interaction-states-hover-background-subtle-hover: var( --mode-interaction-states-hover-background-subtle-hover ); --colours-interaction-states-hover-text-hover: var( --mode-interaction-states-hover-text-hover ); --colours-interaction-states-hover-text-dominant-hover: var( --mode-interaction-states-hover-text-dominant-hover ); --colours-interaction-states-hover-text-recessive-hover: var( --mode-interaction-states-hover-text-recessive-hover ); --colours-interaction-states-hover-text-link-hover: var( --mode-interaction-states-hover-text-link-hover ); --colours-interaction-states-hover-accent-hover: var( --mode-interaction-states-hover-accent-hover ); --colours-interaction-states-hover-text-on-accent-hover: var( --mode-interaction-states-hover-text-on-accent-hover ); --colours-interaction-states-hover-accent-secondary-hover: var( --mode-interaction-states-hover-accent-secondary-hover ); --colours-interaction-states-hover-text-on-accent-secondary-hover: var( --mode-interaction-states-hover-text-on-accent-secondary-hover ); --colours-interaction-states-hover-stroke-hover: var( --mode-interaction-states-hover-stroke-hover ); --colours-interaction-states-hover-stroke-subtle-hover: var( --mode-interaction-states-hover-stroke-subtle-hover ); --colours-interaction-states-pressed-background-pressed: var( --mode-interaction-states-pressed-background-pressed ); --colours-interaction-states-pressed-background-subtle-pressed: var( --mode-interaction-states-pressed-background-subtle-pressed ); --colours-interaction-states-pressed-text-pressed: var( --mode-interaction-states-pressed-text-pressed ); --colours-interaction-states-pressed-text-dominant-pressed: var( --mode-interaction-states-pressed-text-dominant-pressed ); --colours-interaction-states-pressed-text-recessive-pressed: var( --mode-interaction-states-pressed-text-recessive-pressed ); --colours-interaction-states-pressed-text-link-pressed: var( --mode-interaction-states-pressed-text-link-pressed ); --colours-interaction-states-pressed-accent-pressed: var( --mode-interaction-states-pressed-accent-pressed ); --colours-interaction-states-pressed-text-on-accent-pressed: var( --mode-interaction-states-pressed-text-on-accent-pressed ); --colours-interaction-states-pressed-accent-secondary-pressed: var( --mode-interaction-states-pressed-accent-secondary-pressed ); --colours-interaction-states-pressed-text-on-accent-secondary-pressed: var( --mode-interaction-states-pressed-text-on-accent-secondary-pressed ); --colours-interaction-states-pressed-stroke-pressed: var( --mode-interaction-states-pressed-stroke-pressed ); --colours-interaction-states-pressed-stroke-subtle-pressed: var( --mode-interaction-states-pressed-stroke-subtle-pressed ); --colours-interaction-states-focus-focus: var( --mode-interaction-states-focus-focus ); --colours-interaction-states-focus-stroke-active: var( --mode-interaction-states-focus-stroke-active ); --colours-interaction-states-disabled-background-disabled: var( --mode-interaction-states-disabled-background-disabled ); --colours-interaction-states-disabled-background-subtle-disabled: var( --mode-interaction-states-disabled-background-subtle-disabled ); --colours-interaction-states-disabled-background-card-disabled: var( --mode-interaction-states-disabled-background-card-disabled ); --colours-interaction-states-disabled-text-disabled: var( --mode-interaction-states-disabled-text-disabled ); --colours-interaction-states-disabled-text-dominant-disabled: var( --mode-interaction-states-disabled-text-dominant-disabled ); --colours-interaction-states-disabled-text-recessive-disabled: var( --mode-interaction-states-disabled-text-recessive-disabled ); --colours-interaction-states-disabled-text-link-disabled: var( --mode-interaction-states-disabled-text-link-disabled ); --colours-interaction-states-disabled-accent-disabled: var( --mode-interaction-states-disabled-accent-disabled ); --colours-interaction-states-disabled-text-on-accent-disabled: var( --mode-interaction-states-disabled-text-on-accent-disabled ); --colours-interaction-states-disabled-accent-secondary-disabled: var( --mode-interaction-states-disabled-accent-secondary-disabled ); --colours-interaction-states-disabled-text-on-accent-secondary-disabled: var( --mode-interaction-states-disabled-text-on-accent-secondary-disabled ); --colours-interaction-states-disabled-stroke-disabled: var( --mode-interaction-states-disabled-stroke-disabled ); --colours-interaction-states-disabled-stroke-subtle-disabled: var( --mode-interaction-states-disabled-stroke-subtle-disabled ); --colours-interaction-states-visited-text-visited: var( --mode-interaction-states-visited-text-visited ); --colours-interaction-states-visited-text-link-visited: var( --mode-interaction-states-visited-text-link-visited ); --colours-functional-notification-notification: var( --mode-functional-notification-notification ); --colours-functional-notification-text-on-notification: var( --mode-functional-notification-text-on-notification ); --colours-functional-informational-subtle: var( --mode-functional-informational-subtle ); --colours-functional-informational-standard: var( --mode-functional-informational-standard ); --colours-functional-informational-hovered: var( --mode-functional-informational-hovered ); --colours-functional-informational-pressed: var( --mode-functional-informational-pressed ); --colours-functional-success-subtle: var(--mode-functional-success-subtle); --colours-functional-success-standard: var( --mode-functional-success-standard ); --colours-functional-success-hovered: var(--mode-functional-success-hovered); --colours-functional-success-pressed: var(--mode-functional-success-pressed); --colours-functional-warning-subtle: var(--mode-functional-warning-subtle); --colours-functional-warning-standard: var( --mode-functional-warning-standard ); --colours-functional-warning-hovered: var(--mode-functional-warning-hovered); --colours-functional-warning-pressed: var(--mode-functional-warning-pressed); --colours-functional-destructive-subtle: var( --mode-functional-destructive-subtle ); --colours-functional-destructive-standard: var( --mode-functional-destructive-standard ); --colours-functional-destructive-hovered: var( --mode-functional-destructive-hovered ); --colours-functional-destructive-pressed: var( --mode-functional-destructive-pressed ); --elevation-level-0: var(--mode-elevation-level-0); --elevation-level-1: var(--mode-elevation-level-1); --elevation-level-2: var(--mode-elevation-level-2); --elevation-level-3: var(--mode-elevation-level-3); --elevation-level-4: var(--mode-elevation-level-4); --elevation-level-5: var(--mode-elevation-level-5); --elevation-level-6: var(--mode-elevation-level-6); --elevation-app-bar-top-flat: var(--mode-elevation-app-bar-top-flat); --elevation-app-bar-top-raised: var(--mode-elevation-app-bar-top-raised); --elevation-app-bar-bottom-flat: var(--mode-elevation-app-bar-bottom-flat); --elevation-app-bar-bottom-raised: var( --mode-elevation-app-bar-bottom-raised ); --elevation-fab-standard: var(--mode-elevation-fab-standard); --elevation-fab-hovered: var(--mode-elevation-fab-hovered); --elevation-fab-pressed: var(--mode-elevation-fab-pressed); } [data-scheme="inverted"] { --colours-basic-background: var(--mode-inverted-basic-background); --colours-basic-background-subtle: var( --mode-inverted-basic-background-subtle ); --colours-basic-background-card: var(--mode-inverted-basic-background-card); --colours-basic-text: var(--mode-inverted-basic-text); --colours-basic-text-dominant: var(--mode-inverted-basic-text-dominant); --colours-basic-text-recessive: var(--mode-inverted-basic-text-recessive); --colours-basic-text-link: var(--mode-inverted-basic-text-link); --colours-basic-accent: var(--mode-inverted-basic-accent); --colours-basic-text-on-accent: var(--mode-inverted-basic-text-on-accent); --colours-basic-accent-secondary: var(--mode-inverted-basic-accent-secondary); --colours-basic-text-on-accent-secondary: var( --mode-inverted-basic-text-on-accent-secondary ); --colours-basic-stroke: var(--mode-inverted-basic-stroke); --colours-basic-stroke-subtle: var(--mode-inverted-basic-stroke-subtle); --colours-basic-modal-overlay: var(--mode-inverted-basic-modal-overlay); --colours-shades-accent-shades-accent-subtle: var( --mode-inverted-shades-accent-shades-accent-subtle ); --colours-shades-accent-shades-accent-extra-dominant: var( --mode-inverted-shades-accent-shades-accent-extra-dominant ); --colours-shades-accent-shades-accent-dominant: var( --mode-inverted-shades-accent-shades-accent-dominant ); --colours-shades-accent-shades-accent-recessive: var( --mode-inverted-shades-accent-shades-accent-recessive ); --colours-shades-accent-shades-accent-extra-recessive: var( --mode-inverted-shades-accent-shades-accent-extra-recessive ); --colours-shades-secondary-accent-shades-secondary-accent-subtle: var( --mode-inverted-shades-secondary-accent-shades-secondary-accent-subtle ); --colours-shades-secondary-accent-shades-secondary-accent-extra-dominant: var( --mode-inverted-shades-secondary-accent-shades-secondary-accent-extra-dominant ); --colours-shades-secondary-accent-shades-secondary-accent-dominant: var( --mode-inverted-shades-secondary-accent-shades-secondary-accent-dominant ); --colours-shades-secondary-accent-shades-secondary-accent-recessive: var( --mode-inverted-shades-secondary-accent-shades-secondary-accent-recessive ); --colours-shades-secondary-accent-shades-secondary-accent-extra-recessive: var( --mode-inverted-shades-secondary-accent-shades-secondary-accent-extra-recessive ); --colours-shades-neutral-shades-100: var( --mode-inverted-shades-neutral-shades-100 ); --colours-shades-neutral-shades-200: var( --mode-inverted-shades-neutral-shades-200 ); --colours-shades-neutral-shades-300: var( --mode-inverted-shades-neutral-shades-300 ); --colours-shades-neutral-shades-400: var( --mode-inverted-shades-neutral-shades-400 ); --colours-shades-neutral-shades-500: var( --mode-inverted-shades-neutral-shades-500 ); --colours-shades-neutral-shades-600: var( --mode-inverted-shades-neutral-shades-600 ); --colours-shades-neutral-shades-700: var( --mode-inverted-shades-neutral-shades-700 ); --colours-shades-neutral-shades-800: var( --mode-inverted-shades-neutral-shades-800 ); --colours-shades-neutral-shades-900: var( --mode-inverted-shades-neutral-shades-900 ); --colours-interaction-states-hover-background-hover: var( --mode-inverted-interaction-states-hover-background-hover ); --colours-interaction-states-hover-background-subtle-hover: var( --mode-inverted-interaction-states-hover-background-subtle-hover ); --colours-interaction-states-hover-text-hover: var( --mode-inverted-interaction-states-hover-text-hover ); --colours-interaction-states-hover-text-dominant-hover: var( --mode-inverted-interaction-states-hover-text-dominant-hover ); --colours-interaction-states-hover-text-recessive-hover: var( --mode-inverted-interaction-states-hover-text-recessive-hover ); --colours-interaction-states-hover-text-link-hover: var( --mode-inverted-interaction-states-hover-text-link-hover ); --colours-interaction-states-hover-accent-hover: var( --mode-inverted-interaction-states-hover-accent-hover ); --colours-interaction-states-hover-text-on-accent-hover: var( --mode-inverted-interaction-states-hover-text-on-accent-hover ); --colours-interaction-states-hover-accent-secondary-hover: var( --mode-inverted-interaction-states-hover-accent-secondary-hover ); --colours-interaction-states-hover-text-on-accent-secondary-hover: var( --mode-inverted-interaction-states-hover-text-on-accent-secondary-hover ); --colours-interaction-states-hover-stroke-hover: var( --mode-inverted-interaction-states-hover-stroke-hover ); --colours-interaction-states-hover-stroke-subtle-hover: var( --mode-inverted-interaction-states-hover-stroke-subtle-hover ); --colours-interaction-states-pressed-background-pressed: var( --mode-inverted-interaction-states-pressed-background-pressed ); --colours-interaction-states-pressed-background-subtle-pressed: var( --mode-inverted-interaction-states-pressed-background-subtle-pressed ); --colours-interaction-states-pressed-text-pressed: var( --mode-inverted-interaction-states-pressed-text-pressed ); --colours-interaction-states-pressed-text-dominant-pressed: var( --mode-inverted-interaction-states-pressed-text-dominant-pressed ); --colours-interaction-states-pressed-text-recessive-pressed: var( --mode-inverted-interaction-states-pressed-text-recessive-pressed ); --colours-interaction-states-pressed-text-link-pressed: var( --mode-inverted-interaction-states-pressed-text-link-pressed ); --colours-interaction-states-pressed-accent-pressed: var( --mode-inverted-interaction-states-pressed-accent-pressed ); --colours-interaction-states-pressed-text-on-accent-pressed: var( --mode-inverted-interaction-states-pressed-text-on-accent-pressed ); --colours-interaction-states-pressed-accent-secondary-pressed: var( --mode-inverted-interaction-states-pressed-accent-secondary-pressed ); --colours-interaction-states-pressed-text-on-accent-secondary-pressed: var( --mode-inverted-interaction-states-pressed-text-on-accent-secondary-pressed ); --colours-interaction-states-pressed-stroke-pressed: var( --mode-inverted-interaction-states-pressed-stroke-pressed ); --colours-interaction-states-pressed-stroke-subtle-pressed: var( --mode-inverted-interaction-states-pressed-stroke-subtle-pressed ); --colours-interaction-states-focus-focus: var( --mode-inverted-interaction-states-focus-focus ); --colours-interaction-states-focus-stroke-active: var( --mode-inverted-interaction-states-focus-stroke-active ); --colours-interaction-states-disabled-background-disabled: var( --mode-inverted-interaction-states-disabled-background-disabled ); --colours-interaction-states-disabled-background-subtle-disabled: var( --mode-inverted-interaction-states-disabled-background-subtle-disabled ); --colours-interaction-states-disabled-background-card-disabled: var( --mode-inverted-interaction-states-disabled-background-card-disabled ); --colours-interaction-states-disabled-text-disabled: var( --mode-inverted-interaction-states-disabled-text-disabled ); --colours-interaction-states-disabled-text-dominant-disabled: var( --mode-inverted-interaction-states-disabled-text-dominant-disabled ); --colours-interaction-states-disabled-text-recessive-disabled: var( --mode-inverted-interaction-states-disabled-text-recessive-disabled ); --colours-interaction-states-disabled-text-link-disabled: var( --mode-inverted-interaction-states-disabled-text-link-disabled ); --colours-interaction-states-disabled-accent-disabled: var( --mode-inverted-interaction-states-disabled-accent-disabled ); --colours-interaction-states-disabled-text-on-accent-disabled: var( --mode-inverted-interaction-states-disabled-text-on-accent-disabled ); --colours-interaction-states-disabled-accent-secondary-disabled: var( --mode-inverted-interaction-states-disabled-accent-secondary-disabled ); --colours-interaction-states-disabled-text-on-accent-secondary-disabled: var( --mode-inverted-interaction-states-disabled-text-on-accent-secondary-disabled ); --colours-interaction-states-disabled-stroke-disabled: var( --mode-inverted-interaction-states-disabled-stroke-disabled ); --colours-interaction-states-disabled-stroke-subtle-disabled: var( --mode-inverted-interaction-states-disabled-stroke-subtle-disabled ); --colours-interaction-states-visited-text-visited: var( --mode-inverted-interaction-states-visited-text-visited ); --colours-interaction-states-visited-text-link-visited: var( --mode-inverted-interaction-states-visited-text-link-visited ); --colours-functional-notification-notification: var( --mode-inverted-functional-notification-notification ); --colours-functional-notification-text-on-notification: var( --mode-inverted-functional-notification-text-on-notification ); --colours-functional-informational-subtle: var( --mode-inverted-functional-informational-subtle ); --colours-functional-informational-standard: var( --mode-inverted-functional-informational-standard ); --colours-functional-informational-hovered: var( --mode-inverted-functional-informational-hovered ); --colours-functional-informational-pressed: var( --mode-inverted-functional-informational-pressed ); --colours-functional-success-subtle: var( --mode-inverted-functional-success-subtle ); --colours-functional-success-standard: var( --mode-inverted-functional-success-standard ); --colours-functional-success-hovered: var( --mode-inverted-functional-success-hovered ); --colours-functional-success-pressed: var( --mode-inverted-functional-success-pressed ); --colours-functional-warning-subtle: var( --mode-inverted-functional-warning-subtle ); --colours-functional-warning-standard: var( --mode-inverted-functional-warning-standard ); --colours-functional-warning-hovered: var( --mode-inverted-functional-warning-hovered ); --colours-functional-warning-pressed: var( --mode-inverted-functional-warning-pressed ); --colours-functional-destructive-subtle: var( --mode-inverted-functional-destructive-subtle ); --colours-functional-destructive-standard: var( --mode-inverted-functional-destructive-standard ); --colours-functional-destructive-hovered: var( --mode-inverted-functional-destructive-hovered ); --colours-functional-destructive-pressed: var( --mode-inverted-functional-destructive-pressed ); --elevation-level-0: var(--mode-inverted-elevation-level-0); --elevation-level-1: var(--mode-inverted-elevation-level-1); --elevation-level-2: var(--mode-inverted-elevation-level-2); --elevation-level-3: var(--mode-inverted-elevation-level-3); --elevation-level-4: var(--mode-inverted-elevation-level-4); --elevation-level-5: var(--mode-inverted-elevation-level-5); --elevation-level-6: var(--mode-inverted-elevation-level-6); --elevation-app-bar-top-flat: var(--mode-inverted-elevation-app-bar-top-flat); --elevation-app-bar-top-raised: var( --mode-inverted-elevation-app-bar-top-raised ); --elevation-app-bar-bottom-flat: var( --mode-inverted-elevation-app-bar-bottom-flat ); --elevation-app-bar-bottom-raised: var( --mode-inverted-elevation-app-bar-bottom-raised ); --elevation-fab-standard: var(--mode-inverted-elevation-fab-standard); --elevation-fab-hovered: var(--mode-inverted-elevation-fab-hovered); --elevation-fab-pressed: var(--mode-inverted-elevation-fab-pressed); } [data-scheme="aperitif"] { --colours-basic-background: #ff846b; --colours-basic-background-subtle: #ff9e8a; --colours-basic-background-card: #ff846b; --colours-basic-text: #000; --colours-basic-text-dominant: #000; --colours-basic-text-recessive: #6b3125; --colours-basic-text-link: #000; --colours-basic-accent: #000; --colours-basic-text-on-accent: #fff; --colours-basic-accent-secondary: #ffd1c7; --colours-basic-text-on-accent-secondary: #000; --colours-basic-stroke: #000; --colours-basic-stroke-subtle: #ce6854; --colours-basic-modal-overlay: rgba(0, 0, 0, 0.4); --colours-shades-accent-shades-accent-subtle: #ffeae5; --colours-shades-accent-shades-accent-extra-dominant: #ffd1c7; --colours-shades-accent-shades-accent-dominant: #ffb7a8; --colours-shades-accent-shades-accent-recessive: #ce6854; --colours-shades-accent-shades-accent-extra-recessive: #9c4d3d; --colours-shades-secondary-accent-shades-secondary-accent-subtle: #ffeae5; --colours-shades-secondary-accent-shades-secondary-accent-extra-dominant: #39150e; --colours-shades-secondary-accent-shades-secondary-accent-dominant: #6b3125; --colours-shades-secondary-accent-shades-secondary-accent-recessive: #9c4d3d; --colours-shades-secondary-accent-shades-secondary-accent-extra-recessive: #ce6854; --colours-shades-neutral-shades-100: #ffeae5; --colours-shades-neutral-shades-200: #ffd1c7; --colours-shades-neutral-shades-300: #ffb7a8; --colours-shades-neutral-shades-400: #ff9e8a; --colours-shades-neutral-shades-500: #ff846b; --colours-shades-neutral-shades-600: #ce6854; --colours-shades-neutral-shades-700: #9c4d3d; --colours-shades-neutral-shades-800: #6b3125; --colours-shades-neutral-shades-900: #39150e; --colours-interaction-states-hover-background-hover: #ff9e8a; --colours-interaction-states-hover-background-subtle-hover: #ffb7a8; --colours-interaction-states-hover-text-hover: #39150e; --colours-interaction-states-hover-text-dominant-hover: #39150e; --colours-interaction-states-hover-text-recessive-hover: #39150e; --colours-interaction-states-hover-text-link-hover: #39150e; --colours-interaction-states-hover-accent-hover: #39150e; --colours-interaction-states-hover-text-on-accent-hover: #ffeae5; --colours-interaction-states-hover-accent-secondary-hover: #ffeae5; --colours-interaction-states-hover-text-on-accent-secondary-hover: #000; --colours-interaction-states-hover-stroke-hover: #000; --colours-interaction-states-hover-stroke-subtle-hover: #9c4d3d; --colours-interaction-states-pressed-background-pressed: #ffb7a8; --colours-interaction-states-pressed-background-subtle-pressed: #ffd1c7; --colours-interaction-states-pressed-text-pressed: #6b3125; --colours-interaction-states-pressed-text-dominant-pressed: #6b3125; --colours-interaction-states-pressed-text-recessive-pressed: #000; --colours-interaction-states-pressed-text-link-pressed: #6b3125; --colours-interaction-states-pressed-accent-pressed: #6b3125; --colours-interaction-states-pressed-text-on-accent-pressed: #fff; --colours-interaction-states-pressed-accent-secondary-pressed: #fff; --colours-interaction-states-pressed-text-on-accent-secondary-pressed: #000; --colours-interaction-states-pressed-stroke-pressed: #000; --colours-interaction-states-pressed-stroke-subtle-pressed: #6b3125; --colours-interaction-states-focus-focus: #000; --colours-interaction-states-focus-stroke-active: #9c4d3d; --colours-interaction-states-disabled-background-disabled: #ce6854; --colours-interaction-states-disabled-background-subtle-disabled: #ce6854; --colours-interaction-states-disabled-background-card-disabled: #ce6854; --colours-interaction-states-disabled-text-disabled: #9c4d3d; --colours-interaction-states-disabled-text-dominant-disabled: #9c4d3d; --colours-interaction-states-disabled-text-recessive-disabled: #9c4d3d; --colours-interaction-states-disabled-text-link-disabled: #9c4d3d; --colours-interaction-states-disabled-accent-disabled: #9c4d3d; --colours-interaction-states-disabled-text-on-accent-disabled: #39150e; --colours-interaction-states-disabled-accent-secondary-disabled: #9c4d3d; --colours-interaction-states-disabled-text-on-accent-secondary-disabled: #39150e; --colours-interaction-states-disabled-stroke-disabled: #9c4d3d; --colours-interaction-states-disabled-stroke-subtle-disabled: #9c4d3d; --colours-interaction-states-visited-text-visited: #000; --colours-interaction-states-visited-text-link-visited: #9c4d3d; --colours-functional-notification-notification: #000; --colours-functional-notification-text-on-notification: #fff; --colours-functional-informational-subtle: #d3d7f9; --colours-functional-informational-standard: #2238df; --colours-functional-informational-hovered: #05169b; --colours-functional-informational-pressed: #000e79; --colours-functional-success-subtle: #ccf0e1; --colours-functional-success-standard: #00b367; --colours-functional-success-hovered: #008a50; --colours-functional-success-pressed: #006138; --colours-functional-warning-subtle: #fee2d0; --colours-functional-warning-standard: #f97012; --colours-functional-warning-hovered: #d05500; --colours-functional-warning-pressed: #bd4600; --colours-functional-destructive-subtle: #fad2cf; --colours-functional-destructive-standard: #eb2010; --colours-functional-destructive-hovered: #bf0e00; --colours-functional-destructive-pressed: #960b00; --elevation-level-0: 0 0 0 0 rgba(0, 0, 0, 0); --elevation-level-1: 0 0 0 0 rgba(0, 0, 0, 0); --elevation-level-2: 0 0 0 0 rgba(0, 0, 0, 0); --elevation-level-3: 0 0 0 0 rgba(0, 0, 0, 0); --elevation-level-4: 0 0 0 0 rgba(0, 0, 0, 0); --elevation-level-5: 0 0 0 0 rgba(0, 0, 0, 0); --elevation-level-6: 0 0 0 0 rgba(0, 0, 0, 0); --elevation-app-bar-top-flat: 0 1px 0 0 rgba(0, 0, 0, 0.1); --elevation-app-bar-top-raised: 0 3px 8px 0 rgba(0, 0, 0, 0.05); --elevation-app-bar-bottom-flat: 0 -1px 0 0 rgba(0, 0, 0, 0.1); --elevation-app-bar-bottom-raised: 0 -3px 8px 0 rgba(0, 0, 0, 0.05); --elevation-fab-standard: 0 5px 12px 2px rgba(0, 0, 0, 0.14); --elevation-fab-hovered: 0 4px 8px 1px rgba(0, 0, 0, 0.13); --elevation-fab-pressed: 0 3px 7px 0 rgba(0, 0, 0, 0.12); } [data-scheme="basketball"] { --colours-basic-background: #ff9661; --colours-basic-background-subtle: #ffac82; --colours-basic-background-card: #ff9661; --colours-basic-text: #000; --colours-basic-text-dominant: #000; --colours-basic-text-recessive: #653821; --colours-basic-text-link: #000; --colours-basic-accent: #000; --colours-basic-text-on-accent: #fff; --colours-basic-accent-secondary: #ffd8c4; --colours-basic-text-on-accent-secondary: #000; --colours-basic-stroke: #000; --colours-basic-stroke-subtle: #cc774c; --colours-basic-modal-overlay: rgba(0, 0, 0, 0.4); --colours-shades-accent-shades-accent-subtle: #ffeee5; --colours-shades-accent-shades-accent-extra-dominant: #ffd8c4; --colours-shades-accent-shades-accent-dominant: #ffc2a3; --colours-shades-accent-shades-accent-recessive: #cc774c; --colours-shades-accent-shades-accent-extra-recessive: #995736; --colours-shades-secondary-accent-shades-secondary-accent-subtle: #ffeee5; --colours-shades-secondary-accent-shades-secondary-accent-extra-dominant: #32180b; --colours-shades-secondary-accent-shades-secondary-accent-dominant: #653821; --colours-shades-secondary-accent-shades-secondary-accent-recessive: #995736; --colours-shades-secondary-accent-shades-secondary-accent-extra-recessive: #cc774c; --colours-shades-neutral-shades-100: #ffeee5; --colours-shades-neutral-shades-200: #ffd8c4; --colours-shades-neutral-shades-300: #ffc2a3; --colours-shades-neutral-shades-400: #ffac82; --colours-shades-neutral-shades-500: #ff9661; --colours-shades-neutral-shades-600: #cc774c; --colours-shades-neutral-shades-700: #995736; --colours-shades-neutral-shades-800: #653821; --colours-shades-neutral-shades-900: #32180b; --colours-interaction-states-hover-background-hover: #ffac82; --colours-interaction-states-hover-background-subtle-hover: #ffc2a3; --colours-interaction-states-hover-text-hover: #32180b; --colours-interaction-states-hover-text-dominant-hover: #32180b; --colours-interaction-states-hover-text-recessive-hover: #32180b; --colours-interaction-states-hover-text-link-hover: #32180b; --colours-interaction-states-hover-accent-hover: #32180b; --colours-interaction-states-hover-text-on-accent-hover: #ffeee5; --colours-interaction-states-hover-accent-secondary-hover: #ffeee5; --colours-interaction-states-hover-text-on-accent-secondary-hover: #000; --colours-interaction-states-hover-stroke-hover: #000; --colours-interaction-states-hover-stroke-subtle-hover: #995736; --colours-interaction-states-pressed-background-pressed: #ffc2a3; --colours-interaction-states-pressed-background-subtle-pressed: #ffd8c4; --colours-interaction-states-pressed-text-pressed: #653821; --colours-interaction-states-pressed-text-dominant-pressed: #653821; --colours-interaction-states-pressed-text-recessive-pressed: #000; --colours-interaction-states-pressed-text-link-pressed: #653821; --colours-interaction-states-pressed-accent-pressed: #653821; --colours-interaction-states-pressed-text-on-accent-pressed: #fff; --colours-interaction-states-pressed-accent-secondary-pressed: #fff; --colours-interaction-states-pressed-text-on-accent-secondary-pressed: #000; --colours-interaction-states-pressed-stroke-pressed: #000; --colours-interaction-states-pressed-stroke-subtle-pressed: #653821; --colours-interaction-states-focus-focus: #000; --colours-interaction-states-focus-stroke-active: #995736; --colours-interaction-states-disabled-background-disabled: #cc774c; --colours-interaction-states-disabled-background-subtle-disabled: #cc774c; --colours-interaction-states-disabled-background-card-disabled: #cc774c; --colours-interaction-states-disabled-text-disabled: #995736; --colours-interaction-states-disabled-text-dominant-disabled: #995736; --colours-interaction-states-disabled-text-recessive-disabled: #995736; --colours-interaction-states-disabled-text-link-disabled: #995736; --colours-interaction-states-disabled-accent-disabled: #995736; --colours-interaction-states-disabled-text-on-accent-disabled: #32180b; --colours-interaction-states-disabled-accent-secondary-disabled: #995736; --colours-interaction-states-disabled-text-on-accent-secondary-disabled: #32180b; --colours-interaction-states-disabled-stroke-disabled: #995736; --colours-interaction-states-disabled-stroke-subtle-disabled: #995736; --colours-interaction-states-visited-text-visited: #000; --colours-interaction-states-visited-text-link-visited: #995736; --colours-functional-notification-notification: #000; --colours-functional-notification-text-on-notification: #fff; --colours-functional-informational-subtle: #d3d7f9; --colours-functional-informational-standard: #2238df; --colours-functional-informational-hovered: #05169b; --colours-functional-informational-pressed: #000e79; --colours-functional-success-subtle: #ccf0e1; --colours-functional-success-standard: #00b367; --colours-functional-success-hovered: #008a50; --colours-functional-success-pressed: #006138; --colours-functional-warning-subtle: #fee2d0; --colours-functional-warning-standard: #f97012; --colours-functional-warning-hovered: #d05500; --colours-functional-warning-pressed: #bd4600; --colours-functional-destructive-subtle: #fad2cf; --colours-functional-destructive-standard: #eb2010; --colours-functional-destructive-hovered: #bf0e00; --colours-functional-destructive-pressed: #960b00; --elevation-level-0: 0 0 0 0 rgba(0, 0, 0, 0); --elevation-level-1: 0 0 0 0 rgba(0, 0, 0, 0); --elevation-level-2: 0 0 0 0 rgba(0, 0, 0, 0); --elevation-level-3: 0 0 0 0 rgba(0, 0, 0, 0); --elevation-level-4: 0 0 0 0 rgba(0, 0, 0, 0); --elevation-level-5: 0 0 0 0 rgba(0, 0, 0, 0); --elevation-level-6: 0 0 0 0 rgba(0, 0, 0, 0); --elevation-app-bar-top-flat: 0 1px 0 0 rgba(0, 0, 0, 0.1); --elevation-app-bar-top-raised: 0 3px 8px 0 rgba(0, 0, 0, 0.05); --elevation-app-bar-bottom-flat: 0 -1px 0 0 rgba(0, 0, 0, 0.1); --elevation-app-bar-bottom-raised: 0 -3px 8px 0 rgba(0, 0, 0, 0.05); --elevation-fab-standard: 0 5px 12px 2px rgba(0, 0, 0, 0.14); --elevation-fab-hovered: 0 4px 8px 1px rgba(0, 0, 0, 0.13); --elevation-fab-pressed: 0 3px 7px 0 rgba(0, 0, 0, 0.12); } [data-scheme="cheddar"] { --colours-basic-background: #ffb25c; --colours-basic-background-subtle: #ffc17c; --colours-basic-background-card: #ffb25c; --colours-basic-text: #000; --colours-basic-text-dominant: #000; --colours-basic-text-recessive: #65421c; --colours-basic-text-link: #000; --colours-basic-accent: #000; --colours-basic-text-on-accent: #fff; --colours-basic-accent-secondary: #ffdfbb; --colours-basic-text-on-accent-secondary: #000; --colours-basic-stroke: #000; --colours-basic-stroke-subtle: #cc8d46; --colours-basic-modal-overlay: rgba(0, 0, 0, 0.4); --colours-shades-accent-shades-accent-subtle: #ffeedb; --colours-shades-accent-shades-accent-extra-dominant: #ffdfbb; --colours-shades-accent-shades-accent-dominant: #ffd09b; --colours-shades-accent-shades-accent-recessive: #cc8d46; --colours-shades-accent-shades-accent-extra-recessive: #996831; --colours-shades-secondary-accent-shades-secondary-accent-subtle: #ffeedb; --colours-shades-secondary-accent-shades-secondary-accent-extra-dominant: #321d06; --colours-shades-secondary-accent-shades-secondary-accent-dominant: #65421c; --colours-shades-secondary-accent-shades-secondary-accent-recessive: #996831; --colours-shades-secondary-accent-shades-secondary-accent-extra-recessive: #cc8d46; --colours-shades-neutral-shades-100: #ffeedb; --colours-shades-neutral-shades-200: #ffdfbb; --colours-shades-neutral-shades-300: #ffd09b; --colours-shades-neutral-shades-400: #ffc17c; --colours-shades-neutral-shades-500: #ffb25c; --colours-shades-neutral-shades-600: #cc8d46; --colours-shades-neutral-shades-700: #996831; --colours-shades-neutral-shades-800: #65421c; --colours-shades-neutral-shades-900: #321d06; --colours-interaction-states-hover-background-hover: #ffc17c; --colours-interaction-states-hover-background-subtle-hover: #ffd09b; --colours-interaction-states-hover-text-hover: #321d06; --colours-interaction-states-hover-text-dominant-hover: #321d06; --colours-interaction-states-hover-text-recessive-hover: #321d06; --colours-interaction-states-hover-text-link-hover: #321d06; --colours-interaction-states-hover-accent-hover: #321d06; --colours-interaction-states-hover-text-on-accent-hover: #ffeedb; --colours-interaction-states-hover-accent-secondary-hover: #ffeedb; --colours-interaction-states-hover-text-on-accent-secondary-hover: #000; --colours-interaction-states-hover-stroke-hover: #000; --colours-interaction-states-hover-stroke-subtle-hover: #996831; --colours-interaction-states-pressed-background-pressed: #ffd09b; --colours-interaction-states-pressed-background-subtle-pressed: #ffdfbb; --colours-interaction-states-pressed-text-pressed: #65421c; --colours-interaction-states-pressed-text-dominant-pressed: #65421c; --colours-interaction-states-pressed-text-recessive-pressed: #000; --colours-interaction-states-pressed-text-link-pressed: #65421c; --colours-interaction-states-pressed-accent-pressed: #65421c; --colours-interaction-states-pressed-text-on-accent-pressed: #fff; --colours-interaction-states-pressed-accent-secondary-pressed: #fff; --colours-interaction-states-pressed-text-on-accent-secondary-pressed: #000; --colours-interaction-states-pressed-stroke-pressed: #000; --colours-interaction-states-pressed-stroke-subtle-pressed: #65421c; --colours-interaction-states-focus-focus: #000; --colours-interaction-states-focus-stroke-active: #996831; --colours-interaction-states-disabled-background-disabled: #cc8d46; --colours-interaction-states-disabled-background-subtle-disabled: #cc8d46; --colours-interaction-states-disabled-background-card-disabled: #cc8d46; --colours-interaction-states-disabled-text-disabled: #996831; --colours-interaction-states-disabled-text-dominant-disabled: #996831; --colours-interaction-states-disabled-text-recessive-disabled: #996831; --colours-interaction-states-disabled-text-link-disabled: #996831; --colours-interaction-states-disabled-accent-disabled: #996831; --colours-interaction-states-disabled-text-on-accent-disabled: #321d06; --colours-interaction-states-disabled-accent-secondary-disabled: #996831; --colours-interaction-states-disabled-text-on-accent-secondary-disabled: #321d06; --colours-interaction-states-disabled-stroke-disabled: #996831; --colours-interaction-states-disabled-stroke-subtle-disabled: #996831; --colours-interaction-states-visited-text-visited: #000; --colours-interaction-states-visited-text-link-visited: #996831; --colours-functional-notification-notification: #000; --colours-functional-notification-text-on-notification: #fff; --colours-functional-informational-subtle: #d3d7f9; --colours-functional-informational-standard: #2238df; --colours-functional-informational-hovered: #05169b; --colours-functional-informational-pressed: #000e79; --colours-functional-success-subtle: #ccf0e1; --colours-functional-success-standard: #00b367; --colours-functional-success-hovered: #008a50; --colours-functional-success-pressed: #006138; --colours-functional-warning-subtle: #fee2d0; --colours-functional-warning-standard: #f97012; --colours-functional-warning-hovered: #d05500; --colours-functional-warning-pressed: #bd4600; --colours-functional-destructive-subtle: #fad2cf; --colours-functional-destructive-standard: #eb2010; --colours-functional-destructive-hovered: #bf0e00; --colours-functional-destructive-pressed: #960b00; --elevation-level-0: 0 0 0 0 rgba(0, 0, 0, 0); --elevation-level-1: 0 0 0 0 rgba(0, 0, 0, 0); --elevation-level-2: 0 0 0 0 rgba(0, 0, 0, 0); --elevation-level-3: 0 0 0 0 rgba(0, 0, 0, 0); --elevation-level-4: 0 0 0 0 rgba(0, 0, 0, 0); --elevation-level-5: 0 0 0 0 rgba(0, 0, 0, 0); --elevation-level-6: 0 0 0 0 rgba(0, 0, 0, 0); --elevation-app-bar-top-flat: 0 1px 0 0 rgba(0, 0, 0, 0.1); --elevation-app-bar-top-raised: 0 3px 8px 0 rgba(0, 0, 0, 0.05); --elevation-app-bar-bottom-flat: 0 -1px 0 0 rgba(0, 0, 0, 0.1); --elevation-app-bar-bottom-raised: 0 -3px 8px 0 rgba(0, 0, 0, 0.05); --elevation-fab-standard: 0 5px 12px 2px rgba(0, 0, 0, 0.14); --elevation-fab-hovered: 0 4px 8px 1px rgba(0, 0, 0, 0.13); --elevation-fab-pressed: 0 3px 7px 0 rgba(0, 0, 0, 0.12); } [data-scheme="dandelion"] { --colours-basic-background: #f6d046; --colours-basic-background-subtle: #f8d867; --colours-basic-background-card: #f6d046; --colours-basic-text: #000; --colours-basic-text-dominant: #000; --colours-basic-text-recessive: #5b4c17; --colours-basic-text-link: #000; --colours-basic-accent: #000; --colours-basic-text-on-accent: #fff; --colours-basic-accent-secondary: #fbe9a9; --colours-basic-text-on-accent-secondary: #000; --colours-basic-stroke: #000; --colours-basic-stroke-subtle: #c2a436; --colours-basic-modal-overlay: rgba(0, 0, 0, 0.4); --colours-shades-accent-shades-accent-subtle: #fcf1ca; --colours-shades-accent-shades-accent-extra-dominant: #fbe9a9; --colours-shades-accent-shades-accent-dominant: #f9e188; --colours-shades-accent-shades-accent-recessive: #c2a436; --colours-shades-accent-shades-accent-extra-recessive: #8f7827; --colours-shades-secondary-accent-shades-secondary-accent-subtle: #fcf1ca; --colours-shades-secondary-accent-shades-secondary-accent-extra-dominant: #2f2604; --colours-shades-secondary-accent-shades-secondary-accent-dominant: #5b4c17; --colours-shades-secondary-accent-shades-secondary-accent-recessive: #8f7827; --colours-shades-secondary-accent-shades-secondary-accent-extra-recessive: #c2a436; --colours-shades-neutral-shades-100: #fcf1ca; --colours-shades-neutral-shades-200: #fbe9a9; --colours-shades-neutral-shades-300: #f9e188; --colours-shades-neutral-shades-400: #f8d867; --colours-shades-neutral-shades-500: #f6d046; --colours-shades-neutral-shades-600: #c2a436; --colours-shades-neutral-shades-700: #8f7827; --colours-shades-neutral-shades-800: #5b4c17; --colours-shades-neutral-shades-900: #2f2604; --colours-interaction-states-hover-background-hover: #f8d867; --colours-interaction-states-hover-background-subtle-hover: #f9e188; --colours-interaction-states-hover-text-hover: #2f2604; --colours-interaction-states-hover-text-dominant-hover: #2f2604; --colours-interaction-states-hover-text-recessive-hover: #2f2604; --colours-interaction-states-hover-text-link-hover: #2f2604; --colours-interaction-states-hover-accent-hover: #2f2604; --colours-interaction-states-hover-text-on-accent-hover: #fcf1ca; --colours-interaction-states-hover-accent-secondary-hover: #fcf1ca; --colours-interaction-states-hover-text-on-accent-secondary-hover: #000; --colours-interaction-states-hover-stroke-hover: #000; --colours-interaction-states-hover-stroke-subtle-hover: #8f7827; --colours-interaction-states-pressed-background-pressed: #f9e188; --colours-interaction-states-pressed-background-subtle-pressed: #fbe9a9; --colours-interaction-states-pressed-text-pressed: #5b4c17; --colours-interaction-states-pressed-text-dominant-pressed: #5b4c17; --colours-interaction-states-pressed-text-recessive-pressed: #000; --colours-interaction-states-pressed-text-link-pressed: #5b4c17; --colours-interaction-states-pressed-accent-pressed: #5b4c17; --colours-interaction-states-pressed-text-on-accent-pressed: #fff; --colours-interaction-states-pressed-accent-secondary-pressed: #fff; --colours-interaction-states-pressed-text-on-accent-secondary-pressed: #000; --colours-interaction-states-pressed-stroke-pressed: #000; --colours-interaction-states-pressed-stroke-subtle-pressed: #5b4c17; --colours-interaction-states-focus-focus: #000; --colours-interaction-states-focus-stroke-active: #8f7827; --colours-interaction-states-disabled-background-disabled: #c2a436; --colours-interaction-states-disabled-background-subtle-disabled: #c2a436; --colours-interaction-states-disabled-background-card-disabled: #c2a436; --colours-interaction-states-disabled-text-disabled: #8f7827; --colours-interaction-states-disabled-text-dominant-disabled: #8f7827; --colours-interaction-states-disabled-text-recessive-disabled: #8f7827; --colours-interaction-states-disabled-text-link-disabled: #8f7827; --colours-interaction-states-disabled-accent-disabled: #8f7827; --colours-interaction-states-disabled-text-on-accent-disabled: #2f2604; --colours-interaction-states-disabled-accent-secondary-disabled: #8f7827; --colours-interaction-states-disabled-text-on-accent-secondary-disabled: #2f2604; --colours-interaction-states-disabled-stroke-disabled: #8f7827; --colours-interaction-states-disabled-stroke-subtle-disabled: #8f7827; --colours-interaction-states-visited-text-visited: #000; --colours-interaction-states-visited-text-link-visited: #8f7827; --colours-functional-notification-notification: #000; --colours-functional-notification-text-on-notification: #fff; --colours-functional-informational-subtle: #d3d7f9; --colours-functional-informational-standard: #2238df; --colours-functional-informational-hovered: #05169b; --colours-functional-informational-pressed: #000e79; --colours-functional-success-subtle: #ccf0e1; --colours-functional-success-standard: #00b367; --colours-functional-success-hovered: #008a50; --colours-functional-success-pressed: #006138; --colours-functional-warning-subtle: #fee2d0; --colours-functional-warning-standard: #f97012; --colours-functional-warning-hovered: #d05500; --colours-functional-warning-pressed: #bd4600; --colours-functional-destructive-subtle: #fad2cf; --colours-functional-destructive-standard: #eb2010; --colours-functional-destructive-hovered: #bf0e00; --colours-functional-destructive-pressed: #960b00; --elevation-level-0: 0 0 0 0 rgba(0, 0, 0, 0); --elevation-level-1: 0 0 0 0 rgba(0, 0, 0, 0); --elevation-level-2: 0 0 0 0 rgba(0, 0, 0, 0); --elevation-level-3: 0 0 0 0 rgba(0, 0, 0, 0); --elevation-level-4: 0 0 0 0 rgba(0, 0, 0, 0); --elevation-level-5: 0 0 0 0 rgba(0, 0, 0, 0); --elevation-level-6: 0 0 0 0 rgba(0, 0, 0, 0); --elevation-app-bar-top-flat: 0 1px 0 0 rgba(0, 0, 0, 0.1); --elevation-app-bar-top-raised: 0 3px 8px 0 rgba(0, 0, 0, 0.05); --elevation-app-bar-bottom-flat: 0 -1px 0 0 rgba(0, 0, 0, 0.1); --elevation-app-bar-bottom-raised: 0 -3px 8px 0 rgba(0, 0, 0, 0.05); --elevation-fab-standard: 0 5px 12px 2px rgba(0, 0, 0, 0.14); --elevation-fab-hovered: 0 4px 8px 1px rgba(0, 0, 0, 0.13); --elevation-fab-pressed: 0 3px 7px 0 rgba(0, 0, 0, 0.12); } [data-scheme="egg"] { --colours-basic-background: #efdc34; --colours-basic-background-subtle: #f2e256; --colours-basic-background-card: #efdc34; --colours-basic-text: #000; --colours-basic-text-dominant: #000; --colours-basic-text-recessive: #605813; --colours-basic-text-link: #000; --colours-basic-accent: #000; --colours-basic-text-on-accent: #fff; --colours-basic-accent-secondary: #f7ee9b; --colours-basic-text-on-accent-secondary: #000; --colours-basic-stroke: #000; --colours-basic-stroke-subtle: #bfb029; --colours-basic-modal-overlay: rgba(0, 0, 0, 0.4); --colours-shades-accent-shades-accent-subtle: #faf4bd; --colours-shades-accent-shades-accent-extra-dominant: #f7ee9b; --colours-shades-accent-shades-accent-dominant: #f4e879; --colours-shades-accent-shades-accent-recessive: #bfb029; --colours-shades-accent-shades-accent-extra-recessive: #90841e; --colours-shades-secondary-accent-shades-secondary-accent-subtle: #faf4bd; --colours-shades-secondary-accent-shades-secondary-accent-extra-dominant: #302c08; --colours-shades-secondary-accent-shades-secondary-accent-dominant: #605813; --colours-shades-secondary-accent-shades-secondary-accent-recessive: #90841e; --colours-shades-secondary-accent-shades-secondary-accent-extra-recessive: #bfb029; --colours-shades-neutral-shades-100: #faf4bd; --colours-shades-neutral-shades-200: #f7ee9b; --colours-shades-neutral-shades-300: #f4e879; --colours-shades-neutral-shades-400: #f2e256; --colours-shades-neutral-shades-500: #efdc34; --colours-shades-neutral-shades-600: #bfb029; --colours-shades-neutral-shades-700: #90841e; --colours-shades-neutral-shades-800: #605813; --colours-shades-neutral-shades-900: #302c08; --colours-interaction-states-hover-background-hover: #f2e256; --colours-interaction-states-hover-background-subtle-hover: #f4e879; --colours-interaction-states-hover-text-hover: #302c08; --colours-interaction-states-hover-text-dominant-hover: #302c08; --colours-interaction-states-hover-text-recessive-hover: #302c08; --colours-interaction-states-hover-text-link-hover: #302c08; --colours-interaction-states-hover-accent-hover: #302c08; --colours-interaction-states-hover-text-on-accent-hover: #faf4bd; --colours-interaction-states-hover-accent-secondary-hover: #faf4bd; --colours-interaction-states-hover-text-on-accent-secondary-hover: #000; --colours-interaction-states-hover-stroke-hover: #000; --colours-interaction-states-hover-stroke-subtle-hover: #90841e; --colours-interaction-states-pressed-background-pressed: #f4e879; --colours-interaction-states-pressed-background-subtle-pressed: #f7ee9b; --colours-interaction-states-pressed-text-pressed: #605813; --colours-interaction-states-pressed-text-dominant-pressed: #605813; --colours-interaction-states-pressed-text-recessive-pressed: #000; --colours-interaction-states-pressed-text-link-pressed: #605813; --colours-interaction-states-pressed-accent-pressed: #605813; --colours-interaction-states-pressed-text-on-accent-pressed: #fff; --colours-interaction-states-pressed-accent-secondary-pressed: #fff; --colours-interaction-states-pressed-text-on-accent-secondary-pressed: #000; --colours-interaction-states-pressed-stroke-pressed: #000; --colours-interaction-states-pressed-stroke-subtle-pressed: #605813; --colours-interaction-states-focus-focus: #000; --colours-interaction-states-focus-stroke-active: #90841e; --colours-interaction-states-disabled-background-disabled: #bfb029; --colours-interaction-states-disabled-background-subtle-disabled: #bfb029; --colours-interaction-states-disabled-background-card-disabled: #bfb029; --colours-interaction-states-disabled-text-disabled: #90841e; --colours-interaction-states-disabled-text-dominant-disabled: #90841e; --colours-interaction-states-disabled-text-recessive-disabled: #90841e; --colours-interaction-states-disabled-text-link-disabled: #90841e; --colours-interaction-states-disabled-accent-disabled: #90841e; --colours-interaction-states-disabled-text-on-accent-disabled: #302c08; --colours-interaction-states-disabled-accent-secondary-disabled: #90841e; --colours-interaction-states-disabled-text-on-accent-secondary-disabled: #302c08; --colours-interaction-states-disabled-stroke-disabled: #90841e; --colours-interaction-states-disabled-stroke-subtle-disabled: #90841e; --colours-interaction-states-visited-text-visited: #000; --colours-interaction-states-visited-text-link-visited: #90841e; --colours-functional-notification-notification: #000; --colours-functional-notification-text-on-notification: #fff; --colours-functional-informational-subtle: #d3d7f9; --colours-functional-informational-standard: #2238df; --colours-functional-informational-hovered: #05169b; --colours-functional-informational-pressed: #000e79; --colours-functional-success-subtle: #ccf0e1; --colours-functional-success-standard: #00b367; --colours-functional-success-hovered: #008a50; --colours-functional-success-pressed: #006138; --colours-functional-warning-subtle: #fee2d0; --colours-functional-warning-standard: #f97012; --colours-functional-warning-hovered: #d05500; --colours-functional-warning-pressed: #bd4600; --colours-functional-destructive-subtle: #fad2cf; --colours-functional-destructive-standard: #eb2010; --colours-functional-destructive-hovered: #bf0e00; --colours-functional-destructive-pressed: #960b00; --elevation-level-0: 0 0 0 0 rgba(0, 0, 0, 0); --elevation-level-1: 0 0 0 0 rgba(0, 0, 0, 0); --elevation-level-2: 0 0 0 0 rgba(0, 0, 0, 0); --elevation-level-3: 0 0 0 0 rgba(0, 0, 0, 0); --elevation-level-4: 0 0 0 0 rgba(0, 0, 0, 0); --elevation-level-5: 0 0 0 0 rgba(0, 0, 0, 0); --elevation-level-6: 0 0 0 0 rgba(0, 0, 0, 0); --elevation-app-bar-top-flat: 0 1px 0 0 rgba(0, 0, 0, 0.1); --elevation-app-bar-top-raised: 0 3px 8px 0 rgba(0, 0, 0, 0.05); --elevation-app-bar-bottom-flat: 0 -1px 0 0 rgba(0, 0, 0, 0.1); --elevation-app-bar-bottom-raised: 0 -3px 8px 0 rgba(0, 0, 0, 0.05); --elevation-fab-standard: 0 5px 12px 2px rgba(0, 0, 0, 0.14); --elevation-fab-hovered: 0 4px 8px 1px rgba(0, 0, 0, 0.13); --elevation-fab-pressed: 0 3px 7px 0 rgba(0, 0, 0, 0.12); } [data-scheme="frog"] { --colours-basic-background: #d4dc38; --colours-basic-background-subtle: #dce35b; --colours-basic-background-card: #d4dc38; --colours-basic-text: #000; --colours-basic-text-dominant: #000; --colours-basic-text-recessive: #555714; --colours-basic-text-link: #000; --colours-basic-accent: #000; --colours-basic-text-on-accent: #fff; --colours-basic-accent-secondary: #ecf0a2; --colours-basic-text-on-accent-secondary: #000; --colours-basic-stroke: #000; --colours-basic-stroke-subtle: #aab02c; --colours-basic-modal-overlay: rgba(0, 0, 0, 0.4); --colours-shades-accent-shades-accent-subtle: #f4f7c5; --colours-shades-accent-shades-accent-extra-dominant: #ecf0a2; --colours-shades-accent-shades-accent-dominant: #e4ea7f; --colours-shades-accent-shades-accent-recessive: #aab02c; --colours-shades-accent-shades-accent-extra-recessive: #7f8420; --colours-shades-secondary-accent-shades-secondary-accent-subtle: #f4f7c5; --colours-shades-secondary-accent-shades-secondary-accent-extra-dominant: #2a2b08; --colours-shades-secondary-accent-shades-secondary-accent-dominant: #555714; --colours-shades-secondary-accent-shades-secondary-accent-recessive: #7f8420; --colours-shades-secondary-accent-shades-secondary-accent-extra-recessive: #aab02c; --colours-shades-neutral-shades-100: #f4f7c5; --colours-shades-neutral-shades-200: #ecf0a2; --colours-shades-neutral-shades-300: #e4ea7f; --colours-shades-neutral-shades-400: #dce35b; --colours-shades-neutral-shades-500: #d4dc38; --colours-shades-neutral-shades-600: #aab02c; --colours-shades-neutral-shades-700: #7f8420; --colours-shades-neutral-shades-800: #555714; --colours-shades-neutral-shades-900: #2a2b08; --colours-interaction-states-hover-background-hover: #dce35b; --colours-interaction-states-hover-background-subtle-hover: #e4ea7f; --colours-interaction-states-hover-text-hover: #2a2b08; --colours-interaction-states-hover-text-dominant-hover: #2a2b08; --colours-interaction-states-hover-text-recessive-hover: #2a2b08; --colours-interaction-states-hover-text-link-hover: #2a2b08; --colours-interaction-states-hover-accent-hover: #2a2b08; --colours-interaction-states-hover-text-on-accent-hover: #f4f7c5; --colours-interaction-states-hover-accent-secondary-hover: #f4f7c5; --colours-interaction-states-hover-text-on-accent-secondary-hover: #000; --colours-interaction-states-hover-stroke-hover: #000; --colours-interaction-states-hover-stroke-subtle-hover: #7f8420; --colours-interaction-states-pressed-background-pressed: #e4ea7f; --colours-interaction-states-pressed-background-subtle-pressed: #ecf0a2; --colours-interaction-states-pressed-text-pressed: #555714; --colours-interaction-states-pressed-text-dominant-pressed: #555714; --colours-interaction-states-pressed-text-recessive-pressed: #000; --colours-interaction-states-pressed-text-link-pressed: #555714; --colours-interaction-states-pressed-accent-pressed: #555714; --colours-interaction-states-pressed-text-on-accent-pressed: #fff; --colours-interaction-states-pressed-accent-secondary-pressed: #fff; --colours-interaction-states-pressed-text-on-accent-secondary-pressed: #000; --colours-interaction-states-pressed-stroke-pressed: #000; --colours-interaction-states-pressed-stroke-subtle-pressed: #555714; --colours-interaction-states-focus-focus: #000; --colours-interaction-states-focus-stroke-active: #7f8420; --colours-interaction-states-disabled-background-disabled: #aab02c; --colours-interaction-states-disabled-background-subtle-disabled: #aab02c; --colours-interaction-states-disabled-background-card-disabled: #aab02c; --colours-interaction-states-disabled-text-disabled: #7f8420; --colours-interaction-states-disabled-text-dominant-disabled: #7f8420; --colours-interaction-states-disabled-text-recessive-disabled: #7f8420; --colours-interaction-states-disabled-text-link-disabled: #7f8420; --colours-interaction-states-disabled-accent-disabled: #7f8420; --colours-interaction-states-disabled-text-on-accent-disabled: #2a2b08; --colours-interaction-states-disabled-accent-secondary-disabled: #7f8420; --colours-interaction-states-disabled-text-on-accent-secondary-disabled: #2a2b08; --colours-interaction-states-disabled-stroke-disabled: #7f8420; --colours-interaction-states-disabled-stroke-subtle-disabled: #7f8420; --colours-interaction-states-visited-text-visited: #000; --colours-interaction-states-visited-text-link-visited: #7f8420; --colours-functional-notification-notification: #000; --colours-functional-notification-text-on-notification: #fff; --colours-functional-informational-subtle: #d3d7f9; --colours-functional-informational-standard: #2238df; --colours-functional-informational-hovered: #05169b; --colours-functional-informational-pressed: #000e79; --colours-functional-success-subtle: #ccf0e1; --colours-functional-success-standard: #00b367; --colours-functional-success-hovered: #008a50; --colours-functional-success-pressed: #006138; --colours-functional-warning-subtle: #fee2d0; --colours-functional-warning-standard: #f97012; --colours-functional-warning-hovered: #d05500; --colours-functional-warning-pressed: #bd4600; --colours-functional-destructive-subtle: #fad2cf; --colours-functional-destructive-standard: #eb2010; --colours-functional-destructive-hovered: #bf0e00; --colours-functional-destructive-pressed: #960b00; --elevation-level-0: 0 0 0 0 rgba(0, 0, 0, 0); --elevation-level-1: 0 0 0 0 rgba(0, 0, 0, 0); --elevation-level-2: 0 0 0 0 rgba(0, 0, 0, 0); --elevation-level-3: 0 0 0 0 rgba(0, 0, 0, 0); --elevation-level-4: 0 0 0 0 rgba(0, 0, 0, 0); --elevation-level-5: 0 0 0 0 rgba(0, 0, 0, 0); --elevation-level-6: 0 0 0 0 rgba(0, 0, 0, 0); --elevation-app-bar-top-flat: 0 1px 0 0 rgba(0, 0, 0, 0.1); --elevation-app-bar-top-raised: 0 3px 8px 0 rgba(0, 0, 0, 0.05); --elevation-app-bar-bottom-flat: 0 -1px 0 0 rgba(0, 0, 0, 0.1); --elevation-app-bar-bottom-raised: 0 -3px 8px 0 rgba(0, 0, 0, 0.05); --elevation-fab-standard: 0 5px 12px 2px rgba(0, 0, 0, 0.14); --elevation-fab-hovered: 0 4px 8px 1px rgba(0, 0, 0, 0.13); --elevation-fab-pressed: 0 3px 7px 0 rgba(0, 0, 0, 0.12); } [data-scheme="guacamole"] { --colours-basic-background: #a7de59; --colours-basic-background-subtle: #b8e479; --colours-basic-background-card: #a7de59; --colours-basic-text: #000; --colours-basic-text-dominant: #000; --colours-basic-text-recessive: #3f561e; --colours-basic-text-link: #000; --colours-basic-accent: #000; --colours-basic-text-on-accent: #fff; --colours-basic-accent-secondary: #daf1b9; --colours-basic-text-on-accent-secondary: #000; --colours-basic-stroke: #000; --colours-basic-stroke-subtle: #84b146; --colours-basic-modal-overlay: rgba(0, 0, 0, 0.4); --colours-shades-accent-shades-accent-subtle: #ebf7d9; --colours-shades-accent-shades-accent-extra-dominant: #daf1b9; --colours-shades-accent-shades-accent-dominant: #c9eb99; --colours-shades-accent-shades-accent-recessive: #84b146; --colours-shades-accent-shades-accent-extra-recessive: #628332; --colours-shades-secondary-accent-shades-secondary-accent-subtle: #ebf7d9; --colours-shades-secondary-accent-shades-secondary-accent-extra-dominant: #1c280b; --colours-shades-secondary-accent-shades-secondary-accent-dominant: #3f561e; --colours-shades-secondary-accent-shades-secondary-accent-recessive: #628332; --colours-shades-secondary-accent-shades-secondary-accent-extra-recessive: #84b146; --colours-shades-neutral-shades-100: #ebf7d9; --colours-shades-neutral-shades-200: #daf1b9; --colours-shades-neutral-shades-300: #c9eb99; --colours-shades-neutral-shades-400: #b8e479; --colours-shades-neutral-shades-500: #a7de59; --colours-shades-neutral-shades-600: #84b146; --colours-shades-neutral-shades-700: #628332; --colours-shades-neutral-shades-800: #3f561e; --colours-shades-neutral-shades-900: #1c280b; --colours-interaction-states-hover-background-hover: #b8e479; --colours-interaction-states-hover-background-subtle-hover: #c9eb99; --colours-interaction-states-hover-text-hover: #1c280b; --colours-interaction-states-hover-text-dominant-hover: #1c280b; --colours-interaction-states-hover-text-recessive-hover: #1c280b; --colours-interaction-states-hover-text-link-hover: #1c280b; --colours-interaction-states-hover-accent-hover: #1c280b; --colours-interaction-states-hover-text-on-accent-hover: #ebf7d9; --colours-interaction-states-hover-accent-secondary-hover: #ebf7d9; --colours-interaction-states-hover-text-on-accent-secondary-hover: #000; --colours-interaction-states-hover-stroke-hover: #000; --colours-interaction-states-hover-stroke-subtle-hover: #628332; --colours-interaction-states-pressed-background-pressed: #c9eb99; --colours-interaction-states-pressed-background-subtle-pressed: #daf1b9; --colours-interaction-states-pressed-text-pressed: #3f561e; --colours-interaction-states-pressed-text-dominant-pressed: #3f561e; --colours-interaction-states-pressed-text-recessive-pressed: #000; --colours-interaction-states-pressed-text-link-pressed: #3f561e; --colours-interaction-states-pressed-accent-pressed: #3f561e; --colours-interaction-states-pressed-text-on-accent-pressed: #fff; --colours-interaction-states-pressed-accent-secondary-pressed: #fff; --colours-interaction-states-pressed-text-on-accent-secondary-pressed: #000; --colours-interaction-states-pressed-stroke-pressed: #000; --colours-interaction-states-pressed-stroke-subtle-pressed: #3f561e; --colours-interaction-states-focus-focus: #000; --colours-interaction-states-focus-stroke-active: #628332; --colours-interaction-states-disabled-background-disabled: #84b146; --colours-interaction-states-disabled-background-subtle-disabled: #84b146; --colours-interaction-states-disabled-background-card-disabled: #84b146; --colours-interaction-states-disabled-text-disabled: #628332; --colours-interaction-states-disabled-text-dominant-disabled: #628332; --colours-interaction-states-disabled-text-recessive-disabled: #628332; --colours-interaction-states-disabled-text-link-disabled: #628332; --colours-interaction-states-disabled-accent-disabled: #628332; --colours-interaction-states-disabled-text-on-accent-disabled: #1c280b; --colours-interaction-states-disabled-accent-secondary-disabled: #628332; --colours-interaction-states-disabled-text-on-accent-secondary-disabled: #1c280b; --colours-interaction-states-disabled-stroke-disabled: #628332; --colours-interaction-states-disabled-stroke-subtle-disabled: #628332; --colours-interaction-states-visited-text-visited: #000; --colours-interaction-states-visited-text-link-visited: #628332; --colours-functional-notification-notification: #000; --colours-functional-notification-text-on-notification: #fff; --colours-functional-informational-subtle: #d3d7f9; --colours-functional-informational-standard: #2238df; --colours-functional-informational-hovered: #05169b; --colours-functional-informational-pressed: #000e79; --colours-functional-success-subtle: #ccf0e1; --colours-functional-success-standard: #00b367; --colours-functional-success-hovered: #008a50; --colours-functional-success-pressed: #006138; --colours-functional-warning-subtle: #fee2d0; --colours-functional-warning-standard: #f97012; --colours-functional-warning-hovered: #d05500; --colours-functional-warning-pressed: #bd4600; --colours-functional-destructive-subtle: #fad2cf; --colours-functional-destructive-standard: #eb2010; --colours-functional-destructive-hovered: #bf0e00; --colours-functional-destructive-pressed: #960b00; --elevation-level-0: 0 0 0 0 rgba(0, 0, 0, 0); --elevation-level-1: 0 0 0 0 rgba(0, 0, 0, 0); --elevation-level-2: 0 0 0 0 rgba(0, 0, 0, 0); --elevation-level-3: 0 0 0 0 rgba(0, 0, 0, 0); --elevation-level-4: 0 0 0 0 rgba(0, 0, 0, 0); --elevation-level-5: 0 0 0 0 rgba(0, 0, 0, 0); --elevation-level-6: 0 0 0 0 rgba(0, 0, 0, 0); --elevation-app-bar-top-flat: 0 1px 0 0 rgba(0, 0, 0, 0.1); --elevation-app-bar-top-raised: 0 3px 8px 0 rgba(0, 0, 0, 0.05); --elevation-app-bar-bottom-flat: 0 -1px 0 0 rgba(0, 0, 0, 0.1); --elevation-app-bar-bottom-raised: 0 -3px 8px 0 rgba(0, 0, 0, 0.05); --elevation-fab-standard: 0 5px 12px 2px rgba(0, 0, 0, 0.14); --elevation-fab-hovered: 0 4px 8px 1px rgba(0, 0, 0, 0.13); --elevation-fab-pressed: 0 3px 7px 0 rgba(0, 0, 0, 0.12); } [data-scheme="hummingbird"] { --colours-basic-background: #74e281; --colours-basic-background-subtle: #90e89b; --colours-basic-background-card: #74e281; --colours-basic-text: #000; --colours-basic-text-dominant: #000; --colours-basic-text-recessive: #27592c; --colours-basic-text-link: #000; --colours-basic-accent: #000; --colours-basic-text-on-accent: #fff; --colours-basic-accent-secondary: #c8f5ce; --colours-basic-text-on-accent-secondary: #000; --colours-basic-stroke: #000; --colours-basic-stroke-subtle: #5ab465; --colours-basic-modal-overlay: rgba(0, 0, 0, 0.4); --colours-shades-accent-shades-accent-subtle: #e4fbe7; --colours-shades-accent-shades-accent-extra-dominant: #c8f5ce; --colours-shades-accent-shades-accent-dominant: #acefb4; --colours-shades-accent-shades-accent-recessive: #5ab465; --colours-shades-accent-shades-accent-extra-recessive: #418749; --colours-shades-secondary-accent-shades-secondary-accent-subtle: #e4fbe7; --colours-shades-secondary-accent-shades-secondary-accent-extra-dominant: #0d2b10; --colours-shades-secondary-accent-shades-secondary-accent-dominant: #27592c; --colours-shades-secondary-accent-shades-secondary-accent-recessive: #418749; --colours-shades-secondary-accent-shades-secondary-accent-extra-recessive: #5ab465; --colours-shades-neutral-shades-100: #e4fbe7; --colours-shades-neutral-shades-200: #c8f5ce; --colours-shades-neutral-shades-300: #acefb4; --colours-shades-neutral-shades-400: #90e89b; --colours-shades-neutral-shades-500: #74e281; --colours-shades-neutral-shades-600: #5ab465; --colours-shades-neutral-shades-700: #418749; --colours-shades-neutral-shades-800: #27592c; --colours-shades-neutral-shades-900: #0d2b10; --colours-interaction-states-hover-background-hover: #90e89b; --colours-interaction-states-hover-background-subtle-hover: #acefb4; --colours-interaction-states-hover-text-hover: #0d2b10; --colours-interaction-states-hover-text-dominant-hover: #0d2b10; --colours-interaction-states-hover-text-recessive-hover: #0d2b10; --colours-interaction-states-hover-text-link-hover: #0d2b10; --colours-interaction-states-hover-accent-hover: #0d2b10; --colours-interaction-states-hover-text-on-accent-hover: #e4fbe7; --colours-interaction-states-hover-accent-secondary-hover: #e4fbe7; --colours-interaction-states-hover-text-on-accent-secondary-hover: #000; --colours-interaction-states-hover-stroke-hover: #000; --colours-interaction-states-hover-stroke-subtle-hover: #418749; --colours-interaction-states-pressed-background-pressed: #acefb4; --colours-interaction-states-pressed-background-subtle-pressed: #c8f5ce; --colours-interaction-states-pressed-text-pressed: #27592c; --colours-interaction-states-pressed-text-dominant-pressed: #27592c; --colours-interaction-states-pressed-text-recessive-pressed: #000; --colours-interaction-states-pressed-text-link-pressed: #27592c; --colours-interaction-states-pressed-accent-pressed: #27592c; --colours-interaction-states-pressed-text-on-accent-pressed: #fff; --colours-interaction-states-pressed-accent-secondary-pressed: #fff; --colours-interaction-states-pressed-text-on-accent-secondary-pressed: #000; --colours-interaction-states-pressed-stroke-pressed: #000; --colours-interaction-states-pressed-stroke-subtle-pressed: #27592c; --colours-interaction-states-focus-focus: #000; --colours-interaction-states-focus-stroke-active: #418749; --colours-interaction-states-disabled-background-disabled: #5ab465; --colours-interaction-states-disabled-background-subtle-disabled: #5ab465; --colours-interaction-states-disabled-background-card-disabled: #5ab465; --colours-interaction-states-disabled-text-disabled: #418749; --colours-interaction-states-disabled-text-dominant-disabled: #418749; --colours-interaction-states-disabled-text-recessive-disabled: #418749; --colours-interaction-states-disabled-text-link-disabled: #418749; --colours-interaction-states-disabled-accent-disabled: #418749; --colours-interaction-states-disabled-text-on-accent-disabled: #0d2b10; --colours-interaction-states-disabled-accent-secondary-disabled: #418749; --colours-interaction-states-disabled-text-on-accent-secondary-disabled: #0d2b10; --colours-interaction-states-disabled-stroke-disabled: #418749; --colours-interaction-states-disabled-stroke-subtle-disabled: #418749; --colours-interaction-states-visited-text-visited: #000; --colours-interaction-states-visited-text-link-visited: #418749; --colours-functional-notification-notification: #000; --colours-functional-notification-text-on-notification: #fff; --colours-functional-informational-subtle: #d3d7f9; --colours-functional-informational-standard: #2238df; --colours-functional-informational-hovered: #05169b; --colours-functional-informational-pressed: #000e79; --colours-functional-success-subtle: #ccf0e1; --colours-functional-success-standard: #00b367; --colours-functional-success-hovered: #008a50; --colours-functional-success-pressed: #006138; --colours-functional-warning-subtle: #fee2d0; --colours-functional-warning-standard: #f97012; --colours-functional-warning-hovered: #d05500; --colours-functional-warning-pressed: #bd4600; --colours-functional-destructive-subtle: #fad2cf; --colours-functional-destructive-standard: #eb2010; --colours-functional-destructive-hovered: #bf0e00; --colours-functional-destructive-pressed: #960b00; --elevation-level-0: 0 0 0 0 rgba(0, 0, 0, 0); --elevation-level-1: 0 0 0 0 rgba(0, 0, 0, 0); --elevation-level-2: 0 0 0 0 rgba(0, 0, 0, 0); --elevation-level-3: 0 0 0 0 rgba(0, 0, 0, 0); --elevation-level-4: 0 0 0 0 rgba(0, 0, 0, 0); --elevation-level-5: 0 0 0 0 rgba(0, 0, 0, 0); --elevation-level-6: 0 0 0 0 rgba(0, 0, 0, 0); --elevation-app-bar-top-flat: 0 1px 0 0 rgba(0, 0, 0, 0.1); --elevation-app-bar-top-raised: 0 3px 8px 0 rgba(0, 0, 0, 0.05); --elevation-app-bar-bottom-flat: 0 -1px 0 0 rgba(0, 0, 0, 0.1); --elevation-app-bar-bottom-raised: 0 -3px 8px 0 rgba(0, 0, 0, 0.05); --elevation-fab-standard: 0 5px 12px 2px rgba(0, 0, 0, 0.14); --elevation-fab-hovered: 0 4px 8px 1px rgba(0, 0, 0, 0.13); --elevation-fab-pressed: 0 3px 7px 0 rgba(0, 0, 0, 0.12); } [data-scheme="iguana"] { --colours-basic-background: #4de0af; --colours-basic-background-subtle: #72e7c0; --colours-basic-background-card: #4de0af; --colours-basic-text: #000; --colours-basic-text-dominant: #000; --colours-basic-text-recessive: #1b5743; --colours-basic-text-link: #000; --colours-basic-accent: #000; --colours-basic-text-on-accent: #fff; --colours-basic-accent-secondary: #bcf3e1; --colours-basic-text-on-accent-secondary: #000; --colours-basic-stroke: #000; --colours-basic-stroke-subtle: #3cb28b; --colours-basic-modal-overlay: rgba(0, 0, 0, 0.4); --colours-shades-accent-shades-accent-subtle: #e1faf1; --colours-shades-accent-shades-accent-extra-dominant: #bcf3e1; --colours-shades-accent-shades-accent-dominant: #97edd0; --colours-shades-accent-shades-accent-recessive: #3cb28b; --colours-shades-accent-shades-accent-extra-recessive: #2c8567; --colours-shades-secondary-accent-shades-secondary-accent-subtle: #e1faf1; --colours-shades-secondary-accent-shades-secondary-accent-extra-dominant: #0a291f; --colours-shades-secondary-accent-shades-secondary-accent-dominant: #1b5743; --colours-shades-secondary-accent-shades-secondary-accent-recessive: #2c8567; --colours-shades-secondary-accent-shades-secondary-accent-extra-recessive: #3cb28b; --colours-shades-neutral-shades-100: #e1faf1; --colours-shades-neutral-shades-200: #bcf3e1; --colours-shades-neutral-shades-300: #97edd0; --colours-shades-neutral-shades-400: #72e7c0; --colours-shades-neutral-shades-500: #4de0af; --colours-shades-neutral-shades-600: #3cb28b; --colours-shades-neutral-shades-700: #2c8567; --colours-shades-neutral-shades-800: #1b5743; --colours-shades-neutral-shades-900: #0a291f; --colours-interaction-states-hover-background-hover: #72e7c0; --colours-interaction-states-hover-background-subtle-hover: #97edd0; --colours-interaction-states-hover-text-hover: #0a291f; --colours-interaction-states-hover-text-dominant-hover: #0a291f; --colours-interaction-states-hover-text-recessive-hover: #0a291f; --colours-interaction-states-hover-text-link-hover: #0a291f; --colours-interaction-states-hover-accent-hover: #0a291f; --colours-interaction-states-hover-text-on-accent-hover: #e1faf1; --colours-interaction-states-hover-accent-secondary-hover: #e1faf1; --colours-interaction-states-hover-text-on-accent-secondary-hover: #000; --colours-interaction-states-hover-stroke-hover: #000; --colours-interaction-states-hover-stroke-subtle-hover: #2c8567; --colours-interaction-states-pressed-background-pressed: #97edd0; --colours-interaction-states-pressed-background-subtle-pressed: #bcf3e1; --colours-interaction-states-pressed-text-pressed: #1b5743; --colours-interaction-states-pressed-text-dominant-pressed: #1b5743; --colours-interaction-states-pressed-text-recessive-pressed: #000; --colours-interaction-states-pressed-text-link-pressed: #1b5743; --colours-interaction-states-pressed-accent-pressed: #1b5743; --colours-interaction-states-pressed-text-on-accent-pressed: #fff; --colours-interaction-states-pressed-accent-secondary-pressed: #fff; --colours-interaction-states-pressed-text-on-accent-secondary-pressed: #000; --colours-interaction-states-pressed-stroke-pressed: #000; --colours-interaction-states-pressed-stroke-subtle-pressed: #1b5743; --colours-interaction-states-focus-focus: #000; --colours-interaction-states-focus-stroke-active: #2c8567; --colours-interaction-states-disabled-background-disabled: #3cb28b; --colours-interaction-states-disabled-background-subtle-disabled: #3cb28b; --colours-interaction-states-disabled-background-card-disabled: #3cb28b; --colours-interaction-states-disabled-text-disabled: #2c8567; --colours-interaction-states-disabled-text-dominant-disabled: #2c8567; --colours-interaction-states-disabled-text-recessive-disabled: #2c8567; --colours-interaction-states-disabled-text-link-disabled: #2c8567; --colours-interaction-states-disabled-accent-disabled: #2c8567; --colours-interaction-states-disabled-text-on-accent-disabled: #0a291f; --colours-interaction-states-disabled-accent-secondary-disabled: #2c8567; --colours-interaction-states-disabled-text-on-accent-secondary-disabled: #0a291f; --colours-interaction-states-disabled-stroke-disabled: #2c8567; --colours-interaction-states-disabled-stroke-subtle-disabled: #2c8567; --colours-interaction-states-visited-text-visited: #000; --colours-interaction-states-visited-text-link-visited: #2c8567; --colours-functional-notification-notification: #000; --colours-functional-notification-text-on-notification: #fff; --colours-functional-informational-subtle: #d3d7f9; --colours-functional-informational-standard: #2238df; --colours-functional-informational-hovered: #05169b; --colours-functional-informational-pressed: #000e79; --colours-functional-success-subtle: #ccf0e1; --colours-functional-success-standard: #00b367; --colours-functional-success-hovered: #008a50; --colours-functional-success-pressed: #006138; --colours-functional-warning-subtle: #fee2d0; --colours-functional-warning-standard: #f97012; --colours-functional-warning-hovered: #d05500; --colours-functional-warning-pressed: #bd4600; --colours-functional-destructive-subtle: #fad2cf; --colours-functional-destructive-standard: #eb2010; --colours-functional-destructive-hovered: #bf0e00; --colours-functional-destructive-pressed: #960b00; --elevation-level-0: 0 0 0 0 rgba(0, 0, 0, 0); --elevation-level-1: 0 0 0 0 rgba(0, 0, 0, 0); --elevation-level-2: 0 0 0 0 rgba(0, 0, 0, 0); --elevation-level-3: 0 0 0 0 rgba(0, 0, 0, 0); --elevation-level-4: 0 0 0 0 rgba(0, 0, 0, 0); --elevation-level-5: 0 0 0 0 rgba(0, 0, 0, 0); --elevation-level-6: 0 0 0 0 rgba(0, 0, 0, 0); --elevation-app-bar-top-flat: 0 1px 0 0 rgba(0, 0, 0, 0.1); --elevation-app-bar-top-raised: 0 3px 8px 0 rgba(0, 0, 0, 0.05); --elevation-app-bar-bottom-flat: 0 -1px 0 0 rgba(0, 0, 0, 0.1); --elevation-app-bar-bottom-raised: 0 -3px 8px 0 rgba(0, 0, 0, 0.05); --elevation-fab-standard: 0 5px 12px 2px rgba(0, 0, 0, 0.14); --elevation-fab-hovered: 0 4px 8px 1px rgba(0, 0, 0, 0.13); --elevation-fab-pressed: 0 3px 7px 0 rgba(0, 0, 0, 0.12); } [data-scheme="jacuzzi"] { --colours-basic-background: #4ad9cd; --colours-basic-background-subtle: #70e1d8; --colours-basic-background-card: #4ad9cd; --colours-basic-text: #000; --colours-basic-text-dominant: #000; --colours-basic-text-recessive: #1b544f; --colours-basic-text-link: #000; --colours-basic-accent: #000; --colours-basic-text-on-accent: #fff; --colours-basic-accent-secondary: #bcf1ed; --colours-basic-text-on-accent-secondary: #000; --colours-basic-stroke: #000; --colours-basic-stroke-subtle: #3aada3; --colours-basic-modal-overlay: rgba(0, 0, 0, 0.4); --colours-shades-accent-shades-accent-subtle: #e2f9f7; --colours-shades-accent-shades-accent-extra-dominant: #bcf1ed; --colours-shades-accent-shades-accent-dominant: #96e9e2; --colours-shades-accent-shades-accent-recessive: #3aada3; --colours-shades-accent-shades-accent-extra-recessive: #2b8179; --colours-shades-secondary-accent-shades-secondary-accent-subtle: #e2f9f7; --colours-shades-secondary-accent-shades-secondary-accent-extra-dominant: #0b2825; --colours-shades-secondary-accent-shades-secondary-accent-dominant: #1b544f; --colours-shades-secondary-accent-shades-secondary-accent-recessive: #2b8179; --colours-shades-secondary-accent-shades-secondary-accent-extra-recessive: #3aada3; --colours-shades-neutral-shades-100: #e2f9f7; --colours-shades-neutral-shades-200: #bcf1ed; --colours-shades-neutral-shades-300: #96e9e2; --colours-shades-neutral-shades-400: #70e1d8; --colours-shades-neutral-shades-500: #4ad9cd; --colours-shades-neutral-shades-600: #3aada3; --colours-shades-neutral-shades-700: #2b8179; --colours-shades-neutral-shades-800: #1b544f; --colours-shades-neutral-shades-900: #0b2825; --colours-interaction-states-hover-background-hover: #70e1d8; --colours-interaction-states-hover-background-subtle-hover: #96e9e2; --colours-interaction-states-hover-text-hover: #0b2825; --colours-interaction-states-hover-text-dominant-hover: #0b2825; --colours-interaction-states-hover-text-recessive-hover: #0b2825; --colours-interaction-states-hover-text-link-hover: #0b2825; --colours-interaction-states-hover-accent-hover: #0b2825; --colours-interaction-states-hover-text-on-accent-hover: #e2f9f7; --colours-interaction-states-hover-accent-secondary-hover: #e2f9f7; --colours-interaction-states-hover-text-on-accent-secondary-hover: #000; --colours-interaction-states-hover-stroke-hover: #000; --colours-interaction-states-hover-stroke-subtle-hover: #2b8179; --colours-interaction-states-pressed-background-pressed: #96e9e2; --colours-interaction-states-pressed-background-subtle-pressed: #bcf1ed; --colours-interaction-states-pressed-text-pressed: #1b544f; --colours-interaction-states-pressed-text-dominant-pressed: #1b544f; --colours-interaction-states-pressed-text-recessive-pressed: #000; --colours-interaction-states-pressed-text-link-pressed: #1b544f; --colours-interaction-states-pressed-accent-pressed: #1b544f; --colours-interaction-states-pressed-text-on-accent-pressed: #fff; --colours-interaction-states-pressed-accent-secondary-pressed: #fff; --colours-interaction-states-pressed-text-on-accent-secondary-pressed: #000; --colours-interaction-states-pressed-stroke-pressed: #000; --colours-interaction-states-pressed-stroke-subtle-pressed: #1b544f; --colours-interaction-states-focus-focus: #000; --colours-interaction-states-focus-stroke-active: #2b8179; --colours-interaction-states-disabled-background-disabled: #3aada3; --colours-interaction-states-disabled-background-subtle-disabled: #3aada3; --colours-interaction-states-disabled-background-card-disabled: #3aada3; --colours-interaction-states-disabled-text-disabled: #2b8179; --colours-interaction-states-disabled-text-dominant-disabled: #2b8179; --colours-interaction-states-disabled-text-recessive-disabled: #2b8179; --colours-interaction-states-disabled-text-link-disabled: #2b8179; --colours-interaction-states-disabled-accent-disabled: #2b8179; --colours-interaction-states-disabled-text-on-accent-disabled: #0b2825; --colours-interaction-states-disabled-accent-secondary-disabled: #2b8179; --colours-interaction-states-disabled-text-on-accent-secondary-disabled: #0b2825; --colours-interaction-states-disabled-stroke-disabled: #2b8179; --colours-interaction-states-disabled-stroke-subtle-disabled: #2b8179; --colours-interaction-states-visited-text-visited: #000; --colours-interaction-states-visited-text-link-visited: #2b8179; --colours-functional-notification-notification: #000; --colours-functional-notification-text-on-notification: #fff; --colours-functional-informational-subtle: #d3d7f9; --colours-functional-informational-standard: #2238df; --colours-functional-informational-hovered: #05169b; --colours-functional-informational-pressed: #000e79; --colours-functional-success-subtle: #ccf0e1; --colours-functional-success-standard: #00b367; --colours-functional-success-hovered: #008a50; --colours-functional-success-pressed: #006138; --colours-functional-warning-subtle: #fee2d0; --colours-functional-warning-standard: #f97012; --colours-functional-warning-hovered: #d05500; --colours-functional-warning-pressed: #bd4600; --colours-functional-destructive-subtle: #fad2cf; --colours-functional-destructive-standard: #eb2010; --colours-functional-destructive-hovered: #bf0e00; --colours-functional-destructive-pressed: #960b00; --elevation-level-0: 0 0 0 0 rgba(0, 0, 0, 0); --elevation-level-1: 0 0 0 0 rgba(0, 0, 0, 0); --elevation-level-2: 0 0 0 0 rgba(0, 0, 0, 0); --elevation-level-3: 0 0 0 0 rgba(0, 0, 0, 0); --elevation-level-4: 0 0 0 0 rgba(0, 0, 0, 0); --elevation-level-5: 0 0 0 0 rgba(0, 0, 0, 0); --elevation-level-6: 0 0 0 0 rgba(0, 0, 0, 0); --elevation-app-bar-top-flat: 0 1px 0 0 rgba(0, 0, 0, 0.1); --elevation-app-bar-top-raised: 0 3px 8px 0 rgba(0, 0, 0, 0.05); --elevation-app-bar-bottom-flat: 0 -1px 0 0 rgba(0, 0, 0, 0.1); --elevation-app-bar-bottom-raised: 0 -3px 8px 0 rgba(0, 0, 0, 0.05); --elevation-fab-standard: 0 5px 12px 2px rgba(0, 0, 0, 0.14); --elevation-fab-hovered: 0 4px 8px 1px rgba(0, 0, 0, 0.13); --elevation-fab-pressed: 0 3px 7px 0 rgba(0, 0, 0, 0.12); } [data-scheme="kingfisher"] { --colours-basic-background: #4dd1e0; --colours-basic-background-subtle: #72dbe7; --colours-basic-background-card: #4dd1e0; --colours-basic-text: #000; --colours-basic-text-dominant: #000; --colours-basic-text-recessive: #1b545a; --colours-basic-text-link: #000; --colours-basic-accent: #000; --colours-basic-text-on-accent: #fff; --colours-basic-accent-secondary: #bceef3; --colours-basic-text-on-accent-secondary: #000; --colours-basic-stroke: #000; --colours-basic-stroke-subtle: #3ca7b3; --colours-basic-modal-overlay: rgba(0, 0, 0, 0.4); --colours-shades-accent-shades-accent-subtle: #e1f7fa; --colours-shades-accent-shades-accent-extra-dominant: #bceef3; --colours-shades-accent-shades-accent-dominant: #97e4ed; --colours-shades-accent-shades-accent-recessive: #3ca7b3; --colours-shades-accent-shades-accent-extra-recessive: #2c7e87; --colours-shades-secondary-accent-shades-secondary-accent-subtle: #e1f7fa; --colours-shades-secondary-accent-shades-secondary-accent-extra-dominant: #0b2a2d; --colours-shades-secondary-accent-shades-secondary-accent-dominant: #1b545a; --colours-shades-secondary-accent-shades-secondary-accent-recessive: #2c7e87; --colours-shades-secondary-accent-shades-secondary-accent-extra-recessive: #3ca7b3; --colours-shades-neutral-shades-100: #e1f7fa; --colours-shades-neutral-shades-200: #bceef3; --colours-shades-neutral-shades-300: #97e4ed; --colours-shades-neutral-shades-400: #72dbe7; --colours-shades-neutral-shades-500: #4dd1e0; --colours-shades-neutral-shades-600: #3ca7b3; --colours-shades-neutral-shades-700: #2c7e87; --colours-shades-neutral-shades-800: #1b545a; --colours-shades-neutral-shades-900: #0b2a2d; --colours-interaction-states-hover-background-hover: #72dbe7; --colours-interaction-states-hover-background-subtle-hover: #97e4ed; --colours-interaction-states-hover-text-hover: #0b2a2d; --colours-interaction-states-hover-text-dominant-hover: #0b2a2d; --colours-interaction-states-hover-text-recessive-hover: #0b2a2d; --colours-interaction-states-hover-text-link-hover: #0b2a2d; --colours-interaction-states-hover-accent-hover: #0b2a2d; --colours-interaction-states-hover-text-on-accent-hover: #e1f7fa; --colours-interaction-states-hover-accent-secondary-hover: #e1f7fa; --colours-interaction-states-hover-text-on-accent-secondary-hover: #000; --colours-interaction-states-hover-stroke-hover: #000; --colours-interaction-states-hover-stroke-subtle-hover: #2c7e87; --colours-interaction-states-pressed-background-pressed: #97e4ed; --colours-interaction-states-pressed-background-subtle-pressed: #bceef3; --colours-interaction-states-pressed-text-pressed: #1b545a; --colours-interaction-states-pressed-text-dominant-pressed: #1b545a; --colours-interaction-states-pressed-text-recessive-pressed: #000; --colours-interaction-states-pressed-text-link-pressed: #1b545a; --colours-interaction-states-pressed-accent-pressed: #1b545a; --colours-interaction-states-pressed-text-on-accent-pressed: #fff; --colours-interaction-states-pressed-accent-secondary-pressed: #fff; --colours-interaction-states-pressed-text-on-accent-secondary-pressed: #000; --colours-interaction-states-pressed-stroke-pressed: #000; --colours-interaction-states-pressed-stroke-subtle-pressed: #1b545a; --colours-interaction-states-focus-focus: #000; --colours-interaction-states-focus-stroke-active: #2c7e87; --colours-interaction-states-disabled-background-disabled: #3ca7b3; --colours-interaction-states-disabled-background-subtle-disabled: #3ca7b3; --colours-interaction-states-disabled-background-card-disabled: #3ca7b3; --colours-interaction-states-disabled-text-disabled: #2c7e87; --colours-interaction-states-disabled-text-dominant-disabled: #2c7e87; --colours-interaction-states-disabled-text-recessive-disabled: #2c7e87; --colours-interaction-states-disabled-text-link-disabled: #2c7e87; --colours-interaction-states-disabled-accent-disabled: #2c7e87; --colours-interaction-states-disabled-text-on-accent-disabled: #0b2a2d; --colours-interaction-states-disabled-accent-secondary-disabled: #2c7e87; --colours-interaction-states-disabled-text-on-accent-secondary-disabled: #0b2a2d; --colours-interaction-states-disabled-stroke-disabled: #2c7e87; --colours-interaction-states-disabled-stroke-subtle-disabled: #2c7e87; --colours-interaction-states-visited-text-visited: #000; --colours-interaction-states-visited-text-link-visited: #2c7e87; --colours-functional-notification-notification: #000; --colours-functional-notification-text-on-notification: #fff; --colours-functional-informational-subtle: #d3d7f9; --colours-functional-informational-standard: #2238df; --colours-functional-informational-hovered: #05169b; --colours-functional-informational-pressed: #000e79; --colours-functional-success-subtle: #ccf0e1; --colours-functional-success-standard: #00b367; --colours-functional-success-hovered: #008a50; --colours-functional-success-pressed: #006138; --colours-functional-warning-subtle: #fee2d0; --colours-functional-warning-standard: #f97012; --colours-functional-warning-hovered: #d05500; --colours-functional-warning-pressed: #bd4600; --colours-functional-destructive-subtle: #fad2cf; --colours-functional-destructive-standard: #eb2010; --colours-functional-destructive-hovered: #bf0e00; --colours-functional-destructive-pressed: #960b00; --elevation-level-0: 0 0 0 0 rgba(0, 0, 0, 0); --elevation-level-1: 0 0 0 0 rgba(0, 0, 0, 0); --elevation-level-2: 0 0 0 0 rgba(0, 0, 0, 0); --elevation-level-3: 0 0 0 0 rgba(0, 0, 0, 0); --elevation-level-4: 0 0 0 0 rgba(0, 0, 0, 0); --elevation-level-5: 0 0 0 0 rgba(0, 0, 0, 0); --elevation-level-6: 0 0 0 0 rgba(0, 0, 0, 0); --elevation-app-bar-top-flat: 0 1px 0 0 rgba(0, 0, 0, 0.1); --elevation-app-bar-top-raised: 0 3px 8px 0 rgba(0, 0, 0, 0.05); --elevation-app-bar-bottom-flat: 0 -1px 0 0 rgba(0, 0, 0, 0.1); --elevation-app-bar-bottom-raised: 0 -3px 8px 0 rgba(0, 0, 0, 0.05); --elevation-fab-standard: 0 5px 12px 2px rgba(0, 0, 0, 0.14); --elevation-fab-hovered: 0 4px 8px 1px rgba(0, 0, 0, 0.13); --elevation-fab-pressed: 0 3px 7px 0 rgba(0, 0, 0, 0.12); } [data-scheme="lagoon"] { --colours-basic-background: #5ec2ed; --colours-basic-background-subtle: #81cff1; --colours-basic-background-card: #5ec2ed; --colours-basic-text: #000; --colours-basic-text-dominant: #000; --colours-basic-text-recessive: #214d60; --colours-basic-text-link: #000; --colours-basic-accent: #000; --colours-basic-text-on-accent: #fff; --colours-basic-accent-secondary: #c6e9f8; --colours-basic-text-on-accent-secondary: #000; --colours-basic-stroke: #000; --colours-basic-stroke-subtle: #4a9bbe; --colours-basic-modal-overlay: rgba(0, 0, 0, 0.4); --colours-shades-accent-shades-accent-subtle: #e8f6fc; --colours-shades-accent-shades-accent-extra-dominant: #c6e9f8; --colours-shades-accent-shades-accent-dominant: #a3dcf5; --colours-shades-accent-shades-accent-recessive: #4a9bbe; --colours-shades-accent-shades-accent-extra-recessive: #35748f; --colours-shades-secondary-accent-shades-secondary-accent-subtle: #e8f6fc; --colours-shades-secondary-accent-shades-secondary-accent-extra-dominant: #0c2631; --colours-shades-secondary-accent-shades-secondary-accent-dominant: #214d60; --colours-shades-secondary-accent-shades-secondary-accent-recessive: #35748f; --colours-shades-secondary-accent-shades-secondary-accent-extra-recessive: #4a9bbe; --colours-shades-neutral-shades-100: #e8f6fc; --colours-shades-neutral-shades-200: #c6e9f8; --colours-shades-neutral-shades-300: #a3dcf5; --colours-shades-neutral-shades-400: #81cff1; --colours-shades-neutral-shades-500: #5ec2ed; --colours-shades-neutral-shades-600: #4a9bbe; --colours-shades-neutral-shades-700: #35748f; --colours-shades-neutral-shades-800: #214d60; --colours-shades-neutral-shades-900: #0c2631; --colours-interaction-states-hover-background-hover: #81cff1; --colours-interaction-states-hover-background-subtle-hover: #a3dcf5; --colours-interaction-states-hover-text-hover: #0c2631; --colours-interaction-states-hover-text-dominant-hover: #0c2631; --colours-interaction-states-hover-text-recessive-hover: #0c2631; --colours-interaction-states-hover-text-link-hover: #0c2631; --colours-interaction-states-hover-accent-hover: #0c2631; --colours-interaction-states-hover-text-on-accent-hover: #e8f6fc; --colours-interaction-states-hover-accent-secondary-hover: #e8f6fc; --colours-interaction-states-hover-text-on-accent-secondary-hover: #000; --colours-interaction-states-hover-stroke-hover: #000; --colours-interaction-states-hover-stroke-subtle-hover: #35748f; --colours-interaction-states-pressed-background-pressed: #a3dcf5; --colours-interaction-states-pressed-background-subtle-pressed: #c6e9f8; --colours-interaction-states-pressed-text-pressed: #214d60; --colours-interaction-states-pressed-text-dominant-pressed: #214d60; --colours-interaction-states-pressed-text-recessive-pressed: #000; --colours-interaction-states-pressed-text-link-pressed: #214d60; --colours-interaction-states-pressed-accent-pressed: #214d60; --colours-interaction-states-pressed-text-on-accent-pressed: #fff; --colours-interaction-states-pressed-accent-secondary-pressed: #fff; --colours-interaction-states-pressed-text-on-accent-secondary-pressed: #000; --colours-interaction-states-pressed-stroke-pressed: #000; --colours-interaction-states-pressed-stroke-subtle-pressed: #214d60; --colours-interaction-states-focus-focus: #000; --colours-interaction-states-focus-stroke-active: #35748f; --colours-interaction-states-disabled-background-disabled: #4a9bbe; --colours-interaction-states-disabled-background-subtle-disabled: #4a9bbe; --colours-interaction-states-disabled-background-card-disabled: #4a9bbe; --colours-interaction-states-disabled-text-disabled: #35748f; --colours-interaction-states-disabled-text-dominant-disabled: #35748f; --colours-interaction-states-disabled-text-recessive-disabled: #35748f; --colours-interaction-states-disabled-text-link-disabled: #35748f; --colours-interaction-states-disabled-accent-disabled: #35748f; --colours-interaction-states-disabled-text-on-accent-disabled: #0c2631; --colours-interaction-states-disabled-accent-secondary-disabled: #35748f; --colours-interaction-states-disabled-text-on-accent-secondary-disabled: #0c2631; --colours-interaction-states-disabled-stroke-disabled: #35748f; --colours-interaction-states-disabled-stroke-subtle-disabled: #35748f; --colours-interaction-states-visited-text-visited: #000; --colours-interaction-states-visited-text-link-visited: #35748f; --colours-functional-notification-notification: #000; --colours-functional-notification-text-on-notification: #fff; --colours-functional-informational-subtle: #d3d7f9; --colours-functional-informational-standard: #2238df; --colours-functional-informational-hovered: #05169b; --colours-functional-informational-pressed: #000e79; --colours-functional-success-subtle: #ccf0e1; --colours-functional-success-standard: #00b367; --colours-functional-success-hovered: #008a50; --colours-functional-success-pressed: #006138; --colours-functional-warning-subtle: #fee2d0; --colours-functional-warning-standard: #f97012; --colours-functional-warning-hovered: #d05500; --colours-functional-warning-pressed: #bd4600; --colours-functional-destructive-subtle: #fad2cf; --colours-functional-destructive-standard: #eb2010; --colours-functional-destructive-hovered: #bf0e00; --colours-functional-destructive-pressed: #960b00; --elevation-level-0: 0 0 0 0 rgba(0, 0, 0, 0); --elevation-level-1: 0 0 0 0 rgba(0, 0, 0, 0); --elevation-level-2: 0 0 0 0 rgba(0, 0, 0, 0); --elevation-level-3: 0 0 0 0 rgba(0, 0, 0, 0); --elevation-level-4: 0 0 0 0 rgba(0, 0, 0, 0); --elevation-level-5: 0 0 0 0 rgba(0, 0, 0, 0); --elevation-level-6: 0 0 0 0 rgba(0, 0, 0, 0); --elevation-app-bar-top-flat: 0 1px 0 0 rgba(0, 0, 0, 0.1); --elevation-app-bar-top-raised: 0 3px 8px 0 rgba(0, 0, 0, 0.05); --elevation-app-bar-bottom-flat: 0 -1px 0 0 rgba(0, 0, 0, 0.1); --elevation-app-bar-bottom-raised: 0 -3px 8px 0 rgba(0, 0, 0, 0.05); --elevation-fab-standard: 0 5px 12px 2px rgba(0, 0, 0, 0.14); --elevation-fab-hovered: 0 4px 8px 1px rgba(0, 0, 0, 0.13); --elevation-fab-pressed: 0 3px 7px 0 rgba(0, 0, 0, 0.12); } [data-scheme="macaw"] { --colours-basic-background: #84b0f5; --colours-basic-background-subtle: #9ec1f7; --colours-basic-background-card: #84b0f5; --colours-basic-text: #000; --colours-basic-text-dominant: #000; --colours-basic-text-recessive: #2e466a; --colours-basic-text-link: #000; --colours-basic-accent: #000; --colours-basic-text-on-accent: #fff; --colours-basic-accent-secondary: #d2e2fc; --colours-basic-text-on-accent-secondary: #000; --colours-basic-stroke: #000; --colours-basic-stroke-subtle: #678cc7; --colours-basic-modal-overlay: rgba(0, 0, 0, 0.4); --colours-shades-accent-shades-accent-subtle: #ecf3fe; --colours-shades-accent-shades-accent-extra-dominant: #d2e2fc; --colours-shades-accent-shades-accent-dominant: #b8d2fa; --colours-shades-accent-shades-accent-recessive: #678cc7; --colours-shades-accent-shades-accent-extra-recessive: #4b6998; --colours-shades-secondary-accent-shades-secondary-accent-subtle: #ecf3fe; --colours-shades-secondary-accent-shades-secondary-accent-extra-dominant: #11223b; --colours-shades-secondary-accent-shades-secondary-accent-dominant: #2e466a; --colours-shades-secondary-accent-shades-secondary-accent-recessive: #4b6998; --colours-shades-secondary-accent-shades-secondary-accent-extra-recessive: #678cc7; --colours-shades-neutral-shades-100: #ecf3fe; --colours-shades-neutral-shades-200: #d2e2fc; --colours-shades-neutral-shades-300: #b8d2fa; --colours-shades-neutral-shades-400: #9ec1f7; --colours-shades-neutral-shades-500: #84b0f5; --colours-shades-neutral-shades-600: #678cc7; --colours-shades-neutral-shades-700: #4b6998; --colours-shades-neutral-shades-800: #2e466a; --colours-shades-neutral-shades-900: #11223b; --colours-interaction-states-hover-background-hover: #9ec1f7; --colours-interaction-states-hover-background-subtle-hover: #b8d2fa; --colours-interaction-states-hover-text-hover: #11223b; --colours-interaction-states-hover-text-dominant-hover: #11223b; --colours-interaction-states-hover-text-recessive-hover: #11223b; --colours-interaction-states-hover-text-link-hover: #11223b; --colours-interaction-states-hover-accent-hover: #11223b; --colours-interaction-states-hover-text-on-accent-hover: #ecf3fe; --colours-interaction-states-hover-accent-secondary-hover: #ecf3fe; --colours-interaction-states-hover-text-on-accent-secondary-hover: #000; --colours-interaction-states-hover-stroke-hover: #000; --colours-interaction-states-hover-stroke-subtle-hover: #4b6998; --colours-interaction-states-pressed-background-pressed: #b8d2fa; --colours-interaction-states-pressed-background-subtle-pressed: #d2e2fc; --colours-interaction-states-pressed-text-pressed: #2e466a; --colours-interaction-states-pressed-text-dominant-pressed: #2e466a; --colours-interaction-states-pressed-text-recessive-pressed: #000; --colours-interaction-states-pressed-text-link-pressed: #2e466a; --colours-interaction-states-pressed-accent-pressed: #2e466a; --colours-interaction-states-pressed-text-on-accent-pressed: #fff; --colours-interaction-states-pressed-accent-secondary-pressed: #fff; --colours-interaction-states-pressed-text-on-accent-secondary-pressed: #000; --colours-interaction-states-pressed-stroke-pressed: #000; --colours-interaction-states-pressed-stroke-subtle-pressed: #2e466a; --colours-interaction-states-focus-focus: #000; --colours-interaction-states-focus-stroke-active: #4b6998; --colours-interaction-states-disabled-background-disabled: #678cc7; --colours-interaction-states-disabled-background-subtle-disabled: #678cc7; --colours-interaction-states-disabled-background-card-disabled: #678cc7; --colours-interaction-states-disabled-text-disabled: #4b6998; --colours-interaction-states-disabled-text-dominant-disabled: #4b6998; --colours-interaction-states-disabled-text-recessive-disabled: #4b6998; --colours-interaction-states-disabled-text-link-disabled: #4b6998; --colours-interaction-states-disabled-accent-disabled: #4b6998; --colours-interaction-states-disabled-text-on-accent-disabled: #11223b; --colours-interaction-states-disabled-accent-secondary-disabled: #4b6998; --colours-interaction-states-disabled-text-on-accent-secondary-disabled: #11223b; --colours-interaction-states-disabled-stroke-disabled: #4b6998; --colours-interaction-states-disabled-stroke-subtle-disabled: #4b6998; --colours-interaction-states-visited-text-visited: #000; --colours-interaction-states-visited-text-link-visited: #4b6998; --colours-functional-notification-notification: #000; --colours-functional-notification-text-on-notification: #fff; --colours-functional-informational-subtle: #d3d7f9; --colours-functional-informational-standard: #2238df; --colours-functional-informational-hovered: #05169b; --colours-functional-informational-pressed: #000e79; --colours-functional-success-subtle: #ccf0e1; --colours-functional-success-standard: #00b367; --colours-functional-success-hovered: #008a50; --colours-functional-success-pressed: #006138; --colours-functional-warning-subtle: #fee2d0; --colours-functional-warning-standard: #f97012; --colours-functional-warning-hovered: #d05500; --colours-functional-warning-pressed: #bd4600; --colours-functional-destructive-subtle: #fad2cf; --colours-functional-destructive-standard: #eb2010; --colours-functional-destructive-hovered: #bf0e00; --colours-functional-destructive-pressed: #960b00; --elevation-level-0: 0 0 0 0 rgba(0, 0, 0, 0); --elevation-level-1: 0 0 0 0 rgba(0, 0, 0, 0); --elevation-level-2: 0 0 0 0 rgba(0, 0, 0, 0); --elevation-level-3: 0 0 0 0 rgba(0, 0, 0, 0); --elevation-level-4: 0 0 0 0 rgba(0, 0, 0, 0); --elevation-level-5: 0 0 0 0 rgba(0, 0, 0, 0); --elevation-level-6: 0 0 0 0 rgba(0, 0, 0, 0); --elevation-app-bar-top-flat: 0 1px 0 0 rgba(0, 0, 0, 0.1); --elevation-app-bar-top-raised: 0 3px 8px 0 rgba(0, 0, 0, 0.05); --elevation-app-bar-bottom-flat: 0 -1px 0 0 rgba(0, 0, 0, 0.1); --elevation-app-bar-bottom-raised: 0 -3px 8px 0 rgba(0, 0, 0, 0.05); --elevation-fab-standard: 0 5px 12px 2px rgba(0, 0, 0, 0.14); --elevation-fab-hovered: 0 4px 8px 1px rgba(0, 0, 0, 0.13); --elevation-fab-pressed: 0 3px 7px 0 rgba(0, 0, 0, 0.12); } [data-scheme="nebula"] { --colours-basic-background: #95a5f3; --colours-basic-background-subtle: #abb8f5; --colours-basic-background-card: #95a5f3; --colours-basic-text: #000; --colours-basic-text-dominant: #000; --colours-basic-text-recessive: #374071; --colours-basic-text-link: #000; --colours-basic-accent: #000; --colours-basic-text-on-accent: #fff; --colours-basic-accent-secondary: #d6dcfb; --colours-basic-text-on-accent-secondary: #000; --colours-basic-stroke: #000; --colours-basic-stroke-subtle: #7683c7; --colours-basic-modal-overlay: rgba(0, 0, 0, 0.4); --colours-shades-accent-shades-accent-subtle: #eceffd; --colours-shades-accent-shades-accent-extra-dominant: #d6dcfb; --colours-shades-accent-shades-accent-dominant: #c1caf8; --colours-shades-accent-shades-accent-recessive: #7683c7; --colours-shades-accent-shades-accent-extra-recessive: #56629c; --colours-shades-secondary-accent-shades-secondary-accent-subtle: #eceffd; --colours-shades-secondary-accent-shades-secondary-accent-extra-dominant: #171e45; --colours-shades-secondary-accent-shades-secondary-accent-dominant: #374071; --colours-shades-secondary-accent-shades-secondary-accent-recessive: #56629c; --colours-shades-secondary-accent-shades-secondary-accent-extra-recessive: #7683c7; --colours-shades-neutral-shades-100: #eceffd; --colours-shades-neutral-shades-200: #d6dcfb; --colours-shades-neutral-shades-300: #c1caf8; --colours-shades-neutral-shades-400: #abb8f5; --colours-shades-neutral-shades-500: #95a5f3; --colours-shades-neutral-shades-600: #7683c7; --colours-shades-neutral-shades-700: #56629c; --colours-shades-neutral-shades-800: #374071; --colours-shades-neutral-shades-900: #171e45; --colours-interaction-states-hover-background-hover: #abb8f5; --colours-interaction-states-hover-background-subtle-hover: #c1caf8; --colours-interaction-states-hover-text-hover: #171e45; --colours-interaction-states-hover-text-dominant-hover: #171e45; --colours-interaction-states-hover-text-recessive-hover: #171e45; --colours-interaction-states-hover-text-link-hover: #171e45; --colours-interaction-states-hover-accent-hover: #171e45; --colours-interaction-states-hover-text-on-accent-hover: #eceffd; --colours-interaction-states-hover-accent-secondary-hover: #eceffd; --colours-interaction-states-hover-text-on-accent-secondary-hover: #000; --colours-interaction-states-hover-stroke-hover: #000; --colours-interaction-states-hover-stroke-subtle-hover: #56629c; --colours-interaction-states-pressed-background-pressed: #c1caf8; --colours-interaction-states-pressed-background-subtle-pressed: #d6dcfb; --colours-interaction-states-pressed-text-pressed: #374071; --colours-interaction-states-pressed-text-dominant-pressed: #374071; --colours-interaction-states-pressed-text-recessive-pressed: #000; --colours-interaction-states-pressed-text-link-pressed: #374071; --colours-interaction-states-pressed-accent-pressed: #374071; --colours-interaction-states-pressed-text-on-accent-pressed: #fff; --colours-interaction-states-pressed-accent-secondary-pressed: #fff; --colours-interaction-states-pressed-text-on-accent-secondary-pressed: #000; --colours-interaction-states-pressed-stroke-pressed: #000; --colours-interaction-states-pressed-stroke-subtle-pressed: #374071; --colours-interaction-states-focus-focus: #000; --colours-interaction-states-focus-stroke-active: #56629c; --colours-interaction-states-disabled-background-disabled: #7683c7; --colours-interaction-states-disabled-background-subtle-disabled: #7683c7; --colours-interaction-states-disabled-background-card-disabled: #7683c7; --colours-interaction-states-disabled-text-disabled: #56629c; --colours-interaction-states-disabled-text-dominant-disabled: #56629c; --colours-interaction-states-disabled-text-recessive-disabled: #56629c; --colours-interaction-states-disabled-text-link-disabled: #56629c; --colours-interaction-states-disabled-accent-disabled: #56629c; --colours-interaction-states-disabled-text-on-accent-disabled: #171e45; --colours-interaction-states-disabled-accent-secondary-disabled: #56629c; --colours-interaction-states-disabled-text-on-accent-secondary-disabled: #171e45; --colours-interaction-states-disabled-stroke-disabled: #56629c; --colours-interaction-states-disabled-stroke-subtle-disabled: #56629c; --colours-interaction-states-visited-text-visited: #000; --colours-interaction-states-visited-text-link-visited: #56629c; --colours-functional-notification-notification: #000; --colours-functional-notification-text-on-notification: #fff; --colours-functional-informational-subtle: #d3d7f9; --colours-functional-informational-standard: #2238df; --colours-functional-informational-hovered: #05169b; --colours-functional-informational-pressed: #000e79; --colours-functional-success-subtle: #ccf0e1; --colours-functional-success-standard: #00b367; --colours-functional-success-hovered: #008a50; --colours-functional-success-pressed: #006138; --colours-functional-warning-subtle: #fee2d0; --colours-functional-warning-standard: #f97012; --colours-functional-warning-hovered: #d05500; --colours-functional-warning-pressed: #bd4600; --colours-functional-destructive-subtle: #fad2cf; --colours-functional-destructive-standard: #eb2010; --colours-functional-destructive-hovered: #bf0e00; --colours-functional-destructive-pressed: #960b00; --elevation-level-0: 0 0 0 0 rgba(0, 0, 0, 0); --elevation-level-1: 0 0 0 0 rgba(0, 0, 0, 0); --elevation-level-2: 0 0 0 0 rgba(0, 0, 0, 0); --elevation-level-3: 0 0 0 0 rgba(0, 0, 0, 0); --elevation-level-4: 0 0 0 0 rgba(0, 0, 0, 0); --elevation-level-5: 0 0 0 0 rgba(0, 0, 0, 0); --elevation-level-6: 0 0 0 0 rgba(0, 0, 0, 0); --elevation-app-bar-top-flat: 0 1px 0 0 rgba(0, 0, 0, 0.1); --elevation-app-bar-top-raised: 0 3px 8px 0 rgba(0, 0, 0, 0.05); --elevation-app-bar-bottom-flat: 0 -1px 0 0 rgba(0, 0, 0, 0.1); --elevation-app-bar-bottom-raised: 0 -3px 8px 0 rgba(0, 0, 0, 0.05); --elevation-fab-standard: 0 5px 12px 2px rgba(0, 0, 0, 0.14); --elevation-fab-hovered: 0 4px 8px 1px rgba(0, 0, 0, 0.13); --elevation-fab-pressed: 0 3px 7px 0 rgba(0, 0, 0, 0.12); } [data-scheme="orchid"] { --colours-basic-background: #a49df1; --colours-basic-background-subtle: #b8b2f4; --colours-basic-background-card: #a49df1; --colours-basic-text: #000; --colours-basic-text-dominant: #000; --colours-basic-text-recessive: #413d6f; --colours-basic-text-link: #000; --colours-basic-accent: #000; --colours-basic-text-on-accent: #fff; --colours-basic-accent-secondary: #dedcfb; --colours-basic-text-on-accent-secondary: #000; --colours-basic-stroke: #000; --colours-basic-stroke-subtle: #837dc6; --colours-basic-modal-overlay: rgba(0, 0, 0, 0.4); --colours-shades-accent-shades-accent-subtle: #f2f1fe; --colours-shades-accent-shades-accent-extra-dominant: #dedcfb; --colours-shades-accent-shades-accent-dominant: #cbc7f8; --colours-shades-accent-shades-accent-recessive: #837dc6; --colours-shades-accent-shades-accent-extra-recessive: #625d9b; --colours-shades-secondary-accent-shades-secondary-accent-subtle: #f2f1fe; --colours-shades-secondary-accent-shades-secondary-accent-extra-dominant: #201d44; --colours-shades-secondary-accent-shades-secondary-accent-dominant: #413d6f; --colours-shades-secondary-accent-shades-secondary-accent-recessive: #625d9b; --colours-shades-secondary-accent-shades-secondary-accent-extra-recessive: #837dc6; --colours-shades-neutral-shades-100: #f2f1fe; --colours-shades-neutral-shades-200: #dedcfb; --colours-shades-neutral-shades-300: #cbc7f8; --colours-shades-neutral-shades-400: #b8b2f4; --colours-shades-neutral-shades-500: #a49df1; --colours-shades-neutral-shades-600: #837dc6; --colours-shades-neutral-shades-700: #625d9b; --colours-shades-neutral-shades-800: #413d6f; --colours-shades-neutral-shades-900: #201d44; --colours-interaction-states-hover-background-hover: #b8b2f4; --colours-interaction-states-hover-background-subtle-hover: #cbc7f8; --colours-interaction-states-hover-text-hover: #201d44; --colours-interaction-states-hover-text-dominant-hover: #201d44; --colours-interaction-states-hover-text-recessive-hover: #201d44; --colours-interaction-states-hover-text-link-hover: #201d44; --colours-interaction-states-hover-accent-hover: #201d44; --colours-interaction-states-hover-text-on-accent-hover: #f2f1fe; --colours-interaction-states-hover-accent-secondary-hover: #f2f1fe; --colours-interaction-states-hover-text-on-accent-secondary-hover: #000; --colours-interaction-states-hover-stroke-hover: #000; --colours-interaction-states-hover-stroke-subtle-hover: #625d9b; --colours-interaction-states-pressed-background-pressed: #cbc7f8; --colours-interaction-states-pressed-background-subtle-pressed: #dedcfb; --colours-interaction-states-pressed-text-pressed: #413d6f; --colours-interaction-states-pressed-text-dominant-pressed: #413d6f; --colours-interaction-states-pressed-text-recessive-pressed: #000; --colours-interaction-states-pressed-text-link-pressed: #413d6f; --colours-interaction-states-pressed-accent-pressed: #413d6f; --colours-interaction-states-pressed-text-on-accent-pressed: #fff; --colours-interaction-states-pressed-accent-secondary-pressed: #fff; --colours-interaction-states-pressed-text-on-accent-secondary-pressed: #000; --colours-interaction-states-pressed-stroke-pressed: #000; --colours-interaction-states-pressed-stroke-subtle-pressed: #413d6f; --colours-interaction-states-focus-focus: #000; --colours-interaction-states-focus-stroke-active: #625d9b; --colours-interaction-states-disabled-background-disabled: #837dc6; --colours-interaction-states-disabled-background-subtle-disabled: #837dc6; --colours-interaction-states-disabled-background-card-disabled: #837dc6; --colours-interaction-states-disabled-text-disabled: #625d9b; --colours-interaction-states-disabled-text-dominant-disabled: #625d9b; --colours-interaction-states-disabled-text-recessive-disabled: #625d9b; --colours-interaction-states-disabled-text-link-disabled: #625d9b; --colours-interaction-states-disabled-accent-disabled: #625d9b; --colours-interaction-states-disabled-text-on-accent-disabled: #201d44; --colours-interaction-states-disabled-accent-secondary-disabled: #625d9b; --colours-interaction-states-disabled-text-on-accent-secondary-disabled: #201d44; --colours-interaction-states-disabled-stroke-disabled: #625d9b; --colours-interaction-states-disabled-stroke-subtle-disabled: #625d9b; --colours-interaction-states-visited-text-visited: #000; --colours-interaction-states-visited-text-link-visited: #625d9b; --colours-functional-notification-notification: #000; --colours-functional-notification-text-on-notification: #fff; --colours-functional-informational-subtle: #d3d7f9; --colours-functional-informational-standard: #2238df; --colours-functional-informational-hovered: #05169b; --colours-functional-informational-pressed: #000e79; --colours-functional-success-subtle: #ccf0e1; --colours-functional-success-standard: #00b367; --colours-functional-success-hovered: #008a50; --colours-functional-success-pressed: #006138; --colours-functional-warning-subtle: #fee2d0; --colours-functional-warning-standard: #f97012; --colours-functional-warning-hovered: #d05500; --colours-functional-warning-pressed: #bd4600; --colours-functional-destructive-subtle: #fad2cf; --colours-functional-destructive-standard: #eb2010; --colours-functional-destructive-hovered: #bf0e00; --colours-functional-destructive-pressed: #960b00; --elevation-level-0: 0 0 0 0 rgba(0, 0, 0, 0); --elevation-level-1: 0 0 0 0 rgba(0, 0, 0, 0); --elevation-level-2: 0 0 0 0 rgba(0, 0, 0, 0); --elevation-level-3: 0 0 0 0 rgba(0, 0, 0, 0); --elevation-level-4: 0 0 0 0 rgba(0, 0, 0, 0); --elevation-level-5: 0 0 0 0 rgba(0, 0, 0, 0); --elevation-level-6: 0 0 0 0 rgba(0, 0, 0, 0); --elevation-app-bar-top-flat: 0 1px 0 0 rgba(0, 0, 0, 0.1); --elevation-app-bar-top-raised: 0 3px 8px 0 rgba(0, 0, 0, 0.05); --elevation-app-bar-bottom-flat: 0 -1px 0 0 rgba(0, 0, 0, 0.1); --elevation-app-bar-bottom-raised: 0 -3px 8px 0 rgba(0, 0, 0, 0.05); --elevation-fab-standard: 0 5px 12px 2px rgba(0, 0, 0, 0.14); --elevation-fab-hovered: 0 4px 8px 1px rgba(0, 0, 0, 0.13); --elevation-fab-pressed: 0 3px 7px 0 rgba(0, 0, 0, 0.12); } [data-scheme="white"] { --colours-basic-background: #fff; --colours-basic-background-subtle: #f1f1f1; --colours-basic-background-card: #f1f1f1; --colours-basic-text: #000; --colours-basic-text-dominant: #e20074; --colours-basic-text-recessive: #626262; --colours-basic-text-link: #e20074; --colours-basic-accent: #e20074; --colours-basic-text-on-accent: #fff; --colours-basic-accent-secondary: #000; --colours-basic-text-on-accent-secondary: #fff; --colours-basic-stroke: #000; --colours-basic-stroke-subtle: #b6b6b6; --colours-basic-modal-overlay: rgba(0, 0, 0, 0.4); --colours-shades-accent-shades-accent-subtle: #f9cce3; --colours-shades-accent-shades-accent-extra-dominant: #ee66ac; --colours-shades-accent-shades-accent-dominant: #e83390; --colours-shades-accent-shades-accent-recessive: #b5005d; --colours-shades-accent-shades-accent-extra-recessive: #880046; --colours-shades-secondary-accent-shades-secondary-accent-subtle: #f1f1f1; --colours-shades-secondary-accent-shades-secondary-accent-extra-dominant: #202020; --colours-shades-secondary-accent-shades-secondary-accent-dominant: #414141; --colours-shades-secondary-accent-shades-secondary-accent-recessive: #626262; --colours-shades-secondary-accent-shades-secondary-accent-extra-recessive: #828282; --colours-shades-neutral-shades-100: #f1f1f1; --colours-shades-neutral-shades-200: #ddd; --colours-shades-neutral-shades-300: #cacaca; --colours-shades-neutral-shades-400: #b6b6b6; --colours-shades-neutral-shades-500: #a3a3a3; --colours-shades-neutral-shades-600: #828282; --colours-shades-neutral-shades-700: #626262; --colours-shades-neutral-shades-800: #414141; --colours-shades-neutral-shades-900: #202020; --colours-interaction-states-hover-background-hover: #ddd; --colours-interaction-states-hover-background-subtle-hover: #ddd; --colours-interaction-states-hover-text-hover: #414141; --colours-interaction-states-hover-text-dominant-hover: #e83390; --colours-interaction-states-hover-text-recessive-hover: #e83390; --colours-interaction-states-hover-text-link-hover: #e83390; --colours-interaction-states-hover-accent-hover: #e83390; --colours-interaction-states-hover-text-on-accent-hover: #fff; --colours-interaction-states-hover-accent-secondary-hover: #414141; --colours-interaction-states-hover-text-on-accent-secondary-hover: #fff; --colours-interaction-states-hover-stroke-hover: #000; --colours-interaction-states-hover-stroke-subtle-hover: #000; --colours-interaction-states-pressed-background-pressed: #cacaca; --colours-interaction-states-pressed-background-subtle-pressed: #cacaca; --colours-interaction-states-pressed-text-pressed: #626262; --colours-interaction-states-pressed-text-dominant-pressed: #ee66ac; --colours-interaction-states-pressed-text-recessive-pressed: #ee66ac; --colours-interaction-states-pressed-text-link-pressed: #ee66ac; --colours-interaction-states-pressed-accent-pressed: #ee66ac; --colours-interaction-states-pressed-text-on-accent-pressed: #fff; --colours-interaction-states-pressed-accent-secondary-pressed: #626262; --colours-interaction-states-pressed-text-on-accent-secondary-pressed: #fff; --colours-interaction-states-pressed-stroke-pressed: #000; --colours-interaction-states-pressed-stroke-subtle-pressed: #000; --colours-interaction-states-focus-focus: #000; --colours-interaction-states-focus-stroke-active: #cacaca; --colours-interaction-states-disabled-background-disabled: #ddd; --colours-interaction-states-disabled-background-subtle-disabled: #cacaca; --colours-interaction-states-disabled-background-card-disabled: #cacaca; --colours-interaction-states-disabled-text-disabled: #828282; --colours-interaction-states-disabled-text-dominant-disabled: #828282; --colours-interaction-states-disabled-text-recessive-disabled: #828282; --colours-interaction-states-disabled-text-link-disabled: #828282; --colours-interaction-states-disabled-accent-disabled: #b6b6b6; --colours-interaction-states-disabled-text-on-accent-disabled: #626262; --colours-interaction-states-disabled-accent-secondary-disabled: #b6b6b6; --colours-interaction-states-disabled-text-on-accent-secondary-disabled: #626262; --colours-interaction-states-disabled-stroke-disabled: #b6b6b6; --colours-interaction-states-disabled-stroke-subtle-disabled: #b6b6b6; --colours-interaction-states-visited-text-visited: #000; --colours-interaction-states-visited-text-link-visited: #880046; --colours-functional-notification-notification: #eb2010; --colours-functional-notification-text-on-notification: #fff; --colours-functional-informational-subtle: #d3d7f9; --colours-functional-informational-standard: #2238df; --colours-functional-informational-hovered: #05169b; --colours-functional-informational-pressed: #000e79; --colours-functional-success-subtle: #ccf0e1; --colours-functional-success-standard: #008a50; --colours-functional-success-hovered: #006138; --colours-functional-success-pressed: #004829; --colours-functional-warning-subtle: #fee2d0; --colours-functional-warning-standard: #d05500; --colours-functional-warning-hovered: #bd4600; --colours-functional-warning-pressed: #642d07; --colours-functional-destructive-subtle: #fad2cf; --colours-functional-destructive-standard: #eb2010; --colours-functional-destructive-hovered: #bf0e00; --colours-functional-destructive-pressed: #960b00; --elevation-level-0: 0 0 0 0 rgba(0, 0, 0, 0); --elevation-level-1: 0 0 0 0 rgba(0, 0, 0, 0); --elevation-level-2: 0 0 0 0 rgba(0, 0, 0, 0); --elevation-level-3: 0 0 0 0 rgba(0, 0, 0, 0); --elevation-level-4: 0 0 0 0 rgba(0, 0, 0, 0); --elevation-level-5: 0 0 0 0 rgba(0, 0, 0, 0); --elevation-level-6: 0 0 0 0 rgba(0, 0, 0, 0); --elevation-app-bar-top-flat: 0 1px 0 0 rgba(0, 0, 0, 0.1); --elevation-app-bar-top-raised: 0 3px 8px 0 rgba(0, 0, 0, 0.05); --elevation-app-bar-bottom-flat: 0 -1px 0 0 rgba(0, 0, 0, 0.1); --elevation-app-bar-bottom-raised: 0 -3px 8px 0 rgba(0, 0, 0, 0.05); --elevation-fab-standard: 0 4px 8px 1px rgba(0, 0, 0, 0.13); --elevation-fab-hovered: 0 5px 12px 2px rgba(0, 0, 0, 0.14); --elevation-fab-pressed: 0 3px 7px 0 rgba(0, 0, 0, 0.12); } [data-scheme="black"] { --colours-basic-background: #000; --colours-basic-background-subtle: #202020; --colours-basic-text: #fff; --colours-basic-text-dominant: #f61488; --colours-basic-text-recessive: #cacaca; --colours-basic-text-link: #f61488; --colours-basic-accent: #f61488; --colours-basic-text-on-accent: #fff; --colours-basic-accent-secondary: #fff; --colours-basic-text-on-accent-secondary: #000; --colours-basic-stroke: #fff; --colours-basic-stroke-subtle: #828282; --colours-basic-modal-overlay: rgba(255, 255, 255, 0.4); --colours-basic-background-card: #202020; --colours-shades-accent-shades-accent-subtle: #ffbddf; --colours-shades-accent-shades-accent-extra-dominant: #ff69b6; --colours-shades-accent-shades-accent-dominant: #ff3fa1; --colours-shades-accent-shades-accent-recessive: #cd016a; --colours-shades-accent-shades-accent-extra-recessive: #a40054; --colours-shades-secondary-accent-shades-secondary-accent-subtle: #414141; --colours-shades-secondary-accent-shades-secondary-accent-extra-dominant: #f1f1f1; --colours-shades-secondary-accent-shades-secondary-accent-dominant: #ddd; --colours-shades-secondary-accent-shades-secondary-accent-recessive: #cacaca; --colours-shades-secondary-accent-shades-secondary-accent-extra-recessive: #b6b6b6; --colours-shades-neutral-shades-100: #202020; --colours-shades-neutral-shades-200: #414141; --colours-shades-neutral-shades-300: #626262; --colours-shades-neutral-shades-400: #828282; --colours-shades-neutral-shades-500: #a3a3a3; --colours-shades-neutral-shades-600: #b6b6b6; --colours-shades-neutral-shades-700: #cacaca; --colours-shades-neutral-shades-800: #ddd; --colours-shades-neutral-shades-900: #f1f1f1; --colours-interaction-states-hover-background-hover: #626262; --colours-interaction-states-hover-background-subtle-hover: #626262; --colours-interaction-states-hover-text-hover: #ddd; --colours-interaction-states-hover-text-dominant-hover: #ff3fa1; --colours-interaction-states-hover-text-recessive-hover: #ff3fa1; --colours-interaction-states-hover-text-link-hover: #ff3fa1; --colours-interaction-states-hover-accent-hover: #ff3fa1; --colours-interaction-states-hover-text-on-accent-hover: #fff; --colours-interaction-states-hover-accent-secondary-hover: #ddd; --colours-interaction-states-hover-text-on-accent-secondary-hover: #000; --colours-interaction-states-hover-stroke-hover: #fff; --colours-interaction-states-hover-stroke-subtle-hover: #fff; --colours-interaction-states-pressed-background-pressed: #828282; --colours-interaction-states-pressed-background-subtle-pressed: #828282; --colours-interaction-states-pressed-text-pressed: #cacaca; --colours-interaction-states-pressed-text-dominant-pressed: #ff69b6; --colours-interaction-states-pressed-text-recessive-pressed: #ff69b6; --colours-interaction-states-pressed-text-link-pressed: #ff69b6; --colours-interaction-states-pressed-accent-pressed: #ff69b6; --colours-interaction-states-pressed-text-on-accent-pressed: #fff; --colours-interaction-states-pressed-accent-secondary-pressed: #cacaca; --colours-interaction-states-pressed-text-on-accent-secondary-pressed: #000; --colours-interaction-states-pressed-stroke-pressed: #fff; --colours-interaction-states-pressed-stroke-subtle-pressed: #fff; --colours-interaction-states-focus-focus: #fff; --colours-interaction-states-focus-stroke-active: #626262; --colours-interaction-states-disabled-background-disabled: #414141; --colours-interaction-states-disabled-background-subtle-disabled: #626262; --colours-interaction-states-disabled-text-disabled: #828282; --colours-interaction-states-disabled-text-dominant-disabled: #828282; --colours-interaction-states-disabled-text-recessive-disabled: #828282; --colours-interaction-states-disabled-text-link-disabled: #828282; --colours-interaction-states-disabled-accent-disabled: #626262; --colours-interaction-states-disabled-text-on-accent-disabled: #b6b6b6; --colours-interaction-states-disabled-accent-secondary-disabled: #626262; --colours-interaction-states-disabled-text-on-accent-secondary-disabled: #b6b6b6; --colours-interaction-states-disabled-stroke-disabled: #414141; --colours-interaction-states-disabled-stroke-subtle-disabled: #414141; --colours-interaction-states-disabled-background-card-disabled: #626262; --colours-interaction-states-visited-text-visited: #fff; --colours-interaction-states-visited-text-link-visited: #cd016a; --colours-functional-notification-notification: #f2321e; --colours-functional-notification-text-on-notification: #fff; --colours-functional-informational-subtle: #131f7b; --colours-functional-informational-standard: #3950ea; --colours-functional-informational-hovered: #576ff3; --colours-functional-informational-pressed: #7486ff; --colours-functional-success-subtle: #004829; --colours-functional-success-standard: #00c26d; --colours-functional-success-hovered: #1bd27f; --colours-functional-success-pressed: #27ffa0; --colours-functional-warning-subtle: #642d07; --colours-functional-warning-standard: #fd9038; --colours-functional-warning-hovered: #ffaa65; --colours-functional-warning-pressed: #ffc292; --colours-functional-destructive-subtle: #5d0d06; --colours-functional-destructive-standard: #f2321e; --colours-functional-destructive-hovered: #f84934; --colours-functional-destructive-pressed: #ff9084; --elevation-level-0: 0 0 0 0 rgba(0, 0, 0, 0); --elevation-level-1: 0 0 0 0 rgba(0, 0, 0, 0); --elevation-level-2: 0 0 0 0 rgba(0, 0, 0, 0); --elevation-level-3: 0 0 0 0 rgba(0, 0, 0, 0); --elevation-level-4: 0 0 0 0 rgba(0, 0, 0, 0); --elevation-level-5: 0 0 0 0 rgba(0, 0, 0, 0); --elevation-level-6: 0 0 0 0 rgba(0, 0, 0, 0); --elevation-app-bar-top-flat: 0 1px 0 0 rgba(0, 0, 0, 0.1); --elevation-app-bar-top-raised: 0 3px 8px 0 rgba(0, 0, 0, 0.35); --elevation-app-bar-bottom-flat: 0 -1px 0 0 rgba(0, 0, 0, 0.1); --elevation-app-bar-bottom-raised: 0 -3px 8px 0 rgba(0, 0, 0, 0.35); --elevation-fab-standard: 0 5px 12px 0 rgba(0, 0, 0, 0.4); --elevation-fab-hovered: 0 4px 9px 0 rgba(0, 0, 0, 0.3); --elevation-fab-pressed: 0 3px 7px 0 rgba(0, 0, 0, 0.2); } [data-scheme="magenta"] { --colours-basic-background: #e20074; --colours-basic-background-subtle: #e83390; --colours-basic-background-card: #e20074; --colours-basic-text: #fff; --colours-basic-text-dominant: #fff; --colours-basic-text-recessive: #f9cce3; --colours-basic-text-link: #fff; --colours-basic-accent: #fff; --colours-basic-text-on-accent: #000; --colours-basic-accent-secondary: #000; --colours-basic-text-on-accent-secondary: #fff; --colours-basic-stroke: #fff; --colours-basic-stroke-subtle: #f399c7; --colours-basic-modal-overlay: rgba(0, 0, 0, 0.4); --colours-shades-accent-shades-accent-subtle: #f9cce3; --colours-shades-accent-shades-accent-extra-dominant: #f399c7; --colours-shades-accent-shades-accent-dominant: #ee66ac; --colours-shades-accent-shades-accent-recessive: #b5005d; --colours-shades-accent-shades-accent-extra-recessive: #880046; --colours-shades-secondary-accent-shades-secondary-accent-subtle: #f9cce3; --colours-shades-secondary-accent-shades-secondary-accent-extra-dominant: #2d0017; --colours-shades-secondary-accent-shades-secondary-accent-dominant: #5a002e; --colours-shades-secondary-accent-shades-secondary-accent-recessive: #880046; --colours-shades-secondary-accent-shades-secondary-accent-extra-recessive: #b5005d; --colours-shades-neutral-shades-100: #f9cce3; --colours-shades-neutral-shades-200: #f399c7; --colours-shades-neutral-shades-300: #ee66ac; --colours-shades-neutral-shades-400: #e83390; --colours-shades-neutral-shades-500: #e20074; --colours-shades-neutral-shades-600: #b5005d; --colours-shades-neutral-shades-700: #880046; --colours-shades-neutral-shades-800: #5a002e; --colours-shades-neutral-shades-900: #2d0017; --colours-interaction-states-hover-background-hover: #e83390; --colours-interaction-states-hover-background-subtle-hover: #ee66ac; --colours-interaction-states-hover-text-hover: #f9cce3; --colours-interaction-states-hover-text-dominant-hover: #f9cce3; --colours-interaction-states-hover-text-recessive-hover: #f399c7; --colours-interaction-states-hover-text-link-hover: #f9cce3; --colours-interaction-states-hover-accent-hover: #f9cce3; --colours-interaction-states-hover-text-on-accent-hover: #000; --colours-interaction-states-hover-accent-secondary-hover: #2d0017; --colours-interaction-states-hover-text-on-accent-secondary-hover: #fff; --colours-interaction-states-hover-stroke-hover: #fff; --colours-interaction-states-hover-stroke-subtle-hover: #e83390; --colours-interaction-states-pressed-background-pressed: #ee66ac; --colours-interaction-states-pressed-background-subtle-pressed: #f399c7; --colours-interaction-states-pressed-text-pressed: #f399c7; --colours-interaction-states-pressed-text-dominant-pressed: #f399c7; --colours-interaction-states-pressed-text-recessive-pressed: #ee66ac; --colours-interaction-states-pressed-text-link-pressed: #f399c7; --colours-interaction-states-pressed-accent-pressed: #f399c7; --colours-interaction-states-pressed-text-on-accent-pressed: #000; --colours-interaction-states-pressed-accent-secondary-pressed: #5a002e; --colours-interaction-states-pressed-text-on-accent-secondary-pressed: #fff; --colours-interaction-states-pressed-stroke-pressed: #fff; --colours-interaction-states-pressed-stroke-subtle-pressed: #e83390; --colours-interaction-states-focus-focus: #fff; --colours-interaction-states-focus-stroke-active: #f399c7; --colours-interaction-states-disabled-background-disabled: #b5005d; --colours-interaction-states-disabled-background-subtle-disabled: #b5005d; --colours-interaction-states-disabled-background-card-disabled: #b5005d; --colours-interaction-states-disabled-text-disabled: #880046; --colours-interaction-states-disabled-text-dominant-disabled: #880046; --colours-interaction-states-disabled-text-recessive-disabled: #880046; --colours-interaction-states-disabled-text-link-disabled: #880046; --colours-interaction-states-disabled-accent-disabled: #880046; --colours-interaction-states-disabled-text-on-accent-disabled: #5a002e; --colours-interaction-states-disabled-accent-secondary-disabled: #880046; --colours-interaction-states-disabled-text-on-accent-secondary-disabled: #5a002e; --colours-interaction-states-disabled-stroke-disabled: #880046; --colours-interaction-states-disabled-stroke-subtle-disabled: #880046; --colours-interaction-states-visited-text-visited: #fff; --colours-interaction-states-visited-text-link-visited: #5a002e; --colours-functional-notification-notification: #fff; --colours-functional-notification-text-on-notification: #000; --colours-functional-informational-subtle: #131f7b; --colours-functional-informational-standard: #3950ea; --colours-functional-informational-hovered: #576ff3; --colours-functional-informational-pressed: #7486ff; --colours-functional-success-subtle: #004829; --colours-functional-success-standard: #00c26d; --colours-functional-success-hovered: #1bd27f; --colours-functional-success-pressed: #27ffa0; --colours-functional-warning-subtle: #642d07; --colours-functional-warning-standard: #fd9038; --colours-functional-warning-hovered: #ffaa65; --colours-functional-warning-pressed: #ffc292; --colours-functional-destructive-subtle: #5d0d06; --colours-functional-destructive-standard: #f2321e; --colours-functional-destructive-hovered: #f84934; --colours-functional-destructive-pressed: #ff9084; --elevation-level-0: 0 0 0 0 rgba(0, 0, 0, 0); --elevation-level-1: 0 0 0 0 rgba(0, 0, 0, 0); --elevation-level-2: 0 0 0 0 rgba(0, 0, 0, 0); --elevation-level-3: 0 0 0 0 rgba(0, 0, 0, 0); --elevation-level-4: 0 0 0 0 rgba(0, 0, 0, 0); --elevation-level-5: 0 0 0 0 rgba(0, 0, 0, 0); --elevation-level-6: 0 0 0 0 rgba(0, 0, 0, 0); --elevation-app-bar-top-flat: 0 1px 0 0 rgba(0, 0, 0, 0.1); --elevation-app-bar-top-raised: 0 3px 8px 0 rgba(0, 0, 0, 0.05); --elevation-app-bar-bottom-flat: 0 -1px 0 0 rgba(0, 0, 0, 0.1); --elevation-app-bar-bottom-raised: 0 -3px 8px 0 rgba(0, 0, 0, 0.05); --elevation-fab-standard: 0 5px 12px 2px rgba(0, 0, 0, 0.14); --elevation-fab-hovered: 0 4px 8px 1px rgba(0, 0, 0, 0.13); --elevation-fab-pressed: 0 3px 7px 0 rgba(0, 0, 0, 0.12); } .ods-typography-display { font-size: clamp(4.5rem, 2.2222vw + 4rem, 6rem); font-weight: 700; letter-spacing: 0; line-height: 1; text-decoration: none; } .ods-typography-title-l { font-size: clamp(2rem, 2.2222vw + 1.5rem, 3.5rem); font-weight: 700; letter-spacing: 0; line-height: 1; text-decoration: none; } .ods-typography-title-m { font-size: clamp(1.75rem, 1.8519vw + 1.3333rem, 3rem); font-weight: 700; letter-spacing: 0; line-height: 1; text-decoration: none; } .ods-typography-title-s { font-size: clamp(1.5rem, 0.7407vw + 1.3333rem, 2rem); font-weight: 700; letter-spacing: 0; line-height: 1; text-decoration: none; } .ods-typography-subtitle { font-size: clamp(1.375rem, 0.1852vw + 1.3333rem, 1.5rem); font-weight: 700; letter-spacing: 0; line-height: 1; text-decoration: none; } .ods-typography-paragraph { font-size: 1.25rem; font-weight: 700; letter-spacing: 0; line-height: 1.3; text-decoration: none; } .ods-typography-body-l { font-size: 1.25rem; font-weight: 700; letter-spacing: 0; line-height: 1.2; text-decoration: none; } .ods-typography-body-m-bold { font-size: 1rem; font-weight: 700; letter-spacing: 0; line-height: 1.25; text-decoration: none; } .ods-typography-body-m-regular { font-size: 1rem; font-weight: 500; letter-spacing: 0; line-height: 1.25; text-decoration: none; } .ods-typography-link-m-bold { font-size: 1rem; font-weight: 700; letter-spacing: 0; line-height: 1.25; text-decoration: underline; } .ods-typography-link-m-regular { font-size: 1rem; font-weight: 500; letter-spacing: 0; line-height: 1.25; text-decoration: underline; } .ods-typography-body-s-bold { font-size: 0.875rem; font-weight: 700; letter-spacing: 0; line-height: 1.25; text-decoration: none; } .ods-typography-body-s-regular { font-size: 0.875rem; font-weight: 500; letter-spacing: 0; line-height: 1.25; text-decoration: none; } .ods-typography-link-s-bold { font-size: 0.875rem; font-weight: 700; letter-spacing: 0; line-height: 1.25; text-decoration: underline; } .ods-typography-link-s-regular { font-size: 0.875rem; font-weight: 500; letter-spacing: 0; line-height: 1.25; text-decoration: underline; } .ods-typography-microcopy-bold { font-size: 0.75rem; font-weight: 700; letter-spacing: 0; line-height: 1.3; text-decoration: none; } .ods-typography-microcopy-regular { font-size: 0.75rem; font-weight: 500; letter-spacing: 0; line-height: 1.3; text-decoration: none; } *{box-sizing:border-box}h1,h2,h3,h4,main,section,article,p,li,button,hr{margin:0;padding:0}ol,ul{list-style:none;margin:0;padding:0}a{text-decoration:none}a:hover{text-decoration:underline}video,img{height:auto;max-width:100%}button{background-color:rgba(0,0,0,0);border:0;cursor:pointer} .global_partnerkarten-wrapper__1JPNG{hyphens:auto;overflow:clip;word-break:break-word;word-wrap:break-word}@media screen and (min-width: 24rem){.global_partnerkarten-wrapper__1JPNG{hyphens:unset;word-break:unset;word-wrap:unset}} .Accordion__accordion___-3voV { color: #262626; display: block; width: 100%; list-style-type: none; margin: 0; padding: 0; } .Accordion__item___3lhlm { border-top: 1px solid #dcdcdc; margin: 0; padding: 0; } .Accordion__item___3lhlm:last-child { border-bottom: 1px solid #dcdcdc; } .Accordion__icon___T7fkH { display: block; height: 1.5rem; position: absolute; right: 0.75rem; top: 0.9375rem; transform-origin: center; width: 1.5rem; } @media (prefers-reduced-motion: no-preference) { .Accordion__icon___T7fkH { transition: transform 0.4s ease; } } .Accordion__button___CFZPM { -webkit-appearance: none; -moz-appearance: none; appearance: none; background: transparent; border: none; color: inherit; font: inherit; margin: 0; padding: 0; text-align: inherit; transition: background-color 0.2s ease; cursor: pointer; padding: 0.75rem 2.25rem 0.75rem 0.75rem; position: relative; width: 100%; } .Accordion__button___CFZPM:focus-visible, .Accordion__button___CFZPM.force-focus-visible { --focus-pseudo-padding: var( --focus-outline-offset, 0.375rem ); outline: none; position: relative; --focus-outline-offset: var( --accordion-toggle-focus-outline-offset, -0.375rem ); } .Accordion__button___CFZPM:focus-visible::after, .Accordion__button___CFZPM.force-focus-visible::after { --focus-outline-offset: 0; border-radius: var(--focus-outline-radius, 0.1875rem); outline-color: var(--focus-outline-color-light, #000) !important; outline-offset: var(--focus-outline-offset, 0.25rem) !important; outline-style: var(--focus-outline-style, solid) !important; outline-width: var(--focus-outline-width, 0.125rem) !important; border-radius: var(--focus-outline-radius, 0.1875rem); content: " "; height: calc(100% + 2 * var(--focus-pseudo-padding)); left: calc(-1 * var(--focus-pseudo-padding)); pointer-events: none; position: absolute; top: calc(-1 * var(--focus-pseudo-padding)); width: calc(100% + 2 * var(--focus-pseudo-padding)); z-index: var(--focus-pseudo-z-index, 1); } .Accordion__button___CFZPM:has(:focus-visible), .Accordion__button___CFZPM:has(.force-focus-visible) { --focus-pseudo-padding: var( --focus-outline-offset, 0.375rem ); outline: none; position: relative; --focus-outline-offset: var( --accordion-toggle-focus-outline-offset, -0.375rem ); } .Accordion__button___CFZPM:has(:focus-visible)::after, .Accordion__button___CFZPM:has(.force-focus-visible)::after { --focus-outline-offset: 0; border-radius: var(--focus-outline-radius, 0.1875rem); outline-color: var(--focus-outline-color-light, #000) !important; outline-offset: var(--focus-outline-offset, 0.25rem) !important; outline-style: var(--focus-outline-style, solid) !important; outline-width: var(--focus-outline-width, 0.125rem) !important; border-radius: var(--focus-outline-radius, 0.1875rem); content: " "; height: calc(100% + 2 * var(--focus-pseudo-padding)); left: calc(-1 * var(--focus-pseudo-padding)); pointer-events: none; position: absolute; top: calc(-1 * var(--focus-pseudo-padding)); width: calc(100% + 2 * var(--focus-pseudo-padding)); z-index: var(--focus-pseudo-z-index, 1); } .Accordion__button___CFZPM[aria-expanded=true] { background-color: #ededed; } .Accordion__button___CFZPM[aria-expanded=true] .Accordion__icon___T7fkH { transform: rotate(180deg); } .Accordion__button___CFZPM:hover, .Accordion__button___CFZPM:focus:not(:focus-visible) { background-color: #dcdcdc; } .Accordion__headline___7AWgA { display: block; margin-bottom: 0.375rem; font-family: "TeleNeo", sans-serif; font-size: 1.3125rem; font-weight: 400; line-height: 1.5624999998rem; margin: 0; } .Accordion__subline___Gk5wy { display: block; font-family: "TeleNeo", sans-serif; font-size: 1.125rem; font-weight: 400; line-height: 1.5rem; margin: 0; } .Accordion__panel___cgu72 { padding: 0.75rem; } .Accordion__theme_dark___Yddyh, .Accordion__theme_magenta___g4NZf { color: #fff; } .Accordion__theme_dark___Yddyh .Accordion__button___CFZPM:focus-visible, .Accordion__theme_dark___Yddyh .Accordion__button___CFZPM.force-focus-visible, .Accordion__theme_magenta___g4NZf .Accordion__button___CFZPM:focus-visible, .Accordion__theme_magenta___g4NZf .Accordion__button___CFZPM.force-focus-visible { --focus-pseudo-padding: var( --focus-outline-offset, 0.375rem ); outline: none; position: relative; } .Accordion__theme_dark___Yddyh .Accordion__button___CFZPM:focus-visible::after, .Accordion__theme_dark___Yddyh .Accordion__button___CFZPM.force-focus-visible::after, .Accordion__theme_magenta___g4NZf .Accordion__button___CFZPM:focus-visible::after, .Accordion__theme_magenta___g4NZf .Accordion__button___CFZPM.force-focus-visible::after { --focus-outline-offset: 0; border-radius: var(--focus-outline-radius, 0.1875rem); outline-color: var(--focus-outline-color-dark, #fff) !important; outline-offset: var(--focus-outline-offset, 0.25rem) !important; outline-style: var(--focus-outline-style, solid) !important; outline-width: var(--focus-outline-width, 0.125rem) !important; border-radius: var(--focus-outline-radius, 0.1875rem); content: " "; height: calc(100% + 2 * var(--focus-pseudo-padding)); left: calc(-1 * var(--focus-pseudo-padding)); pointer-events: none; position: absolute; top: calc(-1 * var(--focus-pseudo-padding)); width: calc(100% + 2 * var(--focus-pseudo-padding)); z-index: var(--focus-pseudo-z-index, 1); } .Accordion__theme_dark___Yddyh .Accordion__button___CFZPM:has(:focus-visible), .Accordion__theme_dark___Yddyh .Accordion__button___CFZPM:has(.force-focus-visible), .Accordion__theme_magenta___g4NZf .Accordion__button___CFZPM:has(:focus-visible), .Accordion__theme_magenta___g4NZf .Accordion__button___CFZPM:has(.force-focus-visible) { --focus-pseudo-padding: var( --focus-outline-offset, 0.375rem ); outline: none; position: relative; } .Accordion__theme_dark___Yddyh .Accordion__button___CFZPM:has(:focus-visible)::after, .Accordion__theme_dark___Yddyh .Accordion__button___CFZPM:has(.force-focus-visible)::after, .Accordion__theme_magenta___g4NZf .Accordion__button___CFZPM:has(:focus-visible)::after, .Accordion__theme_magenta___g4NZf .Accordion__button___CFZPM:has(.force-focus-visible)::after { --focus-outline-offset: 0; border-radius: var(--focus-outline-radius, 0.1875rem); outline-color: var(--focus-outline-color-dark, #fff) !important; outline-offset: var(--focus-outline-offset, 0.25rem) !important; outline-style: var(--focus-outline-style, solid) !important; outline-width: var(--focus-outline-width, 0.125rem) !important; border-radius: var(--focus-outline-radius, 0.1875rem); content: " "; height: calc(100% + 2 * var(--focus-pseudo-padding)); left: calc(-1 * var(--focus-pseudo-padding)); pointer-events: none; position: absolute; top: calc(-1 * var(--focus-pseudo-padding)); width: calc(100% + 2 * var(--focus-pseudo-padding)); z-index: var(--focus-pseudo-z-index, 1); } .Accordion__theme_dark___Yddyh .Accordion__button___CFZPM[aria-expanded=true], .Accordion__theme_magenta___g4NZf .Accordion__button___CFZPM[aria-expanded=true] { background-color: #4b4b4b; } .Accordion__theme_dark___Yddyh .Accordion__button___CFZPM:hover, .Accordion__theme_dark___Yddyh .Accordion__button___CFZPM:focus:not(:focus-visible), .Accordion__theme_magenta___g4NZf .Accordion__button___CFZPM:hover, .Accordion__theme_magenta___g4NZf .Accordion__button___CFZPM:focus:not(:focus-visible) { background-color: #6b6b6b; } .Accordion__theme_dark___Yddyh .Accordion__item___3lhlm, .Accordion__theme_magenta___g4NZf .Accordion__item___3lhlm { border-top: 1px solid #4b4b4b; } .Accordion__theme_dark___Yddyh .Accordion__item___3lhlm:last-child, .Accordion__theme_magenta___g4NZf .Accordion__item___3lhlm:last-child { border-bottom: 1px solid #4b4b4b; } .Faq_faqQuestion__3WPIN{color:currentColor;line-height:0;margin:0}.Faq_faqQuestion__3WPIN [class*=Accordion__icon_]{top:.75rem} .faqs_modules_faq__2egxg{display:flex;justify-content:center;padding-bottom:3rem;padding-top:3rem;width:100%}@media(min-width: 40rem){.faqs_modules_faq__2egxg{padding-bottom:4.5rem;padding-top:4.5rem}}@media(min-width: 48rem){.faqs_modules_faq__2egxg{padding-bottom:6rem;padding-top:6rem}}.faqs_modules_faq__wrapper__4LUNV{align-items:center;display:flex;flex-direction:column;margin-inline:12px;max-width:64rem}.faqs_modules_faq__title__1O_ME{margin-bottom:2.25rem;max-width:766px;text-align:center}@media(min-width: 40rem){.faqs_modules_faq__title__1O_ME{margin-bottom:3rem}} .table_table__22P7A{background:#f8f8f8;margin-top:2.25rem;padding:2.25rem 0 4.5rem}@media screen and (min-width: 640px){.table_table__22P7A{margin-top:3.75rem}}@media screen and (min-width: 1024px){.table_table__22P7A{margin-top:5.25rem;padding:3.75rem 0 4.5rem}}.table_table__heading__2CqHj{margin-bottom:1.5rem;max-width:766px}.table_table__footnote__2RI_8{margin-bottom:2px}.table_table__footnote__2RI_8:focus-visible::after{outline-color:#000 !important}.table_table__tableHeader__9L0Lt{padding-bottom:36px;vertical-align:middle !important}.table_table__tableHeaderTitle__3H8dA{display:flex;flex-direction:column;font-size:1.3125rem;font-weight:800;padding-bottom:40px;padding-top:36px}@media screen and (max-width: 1023px){.table_table__tableSpacer__amHyy{display:none !important}}.table_table__footnote__2RI_8>span{line-height:1 !important}.table_table__highlight__2ghPT{color:#e20074 !important}@media screen and (max-width: 639px){.table_table__highlight__2ghPT{font-size:1.1875rem}}.table_table__22P7A [class*=Price__suffix]{font-size:1.1875rem}.table_table__22P7A [class*=ComparisonTable__head-col-header]{text-align:center}.table_table__22P7A [class*=Footnote_nowrap]{bottom:9px;display:inline-block;height:21px;position:relative;width:18px}.table_table__22P7A [class*=Footnote_nowrap] button::before{display:none}.table_table__22P7A [class*=Footnote_nowrap] [class*=Asterisk__star]{top:50% !important}.table_table__22P7A th[id=price]{z-index:1}.table_table__22P7A>[class*=ComparisonTable__wrapper],.table_table__22P7A>[class*=ComparisonTable__wrapper] *,.table_table__22P7A>[class*=ComparisonTable__wrapper] * ::before{background:#f8f8f8 !important}[class*=Badge__],[class*=Badge__]*{background-color:#e20074 !important}