:root { --sectionPadding: 16px; --gap-xs: 4px; --gap-s: 8px; --gap-m: 16px; --gap-l: 24px; --nav-height: var(--menu-top-height-mobile,54px); --nav-banner-height: 0px; --nav-sidebar-width: 64px; --border-radius-1000: 1000px; --border-radius-default: 8px; }
@media (max-width: 1280px) {
  :root { --nav-sidebar-width: 0; }
}
@media (min-width: 768px) {
  :root { --gap-xs: 6px; --gap-s: 12px; --gap-m: 24px; --gap-l: 36px; --nav-height: var(--menu-top-height-desktop,64px); }
}
@media (min-width: 960px) {
  :root { --gap-xs: 8px; --gap-s: 16px; --gap-m: 32px; --gap-l: 48px; }
}
@media (min-width: 1248px) {
  :root { --gap-xs: 10px; --gap-s: 20px; --gap-m: 40px; --gap-l: 60px; }
}
body, html { height: 100vh; overscroll-behavior: none; scroll-behavior: smooth; width: 100%; }
body { text-size-adjust: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); background-color: var(--color-background-page); color: var(--color-light-grey-5); font-weight: 600; margin: 0px; overflow: hidden; }
body #app { max-width: 100%; overflow-y: visible; position: fixed; width: 100vw; }
#container { padding-bottom: env(safe-area-inset-bottom); padding-right: var(--imitated-scrollbar-width,0); }
section { margin: 0px auto; max-width: var(--section-width); min-width: 320px; padding: 0 var(--section-padding-m); width: 100%; }
.desktop section { padding: 0 var(--section-padding-l); }
*, ::after, ::before { font-variant-numeric: inherit; }
.scrollContainer { overflow-x: scroll; }
.scrollSection { display: flex; margin: 0px -16px; overflow-x: auto; padding: 2px 18px; scroll-padding: 0px 16px; scroll-padding-inline: 16px; }
ul { list-style: none; padding: 0px; }
form, ul { margin: 0px; }
a { text-decoration: none; }
#m-modal-wrapper { left: 0px; top: 0px; }
*, ::after, ::before { box-sizing: border-box; }
:focus { outline: none; }
:focus-visible { outline: 2px solid var(--color-pr500); }
input:-internal-autofill-selected, input:-internal-autofill-selected:active, input:-internal-autofill-selected:focus, input:-internal-autofill-selected:hover, input:-webkit-autofill, input:-webkit-autofill:active, input:-webkit-autofill:focus, input:-webkit-autofill:hover { transition: background-color 9999s ease-in-out, color; }
.fade-enter-active, .fade-leave-active { transition: opacity 0.2s; }
.fade-enter, .fade-leave-to { opacity: 0; }
.slide-left--leave-active, .slide-left-enter-active { transition: 0.5s; }
.slide-left-enter, .slide-left-leave-to { opacity: 0; transform: translate(-100%); }
.roll-up-enter-active, .roll-up-leave-active { transition: 0.2s ease-out; }
.roll-up-enter { opacity: 0; transform: translateY(-30px); }
.roll-up-leave-to { opacity: 0; transform: translateY(30px); }
.roll-down-enter-active, .roll-down-leave-active { transition: 0.2s ease-out; }
.roll-down-enter { opacity: 0; transform: translateY(30px); }
.roll-down-leave-to { opacity: 0; transform: translateY(-30px); }
@keyframes slide-up-opacity { 
  0% { opacity: 0; transform: translateY(3%); }
  100% { opacity: 1; transform: translateY(0px); }
}
@keyframes fade { 
  0% { opacity: 0; }
  100% { opacity: 1; }
}
@keyframes wave-left { 
  0% { transform: translateX(0px); }
  50% { transform: translateX(-1px); }
  100% { transform: translateX(0px); }
}
@keyframes wave-right { 
  0% { transform: translateX(0px); }
  50% { transform: translateX(1px); }
  100% { transform: translateX(0px); }
}
@keyframes trambling-animation { 
  0%, 50%, 100% { transform: rotate(0deg); }
  10%, 30% { transform: rotate(-10deg); }
  20%, 40% { transform: rotate(10deg); }
}
@keyframes rotate { 
  100% { transform: rotate(-1turn); }
}
:root { --color-text-faded: #aeb3c7; --color-border: #585c834d; --color-background-missions: #1a799f; --color-text-ghost: #52586f; }
.m-icon { width: 16px; }
.TextOverflow { overflow: hidden; position: relative; }
.TextOverflow::after { background: var(--gradient-dark-grey-1-right); content: ""; height: 100%; position: absolute; right: 0px; top: 0px; width: 24px; }
.TextOverflow--light::after { background: var(--gradient-dark-grey-2-right); }
.hideScrollbar { scrollbar-width: none; }
.hideScrollbar::-webkit-scrollbar { display: none; }
.lowercase { text-transform: lowercase; }
body.sensitiveModalOpen #gist-embed-message, body.sensitiveModalOpen .__btgPromoHolder, body:has(.m-modal-container.email-verification, .maintenance-page, .not-allowed) #gist-embed-message, body:has(.m-modal-container.email-verification, .maintenance-page, .not-allowed) .__btgPromoHolder { display: none !important; }
body:has(.chests-unlocked-modal) .notifications { display: none; }
.m-fs8 { font-size: 8px; }
.m-fs10 { font-size: 10px; }
.m-fs12 { font-size: 12px; }
.m-fs14 { font-size: 14px; }
.m-fs16 { font-size: 16px; }
.m-fs18 { font-size: 18px; }
.m-fs20 { font-size: 20px; }
.m-fs24 { font-size: 24px; }
.m-fs28 { font-size: 28px; }
.m-fs32 { font-size: 32px; }
.m-fw500 { font-weight: 500; }
.m-fw600 { font-weight: 600; }
.m-fw700 { font-weight: 700; }
.m-lh140 { line-height: 140%; }
.m-lh150 { line-height: 150%; }
.m-lh160 { line-height: 160%; }
.m-text-center { text-align: center; }
.m-capitalize { text-transform: capitalize; }
.m-thin-scrollbar { scrollbar-color: var(--color-scrollbar-background) #0000; scrollbar-width: thin; }
.m-thin-scrollbar::-webkit-scrollbar { background: var(--color-dark-grey-1); height: 5px; width: 5px; }
.m-thin-scrollbar::-webkit-scrollbar-thumb { background-color: var(--color-dark-grey-5); border-radius: 3px; }
.ellipsis-2-lines { -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; }
.m-slider-dots_wrap { align-items: center; display: flex; justify-content: center; margin-top: 8px; width: 100%; }
.m-slider-dots { display: flex; padding: 0px; }
.m-slider-dots--small .m-slider-dots__point { height: 8px; margin: 0px 2px; width: 8px; }
.m-slider-dots__point { background: var(--color-mid-grey-1); border-radius: 5px; cursor: pointer; height: 4px; margin: 0px 4px; overflow: hidden; position: relative; width: 30px; }
.m-slider-dots__point::before { background: var(--color-light-grey-5); border-radius: 5px; content: ""; height: 100%; left: 0px; opacity: 0; position: absolute; top: 0px; transform: scale(0.8); transition: 0.4s ease-in-out; width: 100%; }
.m-slider-dots__point.activeDot::before { opacity: 1; transform: scale(1); }
.m-slider-dots__point span { display: none; }
.m-slider { --default-slides-to-show: 1; --default-slide-width: 100%; --slides-to-show: var(--default-slides-to-show); --slide-width: var(--default-slide-width); width: 100%; }
@media (min-width: 1921px) {
  .m-slider { --slide-width: var(--bp-xxxl-plus,var(--default-slide-width)); --slides-to-show: var(--slides-xxxl-plus,var(--default-slides-to-show)); }
}
@media (max-width: 1920px) {
  .m-slider { --slide-width: var(--bp-xxxl,var(--default-slide-width)); --slides-to-show: var(--slides-xxxl,var(--default-slides-to-show)); }
}
@media (max-width: 1600px) {
  .m-slider { --slide-width: var(--bp-xxl,var(--default-slide-width)); --slides-to-show: var(--slides-xxl,var(--default-slides-to-show)); }
}
@media (max-width: 1366px) {
  .m-slider { --slide-width: var(--bp-xl-2,var(--default-slide-width)); --slides-to-show: var(--slides-xl-2,var(--default-slides-to-show)); }
}
@media (max-width: 1248px) {
  .m-slider { --slide-width: var(--bp-xl,var(--default-slide-width)); --slides-to-show: var(--slides-xl,var(--default-slides-to-show)); }
}
@media (max-width: 960px) {
  .m-slider { --slide-width: var(--bp-l,var(--default-slide-width)); --slides-to-show: var(--slides-l,var(--default-slides-to-show)); }
}
@media (max-width: 768px) {
  .m-slider { --slide-width: var(--bp-m,var(--default-slide-width)); --slides-to-show: var(--slides-m,var(--default-slides-to-show)); }
}
@media (max-width: 590px) {
  .m-slider { --slide-width: var(--bp-s,var(--default-slide-width)); --slides-to-show: var(--slides-s,var(--default-slides-to-show)); }
}
@media (max-width: 460px) {
  .m-slider { --slide-width: var(--bp-xs,var(--default-slide-width)); --slides-to-show: var(--slides-xs,var(--default-slides-to-show)); }
}
@media (max-width: 320px) {
  .m-slider { --slide-width: var(--bp-xxs,var(--default-slide-width)); --slides-to-show: var(--slides-xxs,var(--default-slides-to-show)); }
}
.m-slider.m-slider--fixed-slide-width .m-slider__slide { flex-basis: var(--max-slide-width); flex-grow: 0; max-width: 100%; }
.m-slider.withScrollSnap .m-slider__scroll-box { scroll-snap-type: x mandatory; }
.m-slider .m-slider__scroll-wrap { position: relative; }
.m-slider .m-slider__scroll-wrap:hover .m-slider__arrow { opacity: 1; }
.m-slider .m-slider__scroll-wrap:hover .m-slider__arrow-left { left: -18px; }
.m-slider .m-slider__scroll-wrap:hover .m-slider__arrow-right { right: -18px; }
.m-slider .m-slider__scroll-box { display: flex; overflow-x: auto; scroll-behavior: smooth; scrollbar-width: none; width: 100%; }
.m-slider .m-slider__scroll-box::-webkit-scrollbar { display: none; }
.m-slider .m-slider__slide { flex: 0 0 var(--slide-width); scroll-snap-align: start; scroll-snap-stop: always; }
.m-slider .m-slider__slide, .m-slider .m-slider__slide-content { max-width: var(--max-slide-width); }
.m-slider .m-slider__arrow.m-button { height: 40px; opacity: 0; overflow: hidden; position: absolute; top: 50%; transform: translateY(-50%); transition: 0.3s ease-in-out; width: 40px; z-index: 10; }
.m-slider .m-slider__arrow-left { left: 0px; }
.m-slider .m-slider__arrow-right { right: 0px; }
.m-preloader { animation: 1s linear 0s infinite normal none running preloader; color: var(--color-mid-grey-5); }
.m-preloader-primary { color: var(--color-pr500); }
@keyframes preloader { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(1turn); }
}
.m-icon-container { align-items: center; background: var(--ic-background); border-radius: var(--ic-border-radius); box-shadow: inset 0 0 0 var(--ic-border-width) var(--ic-border-color); color: var(--ic-color); display: flex; justify-content: center; padding: var(--ic-padding); transition: color 0.15s ease-in-out; }
.m-icon-container img, .m-icon-container svg { height: var(--ic-size); width: var(--ic-size); }
.m-button { --m-button-transition-duration: .15s; align-items: center; background: var(--m-button-background); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: var(--m-button-border-radius); box-shadow: inset 0 0 0 var(--m-button-border-width) var(--m-button-border-color); color: var(--m-button-text-color); cursor: pointer; display: flex; font-style: ; font-variant-ligatures: ; font-variant-caps: ; font-variant-east-asian: ; font-variant-alternates: ; font-variant-position: ; font-variant-emoji: ; font-weight: ; font-stretch: ; font-size: ; line-height: ; font-family: ; font-optical-sizing: ; font-size-adjust: ; font-kerning: ; font-feature-settings: ; font-variation-settings: ; font-language-override: ; font-variant-numeric: var(--font-variant-numeric); justify-content: center; padding: var(--m-button-padding); position: relative; text-decoration: none; transition: all var(--m-button-transition-duration) ease-in-out; }
.m-button > * { transition-duration: var(--m-button-transition-duration); transition-property: opacity, scale; transition-timing-function: ease-in-out; }
.m-button.m-gradient-border { --gradient-width: var(--m-button-border-width); --gradient-color: var(--m-button-border-color); }
.m-button-content { align-items: center; display: flex; gap: var(--m-button-text-margin); justify-content: center; min-height: var(--m-button-content-height); padding: var(--m-button-text-margin); }
.m-button-content img, .m-button-content svg { color: var(--ic-color); height: var(--ic-size); width: var(--ic-size); }
.m-button--primary { --m-button-background: var(--color-button-fill-primary-background); --m-button-text-color: var(--color-button-fill-primary-text); --m-button-border-color: var(--color-button-fill-primary-border); --m-button-border-color-hover: var(--color-button-fill-primary-border-hover); --m-button-border-color-pressed: var(--color-button-fill-primary-border-active); --m-button-background-disabled: var(--color-button-fill-primary-background-disabled); --m-button-border-color-disabled: var(--color-button-fill-primary-border-disabled); --m-button-text-color-disabled: var(--color-button-fill-primary-text-disabled); --m-button-background-hover: var(--color-button-fill-primary-background-hover); --m-button-text-color-hover: var(--color-button-fill-primary-text-hover); --m-button-background-pressed: var(--color-button-fill-primary-background-active); --m-button-text-color-pressed: var(--color-button-fill-primary-text-active); --ic-color: var(--color-button-fill-primary-icon-container-icon); --ic-color-disabled: var(--color-button-fill-primary-icon-container-icon-disabled); --ic-color-hover: var(--color-button-fill-primary-icon-container-icon-hover); --ic-color-pressed: var(--color-button-fill-primary-icon-container-icon-active); --ic-background: var(--color-button-fill-primary-icon-container-background); --ic-background-hover: var(--color-button-fill-primary-icon-container-background-hover); --ic-background-pressed: var(--color-button-fill-primary-icon-container-background-active); --ic-background-disabled: var(--color-button-fill-primary-icon-container-background-disabled); --ic-border-color: var(--color-button-fill-primary-icon-container-border); --ic-border-color-hover: var(--color-button-fill-primary-icon-container-border-hover); --ic-border-color-pressed: var(--color-button-fill-primary-icon-container-border-active); --ic-border-color-disabled: var(--color-button-fill-primary-icon-container-border-disabled); }
.m-button--primary.m-button--outline { --m-button-background: var(--color-button-outline-primary-background); --m-button-text-color: var(--color-button-outline-primary-text); --m-button-border-color: var(--color-button-outline-primary-border); --m-button-border-color-hover: var(--color-button-outline-primary-border-hover); --m-button-border-color-pressed: var(--color-button-outline-primary-border-active); --m-button-border-color-disabled: var(--color-button-outline-primary-border-disabled); --m-button-background-disabled: var(--color-button-outline-primary-background-disabled); --m-button-text-color-disabled: var(--color-button-outline-primary-text-disabled); --m-button-background-hover: var(--color-button-outline-primary-background-hover); --m-button-text-color-hover: var(--color-button-outline-primary-text-hover); --m-button-background-pressed: var(--color-button-outline-primary-background-active); --m-button-text-color-pressed: var(--color-button-outline-primary-text-active); --ic-color: var(--color-button-outline-primary-icon-container-icon); --ic-color-disabled: var(--color-button-outline-primary-icon-container-icon-disabled); --ic-color-hover: var(--color-button-outline-primary-icon-container-icon-hover); --ic-color-pressed: var(--color-button-outline-primary-icon-container-icon-active); --ic-background: var(--color-button-outline-primary-icon-container-background); --ic-background-hover: var(--color-button-outline-primary-icon-container-background-hover); --ic-background-pressed: var(--color-button-outline-primary-icon-container-background-active); --ic-background-disabled: var(--color-button-outline-primary-icon-container-background-disabled); --ic-border-color: var(--color-button-outline-primary-icon-container-border); --ic-border-color-hover: var(--color-button-outline-primary-icon-container-border-hover); --ic-border-color-pressed: var(--color-button-outline-primary-icon-container-border-active); --ic-border-color-disabled: var(--color-button-outline-primary-icon-container-border-disabled); }
.m-button--secondary { --m-button-background: var(--color-button-fill-secondary-background); --m-button-text-color: var(--color-button-fill-secondary-text); --m-button-border-color: var(--color-button-fill-secondary-border); --m-button-border-color-hover: var(--color-button-fill-secondary-border-hover); --m-button-border-color-pressed: var(--color-button-fill-secondary-border-active); --m-button-background-disabled: var(--color-button-fill-secondary-background-disabled); --m-button-border-color-disabled: var(--color-button-fill-secondary-border-disabled); --m-button-text-color-disabled: var(--color-button-fill-secondary-text-disabled); --m-button-background-hover: var(--color-button-fill-secondary-background-hover); --m-button-text-color-hover: var(--color-button-fill-secondary-text-hover); --m-button-background-pressed: var(--color-button-fill-secondary-background-active); --m-button-text-color-pressed: var(--color-button-fill-secondary-text-active); --ic-color: var(--color-button-fill-secondary-icon-container-icon); --ic-color-disabled: var(--color-button-fill-secondary-icon-container-icon-disabled); --ic-color-hover: var(--color-button-fill-secondary-icon-container-icon-hover); --ic-color-pressed: var(--color-button-fill-secondary-icon-container-icon-active); --ic-background: var(--color-button-fill-secondary-icon-container-background); --ic-background-hover: var(--color-button-fill-secondary-icon-container-background-hover); --ic-background-pressed: var(--color-button-fill-secondary-icon-container-background-active); --ic-background-disabled: var(--color-button-fill-secondary-icon-container-background-disabled); --ic-border-color: var(--color-button-fill-secondary-icon-container-border); --ic-border-color-hover: var(--color-button-fill-secondary-icon-container-border-hover); --ic-border-color-pressed: var(--color-button-fill-secondary-icon-container-border-active); --ic-border-color-disabled: var(--color-button-fill-secondary-icon-container-border-disabled); }
.m-button--secondary.m-button--outline { --m-button-background: var(--color-button-outline-secondary-background); --m-button-text-color: var(--color-button-outline-secondary-text); --m-button-border-color: var(--color-button-outline-secondary-border); --m-button-border-color-hover: var(--color-button-outline-secondary-border-hover); --m-button-border-color-pressed: var(--color-button-outline-secondary-border-active); --m-button-border-color-disabled: var(--color-button-outline-secondary-border-disabled); --m-button-background-disabled: var(--color-button-outline-secondary-background-disabled); --m-button-text-color-disabled: var(--color-button-outline-secondary-text-disabled); --m-button-background-hover: var(--color-button-outline-secondary-background-hover); --m-button-text-color-hover: var(--color-button-outline-secondary-text-hover); --m-button-background-pressed: var(--color-button-outline-secondary-background-active); --m-button-text-color-pressed: var(--color-button-outline-secondary-text-active); --ic-color: var(--color-button-outline-secondary-icon-container-icon); --ic-color-disabled: var(--color-button-outline-secondary-icon-container-icon-disabled); --ic-color-hover: var(--color-button-outline-secondary-icon-container-icon-hover); --ic-color-pressed: var(--color-button-outline-secondary-icon-container-icon-active); --ic-background: var(--color-button-outline-secondary-icon-container-background); --ic-background-hover: var(--color-button-outline-secondary-icon-container-background-hover); --ic-background-pressed: var(--color-button-outline-secondary-icon-container-background-active); --ic-background-disabled: var(--color-button-outline-secondary-icon-container-background-disabled); --ic-border-color: var(--color-button-outline-secondary-icon-container-border); --ic-border-color-hover: var(--color-button-outline-secondary-icon-container-border-hover); --ic-border-color-pressed: var(--color-button-outline-secondary-icon-container-border-active); --ic-border-color-disabled: var(--color-button-outline-secondary-icon-container-border-disabled); }
.m-button--info { --m-button-background: var(--color-button-fill-info-background); --m-button-text-color: var(--color-button-fill-info-text); --m-button-border-color: var(--color-button-fill-info-border); --m-button-border-color-hover: var(--color-button-fill-info-border-hover); --m-button-border-color-pressed: var(--color-button-fill-info-border-active); --m-button-background-disabled: var(--color-button-fill-info-background-disabled); --m-button-border-color-disabled: var(--color-button-fill-info-border-disabled); --m-button-text-color-disabled: var(--color-button-fill-info-text-disabled); --m-button-background-hover: var(--color-button-fill-info-background-hover); --m-button-text-color-hover: var(--color-button-fill-info-text-hover); --m-button-background-pressed: var(--color-button-fill-info-background-active); --m-button-text-color-pressed: var(--color-button-fill-info-text-active); --ic-color: var(--color-button-fill-info-icon-container-icon); --ic-color-disabled: var(--color-button-fill-info-icon-container-icon-disabled); --ic-color-hover: var(--color-button-fill-info-icon-container-icon-hover); --ic-color-pressed: var(--color-button-fill-info-icon-container-icon-active); --ic-background: var(--color-button-fill-info-icon-container-background); --ic-background-hover: var(--color-button-fill-info-icon-container-background-hover); --ic-background-pressed: var(--color-button-fill-info-icon-container-background-active); --ic-background-disabled: var(--color-button-fill-info-icon-container-background-disabled); --ic-border-color: var(--color-button-fill-info-icon-container-border); --ic-border-color-hover: var(--color-button-fill-info-icon-container-border-hover); --ic-border-color-pressed: var(--color-button-fill-info-icon-container-border-active); --ic-border-color-disabled: var(--color-button-fill-info-icon-container-border-disabled); }
.m-button--info.m-button--outline { --m-button-background: var(--color-button-outline-info-background); --m-button-text-color: var(--color-button-outline-info-text); --m-button-border-color: var(--color-button-outline-info-border); --m-button-border-color-hover: var(--color-button-outline-info-border-hover); --m-button-border-color-pressed: var(--color-button-outline-info-border-active); --m-button-border-color-disabled: var(--color-button-outline-info-border-disabled); --m-button-background-disabled: var(--color-button-outline-info-background-disabled); --m-button-text-color-disabled: var(--color-button-outline-info-text-disabled); --m-button-background-hover: var(--color-button-outline-info-background-hover); --m-button-text-color-hover: var(--color-button-outline-info-text-hover); --m-button-background-pressed: var(--color-button-outline-info-background-active); --m-button-text-color-pressed: var(--color-button-outline-info-text-active); --ic-color: var(--color-button-outline-info-icon-container-icon); --ic-color-disabled: var(--color-button-outline-info-icon-container-icon-disabled); --ic-color-hover: var(--color-button-outline-info-icon-container-icon-hover); --ic-color-pressed: var(--color-button-outline-info-icon-container-icon-active); --ic-background: var(--color-button-outline-info-icon-container-background); --ic-background-hover: var(--color-button-outline-info-icon-container-background-hover); --ic-background-pressed: var(--color-button-outline-info-icon-container-background-active); --ic-background-disabled: var(--color-button-outline-info-icon-container-background-disabled); --ic-border-color: var(--color-button-outline-info-icon-container-border); --ic-border-color-hover: var(--color-button-outline-info-icon-container-border-hover); --ic-border-color-pressed: var(--color-button-outline-info-icon-container-border-active); --ic-border-color-disabled: var(--color-button-outline-info-icon-container-border-disabled); }
.m-button--minor { --m-button-background: var(--color-button-fill-minor-background); --m-button-text-color: var(--color-button-fill-minor-text); --m-button-border-color: var(--color-button-fill-minor-border); --m-button-border-color-hover: var(--color-button-fill-minor-border-hover); --m-button-border-color-pressed: var(--color-button-fill-minor-border-active); --m-button-background-disabled: var(--color-button-fill-minor-background-disabled); --m-button-border-color-disabled: var(--color-button-fill-minor-border-disabled); --m-button-text-color-disabled: var(--color-button-fill-minor-text-disabled); --m-button-background-hover: var(--color-button-fill-minor-background-hover); --m-button-text-color-hover: var(--color-button-fill-minor-text-hover); --m-button-background-pressed: var(--color-button-fill-minor-background-active); --m-button-text-color-pressed: var(--color-button-fill-minor-text-active); --ic-color: var(--color-button-fill-minor-icon-container-icon); --ic-color-disabled: var(--color-button-fill-minor-icon-container-icon-disabled); --ic-color-hover: var(--color-button-fill-minor-icon-container-icon-hover); --ic-color-pressed: var(--color-button-fill-minor-icon-container-icon-active); --ic-background: var(--color-button-fill-minor-icon-container-background); --ic-background-hover: var(--color-button-fill-minor-icon-container-background-hover); --ic-background-pressed: var(--color-button-fill-minor-icon-container-background-active); --ic-background-disabled: var(--color-button-fill-minor-icon-container-background-disabled); --ic-border-color: var(--color-button-fill-minor-icon-container-border); --ic-border-color-hover: var(--color-button-fill-minor-icon-container-border-hover); --ic-border-color-pressed: var(--color-button-fill-minor-icon-container-border-active); --ic-border-color-disabled: var(--color-button-fill-minor-icon-container-border-disabled); }
.m-button--minor.m-button--outline { --m-button-background: var(--color-button-outline-minor-background); --m-button-text-color: var(--color-button-outline-minor-text); --m-button-border-color: var(--color-button-outline-minor-border); --m-button-border-color-hover: var(--color-button-outline-minor-border-hover); --m-button-border-color-pressed: var(--color-button-outline-minor-border-active); --m-button-border-color-disabled: var(--color-button-outline-minor-border-disabled); --m-button-background-disabled: var(--color-button-outline-minor-background-disabled); --m-button-text-color-disabled: var(--color-button-outline-minor-text-disabled); --m-button-background-hover: var(--color-button-outline-minor-background-hover); --m-button-text-color-hover: var(--color-button-outline-minor-text-hover); --m-button-background-pressed: var(--color-button-outline-minor-background-active); --m-button-text-color-pressed: var(--color-button-outline-minor-text-active); --ic-color: var(--color-button-outline-minor-icon-container-icon); --ic-color-disabled: var(--color-button-outline-minor-icon-container-icon-disabled); --ic-color-hover: var(--color-button-outline-minor-icon-container-icon-hover); --ic-color-pressed: var(--color-button-outline-minor-icon-container-icon-active); --ic-background: var(--color-button-outline-minor-icon-container-background); --ic-background-hover: var(--color-button-outline-minor-icon-container-background-hover); --ic-background-pressed: var(--color-button-outline-minor-icon-container-background-active); --ic-background-disabled: var(--color-button-outline-minor-icon-container-background-disabled); --ic-border-color: var(--color-button-outline-minor-icon-container-border); --ic-border-color-hover: var(--color-button-outline-minor-icon-container-border-hover); --ic-border-color-pressed: var(--color-button-outline-minor-icon-container-border-active); --ic-border-color-disabled: var(--color-button-outline-minor-icon-container-border-disabled); }
.m-button--success { --m-button-background: var(--color-button-fill-success-background); --m-button-text-color: var(--color-button-fill-success-text); --m-button-border-color: var(--color-button-fill-success-border); --m-button-border-color-hover: var(--color-button-fill-success-border-hover); --m-button-border-color-pressed: var(--color-button-fill-success-border-active); --m-button-background-disabled: var(--color-button-fill-success-background-disabled); --m-button-border-color-disabled: var(--color-button-fill-success-border-disabled); --m-button-text-color-disabled: var(--color-button-fill-success-text-disabled); --m-button-background-hover: var(--color-button-fill-success-background-hover); --m-button-text-color-hover: var(--color-button-fill-success-text-hover); --m-button-background-pressed: var(--color-button-fill-success-background-active); --m-button-text-color-pressed: var(--color-button-fill-success-text-active); --ic-color: var(--color-button-fill-success-icon-container-icon); --ic-color-disabled: var(--color-button-fill-success-icon-container-icon-disabled); --ic-color-hover: var(--color-button-fill-success-icon-container-icon-hover); --ic-color-pressed: var(--color-button-fill-success-icon-container-icon-active); --ic-background: var(--color-button-fill-success-icon-container-background); --ic-background-hover: var(--color-button-fill-success-icon-container-background-hover); --ic-background-pressed: var(--color-button-fill-success-icon-container-background-active); --ic-background-disabled: var(--color-button-fill-success-icon-container-background-disabled); --ic-border-color: var(--color-button-fill-success-icon-container-border); --ic-border-color-hover: var(--color-button-fill-success-icon-container-border-hover); --ic-border-color-pressed: var(--color-button-fill-success-icon-container-border-active); --ic-border-color-disabled: var(--color-button-fill-success-icon-container-border-disabled); }
.m-button--success.m-button--outline { --m-button-background: var(--color-button-outline-success-background); --m-button-text-color: var(--color-button-outline-success-text); --m-button-border-color: var(--color-button-outline-success-border); --m-button-border-color-hover: var(--color-button-outline-success-border-hover); --m-button-border-color-pressed: var(--color-button-outline-success-border-active); --m-button-border-color-disabled: var(--color-button-outline-success-border-disabled); --m-button-background-disabled: var(--color-button-outline-success-background-disabled); --m-button-text-color-disabled: var(--color-button-outline-success-text-disabled); --m-button-background-hover: var(--color-button-outline-success-background-hover); --m-button-text-color-hover: var(--color-button-outline-success-text-hover); --m-button-background-pressed: var(--color-button-outline-success-background-active); --m-button-text-color-pressed: var(--color-button-outline-success-text-active); --ic-color: var(--color-button-outline-success-icon-container-icon); --ic-color-disabled: var(--color-button-outline-success-icon-container-icon-disabled); --ic-color-hover: var(--color-button-outline-success-icon-container-icon-hover); --ic-color-pressed: var(--color-button-outline-success-icon-container-icon-active); --ic-background: var(--color-button-outline-success-icon-container-background); --ic-background-hover: var(--color-button-outline-success-icon-container-background-hover); --ic-background-pressed: var(--color-button-outline-success-icon-container-background-active); --ic-background-disabled: var(--color-button-outline-success-icon-container-background-disabled); --ic-border-color: var(--color-button-outline-success-icon-container-border); --ic-border-color-hover: var(--color-button-outline-success-icon-container-border-hover); --ic-border-color-pressed: var(--color-button-outline-success-icon-container-border-active); --ic-border-color-disabled: var(--color-button-outline-success-icon-container-border-disabled); }
.m-button--attention { --m-button-background: var(--color-button-fill-attention-background); --m-button-text-color: var(--color-button-fill-attention-text); --m-button-border-color: var(--color-button-fill-attention-border); --m-button-border-color-hover: var(--color-button-fill-attention-border-hover); --m-button-border-color-pressed: var(--color-button-fill-attention-border-active); --m-button-background-disabled: var(--color-button-fill-attention-background-disabled); --m-button-border-color-disabled: var(--color-button-fill-attention-border-disabled); --m-button-text-color-disabled: var(--color-button-fill-attention-text-disabled); --m-button-background-hover: var(--color-button-fill-attention-background-hover); --m-button-text-color-hover: var(--color-button-fill-attention-text-hover); --m-button-background-pressed: var(--color-button-fill-attention-background-active); --m-button-text-color-pressed: var(--color-button-fill-attention-text-active); --ic-color: var(--color-button-fill-attention-icon-container-icon); --ic-color-disabled: var(--color-button-fill-attention-icon-container-icon-disabled); --ic-color-hover: var(--color-button-fill-attention-icon-container-icon-hover); --ic-color-pressed: var(--color-button-fill-attention-icon-container-icon-active); --ic-background: var(--color-button-fill-attention-icon-container-background); --ic-background-hover: var(--color-button-fill-attention-icon-container-background-hover); --ic-background-pressed: var(--color-button-fill-attention-icon-container-background-active); --ic-background-disabled: var(--color-button-fill-attention-icon-container-background-disabled); --ic-border-color: var(--color-button-fill-attention-icon-container-border); --ic-border-color-hover: var(--color-button-fill-attention-icon-container-border-hover); --ic-border-color-pressed: var(--color-button-fill-attention-icon-container-border-active); --ic-border-color-disabled: var(--color-button-fill-attention-icon-container-border-disabled); }
.m-button--attention.m-button--outline { --m-button-background: var(--color-button-outline-attention-background); --m-button-text-color: var(--color-button-outline-attention-text); --m-button-border-color: var(--color-button-outline-attention-border); --m-button-border-color-hover: var(--color-button-outline-attention-border-hover); --m-button-border-color-pressed: var(--color-button-outline-attention-border-active); --m-button-border-color-disabled: var(--color-button-outline-attention-border-disabled); --m-button-background-disabled: var(--color-button-outline-attention-background-disabled); --m-button-text-color-disabled: var(--color-button-outline-attention-text-disabled); --m-button-background-hover: var(--color-button-outline-attention-background-hover); --m-button-text-color-hover: var(--color-button-outline-attention-text-hover); --m-button-background-pressed: var(--color-button-outline-attention-background-active); --m-button-text-color-pressed: var(--color-button-outline-attention-text-active); --ic-color: var(--color-button-outline-attention-icon-container-icon); --ic-color-disabled: var(--color-button-outline-attention-icon-container-icon-disabled); --ic-color-hover: var(--color-button-outline-attention-icon-container-icon-hover); --ic-color-pressed: var(--color-button-outline-attention-icon-container-icon-active); --ic-background: var(--color-button-outline-attention-icon-container-background); --ic-background-hover: var(--color-button-outline-attention-icon-container-background-hover); --ic-background-pressed: var(--color-button-outline-attention-icon-container-background-active); --ic-background-disabled: var(--color-button-outline-attention-icon-container-background-disabled); --ic-border-color: var(--color-button-outline-attention-icon-container-border); --ic-border-color-hover: var(--color-button-outline-attention-icon-container-border-hover); --ic-border-color-pressed: var(--color-button-outline-attention-icon-container-border-active); --ic-border-color-disabled: var(--color-button-outline-attention-icon-container-border-disabled); }
.m-button--warning { --m-button-background: var(--color-button-fill-warning-background); --m-button-text-color: var(--color-button-fill-warning-text); --m-button-border-color: var(--color-button-fill-warning-border); --m-button-border-color-hover: var(--color-button-fill-warning-border-hover); --m-button-border-color-pressed: var(--color-button-fill-warning-border-active); --m-button-background-disabled: var(--color-button-fill-warning-background-disabled); --m-button-border-color-disabled: var(--color-button-fill-warning-border-disabled); --m-button-text-color-disabled: var(--color-button-fill-warning-text-disabled); --m-button-background-hover: var(--color-button-fill-warning-background-hover); --m-button-text-color-hover: var(--color-button-fill-warning-text-hover); --m-button-background-pressed: var(--color-button-fill-warning-background-active); --m-button-text-color-pressed: var(--color-button-fill-warning-text-active); --ic-color: var(--color-button-fill-warning-icon-container-icon); --ic-color-disabled: var(--color-button-fill-warning-icon-container-icon-disabled); --ic-color-hover: var(--color-button-fill-warning-icon-container-icon-hover); --ic-color-pressed: var(--color-button-fill-warning-icon-container-icon-active); --ic-background: var(--color-button-fill-warning-icon-container-background); --ic-background-hover: var(--color-button-fill-warning-icon-container-background-hover); --ic-background-pressed: var(--color-button-fill-warning-icon-container-background-active); --ic-background-disabled: var(--color-button-fill-warning-icon-container-background-disabled); --ic-border-color: var(--color-button-fill-warning-icon-container-border); --ic-border-color-hover: var(--color-button-fill-warning-icon-container-border-hover); --ic-border-color-pressed: var(--color-button-fill-warning-icon-container-border-active); --ic-border-color-disabled: var(--color-button-fill-warning-icon-container-border-disabled); }
.m-button--warning.m-button--outline { --m-button-background: var(--color-button-outline-warning-background); --m-button-text-color: var(--color-button-outline-warning-text); --m-button-border-color: var(--color-button-outline-warning-border); --m-button-border-color-hover: var(--color-button-outline-warning-border-hover); --m-button-border-color-pressed: var(--color-button-outline-warning-border-active); --m-button-border-color-disabled: var(--color-button-outline-warning-border-disabled); --m-button-background-disabled: var(--color-button-outline-warning-background-disabled); --m-button-text-color-disabled: var(--color-button-outline-warning-text-disabled); --m-button-background-hover: var(--color-button-outline-warning-background-hover); --m-button-text-color-hover: var(--color-button-outline-warning-text-hover); --m-button-background-pressed: var(--color-button-outline-warning-background-active); --m-button-text-color-pressed: var(--color-button-outline-warning-text-active); --ic-color: var(--color-button-outline-warning-icon-container-icon); --ic-color-disabled: var(--color-button-outline-warning-icon-container-icon-disabled); --ic-color-hover: var(--color-button-outline-warning-icon-container-icon-hover); --ic-color-pressed: var(--color-button-outline-warning-icon-container-icon-active); --ic-background: var(--color-button-outline-warning-icon-container-background); --ic-background-hover: var(--color-button-outline-warning-icon-container-background-hover); --ic-background-pressed: var(--color-button-outline-warning-icon-container-background-active); --ic-background-disabled: var(--color-button-outline-warning-icon-container-background-disabled); --ic-border-color: var(--color-button-outline-warning-icon-container-border); --ic-border-color-hover: var(--color-button-outline-warning-icon-container-border-hover); --ic-border-color-pressed: var(--color-button-outline-warning-icon-container-border-active); --ic-border-color-disabled: var(--color-button-outline-warning-icon-container-border-disabled); }
.m-button--danger { --m-button-background: var(--color-button-fill-danger-background); --m-button-text-color: var(--color-button-fill-danger-text); --m-button-border-color: var(--color-button-fill-danger-border); --m-button-border-color-hover: var(--color-button-fill-danger-border-hover); --m-button-border-color-pressed: var(--color-button-fill-danger-border-active); --m-button-background-disabled: var(--color-button-fill-danger-background-disabled); --m-button-border-color-disabled: var(--color-button-fill-danger-border-disabled); --m-button-text-color-disabled: var(--color-button-fill-danger-text-disabled); --m-button-background-hover: var(--color-button-fill-danger-background-hover); --m-button-text-color-hover: var(--color-button-fill-danger-text-hover); --m-button-background-pressed: var(--color-button-fill-danger-background-active); --m-button-text-color-pressed: var(--color-button-fill-danger-text-active); --ic-color: var(--color-button-fill-danger-icon-container-icon); --ic-color-disabled: var(--color-button-fill-danger-icon-container-icon-disabled); --ic-color-hover: var(--color-button-fill-danger-icon-container-icon-hover); --ic-color-pressed: var(--color-button-fill-danger-icon-container-icon-active); --ic-background: var(--color-button-fill-danger-icon-container-background); --ic-background-hover: var(--color-button-fill-danger-icon-container-background-hover); --ic-background-pressed: var(--color-button-fill-danger-icon-container-background-active); --ic-background-disabled: var(--color-button-fill-danger-icon-container-background-disabled); --ic-border-color: var(--color-button-fill-danger-icon-container-border); --ic-border-color-hover: var(--color-button-fill-danger-icon-container-border-hover); --ic-border-color-pressed: var(--color-button-fill-danger-icon-container-border-active); --ic-border-color-disabled: var(--color-button-fill-danger-icon-container-border-disabled); }
.m-button--danger.m-button--outline { --m-button-background: var(--color-button-outline-danger-background); --m-button-text-color: var(--color-button-outline-danger-text); --m-button-border-color: var(--color-button-outline-danger-border); --m-button-border-color-hover: var(--color-button-outline-danger-border-hover); --m-button-border-color-pressed: var(--color-button-outline-danger-border-active); --m-button-border-color-disabled: var(--color-button-outline-danger-border-disabled); --m-button-background-disabled: var(--color-button-outline-danger-background-disabled); --m-button-text-color-disabled: var(--color-button-outline-danger-text-disabled); --m-button-background-hover: var(--color-button-outline-danger-background-hover); --m-button-text-color-hover: var(--color-button-outline-danger-text-hover); --m-button-background-pressed: var(--color-button-outline-danger-background-active); --m-button-text-color-pressed: var(--color-button-outline-danger-text-active); --ic-color: var(--color-button-outline-danger-icon-container-icon); --ic-color-disabled: var(--color-button-outline-danger-icon-container-icon-disabled); --ic-color-hover: var(--color-button-outline-danger-icon-container-icon-hover); --ic-color-pressed: var(--color-button-outline-danger-icon-container-icon-active); --ic-background: var(--color-button-outline-danger-icon-container-background); --ic-background-hover: var(--color-button-outline-danger-icon-container-background-hover); --ic-background-pressed: var(--color-button-outline-danger-icon-container-background-active); --ic-background-disabled: var(--color-button-outline-danger-icon-container-background-disabled); --ic-border-color: var(--color-button-outline-danger-icon-container-border); --ic-border-color-hover: var(--color-button-outline-danger-icon-container-border-hover); --ic-border-color-pressed: var(--color-button-outline-danger-icon-container-border-active); --ic-border-color-disabled: var(--color-button-outline-danger-icon-container-border-disabled); }
.m-button--light { --m-button-background: var(--color-button-fill-light-background); --m-button-text-color: var(--color-button-fill-light-text); --m-button-border-color: var(--color-button-fill-light-border); --m-button-border-color-hover: var(--color-button-fill-light-border-hover); --m-button-border-color-pressed: var(--color-button-fill-light-border-active); --m-button-background-disabled: var(--color-button-fill-light-background-disabled); --m-button-border-color-disabled: var(--color-button-fill-light-border-disabled); --m-button-text-color-disabled: var(--color-button-fill-light-text-disabled); --m-button-background-hover: var(--color-button-fill-light-background-hover); --m-button-text-color-hover: var(--color-button-fill-light-text-hover); --m-button-background-pressed: var(--color-button-fill-light-background-active); --m-button-text-color-pressed: var(--color-button-fill-light-text-active); --ic-color: var(--color-button-fill-light-icon-container-icon); --ic-color-disabled: var(--color-button-fill-light-icon-container-icon-disabled); --ic-color-hover: var(--color-button-fill-light-icon-container-icon-hover); --ic-color-pressed: var(--color-button-fill-light-icon-container-icon-active); --ic-background: var(--color-button-fill-light-icon-container-background); --ic-background-hover: var(--color-button-fill-light-icon-container-background-hover); --ic-background-pressed: var(--color-button-fill-light-icon-container-background-active); --ic-background-disabled: var(--color-button-fill-light-icon-container-background-disabled); --ic-border-color: var(--color-button-fill-light-icon-container-border); --ic-border-color-hover: var(--color-button-fill-light-icon-container-border-hover); --ic-border-color-pressed: var(--color-button-fill-light-icon-container-border-active); --ic-border-color-disabled: var(--color-button-fill-light-icon-container-border-disabled); }
.m-button--light.m-button--outline { --m-button-background: var(--color-button-outline-light-background); --m-button-text-color: var(--color-button-outline-light-text); --m-button-border-color: var(--color-button-outline-light-border); --m-button-border-color-hover: var(--color-button-outline-light-border-hover); --m-button-border-color-pressed: var(--color-button-outline-light-border-active); --m-button-border-color-disabled: var(--color-button-outline-light-border-disabled); --m-button-background-disabled: var(--color-button-outline-light-background-disabled); --m-button-text-color-disabled: var(--color-button-outline-light-text-disabled); --m-button-background-hover: var(--color-button-outline-light-background-hover); --m-button-text-color-hover: var(--color-button-outline-light-text-hover); --m-button-background-pressed: var(--color-button-outline-light-background-active); --m-button-text-color-pressed: var(--color-button-outline-light-text-active); --ic-color: var(--color-button-outline-light-icon-container-icon); --ic-color-disabled: var(--color-button-outline-light-icon-container-icon-disabled); --ic-color-hover: var(--color-button-outline-light-icon-container-icon-hover); --ic-color-pressed: var(--color-button-outline-light-icon-container-icon-active); --ic-background: var(--color-button-outline-light-icon-container-background); --ic-background-hover: var(--color-button-outline-light-icon-container-background-hover); --ic-background-pressed: var(--color-button-outline-light-icon-container-background-active); --ic-background-disabled: var(--color-button-outline-light-icon-container-background-disabled); --ic-border-color: var(--color-button-outline-light-icon-container-border); --ic-border-color-hover: var(--color-button-outline-light-icon-container-border-hover); --ic-border-color-pressed: var(--color-button-outline-light-icon-container-border-active); --ic-border-color-disabled: var(--color-button-outline-light-icon-container-border-disabled); }
.m-button--dark { --m-button-background: var(--color-button-fill-dark-background); --m-button-text-color: var(--color-button-fill-dark-text); --m-button-border-color: var(--color-button-fill-dark-border); --m-button-border-color-hover: var(--color-button-fill-dark-border-hover); --m-button-border-color-pressed: var(--color-button-fill-dark-border-active); --m-button-background-disabled: var(--color-button-fill-dark-background-disabled); --m-button-border-color-disabled: var(--color-button-fill-dark-border-disabled); --m-button-text-color-disabled: var(--color-button-fill-dark-text-disabled); --m-button-background-hover: var(--color-button-fill-dark-background-hover); --m-button-text-color-hover: var(--color-button-fill-dark-text-hover); --m-button-background-pressed: var(--color-button-fill-dark-background-active); --m-button-text-color-pressed: var(--color-button-fill-dark-text-active); --ic-color: var(--color-button-fill-dark-icon-container-icon); --ic-color-disabled: var(--color-button-fill-dark-icon-container-icon-disabled); --ic-color-hover: var(--color-button-fill-dark-icon-container-icon-hover); --ic-color-pressed: var(--color-button-fill-dark-icon-container-icon-active); --ic-background: var(--color-button-fill-dark-icon-container-background); --ic-background-hover: var(--color-button-fill-dark-icon-container-background-hover); --ic-background-pressed: var(--color-button-fill-dark-icon-container-background-active); --ic-background-disabled: var(--color-button-fill-dark-icon-container-background-disabled); --ic-border-color: var(--color-button-fill-dark-icon-container-border); --ic-border-color-hover: var(--color-button-fill-dark-icon-container-border-hover); --ic-border-color-pressed: var(--color-button-fill-dark-icon-container-border-active); --ic-border-color-disabled: var(--color-button-fill-dark-icon-container-border-disabled); }
.m-button--dark.m-button--outline { --m-button-background: var(--color-button-outline-dark-background); --m-button-text-color: var(--color-button-outline-dark-text); --m-button-border-color: var(--color-button-outline-dark-border); --m-button-border-color-hover: var(--color-button-outline-dark-border-hover); --m-button-border-color-pressed: var(--color-button-outline-dark-border-active); --m-button-border-color-disabled: var(--color-button-outline-dark-border-disabled); --m-button-background-disabled: var(--color-button-outline-dark-background-disabled); --m-button-text-color-disabled: var(--color-button-outline-dark-text-disabled); --m-button-background-hover: var(--color-button-outline-dark-background-hover); --m-button-text-color-hover: var(--color-button-outline-dark-text-hover); --m-button-background-pressed: var(--color-button-outline-dark-background-active); --m-button-text-color-pressed: var(--color-button-outline-dark-text-active); --ic-color: var(--color-button-outline-dark-icon-container-icon); --ic-color-disabled: var(--color-button-outline-dark-icon-container-icon-disabled); --ic-color-hover: var(--color-button-outline-dark-icon-container-icon-hover); --ic-color-pressed: var(--color-button-outline-dark-icon-container-icon-active); --ic-background: var(--color-button-outline-dark-icon-container-background); --ic-background-hover: var(--color-button-outline-dark-icon-container-background-hover); --ic-background-pressed: var(--color-button-outline-dark-icon-container-background-active); --ic-background-disabled: var(--color-button-outline-dark-icon-container-background-disabled); --ic-border-color: var(--color-button-outline-dark-icon-container-border); --ic-border-color-hover: var(--color-button-outline-dark-icon-container-border-hover); --ic-border-color-pressed: var(--color-button-outline-dark-icon-container-border-active); --ic-border-color-disabled: var(--color-button-outline-dark-icon-container-border-disabled); }
.m-button--vip { --m-button-background: var(--color-button-fill-vip-background); --m-button-text-color: var(--color-button-fill-vip-text); --m-button-border-color: var(--color-button-fill-vip-border); --m-button-border-color-hover: var(--color-button-fill-vip-border-hover); --m-button-border-color-pressed: var(--color-button-fill-vip-border-active); --m-button-background-disabled: var(--color-button-fill-vip-background-disabled); --m-button-border-color-disabled: var(--color-button-fill-vip-border-disabled); --m-button-text-color-disabled: var(--color-button-fill-vip-text-disabled); --m-button-background-hover: var(--color-button-fill-vip-background-hover); --m-button-text-color-hover: var(--color-button-fill-vip-text-hover); --m-button-background-pressed: var(--color-button-fill-vip-background-active); --m-button-text-color-pressed: var(--color-button-fill-vip-text-active); --ic-color: var(--color-button-fill-vip-icon-container-icon); --ic-color-disabled: var(--color-button-fill-vip-icon-container-icon-disabled); --ic-color-hover: var(--color-button-fill-vip-icon-container-icon-hover); --ic-color-pressed: var(--color-button-fill-vip-icon-container-icon-active); --ic-background: var(--color-button-fill-vip-icon-container-background); --ic-background-hover: var(--color-button-fill-vip-icon-container-background-hover); --ic-background-pressed: var(--color-button-fill-vip-icon-container-background-active); --ic-background-disabled: var(--color-button-fill-vip-icon-container-background-disabled); --ic-border-color: var(--color-button-fill-vip-icon-container-border); --ic-border-color-hover: var(--color-button-fill-vip-icon-container-border-hover); --ic-border-color-pressed: var(--color-button-fill-vip-icon-container-border-active); --ic-border-color-disabled: var(--color-button-fill-vip-icon-container-border-disabled); }
.m-button--vip.m-button--outline { --m-button-background: var(--color-button-outline-vip-background); --m-button-text-color: var(--color-button-outline-vip-text); --m-button-border-color: var(--color-button-outline-vip-border); --m-button-border-color-hover: var(--color-button-outline-vip-border-hover); --m-button-border-color-pressed: var(--color-button-outline-vip-border-active); --m-button-border-color-disabled: var(--color-button-outline-vip-border-disabled); --m-button-background-disabled: var(--color-button-outline-vip-background-disabled); --m-button-text-color-disabled: var(--color-button-outline-vip-text-disabled); --m-button-background-hover: var(--color-button-outline-vip-background-hover); --m-button-text-color-hover: var(--color-button-outline-vip-text-hover); --m-button-background-pressed: var(--color-button-outline-vip-background-active); --m-button-text-color-pressed: var(--color-button-outline-vip-text-active); --ic-color: var(--color-button-outline-vip-icon-container-icon); --ic-color-disabled: var(--color-button-outline-vip-icon-container-icon-disabled); --ic-color-hover: var(--color-button-outline-vip-icon-container-icon-hover); --ic-color-pressed: var(--color-button-outline-vip-icon-container-icon-active); --ic-background: var(--color-button-outline-vip-icon-container-background); --ic-background-hover: var(--color-button-outline-vip-icon-container-background-hover); --ic-background-pressed: var(--color-button-outline-vip-icon-container-background-active); --ic-background-disabled: var(--color-button-outline-vip-icon-container-background-disabled); --ic-border-color: var(--color-button-outline-vip-icon-container-border); --ic-border-color-hover: var(--color-button-outline-vip-icon-container-border-hover); --ic-border-color-pressed: var(--color-button-outline-vip-icon-container-border-active); --ic-border-color-disabled: var(--color-button-outline-vip-icon-container-border-disabled); }
.m-button--s { --m-button-padding: var(--button-expand-s,12px); --m-button-border-radius: var(--button-border-radius-s,22px); --m-button-border-width: var(--button-border-size-s,2px); --m-button-content-height: var(--button-content-height-s,20px); --m-button-font: var(--font-button-text-s); --m-button-text-margin: var(--button-text-container-expand-s,0 8px); --ic-padding: var(--button-icon-container-expand-s,0); --ic-size: var(--button-icon-container-icon-size-s,20px); --ic-border-width: var(--button-icon-container-border-size-s,0); --ic-border-radius: var(--button-icon-container-border-radius-s,0); letter-spacing: var(--font-button-text-s-ls,0); text-transform: var(--font-button-text-s-transform,unset); }
.m-button--m { --m-button-padding: var(--button-expand-m,12px); --m-button-border-radius: var(--button-border-radius-m,22px); --m-button-border-width: var(--button-border-size-m,2px); --m-button-content-height: var(--button-content-height-m,20px); --m-button-font: var(--font-button-text-m); --m-button-text-margin: var(--button-text-container-expand-m,0 8px); --ic-padding: var(--button-icon-container-expand-m,0); --ic-size: var(--button-icon-container-icon-size-m,20px); --ic-border-width: var(--button-icon-container-border-size-m,0); --ic-border-radius: var(--button-icon-container-border-radius-m,0); letter-spacing: var(--font-button-text-m-ls,0); text-transform: var(--font-button-text-m-transform,unset); }
.m-button--l { --m-button-padding: var(--button-expand-l,12px); --m-button-border-radius: var(--button-border-radius-l,22px); --m-button-border-width: var(--button-border-size-l,2px); --m-button-content-height: var(--button-content-height-l,20px); --m-button-font: var(--font-button-text-l); --m-button-text-margin: var(--button-text-container-expand-l,0 8px); --ic-padding: var(--button-icon-container-expand-l,0); --ic-size: var(--button-icon-container-icon-size-l,20px); --ic-border-width: var(--button-icon-container-border-size-l,0); --ic-border-radius: var(--button-icon-container-border-radius-l,0); letter-spacing: var(--font-button-text-l-ls,0); text-transform: var(--font-button-text-l-transform,unset); }
@media not (any-pointer: coarse) {
  .m-button:focus-visible, .m-button:hover { --m-button-background: var(--m-button-background-hover); --m-button-border-color: var(--m-button-border-color-hover); --m-button-text-color: var(--m-button-text-color-hover); --ic-color: var(--ic-color-hover); --ic-border-color: var(--ic-border-color-hover); --ic-background: var(--ic-background-hover); }
}
.m-button:active { --m-button-background: var(--m-button-background-pressed); --m-button-border-color: var(--m-button-border-color-pressed); --m-button-text-color: var(--m-button-text-color-pressed); --ic-color: var(--ic-color-pressed); --ic-border-color: var(--ic-border-color-pressed); --ic-background: var(--ic-background-pressed); }
.m-button:disabled, .m-button[disabled="true"] { --m-button-text-color: var(--m-button-text-color-disabled); --m-button-background: var(--m-button-background-disabled); --m-button-border-color: var(--m-button-border-color-disabled); --ic-color: var(--ic-color-disabled); --ic-border-color: var(--ic-border-color-disabled); --ic-background: var(--ic-background-disabled); cursor: not-allowed; }
.m-button .m-preloader { position: absolute; }
.m-button--loading { pointer-events: none; }
.m-button--loading .m-preloader { color: var(--ic-color); }
.m-button--loading .m-preloader ~ * { opacity: 0; transform: scale(0.5); }
.m-button--swap { flex-direction: row-reverse; }
.m-button--multiline .m-button-content { white-space: normal; }
.m-button .m-loader-fade-enter-active, .m-button .m-loader-fade-leave-active { transition: opacity 0.2s ease-in-out; }
.m-button .m-loader-fade-enter-from, .m-button .m-loader-fade-leave-to { opacity: 0; }
.m-button .m-countdown { --m-countdown-text-color: var(--m-button-text-color); }
.m-button--primary::after, .m-button--primary::before { background-image: var(--wow-button-base-primary-sprite,none),var(--wow-button-base-primary-sprite,none); }
.m-button--secondary::after, .m-button--secondary::before { background-image: var(--wow-button-base-secondary-sprite,none),var(--wow-button-base-secondary-sprite,none); }
.m-button--info::after, .m-button--info::before { background-image: var(--wow-button-base-info-sprite,none),var(--wow-button-base-info-sprite,none); }
.m-button--dark::after, .m-button--dark::before { background-image: var(--wow-button-base-dark-sprite,none),var(--wow-button-base-dark-sprite,none); }
.m-button--light::after, .m-button--light::before { background-image: var(--wow-button-base-light-sprite,none),var(--wow-button-base-light-sprite,none); }
.m-button--vip::after, .m-button--vip::before { background-image: var(--wow-button-base-vip-sprite,none),var(--wow-button-base-vip-sprite,none); }
.m-button.m-button--wow:not(:disabled)::after, .m-button.m-button--wow:not(:disabled)::before { background-repeat: no-repeat; background-size: 128px 32px; inset: 0px; content: ""; margin: auto; pointer-events: none; position: absolute; z-index: 1; }
.m-button.m-button--wow:not(:disabled)::before { background-position: right -64px top 0px, left -64px bottom 0px; width: 32px; }
.m-button.m-button--wow:not(:disabled)::after { background-position: right -96px top 50%, left -96px top 50%; height: 32px; }
.m-button-link { align-items: center; background: rgba(0, 0, 0, 0); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; color: var(--m-button-link-text-color); cursor: pointer; display: inline-flex; font-style: ; font-variant-ligatures: ; font-variant-caps: ; font-variant-east-asian: ; font-variant-alternates: ; font-variant-position: ; font-variant-emoji: ; font-weight: ; font-stretch: ; font-size: ; line-height: ; font-family: ; font-optical-sizing: ; font-size-adjust: ; font-kerning: ; font-feature-settings: ; font-variation-settings: ; font-language-override: ; font-variant-numeric: var(--font-variant-numeric); gap: var(--m-button-link-gap); justify-content: center; min-height: var(--m-button-link-content-height); padding: 0px; position: relative; text-decoration: none; transition: 0.15s ease-in-out; }
.m-button-link--primary { --m-button-link-text-color: var(--color-button-link-primary-text); --m-button-link-text-color-hover: var(--color-button-link-primary-text-hover); --m-button-link-text-color-pressed: var(--color-button-link-primary-text-active); --m-button-link-text-color-disabled: var(--color-button-link-primary-text-disabled); }
.m-button-link--secondary { --m-button-link-text-color: var(--color-button-link-secondary-text); --m-button-link-text-color-hover: var(--color-button-link-secondary-text-hover); --m-button-link-text-color-pressed: var(--color-button-link-secondary-text-active); --m-button-link-text-color-disabled: var(--color-button-link-secondary-text-disabled); }
.m-button-link--info { --m-button-link-text-color: var(--color-button-link-info-text); --m-button-link-text-color-hover: var(--color-button-link-info-text-hover); --m-button-link-text-color-pressed: var(--color-button-link-info-text-active); --m-button-link-text-color-disabled: var(--color-button-link-info-text-disabled); }
.m-button-link--dark { --m-button-link-text-color: var(--color-button-link-dark-text); --m-button-link-text-color-hover: var(--color-button-link-dark-text-hover); --m-button-link-text-color-pressed: var(--color-button-link-dark-text-active); --m-button-link-text-color-disabled: var(--color-button-link-dark-text-disabled); }
.m-button-link--light { --m-button-link-text-color: var(--color-button-link-light-text); --m-button-link-text-color-hover: var(--color-button-link-light-text-hover); --m-button-link-text-color-pressed: var(--color-button-link-light-text-active); --m-button-link-text-color-disabled: var(--color-button-link-light-text-disabled); }
.m-button-link--s { --m-button-link-content-height: var(--button-link-content-height-s,20px); --m-button-link-gap: var(--button-text-container-expand-s,0 8px); --m-button-link-font: var(--font-button-text-s); letter-spacing: var(--font-button-text-s-ls,0); text-transform: var(--font-button-text-s-transform,unset); }
.m-button-link--m { --m-button-link-content-height: var(--button-link-content-height-m,20px); --m-button-link-gap: var(--button-text-container-expand-m,0 8px); --m-button-link-font: var(--font-button-text-m); letter-spacing: var(--font-button-text-m-ls,0); text-transform: var(--font-button-text-m-transform,unset); }
.m-button-link--l { --m-button-link-content-height: var(--button-link-content-height-l,20px); --m-button-link-gap: var(--button-text-container-expand-l,0 8px); --m-button-link-font: var(--font-button-text-l); letter-spacing: var(--font-button-text-l-ls,0); text-transform: var(--font-button-text-l-transform,unset); }
.m-button-link:focus-visible, .m-button-link:hover { --m-button-link-text-color: var(--m-button-link-text-color-hover); }
.m-button-link:active { --m-button-link-text-color: var(--m-button-link-text-color-pressed); }
.m-button-link:disabled { --m-button-link-text-color: var(--m-button-link-text-color-disabled); cursor: not-allowed; }
.m-button-nav { align-items: center; background: var(--m-button-nav-background); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: var(--m-button-nav-border-radius); box-shadow: inset 0 0 0 var(--m-button-nav-border-width) var(--m-button-nav-border-color); cursor: pointer; display: flex; justify-content: center; padding: var(--m-button-nav-padding); text-decoration: none; transition: 0.15s ease-in-out; }
.m-button-nav.m-gradient-border { --gradient-width: var(--m-button-nav-border-width); --gradient-color: var(--m-button-nav-border-color); }
.m-button-nav .m-icon { color: var(--m-button-nav-icon-color); flex: 1 1 0%; height: var(--m-button-nav-icon-size); transition: color 0.15s ease-in-out; width: var(--m-button-nav-icon-size); }
.m-button-nav--3xs { --m-button-nav-padding: var(--button-navigation-expand-3xs,12px); --m-button-nav-icon-size: var(--button-navigation-icon-size-3xs,20px); --m-button-nav-border-radius: var(--button-navigation-border-radius-3xs,22px); --m-button-nav-border-width: var(--button-navigation-border-size-3xs,0); }
.m-button-nav--2xs { --m-button-nav-padding: var(--button-navigation-expand-2xs,12px); --m-button-nav-icon-size: var(--button-navigation-icon-size-2xs,20px); --m-button-nav-border-radius: var(--button-navigation-border-radius-2xs,22px); --m-button-nav-border-width: var(--button-navigation-border-size-2xs,0); }
.m-button-nav--xs { --m-button-nav-padding: var(--button-navigation-expand-xs,12px); --m-button-nav-icon-size: var(--button-navigation-icon-size-xs,20px); --m-button-nav-border-radius: var(--button-navigation-border-radius-xs,22px); --m-button-nav-border-width: var(--button-navigation-border-size-xs,0); }
.m-button-nav--s { --m-button-nav-padding: var(--button-navigation-expand-s,12px); --m-button-nav-icon-size: var(--button-navigation-icon-size-s,20px); --m-button-nav-border-radius: var(--button-navigation-border-radius-s,22px); --m-button-nav-border-width: var(--button-navigation-border-size-s,0); }
.m-button-nav--m { --m-button-nav-padding: var(--button-navigation-expand-m,12px); --m-button-nav-icon-size: var(--button-navigation-icon-size-m,20px); --m-button-nav-border-radius: var(--button-navigation-border-radius-m,22px); --m-button-nav-border-width: var(--button-navigation-border-size-m,0); }
.m-button-nav--transparent { --m-button-nav-background: var(--color-button-navigation-transparent-background); --m-button-nav-background-hover: var(--color-button-navigation-transparent-background-hover); --m-button-nav-background-pressed: var(--color-button-navigation-transparent-background-active); --m-button-nav-background-disabled: var(--color-button-navigation-transparent-background-disabled); --m-button-nav-icon-color: var(--color-button-navigation-transparent-icon); --m-button-nav-icon-color-hover: var(--color-button-navigation-transparent-icon-hover); --m-button-nav-icon-color-pressed: var(--color-button-navigation-transparent-icon-active); --m-button-nav-icon-color-disabled: var(--color-button-navigation-transparent-icon-disabled); --m-button-nav-border-color: var(--color-button-navigation-transparent-border); --m-button-nav-border-color-hover: var(--color-button-navigation-transparent-border-hover); --m-button-nav-border-color-pressed: var(--color-button-navigation-transparent-border-active); --m-button-nav-border-color-disabled: var(--color-button-navigation-transparent-border-disabled); }
.m-button-nav--secondary { --m-button-nav-background: var(--color-button-navigation-secondary-background); --m-button-nav-background-hover: var(--color-button-navigation-secondary-background-hover); --m-button-nav-background-pressed: var(--color-button-navigation-secondary-background-active); --m-button-nav-background-disabled: var(--color-button-navigation-secondary-background-disabled); --m-button-nav-icon-color: var(--color-button-navigation-secondary-icon); --m-button-nav-icon-color-hover: var(--color-button-navigation-secondary-icon-hover); --m-button-nav-icon-color-pressed: var(--color-button-navigation-secondary-icon-active); --m-button-nav-icon-color-disabled: var(--color-button-navigation-secondary-icon-disabled); --m-button-nav-border-color: var(--color-button-navigation-secondary-border); --m-button-nav-border-color-hover: var(--color-button-navigation-secondary-border-hover); --m-button-nav-border-color-pressed: var(--color-button-navigation-secondary-border-active); --m-button-nav-border-color-disabled: var(--color-button-navigation-secondary-border-disabled); }
.m-button-nav--inverse { --m-button-nav-background: var(--color-button-navigation-inverse-background); --m-button-nav-background-hover: var(--color-button-navigation-inverse-background-hover); --m-button-nav-background-pressed: var(--color-button-navigation-inverse-background-active); --m-button-nav-background-disabled: var(--color-button-navigation-inverse-background-disabled); --m-button-nav-icon-color: var(--color-button-navigation-inverse-icon); --m-button-nav-icon-color-hover: var(--color-button-navigation-inverse-icon-hover); --m-button-nav-icon-color-pressed: var(--color-button-navigation-inverse-icon-active); --m-button-nav-icon-color-disabled: var(--color-button-navigation-inverse-icon-disabled); --m-button-nav-border-color: var(--color-button-navigation-inverse-border); --m-button-nav-border-color-hover: var(--color-button-navigation-inverse-border-hover); --m-button-nav-border-color-pressed: var(--color-button-navigation-inverse-border-active); --m-button-nav-border-color-disabled: var(--color-button-navigation-inverse-border-disabled); }
.m-button-nav:focus-visible, .m-button-nav:hover { --m-button-nav-background: var(--m-button-nav-background-hover); --m-button-nav-icon-color: var(--m-button-nav-icon-color-hover); --m-button-nav-border-color: var(--m-button-nav-border-color-hover); }
.m-button-nav:active { --m-button-nav-background: var(--m-button-nav-background-pressed); --m-button-nav-icon-color: var(--m-button-nav-icon-color-pressed); --m-button-nav-border-color: var(--m-button-nav-border-color-pressed); }
.m-button-nav:disabled { --m-button-nav-background: var(--m-button-nav-background-disabled); --m-button-nav-icon-color: var(--m-button-nav-icon-color-disabled); --m-button-nav-border-color: var(--m-button-nav-border-color-disabled); cursor: not-allowed; }
.m-button-nav.m-button-nav--wow:not(:disabled) { position: relative; }
.m-button-nav.m-button-nav--wow:not(:disabled)::after, .m-button-nav.m-button-nav--wow:not(:disabled)::before { background-image: var(--wow-button-navigation-default-sprite,none),var(--wow-button-navigation-default-sprite,none); }
.m-button-nav.m-button-nav--wow:not(:disabled).m-button-nav--m::after, .m-button-nav.m-button-nav--wow:not(:disabled).m-button-nav--m::before, .m-button-nav.m-button-nav--wow:not(:disabled).m-button-nav--s::after, .m-button-nav.m-button-nav--wow:not(:disabled).m-button-nav--s::before { background-repeat: no-repeat; background-size: 128px 32px; inset: 0px; content: ""; margin: auto; pointer-events: none; position: absolute; z-index: 1; }
.m-button-nav.m-button-nav--wow:not(:disabled).m-button-nav--m::before, .m-button-nav.m-button-nav--wow:not(:disabled).m-button-nav--s::before { background-position: right -64px top 0px, left -64px bottom 0px; width: 32px; }
.m-button-nav.m-button-nav--wow:not(:disabled).m-button-nav--m::after, .m-button-nav.m-button-nav--wow:not(:disabled).m-button-nav--s::after { background-position: right -96px top 50%, left -96px top 50%; height: 32px; }
.m-form-field-label { color: var(--color-field-basic-label,var(--color-light-grey-5)); display: block; font-style: ; font-variant-ligatures: ; font-variant-caps: ; font-variant-east-asian: ; font-variant-alternates: ; font-variant-position: ; font-variant-emoji: ; font-weight: ; font-stretch: ; font-size: ; line-height: ; font-family: ; font-optical-sizing: ; font-size-adjust: ; font-kerning: ; font-feature-settings: ; font-variation-settings: ; font-language-override: ; font-variant-numeric: var(--font-variant-numeric); }
.m-form-field-label--horizontal { font-style: ; font-variant-ligatures: ; font-variant-caps: ; font-variant-east-asian: ; font-variant-alternates: ; font-variant-position: ; font-variant-emoji: ; font-weight: ; font-stretch: ; font-size: ; line-height: ; font-family: ; font-optical-sizing: ; font-size-adjust: ; font-kerning: ; font-feature-settings: ; font-variation-settings: ; font-language-override: ; font-variant-numeric: var(--font-variant-numeric); }
.m-form-field-label.asterix::after { color: var(--color-field-basic-description-error); content: "*"; margin-left: var(--field-vertical-text-spaсing,4px); }
.m-form-field { --m-form-field-description-font: var(--font-field-vertical-description); display: flex; flex-direction: column; gap: var(--field-vertical-text-spaсing); }
.m-form-field-horizontal { --m-form-field-description-font: var(--font-field-horizontal-description); align-items: center; flex-direction: row; font-weight: 500; gap: 12px; }
.m-form-field-invert { flex-direction: row-reverse; }
.m-form-field--apply { --m-form-validation-outline: var(--lighten); --m-form-validation-border: var(--base); }
.m-form-field--error { --base: var(--color-input-basic-error-border); --lighten: var(--color-input-basic-error-outside-border-focus); }
.m-form-field--error .m-textarea-counter { --label: var(--base); }
.m-form-field--success { --base: var(--color-input-basic-success-border); --lighten: var(--color-input-basic-success-outside-border-focus); }
.m-form-field-description, .m-form-field-message { color: var(--color-field-basic-description); font-style: ; font-variant-ligatures: ; font-variant-caps: ; font-variant-east-asian: ; font-variant-alternates: ; font-variant-position: ; font-variant-emoji: ; font-weight: ; font-stretch: ; font-size: ; line-height: ; font-family: ; font-optical-sizing: ; font-size-adjust: ; font-kerning: ; font-feature-settings: ; font-variation-settings: ; font-language-override: ; font-variant-numeric: var(--font-variant-numeric); padding: var(--field-vertical-text-expand); }
@keyframes autofill { 
  100% { color: inherit; }
}
.m-input { --m-input-outline-color: #0000; --m-input-outline-color--hover: #0000; --ic-color: var(--m-input-icon-color); --ic-background: var(--m-input-icon-background); --ic-border-color: var(--m-input-icon-border-color); --ic-size: var(--m-input-icon-size); --placeholder-opacity: 1; align-items: center; background: var(--m-input-background); border-color: var(--m-form-validation-border,var(--m-input-border-color)); border-radius: var(--m-input-border-radius); border-style: solid; border-width: var(--input-border-fixed-width,var(--m-input-border-width)); box-shadow: 0 0 0 var(--m-input-outline-width) var(--m-input-outline-color); color: var(--m-input-text-color); cursor: pointer; display: flex; gap: var(--m-input-content-gap); height: var(--m-input-height); padding: var(--m-input-padding); position: relative; transition: 0.15s ease-in-out; }
.m-input.m-gradient-border { --gradient-width: var(--m-input-border-width); --gradient-color: var(--m-input-border-color); --gradient-fixed-border-color: var(--m-input-border-color); }
.m-input--s { --m-input-border-width: var(--input-border-size-s); --m-input-border-radius: var(--input-border-radius-s); --m-input-outline-width: var(--input-outside-border-size-s); --m-input-padding: var(--input-expand-s); --m-input-label-font: var(--font-input-label-s); --m-input-label-font--focus: var(--font-input-label-focus-s); --m-input-label-line-height--focus: var(--font-line-height-input-label-focus-s); --m-input-text-line-height: var(--font-line-height-input-placeholder-s); --m-input-text-font: var(--font-input-value-s); --m-input-text-padding: var(--input-text-container-expand-s); --m-input-height: var(--input-height-s); --m-input-content-gap: var(--input-content-spacing-s); --m-input-row-gap: var(--input-text-container-vertical-spacing-s,0px); --m-input-icon-size: var(--input-icon-container-icon-size-s); --ic-padding: var(--input-icon-container-expand-s,0); --ic-border-width: var(--input-icon-container-border-size-s,0); --ic-border-radius: var(--input-icon-container-border-radius-s,0); }
.m-input--m { --m-input-border-width: var(--input-border-size-m); --m-input-border-radius: var(--input-border-radius-m); --m-input-outline-width: var(--input-outside-border-size-m); --m-input-padding: var(--input-expand-m); --m-input-label-font: var(--font-input-label-m); --m-input-label-font--focus: var(--font-input-label-focus-m); --m-input-label-line-height--focus: var(--font-line-height-input-label-focus-m); --m-input-text-line-height: var(--font-line-height-input-placeholder-m); --m-input-text-font: var(--font-input-value-m); --m-input-text-padding: var(--input-text-container-expand-m); --m-input-height: var(--input-height-m); --m-input-content-gap: var(--input-content-spacing-m); --m-input-row-gap: var(--input-text-container-vertical-spacing-m,0px); --m-input-icon-size: var(--input-icon-container-icon-size-m); --ic-padding: var(--input-icon-container-expand-m,0); --ic-border-width: var(--input-icon-container-border-size-m,0); --ic-border-radius: var(--input-icon-container-border-radius-m,0); }
.m-input--l { --m-input-border-width: var(--input-border-size-l); --m-input-border-radius: var(--input-border-radius-l); --m-input-outline-width: var(--input-outside-border-size-l); --m-input-padding: var(--input-expand-l); --m-input-label-font: var(--font-input-label-l); --m-input-label-font--focus: var(--font-input-label-focus-l); --m-input-label-line-height--focus: var(--font-line-height-input-label-focus-l); --m-input-text-line-height: var(--font-line-height-input-placeholder-l); --m-input-text-font: var(--font-input-value-l); --m-input-text-padding: var(--input-text-container-expand-l); --m-input-height: var(--input-height-l); --m-input-content-gap: var(--input-content-spacing-l); --m-input-row-gap: var(--input-text-container-vertical-spacing-l,0px); --m-input-icon-size: var(--input-icon-container-icon-size-l); --ic-padding: var(--input-icon-container-expand-l,0); --ic-border-width: var(--input-icon-container-border-size-l,0); --ic-border-radius: var(--input-icon-container-border-radius-l,0); }
.m-input--basic { --m-input-outline-color--focus: var(--color-input-basic-outside-border-focus); --m-input-border-color: var(--color-input-basic-border); --m-input-border-color--hover: var(--color-input-basic-border-hover); --m-input-border-color--focus: var(--color-input-basic-border-focus); --m-input-border-color--disabled: var(--color-input-basic-border-disabled); --m-input-background: var(--color-input-basic-background); --m-input-background--hover: var(--color-input-basic-background-hover); --m-input-background--focus: var(--color-input-basic-background-focus); --m-input-background--disabled: var(--color-input-basic-background-disabled); --m-input-label-color: var(--color-input-basic-label); --m-input-label-color--hover: var(--color-input-basic-label-hover); --m-input-label-color--focus: var(--color-input-basic-label-focus); --m-input-label-color--disabled: var(--color-input-basic-label-disabled); --m-input-text-color: var(--color-input-basic-value); --m-input-text-color--hover: var(--color-input-basic-value-hover); --m-input-text-color--focus: var(--color-input-basic-value-hover); --m-input-text-color--disabled: var(--color-input-basic-value-disabled); --m-input-icon-color: var(--color-input-basic-icon-container-icon); --m-input-icon-color--hover: var(--color-input-basic-icon-container-icon-hover); --m-input-icon-color--focus: var(--color-input-basic-icon-container-icon-focus); --m-input-icon-color--disabled: var(--color-input-basic-icon-container-icon-disabled); --m-input-icon-background: var(--color-input-basic-icon-container-background); --m-input-icon-background--hover: var(--color-input-basic-icon-container-background-hover); --m-input-icon-background--focus: var(--color-input-basic-icon-container-background-focus); --m-input-icon-background--disabled: var(--color-input-basic-icon-container-background-disabled); --m-input-icon-border-color: var(--color-input-basic-icon-container-border); --m-input-icon-border-color--hover: var(--color-input-basic-icon-container-border-hover); --m-input-icon-border-color--focus: var(--color-input-basic-icon-container-border-focus); --m-input-icon-border-color--disabled: var(--color-input-basic-icon-container-border-disabled); }
.m-input--inverse { --m-input-outline-color--focus: var(--color-input-inverse-outside-border-focus); --m-input-border-color: var(--color-input-inverse-border); --m-input-border-color--hover: var(--color-input-inverse-border-hover); --m-input-border-color--focus: var(--color-input-inverse-border-focus); --m-input-border-color--disabled: var(--color-input-inverse-border-disabled); --m-input-background: var(--color-input-inverse-background); --m-input-background--hover: var(--color-input-inverse-background-hover); --m-input-background--focus: var(--color-input-inverse-background-focus); --m-input-background--disabled: var(--color-input-inverse-background-disabled); --m-input-label-color: var(--color-input-inverse-label); --m-input-label-color--hover: var(--color-input-inverse-label-hover); --m-input-label-color--focus: var(--color-input-inverse-label-focus); --m-input-label-color--disabled: var(--color-input-inverse-label-disabled); --m-input-text-color: var(--color-input-inverse-value); --m-input-text-color--hover: var(--color-input-inverse-value-hover); --m-input-text-color--focus: var(--color-input-inverse-value-hover); --m-input-text-color--disabled: var(--color-input-inverse-value-disabled); --m-input-icon-color: var(--color-input-inverse-icon-container-icon); --m-input-icon-color--hover: var(--color-input-inverse-icon-container-icon-hover); --m-input-icon-color--focus: var(--color-input-inverse-icon-container-icon-focus); --m-input-icon-color--disabled: var(--color-input-inverse-icon-container-icon-disabled); --m-input-icon-background: var(--color-input-inverse-icon-container-background); --m-input-icon-background--hover: var(--color-input-inverse-icon-container-background-hover); --m-input-icon-background--focus: var(--color-input-inverse-icon-container-background-focus); --m-input-icon-background--disabled: var(--color-input-inverse-icon-container-background-disabled); --m-input-icon-border-color: var(--color-input-inverse-icon-container-border); --m-input-icon-border-color--hover: var(--color-input-inverse-icon-container-border-hover); --m-input-icon-border-color--focus: var(--color-input-inverse-icon-container-border-focus); --m-input-icon-border-color--disabled: var(--color-input-inverse-icon-container-border-disabled); }
.m-input--dark { --m-input-outline-color--focus: var(--color-input-dark-outside-border-focus); --m-input-border-color: var(--color-input-dark-border); --m-input-border-color--hover: var(--color-input-dark-border-hover); --m-input-border-color--focus: var(--color-input-dark-border-focus); --m-input-border-color--disabled: var(--color-input-dark-border-disabled); --m-input-background: var(--color-input-dark-background); --m-input-background--hover: var(--color-input-dark-background-hover); --m-input-background--focus: var(--color-input-dark-background-focus); --m-input-background--disabled: var(--color-input-dark-background-disabled); --m-input-label-color: var(--color-input-dark-label); --m-input-label-color--hover: var(--color-input-dark-label-hover); --m-input-label-color--focus: var(--color-input-dark-label-focus); --m-input-label-color--disabled: var(--color-input-dark-label-disabled); --m-input-text-color: var(--color-input-dark-value); --m-input-text-color--hover: var(--color-input-dark-value-hover); --m-input-text-color--focus: var(--color-input-dark-value-hover); --m-input-text-color--disabled: var(--color-input-dark-value-disabled); --m-input-icon-color: var(--color-input-dark-icon-container-icon); --m-input-icon-color--hover: var(--color-input-dark-icon-container-icon-hover); --m-input-icon-color--focus: var(--color-input-dark-icon-container-icon-focus); --m-input-icon-color--disabled: var(--color-input-dark-icon-container-icon-disabled); --m-input-icon-background: var(--color-input-dark-icon-container-background); --m-input-icon-background--hover: var(--color-input-dark-icon-container-background-hover); --m-input-icon-background--focus: var(--color-input-dark-icon-container-background-focus); --m-input-icon-background--disabled: var(--color-input-dark-icon-container-background-disabled); --m-input-icon-border-color: var(--color-input-dark-icon-container-border); --m-input-icon-border-color--hover: var(--color-input-dark-icon-container-border-hover); --m-input-icon-border-color--focus: var(--color-input-dark-icon-container-border-focus); --m-input-icon-border-color--disabled: var(--color-input-dark-icon-container-border-disabled); }
@media not (any-pointer: coarse) {
  .m-input:hover:not(.m-input--focused) { --m-input-outline-color: var(--m-input-outline-color--hover); --m-input-border-color: var(--m-input-border-color--hover); --m-input-text-color: var(--m-input-text-color--hover); --m-input-label-color: var(--m-input-label-color--hover); --m-input-background: var(--m-input-background--hover); --m-input-icon-color: var(--m-input-icon-color--hover); --ic-background: var(--m-input-icon-background--hover); --ic-border-color: var(--m-input-icon-border-color--hover); }
}
.m-input--focused { --m-input-outline-color: var(--m-form-validation-outline,var(--m-input-outline-color--focus)); --m-input-border-color: var(--m-input-border-color--focus); --m-input-text-color: var(--m-input-text-color--focus); --m-input-label-color: var(--m-input-label-color--focus); --m-input-background: var(--m-input-background--focus); --m-input-icon-color: var(--m-input-icon-color--focus); --ic-background: var(--m-input-icon-background--focus); --ic-border-color: var(--m-input-icon-border-color--focus); }
.m-input--disabled, .m-input--disabled input { cursor: not-allowed; }
.m-input--disabled:not(#i#i#i), .m-input--readonly:not(#i#i#i) { --m-input-text-color: var(--m-input-text-color--disabled); --m-input-background: var(--m-input-background--disabled); --m-input-outline-color: #0000; --m-input-border-color: var(--m-input-border-color--disabled); --m-input-label-color: var(--m-input-label-color--disabled); --m-input-icon-color: var(--m-input-icon-color--disabled); --ic-background: var(--m-input-icon-background--disabled); --ic-border-color: var(--m-input-icon-border-color--disabled); }
.m-input-content { align-items: flex-start; display: flex; flex-direction: column; flex-grow: 1; height: 100%; justify-content: center; overflow: hidden; position: relative; }
.m-input-content-label { color: var(--m-input-label-color); font-style: ; font-variant-ligatures: ; font-variant-caps: ; font-variant-east-asian: ; font-variant-alternates: ; font-variant-position: ; font-variant-emoji: ; font-weight: ; font-stretch: ; font-size: ; line-height: ; font-family: ; font-optical-sizing: ; font-size-adjust: ; font-kerning: ; font-feature-settings: ; font-variation-settings: ; font-language-override: ; font-variant-numeric: var(--font-variant-numeric); overflow: hidden; padding: var(--m-input-text-padding); pointer-events: none; position: absolute; text-overflow: ellipsis; transform-origin: 0px 0px; transition: 0.15s; white-space: nowrap; width: 100%; }
.m-input-content input, .m-input-content textarea { -webkit-text-fill-color: inherit; background-color: rgba(0, 0, 0, 0); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; box-shadow: none; color: var(--m-input-text-color); font-style: ; font-variant-ligatures: ; font-variant-caps: ; font-variant-east-asian: ; font-variant-alternates: ; font-variant-position: ; font-variant-emoji: ; font-weight: ; font-stretch: ; font-size: ; line-height: ; font-family: ; font-optical-sizing: ; font-size-adjust: ; font-kerning: ; font-feature-settings: ; font-variation-settings: ; font-language-override: ; font-variant-numeric: var(--font-variant-numeric); opacity: 1; outline: none; padding: var(--m-input-text-padding); text-overflow: ellipsis; width: 100%; }
.m-input-content input::placeholder, .m-input-content textarea::placeholder { color: var(--color-mid-grey-3); opacity: var(--placeholder-opacity); transition: opacity 0.2s; }
.m-input-content input:placeholder-shown, .m-input-content textarea:placeholder-shown { text-overflow: ellipsis; }
.m-input-content input:focus::placeholder, .m-input-content textarea:focus::placeholder { --placeholder-opacity: 1; }
.m-input-content input:-webkit-autofill, .m-input-content input:focus:not([readonly]), .m-input-content input:not(:placeholder-shown), .m-input-content textarea:-webkit-autofill, .m-input-content textarea:focus:not([readonly]), .m-input-content textarea:not(:placeholder-shown) { appearance: none !important; }
.m-input-content input:-webkit-autofill + .m-input-content-label, .m-input-content input:focus:not([readonly]) + .m-input-content-label, .m-input-content input:not(:placeholder-shown) + .m-input-content-label, .m-input-content textarea:-webkit-autofill + .m-input-content-label, .m-input-content textarea:focus:not([readonly]) + .m-input-content-label, .m-input-content textarea:not(:placeholder-shown) + .m-input-content-label { --m-input-label-font: var(--m-input-label-font--focus); transform: translateY(calc(var(--m-input-text-line-height)/-2)); }
.m-input-content input:has(+ .m-input-content-label), .m-input-content textarea:has(+ .m-input-content-label) { --placeholder-opacity: 0; margin-top: var(--m-input-label-line-height--focus); }
.m-input-content input[disabled-without-style="true"], .m-input-content textarea[disabled-without-style="true"] { pointer-events: none; }
.m-input-content input:-webkit-autofill, .m-input-content input:-webkit-autofill:active, .m-input-content input:-webkit-autofill:focus, .m-input-content input:-webkit-autofill:hover, .m-input-content textarea:-webkit-autofill, .m-input-content textarea:-webkit-autofill:active, .m-input-content textarea:-webkit-autofill:focus, .m-input-content textarea:-webkit-autofill:hover { animation-fill-mode: both; animation-name: autofill; background-clip: text; -webkit-text-fill-color: var(--m-input-text-color) !important; }
.m-input-append, .m-input-prepend { align-items: center; display: flex; gap: var(--m-input-content-gap); }
.m-input-append img, .m-input-append svg, .m-input-prepend img, .m-input-prepend svg { color: var(--ic-color); height: var(--ic-size); width: var(--ic-size); }
.m-input--basic.m-input--wow::after, .m-input--basic.m-input--wow::before { background-image: var(--wow-input-basic-sprite,none),var(--wow-input-basic-sprite,none); }
.m-input--dark.m-input--wow { --m-input-outline-color--focus: var(--color-input-basic-outside-border-focus); --m-input-border-color: var(--color-input-basic-border); --m-input-border-color--hover: var(--color-input-basic-border-hover); --m-input-border-color--focus: var(--color-input-basic-border-focus); --m-input-border-color--disabled: var(--color-input-basic-border-disabled); --m-input-background: var(--color-input-basic-background); --m-input-background--hover: var(--color-input-basic-background-hover); --m-input-background--focus: var(--color-input-basic-background-focus); --m-input-background--disabled: var(--color-input-basic-background-disabled); --m-input-label-color: var(--color-input-basic-label); --m-input-label-color--hover: var(--color-input-basic-label-hover); --m-input-label-color--focus: var(--color-input-basic-label-focus); --m-input-label-color--disabled: var(--color-input-basic-label-disabled); --m-input-text-color: var(--color-input-basic-value); --m-input-text-color--hover: var(--color-input-basic-value-hover); --m-input-text-color--focus: var(--color-input-basic-value-hover); --m-input-text-color--disabled: var(--color-input-basic-value-disabled); --m-input-icon-color: var(--color-input-basic-icon-container-icon); --m-input-icon-color--hover: var(--color-input-basic-icon-container-icon-hover); --m-input-icon-color--focus: var(--color-input-basic-icon-container-icon-focus); --m-input-icon-color--disabled: var(--color-input-basic-icon-container-icon-disabled); --m-input-icon-background: var(--color-input-basic-icon-container-background); --m-input-icon-background--hover: var(--color-input-basic-icon-container-background-hover); --m-input-icon-background--focus: var(--color-input-basic-icon-container-background-focus); --m-input-icon-background--disabled: var(--color-input-basic-icon-container-background-disabled); --m-input-icon-border-color: var(--color-input-basic-icon-container-border); --m-input-icon-border-color--hover: var(--color-input-basic-icon-container-border-hover); --m-input-icon-border-color--focus: var(--color-input-basic-icon-container-border-focus); --m-input-icon-border-color--disabled: var(--color-input-basic-icon-container-border-disabled); }
.m-input--dark.m-input--wow::after, .m-input--dark.m-input--wow::before { background-image: var(--wow-input-basic-sprite,none),var(--wow-input-basic-sprite,none); }
.m-input--wow::after, .m-input--wow::before { background-repeat: no-repeat; background-size: 180px 32px; bottom: calc(var(--input-border-fixed-width, var(--m-input-border-width))*-1); content: ""; left: calc(var(--input-border-fixed-width, var(--m-input-border-width))*-1); margin: auto; pointer-events: none; position: absolute; right: calc(var(--input-border-fixed-width, var(--m-input-border-width))*-1); top: calc(var(--input-border-fixed-width, var(--m-input-border-width))*-1); z-index: 1; }
.m-input--wow::before { background-position: right -90px top 0px, left -90px bottom 0px; width: 45px; }
.m-input--wow::after { background-position: right -135px top 50%, left -135px top 50%; height: 45px; }
.m-input.m-textarea { display: inherit; height: auto; }
.m-input.m-textarea .m-input-content { display: inherit; }
.m-input.m-textarea .m-input-content-label { top: var(--m-input-label-line-height--focus); }
.m-input.m-textarea .m-input-content textarea { background-color: rgba(0, 0, 0, 0); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; box-shadow: none; color: var(--text); height: 100%; margin-bottom: 10px; margin-top: var(--m-input-label-line-height--focus); outline: none; resize: none; width: 100%; }
.m-input.m-textarea .m-input-content textarea:-webkit-autofill, .m-input.m-textarea .m-input-content textarea:focus, .m-input.m-textarea .m-input-content textarea:not(:placeholder-shown) { appearance: none !important; }
.m-textarea-counter { color: var(--color-field-basic-description); font-style: ; font-variant-ligatures: ; font-variant-caps: ; font-variant-east-asian: ; font-variant-alternates: ; font-variant-position: ; font-variant-emoji: ; font-weight: ; font-stretch: ; font-size: ; line-height: ; font-family: ; font-optical-sizing: ; font-size-adjust: ; font-kerning: ; font-feature-settings: ; font-variation-settings: ; font-language-override: ; font-variant-numeric: var(--font-variant-numeric); margin-top: var(--field-vertical-spaсing); text-align: right; }
.m-dropdown-content { opacity: 0; position: absolute; transition: opacity 0.15s ease-in-out; z-index: 3000; }
.m-dropdown-content ul { list-style: none; margin: 0px; }
.m-slide-fade-enter-active { transition: 0.2s cubic-bezier(1, 0, 1, 0); }
.m-slide-fade-leave-active { transition: 0.15s cubic-bezier(1, 0.5, 0.8, 1); }
.m-slide-fade-enter-from, .m-slide-fade-leave-to { opacity: 0; transform: translateY(10px); }
.m-dropdown-menu { background: var(--m-dropdown-menu-background); border-radius: var(--m-dropdown-menu-border-radius); outline: var(--m-dropdown-menu-border-width) solid var(--m-dropdown-menu-border-color); overflow: auto; overscroll-behavior: contain; scrollbar-color: var(--color-scrollbar-background) #0000; scrollbar-width: thin; }
.m-dropdown-menu-list { height: 100%; list-style: none; margin: 0px; padding: var(--m-dropdown-menu-padding); }
.m-dropdown-menu::-webkit-scrollbar { height: 0px; width: 0px; }
.m-dropdown-menu--s { --m-dropdown-menu-border-radius: var(--dropdown-border-radius-s,6px); --m-dropdown-menu-border-width: var(--dropdown-border-size-s,2px); --m-dropdown-menu-padding: var(--dropdown-expand-s,6px 0); }
.m-dropdown-menu--m { --m-dropdown-menu-border-radius: var(--dropdown-border-radius-m,6px); --m-dropdown-menu-border-width: var(--dropdown-border-size-m,2px); --m-dropdown-menu-padding: var(--dropdown-expand-m,6px 0); }
.m-dropdown-menu--basic { --m-dropdown-menu-background: var(--color-dropdown-basic-background); --m-dropdown-menu-border-color: var(--color-dropdown-basic-border); }
.m-dropdown-menu--inverse { --m-dropdown-menu-background: var(--color-dropdown-inverse-background); --m-dropdown-menu-border-color: var(--color-dropdown-inverse-border); }
.m-dropdown-row { align-items: center; background: var(--m-dropdown-background); color: var(--m-dropdown-text-color); cursor: pointer; display: flex; flex-direction: row; font-style: ; font-variant-ligatures: ; font-variant-caps: ; font-variant-east-asian: ; font-variant-alternates: ; font-variant-position: ; font-variant-emoji: ; font-weight: ; font-stretch: ; font-size: ; line-height: ; font-family: ; font-optical-sizing: ; font-size-adjust: ; font-kerning: ; font-feature-settings: ; font-variation-settings: ; font-language-override: ; font-variant-numeric: var(--font-variant-numeric); gap: var(--m-dropdown-row-content-spacing); justify-content: space-between; list-style: none; margin: 0px; outline: none; padding: var(--m-dropdown-row-padding); transition: 0.15s ease-in-out; }
.m-dropdown-row-content { display: flex; flex: 1 1 0%; flex-direction: column; gap: var(--m-dropdown-row-text-spacing); justify-content: center; min-height: var(--m-dropdown-content-height); }
.m-dropdown-row-content-text { align-items: center; display: flex; gap: var(--m-dropdown-row-content-spacing); }
.m-dropdown-row-content-text:empty { display: none; }
.m-dropdown-row-content-description { color: var(--m-dropdown-description-color); font-style: ; font-variant-ligatures: ; font-variant-caps: ; font-variant-east-asian: ; font-variant-alternates: ; font-variant-position: ; font-variant-emoji: ; font-weight: ; font-stretch: ; font-size: ; line-height: ; font-family: ; font-optical-sizing: ; font-size-adjust: ; font-kerning: ; font-feature-settings: ; font-variation-settings: ; font-language-override: ; font-variant-numeric: var(--font-variant-numeric); }
.m-dropdown-row-content-description:empty { display: none; }
.m-dropdown-row--s { --m-dropdown-content-height: var(--dropdown-row-content-height-s,32px); --m-dropdown-row-padding: var(--dropdown-row-expand-s,8px 16px); --m-dropdown-row-content-spacing: var(--dropdown-row-content-spacing-s,8px); --m-dropdown-row-text-spacing: var(--dropdown-row-text-container-spacing-s,4px); --m-dropdown-row-font: var(--font-dropdown-text-s,var(--font-body-semi-bold-s)); --m-dropdown-row-font-description: var(--font-dropdown-description-s,var(--font-body-semi-bold-xs)); --ic-size: var(--dropdown-row-icon-container-icon-size-s,22px); --ic-padding: var(--dropdown-row-icon-container-expand-s,0); --ic-border-width: var(--dropdown-row-icon-container-border-size-s,0); --ic-border-radius: var(--dropdown-row-icon-container-border-radius-s,0); }
.m-dropdown-row--m, .m-dropdown-row--s { letter-spacing: var(--font-dropdown-text-ls,0); text-transform: var(--font-dropdown-text-transform,unset); }
.m-dropdown-row--m { --m-dropdown-content-height: var(--dropdown-row-content-height-m,32px); --m-dropdown-row-padding: var(--dropdown-row-expand-m,8px 16px); --m-dropdown-row-content-spacing: var(--dropdown-row-content-spacing-m,8px); --m-dropdown-row-text-spacing: var(--dropdown-row-text-container-spacing-m,4px); --m-dropdown-row-font: var(--font-dropdown-text-m,var(--font-body-semi-bold-s)); --m-dropdown-row-font-description: var(--font-dropdown-description-m,var(--font-body-semi-bold-xs)); --ic-size: var(--dropdown-row-icon-container-icon-size-m,22px); --ic-padding: var(--dropdown-row-icon-container-expand-m,0); --ic-border-width: var(--dropdown-row-icon-container-border-size-m,0); --ic-border-radius: var(--dropdown-row-icon-container-border-radius-m,0); }
.m-dropdown-row--basic { --m-dropdown-background: #0000; --m-dropdown-background-hover: var(--color-dropdown-basic-row-background-hover); --m-dropdown-background-pressed: var(--color-dropdown-basic-row-background-active); --m-dropdown-background-selected: var(--color-dropdown-basic-row-background-primary); --m-dropdown-text-color: var(--color-dropdown-basic-row-text); --m-dropdown-text-color-hover: var(--color-dropdown-basic-row-text-hover); --m-dropdown-text-color-pressed: var(--color-dropdown-basic-row-text-active); --m-dropdown-text-color-selected: var(--color-dropdown-basic-row-text-primary); --m-dropdown-description-color: var(--color-dropdown-basic-row-description); --m-dropdown-description-color-hover: var(--color-dropdown-basic-row-description-hover); --m-dropdown-description-color-pressed: var(--color-dropdown-basic-row-description-active); --m-dropdown-description-color-selected: var(--color-dropdown-basic-row-description-primary); --ic-color: var(--color-dropdown-basic-row-icon-container-icon); --ic-color-hover: var(--color-dropdown-basic-row-icon-container-icon-hover); --ic-color-pressed: var(--color-dropdown-basic-row-icon-container-icon-active); --ic-color-selected: var(--color-dropdown-basic-row-icon-container-icon-primary); --ic-background: var(--color-dropdown-basic-row-icon-container-background); --ic-background-hover: var(--color-dropdown-basic-row-icon-container-background-hover); --ic-background-pressed: var(--color-dropdown-basic-row-icon-container-background-active); --ic-background-selected: var(--color-dropdown-basic-row-icon-container-background-primary); --ic-border-color: var(--color-dropdown-basic-row-icon-container-border); --ic-border-color-hover: var(--color-dropdown-basic-row-icon-container-border-hover); --ic-border-color-pressed: var(--color-dropdown-basic-row-icon-container-border-active); --ic-border-color-selected: var(--color-dropdown-basic-row-icon-container-border-primary); }
.m-dropdown-row--inverse { --m-dropdown-background: #0000; --m-dropdown-background-hover: var(--color-dropdown-inverse-row-background-hover); --m-dropdown-background-pressed: var(--color-dropdown-inverse-row-background-active); --m-dropdown-background-selected: var(--color-dropdown-inverse-row-background-primary); --m-dropdown-text-color: var(--color-dropdown-inverse-row-text); --m-dropdown-text-color-hover: var(--color-dropdown-inverse-row-text-hover); --m-dropdown-text-color-pressed: var(--color-dropdown-inverse-row-text-active); --m-dropdown-text-color-selected: var(--color-dropdown-inverse-row-text-primary); --m-dropdown-description-color: var(--color-dropdown-inverse-row-description); --m-dropdown-description-color-hover: var(--color-dropdown-inverse-row-description-hover); --m-dropdown-description-color-pressed: var(--color-dropdown-inverse-row-description-active); --m-dropdown-description-color-selected: var(--color-dropdown-inverse-row-description-primary); --ic-color: var(--color-dropdown-inverse-row-icon-container-icon); --ic-color-hover: var(--color-dropdown-inverse-row-icon-container-icon-hover); --ic-color-pressed: var(--color-dropdown-inverse-row-icon-container-icon-active); --ic-color-selected: var(--color-dropdown-inverse-row-icon-container-icon-primary); --ic-background: var(--color-dropdown-inverse-row-icon-container-background); --ic-background-hover: var(--color-dropdown-inverse-row-icon-container-background-hover); --ic-background-pressed: var(--color-dropdown-inverse-row-icon-container-background-active); --ic-background-selected: var(--color-dropdown-inverse-row-icon-container-background-primary); --ic-border-color: var(--color-dropdown-inverse-row-icon-container-border); --ic-border-color-hover: var(--color-dropdown-inverse-row-icon-container-border-hover); --ic-border-color-pressed: var(--color-dropdown-inverse-row-icon-container-border-active); --ic-border-color-selected: var(--color-dropdown-inverse-row-icon-container-border-primary); }
.m-dropdown-row--focused, .m-dropdown-row:focus-visible, .m-dropdown-row:hover { --m-dropdown-background: var(--m-dropdown-background-hover); --m-dropdown-text-color: var(--m-dropdown-text-color-hover); --m-dropdown-description-color: var(--m-dropdown-description-color-hover); --ic-color: var(--ic-color-hover); --ic-border-color: var(--ic-border-color-hover); --ic-background: var(--ic-background-hover); }
.m-dropdown-row:active { --m-dropdown-background: var(--m-dropdown-background-pressed); --m-dropdown-text-color: var(--m-dropdown-text-color-pressed); --m-dropdown-description-color: var(--m-dropdown-description-color-pressed); --ic-color: var(--ic-color-pressed); --ic-border-color: var(--ic-border-color-pressed); --ic-background: var(--ic-background-pressed); }
.m-dropdown-row--selected { --m-dropdown-background: var(--m-dropdown-background-selected); --m-dropdown-text-color: var(--m-dropdown-text-color-selected); --m-dropdown-description-color: var(--m-dropdown-description-color-selected); --ic-color: var(--ic-color-selected); --ic-border-color: var(--ic-border-color-selected); --ic-background: var(--ic-background-selected); }
.m-dropdown-row .m-icon-container:empty, .m-dropdown-row-content-description:empty, .m-dropdown-row-content-text:empty { display: none; }
.m-checkbox { background-color: var(--m-checkbox-background-color,#0000); border: var(--m-checkbox-border-size) solid var(--m-checkbox-border-color); border-radius: var(--m-checkbox-border-radius); cursor: pointer; display: inline-flex; outline: var(--m-checkbox-outline-border-size) solid var(--m-checkbox-outline-color); position: relative; transition: 0.15s ease-in-out; }
.m-checkbox input { inset: 0px; opacity: 0; position: absolute; z-index: -1; }
.m-checkbox-checkmark { border-radius: var(--m-checkbox-border-radius); color: var(--m-checkbox-icon-color); display: flex; height: var(--m-checkbox-icon-size); width: var(--m-checkbox-icon-size); }
.m-checkbox--checked:not(.m-checkbox--unset), .m-checkbox--indeterminate:not(.m-checkbox--unset) { --m-checkbox-background-color: var(--m-checkbox-checked-background-color); --m-checkbox-background-color-hover: var(--m-checkbox-checked-background-color-hover); --m-checkbox-background-color-focus: var(--m-checkbox-checked-background-color-focus); --m-checkbox-background-color-disabled: var(--m-checkbox-checked-background-color-disabled); --m-checkbox-border-color: var(--m-checkbox-checked-border-color); --m-checkbox-border-color-hover: var(--m-checkbox-checked-border-color-hover); --m-checkbox-border-color-focus: var(--m-checkbox-checked-border-color-focus); --m-checkbox-border-color-disabled: var(--m-checkbox-checked-border-color-disabled); --m-checkbox-outline-color-focus: var(--m-checkbox-outline-checked-color-focus); }
@media not (any-pointer: coarse) {
  .m-checkbox:hover { --m-checkbox-checked-background-color: var(--m-checkbox-background-color-hover); --m-checkbox-border-color: var(--m-checkbox-border-color-hover); --m-checkbox-icon-color: var(--m-checkbox-icon-color-hover); }
}
.m-checkbox:has(input:focus) { --m-checkbox-checked-background-color: var(--m-checkbox-background-color-focus); --m-checkbox-border-color: var(--m-checkbox-border-color-focus); --m-checkbox-outline-color: var(--m-checkbox-outline-color-focus); --m-checkbox-icon-color: var(--m-checkbox-icon-color-focus); }
.m-checkbox--disabled:not(#i#i#i) { --m-checkbox-checked-background-color: var(--m-checkbox-background-color-disabled); --m-checkbox-border-color: var(--m-checkbox-border-color-disabled); --m-checkbox-outline-color: #0000; --m-checkbox-icon-color: var(--m-checkbox-icon-color-disabled); cursor: not-allowed; }
.m-checkbox--s { --m-checkbox-icon-size: var(--selector-checkbox-icon-size-s,12px); --m-checkbox-border-radius: var(--selector-checkbox-border-radius-s,4px); --m-checkbox-border-size: var(--selector-border-size-s,2px); --m-checkbox-padding: var(--selector-checkbox-expand-s,2px); --m-checkbox-outline-border-size: var(--selector-border-size-s,2px); }
.m-checkbox--m { --m-checkbox-icon-size: var(--selector-checkbox-icon-size-m,12px); --m-checkbox-border-radius: var(--selector-checkbox-border-radius-m,4px); --m-checkbox-border-size: var(--selector-border-size-m,2px); --m-checkbox-padding: var(--selector-checkbox-expand-m,2px); --m-checkbox-outline-border-size: var(--selector-border-size-m,2px); }
.m-checkbox--primary { --m-checkbox-checked-background-color: var(--color-selector-primary-checked-background); --m-checkbox-checked-background-color-hover: var(--color-selector-primary-checked-background-hover); --m-checkbox-checked-background-color-focus: var(--color-selector-primary-checked-background-focus); --m-checkbox-checked-background-color-disabled: var(--color-selector-primary-checked-background-disabled); --m-checkbox-border-color: var(--color-selector-primary-background); --m-checkbox-border-color-hover: var(--color-selector-primary-background-hover); --m-checkbox-border-color-focus: var(--color-selector-primary-background-focus); --m-checkbox-border-color-disabled: var(--color-selector-primary-background-disabled); --m-checkbox-checked-border-color: var(--color-selector-primary-checked-background); --m-checkbox-checked-border-color-hover: var(--color-selector-primary-checked-background-hover); --m-checkbox-checked-border-color-focus: var(--color-selector-primary-checked-background-focus); --m-checkbox-checked-border-color-disabled: var(--color-selector-primary-checked-background-disabled); --m-checkbox-icon-color: var(--color-selector-primary-checked-element); --m-checkbox-icon-color-hover: var(--color-selector-primary-checked-element-hover); --m-checkbox-icon-color-focus: var(--color-selector-primary-checked-element-focus); --m-checkbox-icon-color-disabled: var(--color-selector-primary-checked-element-disabled); --m-checkbox-outline-color-focus: var(--color-selector-primary-outside-border-focus); --m-checkbox-outline-checked-color-focus: var(--color-selector-primary-checked-outside-border-focus); }
.m-checkbox--basic { --m-checkbox-checked-background-color: var(--color-selector-basic-checked-background); --m-checkbox-checked-background-color-hover: var(--color-selector-basic-checked-background-hover); --m-checkbox-checked-background-color-focus: var(--color-selector-basic-checked-background-focus); --m-checkbox-checked-background-color-disabled: var(--color-selector-basic-checked-background-disabled); --m-checkbox-border-color: var(--color-selector-basic-background); --m-checkbox-border-color-hover: var(--color-selector-basic-background-hover); --m-checkbox-border-color-focus: var(--color-selector-basic-background-focus); --m-checkbox-border-color-disabled: var(--color-selector-basic-background-disabled); --m-checkbox-checked-border-color: var(--color-selector-basic-checked-background); --m-checkbox-checked-border-color-hover: var(--color-selector-basic-checked-background-hover); --m-checkbox-checked-border-color-focus: var(--color-selector-basic-checked-background-focus); --m-checkbox-checked-border-color-disabled: var(--color-selector-basic-checked-background-disabled); --m-checkbox-icon-color: var(--color-selector-basic-checked-element); --m-checkbox-icon-color-hover: var(--color-selector-basic-checked-element-hover); --m-checkbox-icon-color-focus: var(--color-selector-basic-checked-element-focus); --m-checkbox-icon-color-disabled: var(--color-selector-basic-checked-element-disabled); --m-checkbox-outline-color-focus: var(--color-selector-basic-outside-border-focus); --m-checkbox-outline-checked-color-focus: var(--color-selector-basic-checked-outside-border-focus); }
.m-switch { background: var(--m-switch-background-color); border: var(--m-switch-border-size) solid var(--m-switch-border-color); border-radius: var(--m-switch-border-radius); cursor: pointer; display: inline-flex; height: fit-content; min-width: var(--m-switch-width); outline: var(--m-switch-outline-border-size) solid var(--m-switch-outline-color); position: relative; transition: 0.15s ease-in-out; width: var(--m-switch-width); }
.m-switch input { inset: 0px; opacity: 0; position: absolute; z-index: -1; }
.m-switch .m-switch-ripple { background: var(--m-switch-ripple-color); border-radius: var(--m-switch-ripple-border-radius); height: var(--m-switch-ripple-size); transition: 0.15s; width: var(--m-switch-ripple-size); }
.m-switch--checked:not(.m-switch--unset) { --m-switch-background-color: var(--m-switch-checked-background-color); --m-switch-background-color-hover: var(--m-switch-checked-background-color-hover); --m-switch-background-color-focus: var(--m-switch-checked-background-color-focus); --m-switch-background-color-disabled: var(--m-switch-checked-background-color-disabled); --m-switch-border-color: var(--m-switch-checked-border-color); --m-switch-border-color-hover: var(--m-switch-checked-border-color-hover); --m-switch-border-color-focus: var(--m-switch-checked-border-color-focus); --m-switch-border-color-disabled: var(--m-switch-checked-border-color-disabled); --m-switch-outline-color-focus: var(--m-switch-outline-checked-color-focus); --m-switch-ripple-color: var(--m-switch-checked-ripple-color); --m-switch-ripple-color-hover: var(--m-switch-checked-ripple-color-hover); --m-switch-ripple-color-focus: var(--m-switch-checked-ripple-color-focus); --m-switch-ripple-color-disabled: var(--m-switch-checked-ripple-color-disabled); }
.m-switch--checked:not(.m-switch--unset) .m-switch-ripple { transform: translate(calc(var(--m-switch-width) - var(--m-switch-ripple-size) - var(--m-switch-border-size)*2)); }
@media not (any-pointer: coarse) {
  .m-switch:hover { --m-switch-background-color: var(--m-switch-background-color-hover); --m-switch-ripple-color: var(--m-switch-ripple-color-hover); --m-switch-border-color: var(--m-switch-border-color-hover); }
}
.m-switch:has(input:focus) { --m-switch-background-color: var(--m-switch-background-color-focus); --m-switch-ripple-color: var(--m-switch-ripple-color-focus); --m-switch-border-color: var(--m-switch-border-color-focus); --m-switch-outline-color: var(--m-switch-outline-color-focus); }
.m-switch--disabled:not(#i#i#i) { --m-switch-background-color: var(--m-switch-background-color-disabled); --m-switch-ripple-color: var(--m-switch-ripple-color-disabled); --m-switch-border-color: var(--m-switch-border-color-disabled); --m-switch-outline-color: #0000; cursor: not-allowed; }
.m-switch--s { --m-switch-border-radius: var(--selector-switcher-border-radius-s,8px); --m-switch-border-size: var(--selector-border-size-s,2px); --m-switch-padding: var(--selector-switcher-expand-s,2px); --m-switch-width: var(--selector-switcher-width-s,26px); --m-switch-ripple-size: var(--selector-switcher-tumbler-size-s,12px); --m-switch-ripple-border-radius: var(--selector-switcher-tumbler-border-radius-s,1000px); --m-switch-outline-border-size: var(--selector-outside-border-size-s,2px); }
.m-switch--m { --m-switch-border-radius: var(--selector-switcher-border-radius-m,8px); --m-switch-border-size: var(--selector-border-size-m,2px); --m-switch-padding: var(--selector-switcher-expand-m,2px); --m-switch-width: var(--selector-switcher-width-m,26px); --m-switch-ripple-size: var(--selector-switcher-tumbler-size-m,12px); --m-switch-ripple-border-radius: var(--selector-switcher-tumbler-border-radius-m,1000px); --m-switch-outline-border-size: var(--selector-outside-border-size-m,2px); }
.m-switch--primary { --m-switch-background-color: var(--color-selector-primary-background); --m-switch-background-color-hover: var(--color-selector-primary-background-hover); --m-switch-background-color-focus: var(--color-selector-primary-background-focus); --m-switch-background-color-disabled: var(--color-selector-primary-background-disabled); --m-switch-border-color: var(--color-selector-primary-border); --m-switch-border-color-hover: var(--color-selector-primary-border-hover); --m-switch-border-color-focus: var(--color-selector-primary-border-focus); --m-switch-border-color-disabled: var(--color-selector-primary-border-disabled); --m-switch-checked-background-color: var(--color-selector-primary-checked-background); --m-switch-checked-background-color-focus: var(--color-selector-primary-checked-background-focus); --m-switch-checked-background-color-hover: var(--color-selector-primary-checked-background-hover); --m-switch-checked-background-color-disabled: var(--color-selector-primary-checked-background-disabled); --m-switch-checked-border-color: var(--color-selector-primary-checked-border); --m-switch-checked-border-color-hover: var(--color-selector-primary-checked-border-hover); --m-switch-checked-border-color-focus: var(--color-selector-primary-checked-border-focus); --m-switch-checked-border-color-disabled: var(--color-selector-primary-checked-border-disabled); --m-switch-ripple-color: var(--color-selector-primary-element); --m-switch-ripple-color-hover: var(--color-selector-primary-element-hover); --m-switch-ripple-color-focus: var(--color-selector-primary-element-focus); --m-switch-ripple-color-disabled: var(--color-selector-primary-element-disabled); --m-switch-checked-ripple-color: var(--color-selector-primary-checked-element); --m-switch-checked-ripple-color-hover: var(--color-selector-primary-checked-element-hover); --m-switch-checked-ripple-color-focus: var(--color-selector-primary-checked-element-focus); --m-switch-checked-ripple-color-disabled: var(--color-selector-primary-checked-element-disabled); --m-switch-outline-color-focus: var(--color-selector-primary-outside-border-focus); --m-switch-outline-checked-color-focus: var(--color-selector-primary-checked-outside-border-focus); }
.m-switch--basic { --m-switch-background-color: var(--color-selector-basic-background); --m-switch-background-color-hover: var(--color-selector-basic-background-hover); --m-switch-background-color-focus: var(--color-selector-basic-background-focus); --m-switch-background-color-disabled: var(--color-selector-basic-background-disabled); --m-switch-border-color: var(--color-selector-basic-border); --m-switch-border-color-hover: var(--color-selector-basic-border-hover); --m-switch-border-color-focus: var(--color-selector-basic-border-focus); --m-switch-border-color-disabled: var(--color-selector-basic-border-disabled); --m-switch-checked-background-color: var(--color-selector-basic-checked-background); --m-switch-checked-background-color-focus: var(--color-selector-basic-checked-background-focus); --m-switch-checked-background-color-hover: var(--color-selector-basic-checked-background-hover); --m-switch-checked-background-color-disabled: var(--color-selector-basic-checked-background-disabled); --m-switch-checked-border-color: var(--color-selector-basic-checked-border); --m-switch-checked-border-color-hover: var(--color-selector-basic-checked-border-hover); --m-switch-checked-border-color-focus: var(--color-selector-basic-checked-border-focus); --m-switch-checked-border-color-disabled: var(--color-selector-basic-checked-border-disabled); --m-switch-ripple-color: var(--color-selector-basic-element); --m-switch-ripple-color-hover: var(--color-selector-basic-element-hover); --m-switch-ripple-color-focus: var(--color-selector-basic-element-focus); --m-switch-ripple-color-disabled: var(--color-selector-basic-element-disabled); --m-switch-checked-ripple-color: var(--color-selector-basic-checked-element); --m-switch-checked-ripple-color-hover: var(--color-selector-basic-checked-element-hover); --m-switch-checked-ripple-color-focus: var(--color-selector-basic-checked-element-focus); --m-switch-checked-ripple-color-disabled: var(--color-selector-basic-checked-element-disabled); --m-switch-outline-color-focus: var(--color-selector-basic-outside-border-focus); --m-switch-outline-checked-color-focus: var(--color-selector-basic-checked-outside-border-focus); }
.m-chevron { transition: transform 0.15s ease-in-out; }
#m-modal-wrapper { position: fixed; z-index: 3000; }
.m-modal { --m-modal-header-height: var(--modal-header-min-height-mobile); --m-modal-header-spacing: var(--modal-header-horizontal-spacing-mobile); --m-modal-header-padding: 0 var(--modal-right-expand-mobile); --m-modal-title-padding: var(--modal-header-text-container-expand-mobile); --m-modal-content-padding: var(--modal-top-expand-mobile) var(--modal-right-expand-mobile) var(--modal-bottom-expand-mobile) var(--modal-left-expand-mobile); --m-modal-footer-horizontal-spacing: var(--modal-footer-horizontal-spacing-mobile); --m-modal-footer-vertical-spacing: var(--modal-footer-vertical-spacing-mobile); --m-modal-close-top-offset: var(--modal-body-button-close-top-expand-mobile); --m-modal-close-right-offset: var(--modal-right-expand-mobile); --m-modal-close-margin: var(--modal-header-text-container-expand-mobile); --m-modal-header-font: var(--font-modal-header-mobile); --m-modal-title-font: var(--font-modal-body-text-mobile); --m-modal-description-font: var(--font-modal-description-mobile); --m-modal-info-padding: var(--modal-body-expand-mobile); --m-modal-content-spacing: var(--modal-body-content-spacing-mobile); --m-modal-info-text-spacing: var(--modal-body-text-container-spacing-mobile); --m-modal-info-icon-radius: var(--modal-body-status-border-radius-mobile); --m-modal-info-icon-size: var(--modal-body-status-size-mobile); --m-modal-form-spacing: var(--modal-body-form-spacing-mobile); --m-modal-border-radius: var(--modal-border-radius-mobile); --m-modal-border-size: var(--modal-border-size-mobile); align-items: center; inset: 0px; display: flex; justify-content: center; z-index: 3000; position: fixed !important; }
@media (min-width: 1248px) {
  .m-modal { --m-modal-header-height: var(--modal-header-min-height-desktop); --m-modal-header-spacing: var(--modal-header-horizontal-spacing-desktop); --m-modal-header-padding: 0 var(--modal-right-expand-desktop); --m-modal-title-padding: var(--modal-header-text-container-expand-desktop); --m-modal-content-padding: var(--modal-top-expand-desktop) var(--modal-right-expand-desktop) var(--modal-bottom-expand-desktop) var(--modal-left-expand-desktop); --m-modal-footer-horizontal-spacing: var(--modal-footer-horizontal-spacing-desktop); --m-modal-footer-vertical-spacing: var(--modal-footer-vertical-spacing-desktop); --m-modal-close-top-offset: var(--modal-body-button-close-top-expand-desktop); --m-modal-close-right-offset: var(--modal-right-expand-desktop); --m-modal-close-margin: var(--modal-header-text-container-expand-desktop); --m-modal-header-font: var(--font-modal-header-desktop); --m-modal-title-font: var(--font-modal-body-text-desktop); --m-modal-description-font: var(--font-modal-description-desktop); --m-modal-info-padding: var(--modal-body-expand-desktop); --m-modal-content-spacing: var(--modal-body-content-spacing-desktop); --m-modal-info-text-spacing: var(--modal-body-text-container-spacing-desktop); --m-modal-info-icon-radius: var(--modal-body-status-border-radius-desktop); --m-modal-info-icon-size: var(--modal-body-status-size-desktop); --m-modal-form-spacing: var(--modal-body-form-spacing-desktop); --m-modal-border-radius: var(--modal-border-radius-desktop); --m-modal-border-size: var(--modal-border-size-desktop); }
}
.m-modal-overlay { background-color: var(--color-background-overlay-1); inset: 0px; position: absolute; }
.m-modal-overlay.m-modal-overlay-transparent { background-color: rgba(0, 0, 0, 0); }
.m-modal::before { backdrop-filter: var(--modal-backdrop-filter); inset: 0px; content: ""; position: absolute; }
.m-modal-container { background: var(--color-modal-background); border: var(--m-modal-border-size) solid var(--modal-border-color,#0000); border-radius: var(--m-modal-border-radius); box-shadow: rgba(0, 0, 0, 0.32) 0px 0px 1px, rgba(0, 0, 0, 0.24) 0px 12px 24px; display: flex; flex-direction: column; max-height: calc(var(--m-app-height, 100vh) - 32px); max-width: 100%; overflow: auto; position: absolute; transition: max-width 0.1s ease-in-out; }
.m-modal-content { padding: var(--m-modal-content-padding); }
.m-modal-content .m-info-block { --info-icon-size: var(--m-modal-info-icon-size); --info-icon-gap: var(--m-modal-content-spacing); --info-title-gap: var(--m-modal-info-text-spacing); --info-title-font: var(--m-modal-title-font); --info-message-font: var(--m-modal-description-font); --info-icon-radius: var(--m-modal-info-icon-radius); --info-title-color: var(--color-modal-text); padding: var(--m-modal-info-padding); }
.m-modal-content .m-info-block--secondary { --info-icon-background: var(--color-modal-status-background); --info-icon-color: var(--color-light-grey-5); }
.m-modal-content form { gap: var(--m-modal-form-spacing); }
.m-modal-scrollable { flex: 1 1 0%; overflow: auto; z-index: 1; }
.m-modal--non-scrollable, .m-modal--non-scrollable .m-modal-content { height: 100%; overflow: hidden; width: 100%; }
.m-modal-header { align-items: center; border-bottom: var(--modal-header-border-width) solid var(--color-modal-divider-background); color: var(--color-modal-text); display: flex; font-style: ; font-variant-ligatures: ; font-variant-caps: ; font-variant-east-asian: ; font-variant-alternates: ; font-variant-position: ; font-variant-emoji: ; font-weight: ; font-stretch: ; font-size: ; line-height: ; font-family: ; font-optical-sizing: ; font-size-adjust: ; font-kerning: ; font-feature-settings: ; font-variation-settings: ; font-language-override: ; font-variant-numeric: var(--font-variant-numeric); gap: var(--m-modal-header-spacing); justify-content: space-between; min-height: var(--m-modal-header-height); overflow: hidden; padding: var(--m-modal-header-padding); text-transform: var(--header-text-transform); }
.m-modal-header > :has(.m-tabs) { align-self: flex-end; padding: 0px; }
.m-modal-header--sticky { background: var(--color-modal-background); position: sticky; top: 0px; z-index: 1; }
.m-modal-header-content { align-self: center; display: flex; flex: 1 1 0%; gap: var(--m-modal-header-spacing); }
.m-modal-header-content--centered { flex: unset; min-width: 0px; }
.m-modal-header-content--centered .m-modal-header-title { flex: unset; }
.m-modal-header-title { flex: 1 1 0%; padding: var(--m-modal-title-padding); }
.m-modal-header-left { min-width: calc((var(--button-navigation-expand-s))*2 + var(--button-navigation-icon-size-s)); }
.m-modal-header > * { border-bottom-width: medium !important; border-bottom-style: none !important; border-bottom-color: currentcolor !important; }
.m-modal-footer { display: flex; gap: var(--m-modal-footer-horizontal-spacing); justify-content: center; padding: var(--m-modal-content-padding); z-index: 1; }
.m-modal-footer > button { flex: 1 1 0%; }
.m-modal-footer--stacked { flex-wrap: wrap; }
.m-modal-footer--stacked > button { flex: 1 0 100%; width: 100%; }
.m-modal-close.m-button-nav { position: absolute; right: var(--m-modal-close-right-offset); top: var(--m-modal-close-top-offset); z-index: 1; }
.m-modal-close.m-button-nav.m-button-nav--wow:not(:disabled) { position: absolute; }
.m-modal-active-enter-active, .m-modal-active-leave-active { transition: opacity 0.2s ease-in-out; }
.m-modal-active-enter-from, .m-modal-active-leave-to { opacity: 0; }
@media (max-width: 1248px) {
  .m-modal-fill .m-modal-container { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: 0px; height: var(--m-app-height,100%); max-height: var(--m-app-height,100%); position: fixed; width: 100vw !important; }
}
.m-modal--fullscreen .m-modal-container { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: 0px; height: var(--m-app-height,100%); max-height: var(--m-app-height,100%); position: fixed; width: 100vw !important; }
.m-modal--wow.m-modal .m-modal-container { background-clip: padding-box; border-color: rgba(0, 0, 0, 0); border-image: var(--wow-modal-default-border-image,none) 252 fill/84px var(--wow-modal-default-border-image-repeat,unset); border-radius: calc(var(--m-modal-border-radius, 0) + var(--wow-modal-default-offset-horizontal, 0))/calc(var(--m-modal-border-radius, 0) + var(--wow-modal-default-offset-vertical, 0)); border-style: solid; border-width: var(--wow-modal-default-offset-vertical,0) var(--wow-modal-default-offset-horizontal,0); box-shadow: none; overflow: visible; }
.m-modal--wow.m-modal .m-modal-container::after, .m-modal--wow.m-modal .m-modal-container::before { background-position: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; background-image: var(--wow-modal-default-sprite,none),var(--wow-modal-default-sprite,none); background-repeat: no-repeat; background-size: 336px 84px; bottom: calc(var(--wow-modal-default-offset-vertical, 0)*-1); content: ""; left: calc(var(--wow-modal-default-offset-horizontal, 0)*-1); margin: auto; pointer-events: none; position: absolute; right: calc(var(--wow-modal-default-offset-horizontal, 0)*-1); top: calc(var(--wow-modal-default-offset-vertical, 0)*-1); z-index: 1; }
.m-modal--wow.m-modal .m-modal-container::before { background-position: right -168px top 0px, left -168px bottom 0px; width: 84px; }
.m-modal--wow.m-modal .m-modal-container::after { background-position: right -252px top 50%, left -252px top 50%; height: 84px; }
.m-modal--wow-overlay .m-modal-container { background-image: var(--wow-modal-default-overlay-image,none); background-position: var(--wow-modal-default-overlay-image-position,cover); background-size: var(--wow-modal-default-overlay-image-size,auto); }
.m-select .m-input input { cursor: pointer; }
.m-select .m-input input:disabled { opacity: 1; }
.m-select .m-input--focused:not(.has-value):not(.filterable) .m-input-content-label { transform: none !important; }
.m-select-list-empty { align-items: center; color: var(--color-text-muted); display: var(--select-empty-display); font-style: ; font-variant-ligatures: ; font-variant-caps: ; font-variant-east-asian: ; font-variant-alternates: ; font-variant-position: ; font-variant-emoji: ; font-weight: ; font-stretch: ; font-size: ; line-height: ; font-family: ; font-optical-sizing: ; font-size-adjust: ; font-kerning: ; font-feature-settings: ; font-variation-settings: ; font-language-override: ; font-variant-numeric: var(--font-variant-numeric); height: 100%; justify-content: center; padding: var(--spacing-xs) var(--spacing-m); }
.m-radio { --m-radio-ripple-opacity: 0; align-items: center; background: var(--m-radio-background-color); box-shadow: inset 0 0 0 var(--m-radio-border-size) var(--m-radio-border-color,#0000); cursor: pointer; display: inline-flex; justify-content: flex-end; padding: var(--m-radio-padding); position: relative; transition: 0.15s ease-in-out; }
.m-radio, .m-radio::before { border-radius: var(--m-radio-border-radius); }
.m-radio::before { border-color: var(--m-radio-outline-color,#0000); border-style: solid; border-width: var(--m-radio-border-size); content: ""; inset: calc(var(--m-radio-border-size)*-1); position: absolute; transition: border-color 0.2s; }
.m-radio input { inset: 0px; opacity: 0; position: absolute; z-index: -1; }
.m-radio-ripple { background: var(--m-radio-ripple-color); border-radius: var(--m-radio-border-radius); height: var(--m-radio-ripple-size); opacity: var(--m-radio-ripple-opacity); transition: opacity 0.2s; width: var(--m-radio-ripple-size); }
.m-radio--checked:not(.m-radio--unset) { --m-radio-ripple-opacity: 1; --m-radio-background-color: var(--m-radio-checked-background-color); --m-radio-background-color-hover: var(--m-radio-checked-background-color-hover); --m-radio-background-color-focus: var(--m-radio-checked-background-color-focus); --m-radio-background-color-disabled: var(--m-radio-checked-background-color-disabled); --m-radio-border-color: var(--m-radio-checked-border-color); --m-radio-border-color-hover: var(--m-radio-checked-border-color-hover); --m-radio-border-color-focus: var(--m-radio-checked-border-color-focus); --m-radio-border-color-disabled: var(--m-radio-checked-border-color-disabled); --m-radio-outline-color-focus: var(--m-radio-outline-checked-color-focus); }
@media not (any-pointer: coarse) {
  .m-radio:hover { --m-radio-background-color: var(--m-radio-background-color-hover); --m-radio-ripple-color: var(--m-radio-ripple-color-hover); --m-radio-border-color: var(--m-radio-border-color-hover); }
}
.m-radio:has(input:focus) { --m-radio-background-color: var(--m-radio-background-color-focus); --m-radio-ripple-color: var(--m-radio-ripple-color-focus); --m-radio-border-color: var(--m-radio-border-color-focus); --m-radio-outline-color: var(--m-radio-outline-color-focus); }
.m-radio--disabled:not(#i#i#i) { --m-radio-background-color: var(--m-radio-background-color-disabled); --m-radio-ripple-color: var(--m-radio-ripple-color-disabled); --m-radio-border-color: var(--m-radio-border-color-disabled); --m-radio-outline-color: #0000; cursor: not-allowed; }
.m-radio--s { --m-radio-border-radius: var(--selector-radiobutton-border-radius-s,100%); --m-radio-border-size: var(--selector-border-size-s,2px); --m-radio-padding: var(--selector-radiobutton-expand-s,4px); --m-radio-ripple-size: var(--selector-radiobutton-radio-size-s,8px); --m-radio-outline-border-size: var(--selector-outside-border-size-s,2px); }
.m-radio--m { --m-radio-border-radius: var(--selector-radiobutton-border-radius-m,100%); --m-radio-border-size: var(--selector-border-size-m,2px); --m-radio-padding: var(--selector-radiobutton-expand-m,4px); --m-radio-ripple-size: var(--selector-radiobutton-radio-size-m,8px); --m-radio-outline-border-size: var(--selector-outside-border-size-m,2px); }
.m-radio--primary { --m-radio-border-color: var(--color-selector-primary-border); --m-radio-border-color-hover: var(--color-selector-primary-border-hover); --m-radio-border-color-focus: var(--color-selector-primary-border-focus); --m-radio-border-color-disabled: var(--color-selector-primary-border-disabled); --m-radio-checked-background-color: var(--color-selector-primary-checked-background); --m-radio-checked-background-color-focus: var(--color-selector-primary-checked-background-focus); --m-radio-checked-background-color-hover: var(--color-selector-primary-checked-background-hover); --m-radio-checked-background-color-disabled: var(--color-selector-primary-checked-background-disabled); --m-radio-checked-border-color: var(--color-selector-primary-checked-border); --m-radio-checked-border-color-hover: var(--color-selector-primary-checked-border-hover); --m-radio-checked-border-color-focus: var(--color-selector-primary-checked-border-focus); --m-radio-checked-border-color-disabled: var(--color-selector-primary-checked-border-disabled); --m-radio-ripple-color: var(--color-selector-primary-checked-element); --m-radio-ripple-color-hover: var(--color-selector-primary-checked-element-hover); --m-radio-ripple-color-focus: var(--color-selector-primary-checked-element-focus); --m-radio-ripple-color-disabled: var(--color-selector-primary-checked-element-disabled); --m-radio-outline-color-focus: var(--color-selector-primary-outside-border-focus); --m-radio-outline-checked-color-focus: var(--color-selector-primary-checked-outside-border-focus); }
.m-radio--basic { --m-radio-border-color: var(--color-selector-basic-border); --m-radio-border-color-hover: var(--color-selector-basic-border-hover); --m-radio-border-color-focus: var(--color-selector-basic-border-focus); --m-radio-border-color-disabled: var(--color-selector-basic-border-disabled); --m-radio-checked-background-color: var(--color-selector-basic-checked-background); --m-radio-checked-background-color-focus: var(--color-selector-basic-checked-background-focus); --m-radio-checked-background-color-hover: var(--color-selector-basic-checked-background-hover); --m-radio-checked-background-color-disabled: var(--color-selector-basic-checked-background-disabled); --m-radio-checked-border-color: var(--color-selector-basic-checked-border); --m-radio-checked-border-color-hover: var(--color-selector-basic-checked-border-hover); --m-radio-checked-border-color-focus: var(--color-selector-basic-checked-border-focus); --m-radio-checked-border-color-disabled: var(--color-selector-basic-checked-border-disabled); --m-radio-ripple-color: var(--color-selector-basic-checked-element); --m-radio-ripple-color-hover: var(--color-selector-basic-checked-element-hover); --m-radio-ripple-color-focus: var(--color-selector-basic-checked-element-focus); --m-radio-ripple-color-disabled: var(--color-selector-basic-checked-element-disabled); --m-radio-outline-color-focus: var(--color-selector-basic-outside-border-focus); --m-radio-outline-checked-color-focus: var(--color-selector-basic-checked-outside-border-focus); }
.m-select-modal .m-modal-content { display: flex; flex-direction: column; gap: var(--spacing-3xs); padding: 0px; }
.m-select-modal .m-modal-container { overflow-y: hidden; }
.m-select-modal-input-container { padding: 0 var(--modal-right-expand-mobile); }
.m-select-modal-input-container .m-input-prepend > .m-icon { color: var(--color-white); opacity: 0.8; }
.m-select-modal-list { height: 320px; margin: 0px; overflow-y: auto; padding: 0px; }
.m-select-modal-empty { align-items: center; display: flex; font-style: ; font-variant-ligatures: ; font-variant-caps: ; font-variant-east-asian: ; font-variant-alternates: ; font-variant-position: ; font-variant-emoji: ; font-weight: ; font-stretch: ; font-size: ; line-height: ; font-family: ; font-optical-sizing: ; font-size-adjust: ; font-kerning: ; font-feature-settings: ; font-variation-settings: ; font-language-override: ; font-variant-numeric: var(--font-variant-numeric); height: 320px; justify-content: center; }
.m-tooltip-arrow { border-color: #0000 #0000 var(--color-tooltip-background); border-style: solid; border-width: 0px 8px 8px; position: absolute; }
.m-tooltip-content { background: var(--color-tooltip-background); border-radius: var(--tooltip-border-radius); box-shadow: var(--shadow-2); color: var(--color-tooltip-text); font-style: ; font-variant-ligatures: ; font-variant-caps: ; font-variant-east-asian: ; font-variant-alternates: ; font-variant-position: ; font-variant-emoji: ; font-weight: ; font-stretch: ; font-size: ; line-height: ; font-family: ; font-optical-sizing: ; font-size-adjust: ; font-kerning: ; font-feature-settings: ; font-variation-settings: ; font-language-override: ; font-variant-numeric: var(--font-variant-numeric); padding: var(--tooltip-expand); }
.m-tooltip-content-text { max-width: var(--breakpoints-expand); }
.m-tabs { --m-tabs-underline-border-radius: var(--tab-underline-line-border-radius); align-self: flex-start; border-bottom: var(--m-tabs-border-bottom-size) solid var(--m-tabs-border-bottom-color); display: flex; padding: var(--m-tabs-padding); position: relative; }
.m-tabs--autoscroll { border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; }
.m-tabs--autoscroll::after { background-color: var(--m-tabs-border-bottom-color); bottom: 0px; content: ""; height: var(--m-tabs-border-bottom-size); left: 0px; position: absolute; right: 0px; }
.m-tabs--autoscroll .m-tabs-item--active .m-tabs-item-content::after { z-index: 1; }
.m-tabs__container { display: inherit; overflow-x: auto; padding-bottom: var(--m-tabs-border-bottom-size); scrollbar-width: none; width: inherit; }
.m-tabs__container::-webkit-scrollbar { display: none; }
.m-tabs-item { color: var(--m-tabs-tab-text-color); cursor: pointer; display: flex; font-style: ; font-variant-ligatures: ; font-variant-caps: ; font-variant-east-asian: ; font-variant-alternates: ; font-variant-position: ; font-variant-emoji: ; font-weight: ; font-stretch: ; font-size: ; line-height: ; font-family: ; font-optical-sizing: ; font-size-adjust: ; font-kerning: ; font-feature-settings: ; font-variation-settings: ; font-language-override: ; font-variant-numeric: var(--font-variant-numeric); justify-content: center; transition: 0.15s ease-in-out; white-space: nowrap; }
.m-tabs-item:hover:not(.m-tabs-item.active) { --m-tabs-tab-text-color: var(--m-tabs-tab-text-color-hover); --ic-color: var(--ic-color-hover); }
.m-tabs-item--active { --m-tabs-tab-text-color: var(--m-tabs-tab-text-color-active); --ic-color: var(--ic-color-active); }
.m-tabs-item--active .m-tabs-item-content::after { background: var(--m-tabs-underline-color); border-radius: var(--m-tabs-underline-border-radius); bottom: calc(var(--m-tabs-border-bottom-size)*-1); content: ""; height: var(--m-tabs-underline-size); left: 0px; position: absolute; right: 0px; }
.m-tabs-item-content { align-items: center; display: flex; gap: var(--m-tabs-tab-text-padding); padding: var(--m-tabs-tab-padding); position: relative; }
.m-tabs--fill { width: 100%; }
.m-tabs--fill .m-tabs-item { flex: 1 1 0%; text-align: center; }
.m-tabs--centered { justify-content: center; }
.m-tabs--centered .m-tabs-item { flex: initial; }
.m-tabs--disabled:not(#i#i#i) { --m-tabs-tab-text-color: var(--color-mid-grey-1); --m-tabs-tab-text-color-hover: var(--color-mid-grey-1); --ic-color: var(--color-mid-grey-1); --m-tabs-tab-text-color-active: var(--color-mid-grey-3); --m-tabs-underline-color: var(--color-pr900); }
.m-tabs--disabled:not(#i#i#i) .m-tabs-item { cursor: not-allowed; }
.m-tabs--s { --m-tabs-padding: var(--tabs-group-underline-expand-m,0); --m-tabs-tab-padding: var(--tab-underline-expand-s,12px); --m-tabs-tab-text-padding: var(--tab-text-container-expand-s,0 8px); --m-tabs-font: var(--font-tab-text-s); --m-tabs-underline-size: var(--line-size-s,var(--line-size-m)); --m-tabs-border-bottom-size: var(--tabs-group-underline-border-size-s,1px); --ic-size: var(--tab-icon-container-icon-size-s,20px); --ic-border-width: var(--tab-icon-container-icon-size-s,1px); --ic-padding: var(--tab-icon-container-expand-s,0); --ic-border-radius: var(--tab-icon-container-border-radius-s,10px); }
.m-tabs--m { --m-tabs-padding: var(--tabs-group-underline-expand-m,0); --m-tabs-tab-padding: var(--tab-underline-expand-m,12px); --m-tabs-tab-text-padding: var(--tab-text-container-expand-m,0 8px); --m-tabs-font: var(--font-tab-text-m); --m-tabs-underline-size: var(--line-size-m,var(--line-size-m)); --m-tabs-border-bottom-size: var(--tabs-group-underline-border-size-m,1px); --ic-size: var(--tab-icon-container-icon-size-m,20px); --ic-border-width: var(--tab-icon-container-icon-size-m,1px); --ic-padding: var(--tab-icon-container-expand-m,0); --ic-border-radius: var(--tab-icon-container-border-radius-m,10px); }
.m-tabs--l { --m-tabs-padding: var(--tabs-group-underline-expand-m,0); --m-tabs-tab-padding: var(--tab-underline-expand-l,12px); --m-tabs-tab-text-padding: var(--tab-text-container-expand-l,0 8px); --m-tabs-font: var(--font-tab-text-l); --m-tabs-underline-size: var(--line-size-l,var(--line-size-m)); --m-tabs-border-bottom-size: var(--tabs-group-underline-border-size-l,1px); --ic-size: var(--tab-icon-container-icon-size-l,20px); --ic-border-width: var(--tab-icon-container-icon-size-l,1px); --ic-padding: var(--tab-icon-container-expand-l,0); --ic-border-radius: var(--tab-icon-container-border-radius-l,10px); }
.m-tabs--primary { --m-tabs-tab-text-color: var(--color-tab-underline-primary-text); --m-tabs-tab-text-color-hover: var(--color-tab-underline-primary-text-hover); --m-tabs-tab-text-color-active: var(--color-tab-underline-primary-text-active); --m-tabs-border-bottom-color: var(--color-tabs-group-underline-primary-border-bottom); --m-tabs-underline-color: var(--color-tab-underline-primary-underline-background); --ic-color: var(--color-tab-underline-primary-icon-container-icon); --ic-color-hover: var(--color-tab-underline-primary-icon-container-icon-hover); --ic-color-active: var(--color-tab-underline-primary-icon-container-icon-active); }
.m-tabs--inverse { --m-tabs-tab-text-color: var(--color-tab-underline-inverse-text); --m-tabs-tab-text-color-hover: var(--color-tab-underline-inverse-text-hover); --m-tabs-tab-text-color-active: var(--color-tab-underline-inverse-text-active); --m-tabs-border-bottom-color: var(--color-tabs-group-underline-inverse-border-bottom); --m-tabs-underline-color: var(--color-tab-underline-inverse-underline-background); --ic-color: var(--color-tab-underline-inverse-icon-container-icon); --ic-color-hover: var(--color-tab-underline-inverse-icon-container-icon-hover); --ic-color-active: var(--color-tab-underline-inverse-icon-container-icon-active); }
.m-segment-control { border-radius: var(--m-segment-border-radius); box-shadow: inset 0 0 0 var(--m-segment-border-width) var(--m-segment-border-color); display: grid; grid-template-columns: repeat(var(--items-num),1fr); padding: var(--m-segment-padding); position: relative; }
.m-segment-control.m-gradient-border { --gradient-width: var(--m-segment-border-width); --gradient-color: var(--m-segment-border-color); }
.m-segment-control-item { align-items: center; border-radius: var(--m-segment-tab-border-radius); color: var(--m-segment-tab-text-color); cursor: pointer; display: flex; font-style: ; font-variant-ligatures: ; font-variant-caps: ; font-variant-east-asian: ; font-variant-alternates: ; font-variant-position: ; font-variant-emoji: ; font-weight: ; font-stretch: ; font-size: ; line-height: ; font-family: ; font-optical-sizing: ; font-size-adjust: ; font-kerning: ; font-feature-settings: ; font-variation-settings: ; font-language-override: ; font-variant-numeric: var(--font-variant-numeric); justify-content: center; min-height: var(--m-segment-tab-content-height); padding: var(--m-segment-tab-padding); transition: 0.15s ease-in-out; z-index: 1; }
.m-segment-control-item span { padding: var(--m-segment-text-padding); }
.m-segment-control-item:hover:not(.m-segment-control-item--active) { --m-segment-tab-text-color: var(--m-segment-tab-text-color-hover); --ic-color: var(--ic-color-hover); }
.m-segment-control-item--active { --m-segment-tab-text-color: var(--m-segment-tab-text-color-active); --ic-color: var(--ic-color-active); background: var(--m-segment-tab-background-active); }
.m-segment-control-item--active.m-gradient-border { --gradient-color: var(--m-segment-tab-border-color-active); }
.m-segment-control--filled { background: var(--m-segment-filled-background); }
.m-segment-control--outline:not(#i#i#i) { --m-segment-border-color: var(--m-segment-outline-border-color); --segment-gradient-color: #0000; background: rgba(0, 0, 0, 0); }
.m-segment-control--shrink { max-width: max-content; }
.m-segment-control--fit-content { grid-template-columns: repeat(var(--items-num),auto); }
.m-segment-control--primary.m-segment-control--wow .m-segment-control-item--active::after, .m-segment-control--primary.m-segment-control--wow .m-segment-control-item--active::before { background-image: var(--wow-segment-control-primary-sprite,none),var(--wow-segment-control-primary-sprite,none); }
.m-segment-control--secondary.m-segment-control--wow .m-segment-control-item--active::after, .m-segment-control--secondary.m-segment-control--wow .m-segment-control-item--active::before { background-image: var(--wow-segment-control-secondary-sprite,none),var(--wow-segment-control-secondary-sprite,none); }
.m-segment-control--wow .m-segment-control-item--active { position: relative; }
.m-segment-control--wow .m-segment-control-item--active::after, .m-segment-control--wow .m-segment-control-item--active::before { background-repeat: no-repeat; background-size: 180px 32px; inset: 0px; content: ""; margin: auto; pointer-events: none; position: absolute; z-index: 1; }
.m-segment-control--wow .m-segment-control-item--active::before { background-position: right -90px top 0px, left -90px bottom 0px; width: 45px; }
.m-segment-control--wow .m-segment-control-item--active::after { background-position: right -135px top 50%, left -135px top 50%; height: 45px; }
.m-segment-control--s { --m-segment-border-radius: var(--tabs-group-border-radius-s,22px); --m-segment-border-width: var(--tabs-group-border-size-s,2px); --m-segment-padding: var(--tabs-group-expand-s,0); --m-segment-tab-border-radius: var(--tab-border-radius-s,22px); --m-segment-tab-border-width: var(--tab-border-size-s,2px); --m-segment-tab-padding: var(--tab-expand-s,12px); --m-segment-tab-content-height: var(--tab-content-height-s,20px); --m-segment-font: var(--font-tab-text-s); --m-segment-text-padding: var(--tab-text-container-expand-s,0 8px); --ic-size: var(--tab-icon-container-icon-size-s,20px); --ic-border-width: var(--tab-icon-container-icon-size-s,1px); --ic-padding: var(--tab-icon-container-expand-s,0); --ic-border-radius: var(--tab-icon-container-border-radius-s,10px); }
.m-segment-control--m { --m-segment-border-radius: var(--tabs-group-border-radius-m,22px); --m-segment-border-width: var(--tabs-group-border-size-m,2px); --m-segment-padding: var(--tabs-group-expand-m,0); --m-segment-tab-border-radius: var(--tab-border-radius-m,22px); --m-segment-tab-border-width: var(--tab-border-size-m,2px); --m-segment-tab-padding: var(--tab-expand-m,12px); --m-segment-tab-content-height: var(--tab-content-height-m,20px); --m-segment-font: var(--font-tab-text-m); --m-segment-text-padding: var(--tab-text-container-expand-m,0 8px); --ic-size: var(--tab-icon-container-icon-size-m,20px); --ic-border-width: var(--tab-icon-container-icon-size-m,1px); --ic-padding: var(--tab-icon-container-expand-m,0); --ic-border-radius: var(--tab-icon-container-border-radius-m,10px); }
.m-segment-control--l { --m-segment-border-radius: var(--tabs-group-border-radius-l,22px); --m-segment-border-width: var(--tabs-group-border-size-l,2px); --m-segment-padding: var(--tabs-group-expand-l,0); --m-segment-tab-border-radius: var(--tab-border-radius-l,22px); --m-segment-tab-border-width: var(--tab-border-size-l,2px); --m-segment-tab-padding: var(--tab-expand-l,12px); --m-segment-tab-content-height: var(--tab-content-height-l,20px); --m-segment-font: var(--font-tab-text-l); --m-segment-text-padding: var(--tab-text-container-expand-l,0 8px); --ic-size: var(--tab-icon-container-icon-size-l,20px); --ic-border-width: var(--tab-icon-container-icon-size-l,1px); --ic-padding: var(--tab-icon-container-expand-l,0); --ic-border-radius: var(--tab-icon-container-border-radius-l,10px); }
.m-segment-control--primary { --m-segment-tab-background-active: var(--color-tab-primary-background-active); --m-segment-tab-background-hover: var(--color-tab-primary-background-active); --m-segment-tab-text-color: var(--color-tab-primary-text); --m-segment-tab-text-color-active: var(--color-tab-primary-text-active); --m-segment-tab-text-color-hover: var(--color-tab-primary-text-hover); --m-segment-filled-background: var(--color-tabs-group-fill-primary-background); --m-segment-border-color: var(--color-tabs-group-fill-primary-border); --m-segment-outline-border-color: var(--color-tabs-group-outline-primary-border); --m-segment-tab-border-color-active: var(--color-tab-primary-border-active); --ic-color: var(--color-tab-primary-icon-container-icon); --ic-color-hover: var(--color-tab-primary-icon-container-icon-hover); --ic-color-active: var(--color-tab-primary-icon-container-icon-active); }
.m-segment-control--secondary { --m-segment-tab-background-active: var(--color-tab-secondary-background-active); --m-segment-tab-background-hover: var(--color-tab-secondary-background-active); --m-segment-tab-text-color: var(--color-tab-secondary-text); --m-segment-tab-text-color-active: var(--color-tab-secondary-text-active); --m-segment-tab-text-color-hover: var(--color-tab-secondary-text-hover); --m-segment-filled-background: var(--color-tabs-group-fill-secondary-background); --m-segment-border-color: var(--color-tabs-group-fill-secondary-border); --m-segment-outline-border-color: var(--color-tabs-group-outline-secondary-border); --m-segment-tab-border-color-active: var(--color-tab-primary-border-active); --ic-color: var(--color-tab-secondary-icon-container-icon); --ic-color-hover: var(--color-tab-secondary-icon-container-icon-hover); --ic-color-active: var(--color-tab-secondary-icon-container-icon-active); }
.m-segment-control--info { --m-segment-tab-background-active: var(--color-tab-info-background-active); --m-segment-tab-background-hover: var(--color-tab-info-background-active); --m-segment-tab-text-color: var(--color-tab-info-text); --m-segment-tab-text-color-active: var(--color-tab-info-text-active); --m-segment-tab-text-color-hover: var(--color-tab-info-text-hover); --m-segment-filled-background: var(--color-tabs-group-fill-info-background); --m-segment-border-color: var(--color-tabs-group-fill-info-border); --m-segment-outline-border-color: var(--color-tabs-group-outline-info-border); --m-segment-tab-border-color-active: var(--color-tab-primary-border-active); --ic-color: var(--color-tab-info-icon-container-icon); --ic-color-hover: var(--color-tab-info-icon-container-icon-hover); --ic-color-active: var(--color-tab-info-icon-container-icon-active); }
.m-segment-control--inverse { --m-segment-tab-background-active: var(--color-tab-inverse-background-active); --m-segment-tab-background-hover: var(--color-tab-inverse-background-active); --m-segment-tab-text-color: var(--color-tab-inverse-text); --m-segment-tab-text-color-active: var(--color-tab-inverse-text-active); --m-segment-tab-text-color-hover: var(--color-tab-inverse-text-hover); --m-segment-filled-background: var(--color-tabs-group-fill-inverse-background); --m-segment-border-color: var(--color-tabs-group-fill-inverse-border); --m-segment-outline-border-color: var(--color-tabs-group-outline-inverse-border); --m-segment-tab-border-color-active: var(--color-tab-primary-border-active); --ic-color: var(--color-tab-inverse-icon-container-icon); --ic-color-hover: var(--color-tab-inverse-icon-container-icon-hover); --ic-color-active: var(--color-tab-inverse-icon-container-icon-active); }
.m-badge { background: var(--m-badge-background); border-radius: var(--m-badge-border-radius); box-shadow: inset 0 0 0 var(--m-badge-border-width,2px) var(--m-badge-border-color); color: var(--m-badge-text-color); display: inline-flex; font-style: ; font-variant-ligatures: ; font-variant-caps: ; font-variant-east-asian: ; font-variant-alternates: ; font-variant-position: ; font-variant-emoji: ; font-weight: ; font-stretch: ; font-size: ; line-height: ; font-family: ; font-optical-sizing: ; font-size-adjust: ; font-kerning: ; font-feature-settings: ; font-variation-settings: ; font-language-override: ; font-variant-numeric: var(--font-variant-numeric); padding: var(--m-badge-padding); }
.m-badge-content { align-items: center; display: flex; justify-content: center; min-height: var(--m-badge-content-height); }
.m-badge.m-gradient-border { --gradient-color: var(--m-badge-border-color); --gradient-width: var(--m-badge-border-width); }
.m-badge-text { align-items: center; display: flex; gap: var(--m-badge-text-margin); padding: var(--m-badge-text-margin); }
.m-badge--swap .m-badge-content { flex-direction: row-reverse; }
.m-badge img, .m-badge svg { height: var(--m-badge-icon-size); width: var(--m-badge-icon-size); }
.m-badge--primary { --m-badge-background: var(--color-badge-primary-background); --m-badge-border-color: var(--color-badge-primary-border,#0000); --m-badge-text-color: var(--color-badge-primary-text); --ic-color: var(--color-badge-primary-icon-container-icon); --ic-background: var(--color-badge-primary-icon-container-background); --ic-border-color: var(--color-badge-primary-icon-container-border); }
.m-badge--secondary { --m-badge-background: var(--color-badge-secondary-background); --m-badge-border-color: var(--color-badge-secondary-border,#0000); --m-badge-text-color: var(--color-badge-secondary-text); --ic-color: var(--color-badge-secondary-icon-container-icon); --ic-background: var(--color-badge-secondary-icon-container-background); --ic-border-color: var(--color-badge-secondary-icon-container-border); }
.m-badge--info { --m-badge-background: var(--color-badge-info-background); --m-badge-border-color: var(--color-badge-info-border,#0000); --m-badge-text-color: var(--color-badge-info-text); --ic-color: var(--color-badge-info-icon-container-icon); --ic-background: var(--color-badge-info-icon-container-background); --ic-border-color: var(--color-badge-info-icon-container-border); }
.m-badge--minor { --m-badge-background: var(--color-badge-minor-background); --m-badge-border-color: var(--color-badge-minor-border,#0000); --m-badge-text-color: var(--color-badge-minor-text); --ic-color: var(--color-badge-minor-icon-container-icon); --ic-background: var(--color-badge-minor-icon-container-background); --ic-border-color: var(--color-badge-minor-icon-container-border); }
.m-badge--success { --m-badge-background: var(--color-badge-success-background); --m-badge-border-color: var(--color-badge-success-border,#0000); --m-badge-text-color: var(--color-badge-success-text); --ic-color: var(--color-badge-success-icon-container-icon); --ic-background: var(--color-badge-success-icon-container-background); --ic-border-color: var(--color-badge-success-icon-container-border); }
.m-badge--attention { --m-badge-background: var(--color-badge-attention-background); --m-badge-border-color: var(--color-badge-attention-border,#0000); --m-badge-text-color: var(--color-badge-attention-text); --ic-color: var(--color-badge-attention-icon-container-icon); --ic-background: var(--color-badge-attention-icon-container-background); --ic-border-color: var(--color-badge-attention-icon-container-border); }
.m-badge--warning { --m-badge-background: var(--color-badge-warning-background); --m-badge-border-color: var(--color-badge-warning-border,#0000); --m-badge-text-color: var(--color-badge-warning-text); --ic-color: var(--color-badge-warning-icon-container-icon); --ic-background: var(--color-badge-warning-icon-container-background); --ic-border-color: var(--color-badge-warning-icon-container-border); }
.m-badge--danger { --m-badge-background: var(--color-badge-danger-background); --m-badge-border-color: var(--color-badge-danger-border,#0000); --m-badge-text-color: var(--color-badge-danger-text); --ic-color: var(--color-badge-danger-icon-container-icon); --ic-background: var(--color-badge-danger-icon-container-background); --ic-border-color: var(--color-badge-danger-icon-container-border); }
.m-badge--light { --m-badge-background: var(--color-badge-light-background); --m-badge-border-color: var(--color-badge-light-border,#0000); --m-badge-text-color: var(--color-badge-light-text); --ic-color: var(--color-badge-light-icon-container-icon); --ic-background: var(--color-badge-light-icon-container-background); --ic-border-color: var(--color-badge-light-icon-container-border); }
.m-badge--dark { --m-badge-background: var(--color-badge-dark-background); --m-badge-border-color: var(--color-badge-dark-border,#0000); --m-badge-text-color: var(--color-badge-dark-text); --ic-color: var(--color-badge-dark-icon-container-icon); --ic-background: var(--color-badge-dark-icon-container-background); --ic-border-color: var(--color-badge-dark-icon-container-border); }
.m-badge--transparent { --m-badge-background: var(--color-badge-transparent-background); --m-badge-border-color: var(--color-badge-transparent-border,#0000); --m-badge-text-color: var(--color-badge-transparent-text); --ic-color: var(--color-badge-transparent-icon-container-icon); --ic-background: var(--color-badge-transparent-icon-container-background); --ic-border-color: var(--color-badge-transparent-icon-container-border); }
.m-badge--jackpot { --m-badge-background: var(--color-badge-jackpot-background); --m-badge-border-color: var(--color-badge-jackpot-border,#0000); --m-badge-text-color: var(--color-badge-jackpot-text); --ic-color: var(--color-badge-jackpot-icon-container-icon); --ic-background: var(--color-badge-jackpot-icon-container-background); --ic-border-color: var(--color-badge-jackpot-icon-container-border); }
.m-badge--vip { --m-badge-background: var(--color-badge-vip-background); --m-badge-border-color: var(--color-badge-vip-border,#0000); --m-badge-text-color: var(--color-badge-vip-text); --ic-color: var(--color-badge-vip-icon-container-icon); --ic-background: var(--color-badge-vip-icon-container-background); --ic-border-color: var(--color-badge-vip-icon-container-border); }
.m-badge--xs { --m-badge-padding: var(--badge-expand-xs); --m-badge-border-width: var(--badge-border-size-xs,2px); --m-badge-content-height: var(--badge-content-height-xs); --m-badge-icon-size: var(--badge-icon-container-icon-size-xs); --ic-padding: var(--badge-icon-container-expand-xs); --ic-size: var(--m-badge-icon-size); --ic-border-width: var(--badge-icon-container-border-size-xs); --ic-border-radius: var(--badge-icon-container-border-radius-xs); --m-badge-font: var(--font-badge-text-xs); --m-badge-text-margin: var(--badge-text-container-expand-xs); --m-badge-border-radius: var(--badge-border-radius-xs); letter-spacing: var(--font-badge-text-xs-ls); }
.m-badge--s { --m-badge-padding: var(--badge-expand-s); --m-badge-border-width: var(--badge-border-size-s,2px); --m-badge-content-height: var(--badge-content-height-s); --m-badge-icon-size: var(--badge-icon-container-icon-size-s); --ic-padding: var(--badge-icon-container-expand-s); --ic-size: var(--m-badge-icon-size); --ic-border-width: var(--badge-icon-container-border-size-s); --ic-border-radius: var(--badge-icon-container-border-radius-s); --m-badge-font: var(--font-badge-text-s); --m-badge-text-margin: var(--badge-text-container-expand-s); --m-badge-border-radius: var(--badge-border-radius-s); letter-spacing: var(--font-badge-text-s-ls); }
.m-badge--m { --m-badge-padding: var(--badge-expand-m); --m-badge-border-width: var(--badge-border-size-m,2px); --m-badge-content-height: var(--badge-content-height-m); --m-badge-icon-size: var(--badge-icon-container-icon-size-m); --ic-padding: var(--badge-icon-container-expand-m); --ic-size: var(--m-badge-icon-size); --ic-border-width: var(--badge-icon-container-border-size-m); --ic-border-radius: var(--badge-icon-container-border-radius-m); --m-badge-font: var(--font-badge-text-m); --m-badge-text-margin: var(--badge-text-container-expand-m); --m-badge-border-radius: var(--badge-border-radius-m); letter-spacing: var(--font-badge-text-m-ls); }
.m-badge--l { --m-badge-padding: var(--badge-expand-l); --m-badge-border-width: var(--badge-border-size-l,2px); --m-badge-content-height: var(--badge-content-height-l); --m-badge-icon-size: var(--badge-icon-container-icon-size-l); --ic-padding: var(--badge-icon-container-expand-l); --ic-size: var(--m-badge-icon-size); --ic-border-width: var(--badge-icon-container-border-size-l); --ic-border-radius: var(--badge-icon-container-border-radius-l); --m-badge-font: var(--font-badge-text-l); --m-badge-text-margin: var(--badge-text-container-expand-l); --m-badge-border-radius: var(--badge-border-radius-l); letter-spacing: var(--font-badge-text-l-ls); }
.m-badge .m-countdown { --m-countdown-gap: var(--m-badge-text-margin); --m-countdown-unit-font: var(--m-badge-font); --m-countdown-text-color: var(--m-badge-text-color); --m-countdown-unit-line-height: var(--m-badge-content-height); }
.m-counter { background: var(--m-counter-background); border-radius: var(--m-counter-border-radius); box-shadow: inset 0 0 0 var(--m-counter-border-width,2px) var(--m-counter-border-color); color: var(--m-counter-text-color); height: var(--m-counter-size); min-width: var(--m-counter-size); padding: var(--m-counter-padding); }
.m-counter, .m-counter-content { align-items: center; display: inline-flex; justify-content: center; }
.m-counter--primary { --m-counter-background: var(--color-counter-primary-background); --m-counter-border-color: var(--color-counter-primary-border,#0000); --m-counter-text-color: var(--color-counter-primary-text); }
.m-counter--secondary { --m-counter-background: var(--color-counter-secondary-background); --m-counter-border-color: var(--color-counter-secondary-border,#0000); --m-counter-text-color: var(--color-counter-secondary-text); }
.m-counter--info { --m-counter-background: var(--color-counter-info-background); --m-counter-border-color: var(--color-counter-info-border,#0000); --m-counter-text-color: var(--color-counter-info-text); }
.m-counter--minor { --m-counter-background: var(--color-counter-minor-background); --m-counter-border-color: var(--color-counter-minor-border,#0000); --m-counter-text-color: var(--color-counter-minor-text); }
.m-counter--success { --m-counter-background: var(--color-counter-success-background); --m-counter-border-color: var(--color-counter-success-border,#0000); --m-counter-text-color: var(--color-counter-success-text); }
.m-counter--attention { --m-counter-background: var(--color-counter-attention-background); --m-counter-border-color: var(--color-counter-attention-border,#0000); --m-counter-text-color: var(--color-counter-attention-text); }
.m-counter--warning { --m-counter-background: var(--color-counter-warning-background); --m-counter-border-color: var(--color-counter-warning-border,#0000); --m-counter-text-color: var(--color-counter-warning-text); }
.m-counter--danger { --m-counter-background: var(--color-counter-danger-background); --m-counter-border-color: var(--color-counter-danger-border,#0000); --m-counter-text-color: var(--color-counter-danger-text); }
.m-counter--light { --m-counter-background: var(--color-counter-light-background); --m-counter-border-color: var(--color-counter-light-border,#0000); --m-counter-text-color: var(--color-counter-light-text); }
.m-counter--dark { --m-counter-background: var(--color-counter-dark-background); --m-counter-border-color: var(--color-counter-dark-border,#0000); --m-counter-text-color: var(--color-counter-dark-text); }
.m-counter--transparent { --m-counter-background: var(--color-counter-transparent-background); --m-counter-border-color: var(--color-counter-transparent-border,#0000); --m-counter-text-color: var(--color-counter-transparent-text); }
.m-counter--vip { --m-counter-background: var(--color-counter-vip-background); --m-counter-border-color: var(--color-counter-vip-border,#0000); --m-counter-text-color: var(--color-counter-vip-text); }
.m-counter--xs { --m-counter-padding: var(--counter-expand-xs); --m-counter-border-width: var(--counter-border-size-xs,2px); --m-counter-size: var(--counter-size-xs); --m-counter-border-radius: var(--counter-border-radius-xs); font-style: ; font-variant-ligatures: ; font-variant-caps: ; font-variant-east-asian: ; font-variant-alternates: ; font-variant-position: ; font-variant-emoji: ; font-weight: ; font-stretch: ; font-size: ; line-height: ; font-family: ; font-optical-sizing: ; font-size-adjust: ; font-kerning: ; font-feature-settings: ; font-variation-settings: ; font-language-override: ; font-variant-numeric: var(--font-variant-numeric); letter-spacing: var(--font-counter-text-xs-ls); }
.m-counter--s { --m-counter-padding: var(--counter-expand-s); --m-counter-border-width: var(--counter-border-size-s,2px); --m-counter-size: var(--counter-size-s); --m-counter-border-radius: var(--counter-border-radius-s); font-style: ; font-variant-ligatures: ; font-variant-caps: ; font-variant-east-asian: ; font-variant-alternates: ; font-variant-position: ; font-variant-emoji: ; font-weight: ; font-stretch: ; font-size: ; line-height: ; font-family: ; font-optical-sizing: ; font-size-adjust: ; font-kerning: ; font-feature-settings: ; font-variation-settings: ; font-language-override: ; font-variant-numeric: var(--font-variant-numeric); letter-spacing: var(--font-counter-text-s-ls); }
.m-counter--m { --m-counter-padding: var(--counter-expand-m); --m-counter-border-width: var(--counter-border-size-m,2px); --m-counter-size: var(--counter-size-m); --m-counter-border-radius: var(--counter-border-radius-m); font-style: ; font-variant-ligatures: ; font-variant-caps: ; font-variant-east-asian: ; font-variant-alternates: ; font-variant-position: ; font-variant-emoji: ; font-weight: ; font-stretch: ; font-size: ; line-height: ; font-family: ; font-optical-sizing: ; font-size-adjust: ; font-kerning: ; font-feature-settings: ; font-variation-settings: ; font-language-override: ; font-variant-numeric: var(--font-variant-numeric); letter-spacing: var(--font-counter-text-m-ls); }
.m-counter--l { --m-counter-padding: var(--counter-expand-l); --m-counter-border-width: var(--counter-border-size-l,2px); --m-counter-size: var(--counter-size-l); --m-counter-border-radius: var(--counter-border-radius-l); font-style: ; font-variant-ligatures: ; font-variant-caps: ; font-variant-east-asian: ; font-variant-alternates: ; font-variant-position: ; font-variant-emoji: ; font-weight: ; font-stretch: ; font-size: ; line-height: ; font-family: ; font-optical-sizing: ; font-size-adjust: ; font-kerning: ; font-feature-settings: ; font-variation-settings: ; font-language-override: ; font-variant-numeric: var(--font-variant-numeric); letter-spacing: var(--font-counter-text-l-ls); }
.m-counter--xl { --m-counter-padding: var(--counter-expand-xl); --m-counter-border-width: var(--counter-border-size-xl,2px); --m-counter-size: var(--counter-size-xl); --m-counter-border-radius: var(--counter-border-radius-xl); font-style: ; font-variant-ligatures: ; font-variant-caps: ; font-variant-east-asian: ; font-variant-alternates: ; font-variant-position: ; font-variant-emoji: ; font-weight: ; font-stretch: ; font-size: ; line-height: ; font-family: ; font-optical-sizing: ; font-size-adjust: ; font-kerning: ; font-feature-settings: ; font-variation-settings: ; font-language-override: ; font-variant-numeric: var(--font-variant-numeric); letter-spacing: var(--font-counter-text-xl-ls); }
.m-info-block { --info-icon-size: 52px; --info-icon-background: var(--color-background-surface-2); --info-icon-color: var(--color-mid-grey-5); --info-icon-gap: 12px; --info-title-gap: 0; --info-title-font: var(--font-body-semi-bold-l); --info-title-color: var(--color-white); --info-message-font: var(--font-body-regular-s); --info-message-color: var(--color-modal-description); flex: 1 1 0%; flex-direction: column; height: 100%; padding: 16px; text-align: center; width: 100%; }
.m-info-block, .m-info-block-icon { align-items: center; display: flex; justify-content: center; }
.m-info-block-icon { background: var(--info-icon-background-placeholder,var(--info-icon-background)); border-radius: var(--info-icon-radius); flex-shrink: 0; height: var(--info-icon-size); margin-bottom: var(--info-icon-gap); width: var(--info-icon-size); }
.m-info-block-icon img, .m-info-block-icon svg { color: var(--info-icon-color); height: var(--info-icon-scale); width: var(--info-icon-scale); }
.m-info-block-title { color: var(--info-title-color); font-style: ; font-variant-ligatures: ; font-variant-caps: ; font-variant-east-asian: ; font-variant-alternates: ; font-variant-position: ; font-variant-emoji: ; font-weight: ; font-stretch: ; font-size: ; line-height: ; font-family: ; font-optical-sizing: ; font-size-adjust: ; font-kerning: ; font-feature-settings: ; font-variation-settings: ; font-language-override: ; font-variant-numeric: var(--font-variant-numeric); margin-bottom: var(--info-title-gap); text-transform: var(--header-text-transform); }
.m-info-block-message { color: var(--color-modal-description); font-style: ; font-variant-ligatures: ; font-variant-caps: ; font-variant-east-asian: ; font-variant-alternates: ; font-variant-position: ; font-variant-emoji: ; font-weight: ; font-stretch: ; font-size: ; line-height: ; font-family: ; font-optical-sizing: ; font-size-adjust: ; font-kerning: ; font-feature-settings: ; font-variation-settings: ; font-language-override: ; font-variant-numeric: var(--font-variant-numeric); text-align: center; }
.m-info-block--large { --info-title-font: var(--info-l-font); --info-message-font: var(--font-body-regular-l); --info-icon-size: var(--info-l-icon-size); --info-icon-gap: var(--info-l-icon-gap); --info-title-gap: var(--info-l-title-gap); }
@media (any-pointer: coarse) {
  .m-info-block--large { --info-title-font: var(--info-l-mobile-font); --info-title-gap: var(--info-l-mobile-title-gap); }
}
.m-info-block--small { --info-title-font: var(--font-body-semi-bold-m); --info-icon-size: 40px; --info-icon-gap: 8px; }
.m-info-block--primary { --info-icon-color: var(--color-text-primary); }
.m-info-block--success { --info-icon-color: var(--color-text-success); }
.m-info-block--attention { --info-icon-color: var(--color-text-attention); }
.m-info-block--warning { --info-icon-color: var(--color-text-warning); }
.m-info-block--danger { --info-icon-color: var(--color-text-danger); }
.m-info-block--basic { --info-icon-color: var(--color-text-base); }
.m-info-block--info { --info-icon-color: var(--color-text-info); }
.m-info-block--indigo { --info-icon-background: var(--color-in500); --info-icon-color: var(--color-button-fill-info-text); }
.m-info-block--violet { --info-icon-background: var(--color-vi400); --info-icon-color: var(--color-button-fill-minor-text); }
.m-currency-converted { flex-shrink: 0; position: relative; }
.m-currency-converted-enabled { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); cursor: pointer; user-select: none; }
.m-currency-converted-hidden { bottom: 0px; left: 0px; position: absolute; top: 0px; opacity: 0 !important; }
.m-currency-converted span, .m-currency-converted > div { opacity: 1; transition: opacity 0.15s ease-in-out; white-space: nowrap; }
.m-currency-converted-primary { align-items: center; display: flex; gap: 6px; }
.m-currency-converted-inverted .m-currency-converted-primary { flex-direction: row-reverse; text-align: right; }
.m-category-scroll { --sectionPadding: 16px; --gap-games: 8px; --item-width-default: 288px; --item-width-cols5: 172px; --item-width-cols6: 124px; --item-width-cols7: 130px; --item-width-cols9: 104px; width: 100%; }
.m-category-scroll__header { align-items: center; display: flex; flex-wrap: nowrap; justify-content: space-between; margin: 0px 0px 16px; }
.m-category-scroll__wrapper { overflow: hidden; position: relative; }
.m-category-scroll__item { scroll-snap-align: start; }
.m-category-scroll__item:not(:last-child) { margin-right: var(--gap-games); }
.m-category-scroll__content { display: flex; flex-wrap: nowrap; margin: 0 calc(var(--sectionPadding)*-1); overflow-x: scroll; padding: 0 var(--sectionPadding); scroll-padding: 0 var(--gap-games); scroll-padding-inline-end: var(--sectionPadding); scroll-padding-inline-start: var(--sectionPadding); scrollbar-width: none; width: 100%; }
.m-category-scroll__content::-webkit-scrollbar { display: none; }
.m-category-scroll__content .m-category-scroll__item { flex: 0 0 var(--item-width-default); max-width: var(--item-width-default); }
.m-category-scroll__content--cols5 .m-category-scroll__item { flex: 0 0 var(--item-width-cols5); max-width: var(--item-width-cols5); }
.m-category-scroll__content--cols6 .m-category-scroll__item { flex: 0 0 var(--item-width-cols6); max-width: var(--item-width-cols6); }
.m-category-scroll__content--cols6 .Card-HeartWrapper { align-items: center; display: flex; height: 40px; justify-content: center; position: absolute; right: 0px; top: -40px; width: 40px; }
@media (min-width: 960px) {
  .m-category-scroll__content--cols6 .Card-HeartWrapper { height: auto; position: relative; right: auto; top: auto; width: auto; }
}
.m-category-scroll__content--cols7 .m-category-scroll__item { flex: 0 0 var(--item-width-cols7); max-width: var(--item-width-cols7); }
.m-category-scroll__content--cols9 .m-category-scroll__item { flex: 0 0 var(--item-width-cols9); max-width: var(--item-width-cols9); }
.m-category-scroll__content[snap="true"] { scroll-snap-type: x mandatory; }
.m-prev-next-arrows { align-items: center; display: inline-flex; gap: 4px; }
.m-category-slider { width: 100%; }
.m-category-slider__header { align-items: center; display: flex; flex-wrap: nowrap; gap: 16px; justify-content: space-between; margin-bottom: 16px; }
.m-category-slider__header > :nth-child(2) { margin-left: auto; }
.m-category-slider__header--sticky { background: var(--color-dark-grey-0); margin-top: 50px; padding: 9px 0px; position: sticky; top: 50px; z-index: 100; }
@media (min-width: 768px) {
  .m-category-slider__header--sticky { top: 62px; }
}
@media (min-width: 1248px) {
  .m-category-slider__header--sticky { top: 79px; }
}
.m-category-slider__wrapper { overflow: hidden; position: relative; }
.m-category-slider__content { gap: 16px; display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); }
@media (min-width: 768px) {
  .m-category-slider__content--cols1 { grid-template-columns: repeat(1, minmax(0px, 1fr)); }
  .m-category-slider__content--cols2 { grid-template-columns: repeat(2, minmax(0px, 1fr)); }
  .m-category-slider__content--cols3 { grid-template-columns: repeat(3, minmax(0px, 1fr)); }
  .m-category-slider__content--cols4 { grid-template-columns: repeat(4, minmax(0px, 1fr)); }
  .m-category-slider__content--cols5 { grid-template-columns: repeat(5, minmax(0px, 1fr)); }
  .m-category-slider__content--cols6 { grid-template-columns: repeat(6, minmax(0px, 1fr)); }
  .m-category-slider__content--cols7 { grid-template-columns: repeat(7, minmax(0px, 1fr)); }
  .m-category-slider__content--cols8 { grid-template-columns: repeat(8, minmax(0px, 1fr)); }
  .m-category-slider__content--cols9 { grid-template-columns: repeat(9, minmax(0px, 1fr)); }
}
.m-category-slider .slide-left-leave-active, .m-category-slider .slide-right-leave-active { left: 0px; position: absolute; right: 0px; top: 0px; z-index: 1; }
.m-category-slider .slide-left-enter-active, .m-category-slider .slide-left-leave-active, .m-category-slider .slide-right-enter-active, .m-category-slider .slide-right-leave-active { transition: 0.25s ease-in-out; }
.m-category-slider .slide-left-enter, .m-category-slider .slide-left-leave-to, .m-category-slider .slide-right-enter, .m-category-slider .slide-right-leave-to { opacity: 0; transform: translate(-50%); }
.m-category-slider .slide-left-leave-to, .m-category-slider .slide-right-leave-to { opacity: 0; transform: translate(50%); }
.m-category-slider .slide-right-enter { transform: translate(50%); }
.m-category-slider .slide-right-leave-to { transform: translate(-50%); }
.m-avatar { --m-avatar-rank-icon-size: var(--avatar-rakeback-icon-size); --m-avatar-rank-icon-offset-x: -6%; --m-avatar-rank-icon-offset-y: -6%; --m-avatar-size: var(--avatar-size); height: var(--m-avatar-size); width: var(--m-avatar-size); }
.m-avatar, .m-avatar--vip { position: relative; }
.m-avatar--vip::after { background-image: var(--vip-image); background-repeat: no-repeat; background-size: contain; height: 108.5%; width: 108.5%; z-index: 2; }
.m-avatar--vip::after, .m-avatar--vip::before { content: ""; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); }
.m-avatar--vip::before { border-radius: 100%; box-shadow: inset 0 0 0 calc(var(--m-avatar-size)/15) var(--color-dark-grey-0); height: 100%; width: 100%; z-index: 1; }
.m-avatar__image { align-items: center; background: var(--color-avatar-background); border-radius: var(--avatar-border-radius); display: flex; height: inherit; justify-content: center; position: relative; width: inherit; }
.m-avatar__image-empty { color: var(--color-avatar-icon); height: 55%; width: 55%; }
.m-avatar__image > img { width: 100%; }
.m-avatar__image .m-avatar__favicon { height: 55%; width: 55%; }
.m-avatar__rank { z-index: 3; }
.m-avatar__rank.m-badge { bottom: -4.5%; left: 50%; position: absolute; transform: translate(-50%); white-space: nowrap; }
.m-avatar__rank-icon { background: var(--color-avatar-rakeback-background); border-radius: var(--avatar-rakeback-border-radius); bottom: var(--m-avatar-rank-icon-offset-y); box-shadow: inset 0 0 0 var(--avatar-rakeback-border-size) var(--color-avatar-rakeback-border); display: flex; padding: var(--avatar-rakeback-expand); position: absolute; right: var(--m-avatar-rank-icon-offset-x); }
.m-avatar__rank-icon > img { display: block; height: var(--m-avatar-rank-icon-size); width: var(--m-avatar-rank-icon-size); }
.m-text { margin: 0px; padding: 0px; }
.m-tag { align-items: center; background: var(--m-tag-background); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: var(--m-tag-border-radius); box-shadow: inset 0 0 0 var(--m-tag-border-width) var(--m-tag-border-color); color: var(--m-tag-text-color); cursor: pointer; display: inline-flex; font-style: ; font-variant-ligatures: ; font-variant-caps: ; font-variant-east-asian: ; font-variant-alternates: ; font-variant-position: ; font-variant-emoji: ; font-weight: ; font-stretch: ; font-size: ; line-height: ; font-family: ; font-optical-sizing: ; font-size-adjust: ; font-kerning: ; font-feature-settings: ; font-variation-settings: ; font-language-override: ; font-variant-numeric: var(--font-variant-numeric); padding: var(--m-tag-padding); transition: 0.15s ease-in-out; }
.m-tag.m-gradient-border { --gradient-width: var(--m-tag-border-width); --gradient-color: var(--m-tag-border-color); }
.m-tag--fill { --m-tag-background: var(--color-tag-fill-background); --m-tag-background-hover: var(--color-tag-fill-background-hover); --m-tag-background-active: var(--color-tag-fill-background-active); --m-tag-background-active-hover: var(--color-tag-fill-background-active-hover); --m-tag-border-color: var(--color-tag-fill-border); --m-tag-text-color: var(--color-tag-fill-text); --m-tag-text-color-hover: var(--color-tag-fill-text-hover); --m-tag-text-color-active: var(--color-tag-fill-text-active); --m-tag-text-color-active-hover: var(--color-tag-fill-text-active-hover); --ic-color: var(--color-tag-fill-icon-container-icon); --ic-color-hover: var(--color-tag-fill-icon-container-icon-hover); --ic-color-active: var(--color-tag-fill-icon-container-icon-active); --ic-color-active-hover: var(--color-tag-fill-icon-container-icon-active-hover); --ic-border-color: var(--color-tag-fill-icon-container-border); --ic-border-color-hover: var(--color-tag-fill-icon-container-border-hover); --ic-border-color-active: var(--color-tag-fill-icon-container-border-active); --ic-border-color-active-hover: var(--color-tag-fill-icon-container-border-active-hover); --ic-background: var(--color-tag-fill-icon-container-background); --ic-background-hover: var(--color-tag-fill-icon-container-background-hover); --ic-background-active: var(--color-tag-fill-icon-container-background-active); --ic-background-active-hover: var(--color-tag-fill-icon-container-background-active-hover); }
.m-tag--outline { --m-tag-background: var(--color-tag-outline-background); --m-tag-background-hover: var(--color-tag-outline-background-hover); --m-tag-background-active: var(--color-tag-outline-background-active); --m-tag-background-active-hover: var(--color-tag-outline-background-active-hover); --m-tag-border-color: var(--color-tag-outline-border); --m-tag-text-color: var(--color-tag-outline-text); --m-tag-text-color-hover: var(--color-tag-outline-text-hover); --m-tag-text-color-active: var(--color-tag-outline-text-active); --m-tag-text-color-active-hover: var(--color-tag-outline-text-active-hover); --ic-color: var(--color-tag-outline-icon-container-icon); --ic-color-hover: var(--color-tag-outline-icon-container-icon-hover); --ic-color-active: var(--color-tag-outline-icon-container-icon-active); --ic-color-active-hover: var(--color-tag-outline-icon-container-icon-active-hover); --ic-border-color: var(--color-tag-outline-icon-container-border); --ic-border-color-hover: var(--color-tag-outline-icon-container-border-hover); --ic-border-color-active: var(--color-tag-outline-icon-container-border-active); --ic-border-color-active-hover: var(--color-tag-outline-icon-container-border-active-hover); --ic-background: var(--color-tag-outline-icon-container-background); --ic-background-hover: var(--color-tag-outline-icon-container-background-hover); --ic-background-active: var(--color-tag-outline-icon-container-background-active); --ic-background-active-hover: var(--color-tag-outline-icon-container-background-active-hover); }
.m-tag--ghost { --m-tag-background: var(--color-tag-ghost-background); --m-tag-background-hover: var(--color-tag-ghost-background-hover); --m-tag-background-active: var(--color-tag-ghost-background-active); --m-tag-background-active-hover: var(--color-tag-ghost-background-active-hover); --m-tag-border-color: var(--color-tag-ghost-border); --m-tag-text-color: var(--color-tag-ghost-text); --m-tag-text-color-hover: var(--color-tag-ghost-text-hover); --m-tag-text-color-active: var(--color-tag-ghost-text-active); --m-tag-text-color-active-hover: var(--color-tag-ghost-text-active-hover); --ic-color: var(--color-tag-ghost-icon-container-icon); --ic-color-hover: var(--color-tag-ghost-icon-container-icon-hover); --ic-color-active: var(--color-tag-ghost-icon-container-icon-active); --ic-color-active-hover: var(--color-tag-ghost-icon-container-icon-active-hover); --ic-border-color: var(--color-tag-ghost-icon-container-border); --ic-border-color-hover: var(--color-tag-ghost-icon-container-border-hover); --ic-border-color-active: var(--color-tag-ghost-icon-container-border-active); --ic-border-color-active-hover: var(--color-tag-ghost-icon-container-border-active-hover); --ic-background: var(--color-tag-ghost-icon-container-background); --ic-background-hover: var(--color-tag-ghost-icon-container-background-hover); --ic-background-active: var(--color-tag-ghost-icon-container-background-active); --ic-background-active-hover: var(--color-tag-ghost-icon-container-background-active-hover); }
.m-tag--ghost-secondary { --m-tag-background: var(--color-tag-ghost-secondary-background); --m-tag-background-hover: var(--color-tag-ghost-secondary-background-hover); --m-tag-background-active: var(--color-tag-ghost-secondary-background-active); --m-tag-background-active-hover: var(--color-tag-ghost-secondary-background-active-hover); --m-tag-border-color: var(--color-tag-ghost-secondary-border); --m-tag-text-color: var(--color-tag-ghost-secondary-text); --m-tag-text-color-hover: var(--color-tag-ghost-secondary-text-hover); --m-tag-text-color-active: var(--color-tag-ghost-secondary-text-active); --m-tag-text-color-active-hover: var(--color-tag-ghost-secondary-text-active-hover); --ic-color: var(--color-tag-ghost-secondary-icon-container-icon); --ic-color-hover: var(--color-tag-ghost-secondary-icon-container-icon-hover); --ic-color-active: var(--color-tag-ghost-secondary-icon-container-icon-active); --ic-color-active-hover: var(--color-tag-ghost-secondary-icon-container-icon-active-hover); --ic-border-color: var(--color-tag-ghost-secondary-icon-container-border); --ic-border-color-hover: var(--color-tag-ghost-secondary-icon-container-border-hover); --ic-border-color-active: var(--color-tag-ghost-secondary-icon-container-border-active); --ic-border-color-active-hover: var(--color-tag-ghost-secondary-icon-container-border-active-hover); --ic-background: var(--color-tag-ghost-secondary-icon-container-background); --ic-background-hover: var(--color-tag-ghost-secondary-icon-container-background-hover); --ic-background-active: var(--color-tag-ghost-secondary-icon-container-background-active); --ic-background-active-hover: var(--color-tag-ghost-secondary-icon-container-background-active-hover); }
.m-tag--s { --m-tag-border-width: var(--tag-border-size-s,0); --m-tag-border-radius: var(--tag-border-radius-s,12px); --m-tag-padding: var(--tag-expand-s,4px); --m-tag-content-padding: var(--tag-text-container-expand-s,2px); --m-tag-content-height: var(--tag-content-height-s,16px); --m-tag-font: var(--font-tag-text-s); --ic-size: var(--tag-icon-container-icon-size-s,16px); --ic-padding: var(--tag-icon-container-expand-s,0); --ic-border-width: var(--tag-icon-container-border-size-s,0); }
.m-tag--m { --m-tag-border-width: var(--tag-border-size-m,0); --m-tag-border-radius: var(--tag-border-radius-m,12px); --m-tag-padding: var(--tag-expand-m,4px); --m-tag-content-padding: var(--tag-text-container-expand-m,2px); --m-tag-content-height: var(--tag-content-height-m,16px); --m-tag-font: var(--font-tag-text-m); --ic-size: var(--tag-icon-container-icon-size-m,16px); --ic-padding: var(--tag-icon-container-expand-m,0); --ic-border-width: var(--tag-icon-container-border-size-m,0); }
.m-tag-content { align-items: center; display: flex; min-height: var(--m-tag-content-height); padding: var(--m-tag-content-padding); white-space: nowrap; }
.m-tag-append, .m-tag-prepend { transition: 0.15s ease-in-out; user-select: none; }
.m-tag--active { --m-tag-background: var(--m-tag-background-active); --m-tag-background-hover: var(--m-tag-background-active-hover); --m-tag-text-color: var(--m-tag-text-color-active); --m-tag-text-color-hover: var(--m-tag-text-color-active-hover); --ic-color: var(--ic-color-active); --ic-color-hover: var(--ic-color-active-hover); --ic-border-color: var(--ic-border-color-active); --ic-border-color-hover: var(--ic-border-color-active-hover); --ic-background: var(--ic-background-active); --ic-background-hover: var(--ic-background-active-hover); }
@media not (any-pointer: coarse) {
  .m-tag:active, .m-tag:focus-visible, .m-tag:hover { --m-tag-background: var(--m-tag-background-hover); --m-tag-text-color: var(--m-tag-text-color-hover); --ic-color: var(--ic-color-hover); --ic-border-color: var(--ic-border-color-hover); --ic-background: var(--ic-background-hover); }
}
.m-wow-button { align-items: center; background: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; cursor: pointer; display: inline-flex; justify-content: center; min-width: 64px; position: relative; text-shadow: var(--wow-button-text-shadow,"none"); transition: filter 0.25s ease-in-out; }
.m-wow-button:hover { filter: brightness(120%); }
.m-wow-button:hover .m-wow-button__overlay--hover { opacity: 1; }
.m-wow-button::after, .m-wow-button::before { background-repeat: no-repeat; background-size: 192px 48px; inset: 0px; content: ""; margin: auto; position: absolute; z-index: 1; }
.m-wow-button::before { background-position: right -96px top 0px, left -96px bottom 0px; width: 48px; }
.m-wow-button::after { background-position: right -144px top 50%, left -144px top 50%; height: 48px; }
.m-wow-button__text { position: relative; z-index: 3; }
.m-wow-button__overlay { -webkit-mask-box-image: var(--wow-button-border-image-mask,none) 66 144 fill/22px 48px; height: 100%; left: 0px; opacity: 0; position: absolute; top: 0px; transition: opacity 0.3s; width: 100%; }
.m-wow-button__overlay .m-wow-button__overlay-img { height: 100%; left: 50%; object-fit: cover; position: absolute; top: 50%; transform: translate(-50%, -50%); width: 100%; }
.m-wow-button__overlay--repeat { background-image: ; background-size: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; background-position: 50% center; background-repeat: repeat-x; }
.m-wow-button__overlay--static { opacity: 1; }
.m-wow-button__overlay--hover { opacity: 0; }
.m-wow-button--size-s { font-style: ; font-variant-ligatures: ; font-variant-caps: ; font-variant-east-asian: ; font-variant-alternates: ; font-variant-position: ; font-variant-emoji: ; font-weight: ; font-stretch: ; font-size: ; line-height: ; font-family: ; font-optical-sizing: ; font-size-adjust: ; font-kerning: ; font-feature-settings: ; font-variation-settings: ; font-language-override: ; font-variant-numeric: var(--font-variant-numeric); letter-spacing: var(--font-button-text-s-ls,0); min-height: var(--button-content-height-s,20px); padding: var(--button-expand-s,12px); text-transform: var(--font-button-text-s-transform,unset); }
.m-wow-button--size-s .m-wow-button__text { gap: var(--button-text-container-expand-s,0 8px); padding: var(--button-text-container-expand-s,0 8px); }
.m-wow-button--size-m { font-style: ; font-variant-ligatures: ; font-variant-caps: ; font-variant-east-asian: ; font-variant-alternates: ; font-variant-position: ; font-variant-emoji: ; font-weight: ; font-stretch: ; font-size: ; line-height: ; font-family: ; font-optical-sizing: ; font-size-adjust: ; font-kerning: ; font-feature-settings: ; font-variation-settings: ; font-language-override: ; font-variant-numeric: var(--font-variant-numeric); letter-spacing: var(--font-button-text-m-ls,0); min-height: var(--button-content-height-m,20px); padding: var(--button-expand-m,12px); text-transform: var(--font-button-text-m-transform,unset); }
.m-wow-button--size-m .m-wow-button__text { gap: var(--button-text-container-expand-m,0 8px); padding: var(--button-text-container-expand-m,0 8px); }
.m-wow-button--size-l { font-style: ; font-variant-ligatures: ; font-variant-caps: ; font-variant-east-asian: ; font-variant-alternates: ; font-variant-position: ; font-variant-emoji: ; font-weight: ; font-stretch: ; font-size: ; line-height: ; font-family: ; font-optical-sizing: ; font-size-adjust: ; font-kerning: ; font-feature-settings: ; font-variation-settings: ; font-language-override: ; font-variant-numeric: var(--font-variant-numeric); letter-spacing: var(--font-button-text-l-ls,0); min-height: var(--button-content-height-l,20px); padding: var(--button-expand-l,12px); text-transform: var(--font-button-text-l-transform,unset); }
.m-wow-button--size-l .m-wow-button__text { gap: var(--button-text-container-expand-l,0 8px); padding: var(--button-text-container-expand-l,0 8px); }
.m-wow-button--theme-primary { border-image: var(--wow-button-primary-border-image,"none") 66 144 fill/22px 48px; color: var(--wow-button-text-color,#fff); }
.m-wow-button--theme-primary::after, .m-wow-button--theme-primary::before { background-image: var(--wow-button-primary-sprite,"none"),var(--wow-button-primary-sprite,"none"); }
.m-notification { --m-notification-color: var(--color-notification-text); --m-notification-background: var(--color-notification-background,linear-gradient(180deg,var(--color-notification-background-start,#252c45) 0%,var(--color-notification-background-finish,#252c45) 100%)); --m-notification-border-size: var(--notification-border-size-mobile,2px); --m-notification-border-color: var(--color-notification-border); --m-notification-shadow: 0px 0px 1px 0px #00000052,0px 4px 8px 0px #0000003d; --m-notification-border-radius: var(--notification-border-radius-mobile); --m-notification-padding: var(--notification-expand-mobile); --m-notification-spacing: var(--notification-vertical-spacing-mobile); --m-notification-content-min-height: var(--notification-content-min-height-mobile); --m-notification-content-spacing: var(--notification-horizontal-spacing-mobile); --m-notification-title-color: var(--color-notification-text); --m-notification-description-color: var(--color-notification-description); --m-notification-image-size: var(--notification-image-size-mobile); --m-notification-icon-basic-color: var(--color-notification-icon-container-basic-icon); --m-notification-icon-success-color: var(--color-notification-icon-container-success-icon); --m-notification-icon-attention-color: var(--color-notification-icon-container-attention-icon); --m-notification-icon-error-color: var(--color-notification-icon-container-error-icon); --m-notification-icon-size: var(--notification-icon-container-icon-size-mobile); --m-notification-icon-padding: var(--notification-icon-container-expand-mobile); --m-notification-text-spacing: var(--notification-text-container-spacing-mobile); --m-notification-text-font: var(--font-notification-text-mobile); --m-notification-description-font: var(--font-notification-description-mobile); --m-notification-actions-spacing: var(--buttons-group-spacing-m,4px); --m-notification-footer-background: linear-gradient(180deg,var(--color-notification-footer-background-start,#353b52) 0%,var(--color-notification-footer-background-finish,#353b52) 100%); --m-notification-footer-color: var(--color-notification-footer-text); --m-notification-footer-font: var(--font-notification-footer-text-mobile); --m-notification-footer-spacing: var(--notification-footer-expand-mobile); --m-notification-footer-padding: var(--notification-footer-spacing-mobile); --m-notification-progress-bar-height: var(--progress-bar-progress-height-xs); --m-notification-progress-bar-background: var(--color-progress-bar-secondary-background-r,linear-gradient(90deg,var(--color-progress-bar-secondary-background-start,#63687a) 0%,var(--color-progress-bar-secondary-background-finish,#63687a) 100%)); --m-notification-progress-bar-indicator-background: var(--color-progress-bar-secondary-progress-background,linear-gradient(90deg,var(--color-progress-bar-secondary-progress-background-start,#63687a) 0%,var(--color-progress-bar-secondary-progress-background-finish,#63687a) 100%)); --m-notification-progress-bar-border-radius: var(--progress-bar-progress-border-radius-xs); background: var(--m-notification-background); border-color: var(--m-notification-border-color); border-radius: var(--m-notification-border-radius); border-width: var(--m-notification-border-size); box-shadow: var(--m-notification-shadow); box-sizing: border-box; display: flex; flex-direction: column; gap: var(--m-notification-spacing); overflow: hidden; padding: var(--m-notification-padding); position: relative; width: clamp(320px, 100%, 380px); }
@media (min-width: 1248px) {
  .m-notification { --m-notification-border-size: var(--notification-border-size-desktop,2px); --m-notification-border-radius: var(--notification-border-radius-desktop); --m-notification-padding: var(--notification-expand-desktop); --m-notification-spacing: var(--notification-vertical-spacing-desktop); --m-notification-content-min-height: var(--notification-content-min-height-desktop); --m-notification-content-spacing: var(--notification-horizontal-spacing-desktop); --m-notification-image-size: var(--notification-image-size-desktop); --m-notification-icon-size: var(--notification-icon-container-icon-size-desktop); --m-notification-icon-padding: var(--notification-icon-container-expand-desktop); --m-notification-text-spacing: var(--notification-text-container-spacing-desktop); --m-notification-text-font: var(--font-notification-text-desktop); --m-notification-description-font: var(--font-notification-description-desktop); --m-notification-footer-font: var(--font-notification-footer-text-desktop); --m-notification-footer-spacing: var(--notification-footer-expand-desktop); --m-notification-footer-padding: var(--notification-footer-spacing-desktop); }
}
.m-notification__content { display: flex; gap: var(--m-notification-content-spacing); min-height: var(--m-notification-content-min-height); position: relative; }
.m-notification__text { align-self: center; flex: 1 1 0%; gap: var(--m-notification-text-spacing); position: relative; }
.m-notification__title { color: var(--m-notification-color); font-style: ; font-variant-ligatures: ; font-variant-caps: ; font-variant-east-asian: ; font-variant-alternates: ; font-variant-position: ; font-variant-emoji: ; font-weight: ; font-stretch: ; font-size: ; line-height: ; font-family: ; font-optical-sizing: ; font-size-adjust: ; font-kerning: ; font-feature-settings: ; font-variation-settings: ; font-language-override: ; font-variant-numeric: var(--font-variant-numeric); }
.m-notification__description { color: var(--m-notification-description-color); font-style: ; font-variant-ligatures: ; font-variant-caps: ; font-variant-east-asian: ; font-variant-alternates: ; font-variant-position: ; font-variant-emoji: ; font-weight: ; font-stretch: ; font-size: ; line-height: ; font-family: ; font-optical-sizing: ; font-size-adjust: ; font-kerning: ; font-feature-settings: ; font-variation-settings: ; font-language-override: ; font-variant-numeric: var(--font-variant-numeric); }
.m-notification__description, .m-notification__title { transition: 0.3s ease-out; }
.m-notification__expand { bottom: -22px; cursor: pointer; height: 24px; left: 0px; margin: auto; position: absolute; right: 0px; width: 24px; }
.m-notification__prepend { --ic-size: var(--m-notification-icon-size); --ic-padding: var(--m-notification-icon-padding); align-self: center; max-height: var(--m-notification-image-size); max-width: var(--m-notification-image-size); }
.m-notification__actions { display: grid; gap: var(--m-notification-actions-spacing); grid-template-columns: repeat(auto-fit, minmax(0px, 1fr)); }
.m-notification__footer { align-items: baseline; background: var(--m-notification-footer-background); border-radius: 0 0 var(--m-notification-border-radius) var(--m-notification-border-radius); color: var(--m-notification-footer-color); display: flex; font-style: ; font-variant-ligatures: ; font-variant-caps: ; font-variant-east-asian: ; font-variant-alternates: ; font-variant-position: ; font-variant-emoji: ; font-weight: ; font-stretch: ; font-size: ; line-height: ; font-family: ; font-optical-sizing: ; font-size-adjust: ; font-kerning: ; font-feature-settings: ; font-variation-settings: ; font-language-override: ; font-variant-numeric: var(--font-variant-numeric); gap: var(--m-notification-footer-spacing); justify-content: center; margin: 0 calc((var(--m-notification-padding))*-1) calc((var(--m-notification-padding))*-1); padding: var(--m-notification-footer-padding); }
.m-notification__progress-bar { background: var(--m-notification-progress-bar-background); border-radius: var(--m-notification-progress-bar-radius); bottom: 0px; height: var(--m-notification-progress-bar-height); left: 0px; position: absolute; right: 0px; }
.m-notification__progress-bar-fill { background: var(--m-notification-progress-bar-indicator-background); border-radius: var(--m-notification-progress-bar-border-radius); height: inherit; transition: width 0.2s ease-out; }
.m-notification--basic .m-notification__prepend { --ic-color: var(--m-notification-icon-basic-color); }
.m-notification--success .m-notification__prepend { --ic-color: var(--m-notification-icon-success-color); }
.m-notification--attention .m-notification__prepend { --ic-color: var(--m-notification-icon-attention-color); }
.m-notification--error .m-notification__prepend { --ic-color: var(--m-notification-icon-error-color); }
.m-notification--collapsed .m-notification__content { margin-bottom: 18px; }
.m-notification--collapsed .m-notification__text { overflow: hidden; }
.m-notification--collapsed .m-notification__text::after { background: var(--color-notification-fade-background,linear-gradient(0deg,var(--color-notification-fade-background-start,#252c45) 0,var(--color-notification-fade-background-finish,#252c4500) 100%)); bottom: -11px; content: ""; height: var(--size-3xl,40px); position: absolute; width: 100%; }