`s, which have `min-width: 0;` by default.\n// So we reset that to ensure fieldsets behave more like a standard block element.\n// and https://html.spec.whatwg.org/multipage/#the-fieldset-and-legend-elements\n// 2. Reset the default outline behavior of fieldsets so they don't affect page layout.\n\nfieldset {\n min-width: 0; // 1\n padding: 0; // 2\n margin: 0; // 2\n border: 0; // 2\n}\n\n// 1. By using `float: left`, the legend will behave like a block element.\n// This way the border of a fieldset wraps around the legend if present.\n\nlegend {\n float: left; // 1\n width: 100%;\n padding: 0;\n margin-bottom: 0.5em;\n font-weight: var(--#{$CSS_VAR_PFX}bold-font-weight);\n line-height: inherit;\n\n + * {\n clear: left;\n }\n}\n\n// Fix height of inputs with a type of datetime-local, date, month, week, or time\n\n::-webkit-datetime-edit-fields-wrapper,\n::-webkit-datetime-edit-text,\n::-webkit-datetime-edit-minute,\n::-webkit-datetime-edit-hour-field,\n::-webkit-datetime-edit-day-field,\n::-webkit-datetime-edit-month-field,\n::-webkit-datetime-edit-year-field {\n padding: 0;\n}\n\n::-webkit-inner-spin-button {\n height: auto;\n}\n// 1. Correct the outline style in Safari.\n// 2. This overrides the extra rounded corners on search inputs in iOS so that our\n// `.form-control` class can properly style them. Note that this cannot simply\n// be added to `.form-control` as it's not specific enough. For details, see\n\n[type=\"search\"] {\n outline-offset: -2px; // 1\n -webkit-appearance: textfield; // 2\n}\n// 1. A few input types should stay LTR\n// See https://rtlstyling.com/posts/rtl-styling#form-inputs\n// 2. RTL only output\n// See https://rtlcss.com/learn/usage-guide/control-directives/#raw\n\n[type=\"tel\"],\n[type=\"url\"],\n[type=\"email\"],\n[type=\"number\"] {\n direction: ltr;\n}\n\n// Remove the inner padding in Chrome and Safari on macOS.\n\n::-webkit-search-decoration {\n -webkit-appearance: none;\n}\n\n// Remove padding around color pickers in webkit browsers\n\n::-webkit-color-swatch-wrapper {\n padding: 0;\n}\n\n// Inherit font family and line height for file input buttons\n\n::file-selector-button {\n font: inherit;\n}\n\n// 1. Change font properties to `inherit`\n// 2. Correct the inability to style clickable types in iOS and Safari.\n\n::-webkit-file-upload-button {\n font: inherit; // 1\n -webkit-appearance: button; // 2\n}\n\n// Correct element displays\n\noutput {\n display: inline-block;\n}\n\n// Remove border from iframe\n\niframe {\n border: 0;\n}\n\n// Summary\n//\n// 1. Add the correct display in all browsers\n\nsummary {\n display: list-item; // 1\n cursor: pointer;\n}\n\n// Progress\n//\n// Add the correct vertical alignment in Chrome, Firefox, and Opera.\n\nprogress {\n vertical-align: baseline;\n}\n\n// Hidden attribute\n//\n// Always hide an element with the `hidden` HTML attribute.\n\n[hidden] {\n display: none !important;\n}\n","// Responsive breakpoints media query helper functions\n// How to use:\n// @include break-xs() {\n// body {\n// background: red;\n// }\n// }\n@mixin break-xs() {\n $xs-bp: map-get($RESPONSIVE_BREAKPOINTS, \"xs\");\n @media screen and (max-width: $xs-bp) {\n @content;\n }\n}\n\n@mixin break-sm() {\n $sm-bp: map-get($RESPONSIVE_BREAKPOINTS, \"sm\");\n $md-bp: map-get($RESPONSIVE_BREAKPOINTS, \"md\");\n @media screen and (min-width: $sm-bp) and (max-width: ($md-bp - 1px)) {\n @content;\n }\n}\n\n@mixin break-sm-min() {\n $sm-bp: map-get($RESPONSIVE_BREAKPOINTS, \"sm\");\n @media screen and (min-width: $sm-bp) {\n @content;\n }\n}\n\n@mixin break-sm-max() {\n $sm-bp: map-get($RESPONSIVE_BREAKPOINTS, \"sm\");\n @media screen and (max-width: ($sm-bp - 0.02px)) {\n @content;\n }\n}\n\n@mixin break-md() {\n $md-bp: map-get($RESPONSIVE_BREAKPOINTS, \"md\");\n $lg-bp: map-get($RESPONSIVE_BREAKPOINTS, \"lg\");\n @media screen and (min-width: $md-bp) and (max-width: ($lg-bp - 1px)) {\n @content;\n }\n}\n\n@mixin break-md-min() {\n $md-bp: map-get($RESPONSIVE_BREAKPOINTS, \"md\");\n @media screen and (min-width: $md-bp) {\n @content;\n }\n}\n\n@mixin break-md-max() {\n $md-bp: map-get($RESPONSIVE_BREAKPOINTS, \"md\");\n @media screen and (max-width: ($md-bp - 0.02px)) {\n @content;\n }\n}\n\n@mixin break-lg() {\n $lg-bp: map-get($RESPONSIVE_BREAKPOINTS, \"lg\");\n $xl-bp: map-get($RESPONSIVE_BREAKPOINTS, \"xl\");\n @media screen and (min-width: $lg-bp) and (max-width: ($xl-bp - 1px)) {\n @content;\n }\n}\n\n@mixin break-lg-min() {\n $lg-bp: map-get($RESPONSIVE_BREAKPOINTS, \"lg\");\n @media screen and (min-width: $lg-bp) {\n @content;\n }\n}\n\n@mixin break-lg-max() {\n $lg-bp: map-get($RESPONSIVE_BREAKPOINTS, \"lg\");\n @media screen and (max-width: ($lg-bp - 0.02px)) {\n @content;\n }\n}\n\n@mixin break-xl() {\n $xl-bp: map-get($RESPONSIVE_BREAKPOINTS, \"xl\");\n $xxl-bp: map-get($RESPONSIVE_BREAKPOINTS, \"xxl\");\n @media screen and (min-width: $xl-bp) and (max-width: ($xxl-bp - 1px)) {\n @content;\n }\n}\n\n@mixin break-xl-min() {\n $xl-bp: map-get($RESPONSIVE_BREAKPOINTS, \"xl\");\n @media screen and (min-width: $xl-bp) {\n @content;\n }\n}\n\n@mixin break-xl-max() {\n $xl-bp: map-get($RESPONSIVE_BREAKPOINTS, \"xl\");\n @media screen and (max-width: ($xl-bp - 0.02px)) {\n @content;\n }\n}\n\n@mixin break-xxl() {\n $xxl-bp: map-get($RESPONSIVE_BREAKPOINTS, \"xxl\");\n @media screen and (min-width: $xxl-bp) {\n @content;\n }\n}\n\n@mixin break-xxl-max() {\n $xxl-bp: map-get($RESPONSIVE_BREAKPOINTS, \"xxl\");\n @media screen and (max-width: ($xxl-bp - 0.02px)) {\n @content;\n }\n}\n",":root {\n --#{$CSS_VAR_PFX}blockquote-accent-color: var(--#{$CSS_VAR_PFX}color-accent-primary);\n}\n\nblockquote {\n position: relative;\n z-index: 0;\n overflow: hidden;\n line-height: var(--#{$CSS_VAR_PFX}large-line-height);\n margin: 0 0 var(--#{$CSS_VAR_PFX}paragraph-mb);\n border-radius: calc(var(--#{$CSS_VAR_PFX}border-radius) * 0.5);\n border-style: solid;\n border-color: var(--#{$CSS_VAR_PFX}blockquote-accent-color);\n\n @if $IS_LTR {\n border-width: 0 0 0 0.5em;\n } @else {\n border-width: 0 0.5em 0 0;\n }\n\n &:not(.no-icon):before {\n content: \" \";\n position: absolute;\n z-index: -1;\n opacity: 0.1;\n background-color: currentColor;\n mask: var(--#{$CSS_VAR_PFX}blockquote-icon) no-repeat 50% 50%;\n -webkit-mask: var(--#{$CSS_VAR_PFX}blockquote-icon) no-repeat 50% 50%;\n filter: brightness(100%);\n }\n\n &:not(.large) {\n font-size: 1em;\n line-height: var(--#{$CSS_VAR_PFX}large-line-height);\n padding: 0.75em 1.25em;\n\n @if $IS_LTR {\n border-radius: calc(var(--#{$CSS_VAR_PFX}border-radius) * 0.5)\n var(--#{$CSS_VAR_PFX}border-radius)\n var(--#{$CSS_VAR_PFX}border-radius)\n calc(var(--#{$CSS_VAR_PFX}border-radius) * 0.5);\n } @else {\n border-radius: var(--#{$CSS_VAR_PFX}border-radius)\n calc(var(--#{$CSS_VAR_PFX}border-radius) * 0.5)\n calc(var(--#{$CSS_VAR_PFX}border-radius) * 0.5)\n var(--#{$CSS_VAR_PFX}border-radius);\n }\n\n &:before {\n // blockquote icon\n top: 1em;\n width: 7em;\n height: 7em;\n\n @if $IS_LTR {\n left: 1em;\n } @else {\n right: 1em;\n }\n }\n }\n\n &.large {\n font-size: 1.25em;\n border-width: 0.5em 0;\n padding: 1.25em 0.75em;\n margin-top: 2em;\n\n &:before {\n // blockquote icon\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n width: 15em;\n height: 15em;\n margin: auto;\n }\n }\n\n &.large:not(.text-align-fill) {\n text-align: center;\n }\n\n cite {\n display: block;\n font-size: 0.64em;\n font-style: normal;\n letter-spacing: 0.18em;\n text-transform: uppercase;\n padding-top: 1.5em;\n opacity: 0.8;\n }\n}\n","figure {\n position: relative;\n width: max-content;\n max-width: 100%;\n height: max-content;\n margin: 0 0 1em;\n border-radius: var(--#{$CSS_VAR_PFX}border-radius);\n\n img {\n width: 100%;\n height: 100%;\n border-radius: var(--#{$CSS_VAR_PFX}border-radius);\n }\n\n figcaption {\n font-size: 0.9em;\n padding: 1em 0;\n }\n\n .source {\n --#{$CSS_VAR_PFX}local-border-color: var(--#{$CSS_VAR_PFX}txt-color-light);\n position: absolute;\n top: 1em;\n font-size: 0.75em;\n line-height: 1;\n padding: 0.5em;\n color: var(--#{$CSS_VAR_PFX}txt-color-inverted);\n background: var(--#{$CSS_VAR_PFX}txt-color-dark);\n border: var(--#{$CSS_VAR_PFX}border-width) solid var(--#{$CSS_VAR_PFX}local-border-color);\n border-radius: calc(var(--#{$CSS_VAR_PFX}border-radius) * 0.75);\n\n @if $IS_LTR {\n right: 1em;\n } @else {\n left: 1em;\n }\n }\n\n &.fill {\n width: 100% !important;\n }\n\n &.centered {\n margin-left: auto;\n margin-right: auto;\n }\n\n &.overlay-caption {\n overflow: hidden;\n\n figcaption {\n position: absolute;\n bottom: 0;\n left: 0;\n width: 100%;\n padding-left: 1em;\n padding-right: 1em;\n color: var(--#{$CSS_VAR_PFX}txt-color-inverted);\n background: linear-gradient(0, var(--#{$CSS_VAR_PFX}txt-color-dark), transparent);\n }\n }\n}\n","// hr: default, dots, short\nhr {\n margin: 1em 0;\n opacity: 0.5;\n color: currentColor;\n background-color: currentColor;\n border: none;\n border-radius: var(--#{$CSS_VAR_PFX}border-radius);\n\n &:not([size]) {\n height: var(--#{$CSS_VAR_PFX}border-width);\n }\n\n &.dots {\n line-height: 1;\n display: block;\n height: auto;\n padding: 2em;\n text-align: center;\n background: transparent;\n\n &:before {\n content: \"•••\";\n letter-spacing: 1.4em;\n font-size: 1.4em;\n font-weight: bold;\n }\n }\n\n &.short {\n width: 9em;\n margin: 3em auto;\n }\n}\n","kbd {\n --#{$CSS_VAR_PFX}local-border-color: var(--#{$CSS_VAR_PFX}bg-color-darker);\n vertical-align: middle;\n text-align: center;\n font-size: 0.85em;\n font-weight: normal;\n line-height: 1;\n display: inline-block;\n min-width: 1.75em;\n padding: 0.18em 0.32em 0.32em;\n margin: 0 0.25em;\n background: var(--#{$CSS_VAR_PFX}bg-color-dark);\n border: var(--#{$CSS_VAR_PFX}border-width) solid var(--#{$CSS_VAR_PFX}local-border-color);\n border-radius: calc(var(--#{$CSS_VAR_PFX}border-radius) * 0.5);\n box-shadow: inset 0 -0.125em 0 var(--#{$CSS_VAR_PFX}local-border-color);\n will-change: transform;\n transition: all var(--#{$CSS_VAR_PFX}simple-transition) 0.15s;\n\n &:hover {\n box-shadow: inset 0 0 0 var(--#{$CSS_VAR_PFX}local-border-color);\n transform: translateY(0.15em);\n }\n\n kbd {\n padding: 0;\n background: transparent;\n border: none;\n box-shadow: none;\n transform: none !important;\n }\n}\n",":root {\n --#{$CSS_VAR_PFX}table-border-color: var(--#{$CSS_VAR_PFX}bg-color-darker);\n --#{$CSS_VAR_PFX}table-bg-color: var(--#{$CSS_VAR_PFX}bg-color);\n --#{$CSS_VAR_PFX}table-bg-color-dark: var(--#{$CSS_VAR_PFX}bg-color-dark);\n --#{$CSS_VAR_PFX}table-bg-color-darker: var(--#{$CSS_VAR_PFX}bg-color-darker);\n --#{$CSS_VAR_PFX}table-txt-color: var(--#{$CSS_VAR_PFX}txt-color);\n}\n\ntable {\n $table_radius: var(--#{$CSS_VAR_PFX}border-radius);\n $table_border: var(--#{$CSS_VAR_PFX}border-width) solid var(--#{$CSS_VAR_PFX}table-border-color);\n\n display: table;\n table-layout: fixed;\n caption-side: bottom;\n color: var(--#{$CSS_VAR_PFX}table-txt-color);\n width: 100%;\n\n td,\n th {\n padding: 0.75em 1em;\n background: var(--#{$CSS_VAR_PFX}table-bg-color);\n }\n\n thead {\n word-break: break-word;\n \n td,\n th {\n background: var(--#{$CSS_VAR_PFX}table-bg-color-dark);\n }\n }\n\n &:not(.bordered) {\n border-collapse: collapse;\n }\n\n &.bordered:not(.horizontal) {\n border-spacing: 0;\n\n tr:first-child {\n th,\n td {\n border-top: $table_border;\n }\n }\n\n td,\n th {\n @if $IS_LTR {\n border-left: $table_border;\n\n &:last-child {\n border-right: $table_border;\n }\n } @else {\n border-right: $table_border;\n\n &:last-child {\n border-left: $table_border;\n }\n }\n }\n\n td,\n th {\n border-bottom: $table_border;\n }\n\n thead + tbody tr {\n td,\n th {\n border-top: none !important;\n }\n }\n }\n\n &.horizontal {\n tr {\n flex-basis: 100%;\n white-space: nowrap;\n }\n thead {\n @if $IS_LTR {\n float: left;\n } @else {\n float: right;\n }\n\n td,\n th {\n display: block;\n }\n }\n tbody {\n display: flex;\n overflow-x: auto;\n\n tr {\n display: inline-block;\n }\n td,\n th {\n display: block;\n }\n }\n\n &.bordered {\n border-spacing: 0;\n thead {\n tr {\n display: block;\n @if $IS_LTR {\n border-right: $table_border;\n } @else {\n border-left: $table_border;\n }\n }\n td,\n th {\n @if $IS_LTR {\n border-left: $table_border;\n } @else {\n border-right: $table_border;\n }\n }\n }\n tbody {\n th,\n td {\n @if $IS_LTR {\n border-right: $table_border;\n } @else {\n border-left: $table_border;\n }\n }\n }\n td,\n th {\n border-top: $table_border;\n &:last-child {\n border-bottom: $table_border;\n }\n }\n }\n\n // horizontal border radius\n @if $IS_LTR {\n thead tr {\n th,\n td {\n &:first-child {\n border-top-left-radius: $table_radius;\n }\n &:last-child {\n border-bottom-left-radius: $table_radius;\n }\n }\n }\n tbody tr:last-child {\n th,\n td {\n &:first-child {\n border-top-right-radius: $table_radius;\n }\n &:last-child {\n border-bottom-right-radius: $table_radius;\n }\n }\n }\n } @else {\n thead tr {\n th,\n td {\n &:first-child {\n border-top-right-radius: $table_radius;\n }\n &:last-child {\n border-bottom-right-radius: $table_radius;\n }\n }\n }\n tbody tr:last-child {\n th,\n td {\n &:first-child {\n border-top-left-radius: $table_radius;\n }\n &:last-child {\n border-bottom-left-radius: $table_radius;\n }\n }\n }\n }\n }\n\n // vertical border radius\n &:not(.horizontal) {\n @if $IS_LTR {\n tr:last-child {\n th {\n &:first-child {\n border-top-left-radius: $table_radius;\n }\n &:last-child {\n border-top-right-radius: $table_radius;\n }\n }\n td {\n &:first-child {\n border-bottom-left-radius: $table_radius;\n }\n &:last-child {\n border-bottom-right-radius: $table_radius;\n }\n }\n }\n } @else {\n tr:last-child {\n th {\n &:first-child {\n border-top-right-radius: $table_radius;\n }\n &:last-child {\n border-top-left-radius: $table_radius;\n }\n }\n td {\n &:first-child {\n border-bottom-right-radius: $table_radius;\n }\n &:last-child {\n border-bottom-left-radius: $table_radius;\n }\n }\n }\n }\n }\n\n &.striped {\n thead {\n th,\n td {\n background: var(--#{$CSS_VAR_PFX}table-bg-color-darker);\n }\n }\n tbody tr:nth-child(odd) {\n td,\n th {\n background: var(--#{$CSS_VAR_PFX}table-bg-color-dark);\n }\n }\n }\n}\n\ncaption {\n font-size: 0.9em;\n padding: 0.75em 0;\n opacity: 0.8;\n}\n\nth {\n font-weight: var(--#{$CSS_VAR_PFX}medium-font-weight);\n text-align: inherit;\n text-align: -webkit-match-parent;\n}\n\n.table-active {\n background: var(--#{$CSS_VAR_PFX}table-bg-color-darker);\n}\n",":root {\n --#{$CSS_VAR_PFX}accordion-txt-color: var(--#{$CSS_VAR_PFX}txt-color);\n --#{$CSS_VAR_PFX}accordion-bg-color: var(--#{$CSS_VAR_PFX}bg-color);\n --#{$CSS_VAR_PFX}accordion-border-color: var(--#{$CSS_VAR_PFX}bg-color-darker);\n\n --#{$CSS_VAR_PFX}accordion-animation-show-duration: #{$ACCORDION_SHOW_ANIMATION_DURATION};\n --#{$CSS_VAR_PFX}accordion-animation-hide-duration: #{$ACCORDION_HIDE_ANIMATION_DURATION};\n --#{$CSS_VAR_PFX}accordion-animation-show: flatify-blow-in var(--#{$CSS_VAR_PFX}accordion-animation-show-duration)\n 0.1s ease-in-out;\n --#{$CSS_VAR_PFX}accordion-animation-hide: flatify-blow-out var(--#{$CSS_VAR_PFX}accordion-animation-hide-duration)\n ease-in-out;\n}\n\n.accordion {\n --#{$CSS_VAR_PFX}local-txt-color: var(--#{$CSS_VAR_PFX}accordion-txt-color);\n --#{$CSS_VAR_PFX}local-bg-color: var(--#{$CSS_VAR_PFX}accordion-bg-color);\n --#{$CSS_VAR_PFX}local-border-color: var(--#{$CSS_VAR_PFX}accordion-border-color);\n display: flex;\n flex-direction: column;\n width: 100%;\n color: var(--#{$CSS_VAR_PFX}local-txt-color);\n background: var(--#{$CSS_VAR_PFX}local-bg-color);\n\n &.bordered {\n border-radius: 1em;\n\n .accordion-item {\n overflow: hidden;\n color: var(--#{$CSS_VAR_PFX}local-txt-color);\n background: var(--#{$CSS_VAR_PFX}local-bg-color);\n border: var(--#{$CSS_VAR_PFX}border-width) solid var(--#{$CSS_VAR_PFX}local-border-color);\n\n &[class*=\"style-\"] {\n --#{$CSS_VAR_PFX}local-txt-color: var(--#{$CSS_VAR_PFX}accordion-txt-color);\n --#{$CSS_VAR_PFX}local-bg-color: var(--#{$CSS_VAR_PFX}accordion-bg-color);\n --#{$CSS_VAR_PFX}local-border-color: var(--#{$CSS_VAR_PFX}accordion-border-color);\n }\n\n &:last-child {\n box-shadow: inset 0 -0.125em 0 var(--#{$CSS_VAR_PFX}local-border-color);\n }\n\n &:not(.active) .accordion-header,\n &:not(:last-child) {\n border-bottom: none;\n }\n\n &:first-child:not(:last-child) {\n border-radius: var(--#{$CSS_VAR_PFX}border-radius) var(--#{$CSS_VAR_PFX}border-radius) 0 0;\n }\n\n &:last-child:not(:first-child) {\n border-radius: 0 0 var(--#{$CSS_VAR_PFX}border-radius) var(--#{$CSS_VAR_PFX}border-radius);\n }\n\n // if there is just one accordion item round it\n &:first-child:last-child {\n border-radius: var(--#{$CSS_VAR_PFX}border-radius);\n }\n }\n }\n}\n\n.accordion-item:not(.active) {\n .accordion-collapse {\n display: none;\n }\n}\n\n.accordion-header {\n font-size: 1em;\n margin: 0;\n\n &.active {\n border-bottom: var(--#{$CSS_VAR_PFX}border-width) solid var(--#{$CSS_VAR_PFX}local-border-color);\n }\n\n .accordion-toggle {\n display: flex;\n justify-content: space-between;\n align-items: center;\n text-align: initial;\n width: 100%;\n height: 100%;\n padding: 1em;\n color: currentColor;\n background: transparent;\n border: none;\n }\n\n .add-button {\n font-size: 0.75em;\n opacity: 0.75;\n }\n}\n\n.accordion-collapse {\n overflow: hidden;\n padding: 0;\n margin: 0;\n will-change: height;\n transition: height 0.2s ease-in-out;\n\n &.show .accordion-body {\n animation: var(--#{$CSS_VAR_PFX}accordion-animation-show) both;\n }\n\n &.accordion-will-be-hidden .accordion-body {\n animation: var(--#{$CSS_VAR_PFX}accordion-animation-hide) forwards;\n }\n}\n\n.accordion-body {\n padding: 1em;\n}\n\n.fade-animation {\n .show {\n .accordion-body {\n animation: flatify-fade-in var(--#{$CSS_VAR_PFX}accordion-animation-show-duration) 0.1s ease-in-out both;\n }\n }\n\n .accordion-will-be-hidden {\n .accordion-body {\n animation: flatify-fade-out var(--#{$CSS_VAR_PFX}accordion-animation-hide-duration) ease-in-out both;\n }\n }\n}\n",":root {\n --#{$CSS_VAR_PFX}alert-bg-color: var(--#{$CSS_VAR_PFX}bg-color-dark);\n --#{$CSS_VAR_PFX}alert-txt-color: var(--#{$CSS_VAR_PFX}txt-color);\n --#{$CSS_VAR_PFX}alert-border-color: var(--#{$CSS_VAR_PFX}bg-color-darker);\n --#{$CSS_VAR_PFX}alert-animation-show-duration: #{$ALERT_SHOW_ANIMATION_DURATION};\n --#{$CSS_VAR_PFX}alert-animation-hide-duration: #{$ALERT_HIDE_ANIMATION_DURATION};\n --#{$CSS_VAR_PFX}alert-animation-show: flatify-blow-in var(--#{$CSS_VAR_PFX}alert-animation-show-duration) ease;\n --#{$CSS_VAR_PFX}alert-animation-hide: flatify-alert-will-be-removed\n var(--#{$CSS_VAR_PFX}alert-animation-hide-duration) ease;\n}\n\n.alert {\n --#{$CSS_VAR_PFX}local-bg-color: var(--#{$CSS_VAR_PFX}alert-bg-color);\n --#{$CSS_VAR_PFX}local-border-color: var(--#{$CSS_VAR_PFX}alert-border-color);\n position: relative;\n font-size: 0.9em;\n line-height: var(--#{$CSS_VAR_PFX}large-line-height);\n padding: 1.25em;\n margin-bottom: 1em;\n color: var(--#{$CSS_VAR_PFX}alert-txt-color);\n background: var(--#{$CSS_VAR_PFX}alert-bg-color);\n border: var(--#{$CSS_VAR_PFX}border-width) solid var(--#{$CSS_VAR_PFX}local-border-color);\n border-radius: var(--#{$CSS_VAR_PFX}border-radius);\n\n &:not(.alert-will-be-removed) {\n animation: var(--#{$CSS_VAR_PFX}alert-animation-show) both;\n }\n\n &.alert-will-be-removed {\n animation: var(--#{$CSS_VAR_PFX}alert-animation-hide) both;\n }\n\n &:hover {\n .close-button.floating {\n transform: scale(1);\n }\n }\n\n .close-button {\n position: relative;\n top: -0.38em;\n\n @if $IS_LTR {\n float: right;\n right: -0.38em;\n } @else {\n float: left;\n left: -0.38em;\n }\n\n &.floating {\n position: absolute;\n top: 0.75em;\n\n @if $IS_LTR {\n right: 0.75em;\n } @else {\n left: 0.75em;\n }\n\n background: transparent !important;\n transform: scale(0);\n\n &:after {\n content: \" \";\n position: absolute;\n top: 0;\n left: 0;\n z-index: 0;\n display: block;\n width: 100%;\n height: 100%;\n border-radius: 100em;\n background: var(--#{$CSS_VAR_PFX}local-bg-color);\n box-shadow: 0 0 0.64em 0.5em var(--flatify__local-bg-color);\n }\n }\n\n &:focus {\n transform: scale(1);\n }\n }\n\n &:not(.has-icon) {\n width: 100%;\n }\n\n &.has-icon {\n @if $IS_LTR {\n padding-left: 2.75em;\n margin-left: 1.5em;\n } @else {\n padding-right: 2.75em;\n margin-right: 1.5em;\n }\n }\n\n .alert-svg {\n position: absolute;\n height: 3.3em;\n margin: auto 0;\n top: 0;\n bottom: 0;\n filter: brightness(115%);\n\n @if $IS_LTR {\n left: -1.4em;\n } @else {\n right: -1.4em;\n }\n\n padding: 0.5em;\n color: inherit;\n background: var(--#{$CSS_VAR_PFX}local-bg-color);\n border: var(--#{$CSS_VAR_PFX}border-width) solid var(--#{$CSS_VAR_PFX}local-border-color);\n border-radius: calc(var(--#{$CSS_VAR_PFX}border-radius) * 0.9);\n\n svg {\n width: 2em;\n height: 2em;\n\n &:not([fill=\"none\"]) {\n fill: currentColor;\n }\n }\n }\n\n // It should be darker\n &.style-light-light .alert-svg {\n filter: brightness(95%);\n }\n}\n",":root {\n --#{$CSS_VAR_PFX}badge-txt-color: var(--#{$CSS_VAR_PFX}txt-color-inverted);\n --#{$CSS_VAR_PFX}badge-bg-color: var(--#{$CSS_VAR_PFX}color-accent-primary);\n}\n\n.badge {\n user-select: none;\n display: inline-block;\n min-width: 1.35em;\n min-height: 1.35em;\n padding: 0.35em 0.65em;\n text-decoration: none !important;\n font-size: 0.64em;\n font-weight: var(--#{$CSS_VAR_PFX}medium-font-weight);\n line-height: 1;\n text-align: center;\n white-space: nowrap;\n vertical-align: baseline;\n color: var(--#{$CSS_VAR_PFX}badge-txt-color);\n background: var(--#{$CSS_VAR_PFX}badge-bg-color);\n border-radius: calc(var(--#{$CSS_VAR_PFX}border-radius) * 0.5);\n}\n",":root {\n --#{$CSS_VAR_PFX}backdrop-priority: #{$ZINDEX_BACKDROP};\n --#{$CSS_VAR_PFX}backdrop-color: var(--#{$CSS_VAR_PFX}txt-color);\n --#{$CSS_VAR_PFX}backdrop-opacity: 0.5;\n --#{$CSS_VAR_PFX}backdrop-filter: none;\n\n --#{$CSS_VAR_PFX}modal-backdrop-color: var(--#{$CSS_VAR_PFX}backdrop-color);\n}\n\n.backdrop-layer {\n position: fixed;\n top: 0;\n left: 0;\n z-index: var(--#{$CSS_VAR_PFX}backdrop-priority); // default z-index\n display: none;\n width: 100%;\n height: 100%;\n background: var(--#{$CSS_VAR_PFX}backdrop-color);\n opacity: var(--#{$CSS_VAR_PFX}backdrop-opacity);\n backdrop-filter: var(--#{$CSS_VAR_PFX}backdrop-filter);\n\n &.show {\n display: block;\n animation: flatify-backdrop-fade-in var(--#{$CSS_VAR_PFX}modal-animation-show-duration);\n }\n\n &.backdrop-will-be-removed {\n animation: flatify-fade-out var(--#{$CSS_VAR_PFX}modal-animation-hide-duration) both;\n }\n\n &.modal-backdrop {\n --#{$CSS_VAR_PFX}backdrop-priority: #{$ZINDEX_MODAL_BACKDROP};\n --#{$CSS_VAR_PFX}backdrop-color: var(--#{$CSS_VAR_PFX}modal-backdrop-color);\n }\n}\n",":root {\n --#{$CSS_VAR_PFX}breadcrumbs-txt-color: var(--#{$CSS_VAR_PFX}txt-color);\n --#{$CSS_VAR_PFX}breadcrumbs-bg-color: var(--#{$CSS_VAR_PFX}bg-color);\n --#{$CSS_VAR_PFX}breadcrumbs-border-color: var(--#{$CSS_VAR_PFX}bg-color-darker);\n}\n\n.breadcrumbs-wrapper {\n --#{$CSS_VAR_PFX}local-txt-color: var(--#{$CSS_VAR_PFX}breadcrumbs-txt-color);\n --#{$CSS_VAR_PFX}local-bg-color: var(--#{$CSS_VAR_PFX}breadcrumbs-bg-color);\n --#{$CSS_VAR_PFX}local-border-color: var(--#{$CSS_VAR_PFX}breadcrumbs-border-color);\n width: 100%;\n border: var(--#{$CSS_VAR_PFX}border-width) solid var(--#{$CSS_VAR_PFX}local-border-color);\n border-radius: var(--#{$CSS_VAR_PFX}border-radius);\n}\n\n.breadcrumbs {\n overflow-x: auto;\n overflow-y: hidden;\n scrollbar-width: thin;\n list-style: none;\n padding: 0;\n margin: 0;\n border-radius: var(--#{$CSS_VAR_PFX}border-radius);\n\n &[class*=\"style-\"] {\n background: transparent !important;\n }\n\n .crumb {\n overflow: hidden;\n position: relative;\n white-space: nowrap;\n display: table-cell;\n padding: 0.64em 1em;\n color: var(--#{$CSS_VAR_PFX}local-txt-color);\n background: var(--#{$CSS_VAR_PFX}local-bg-color);\n border-color: var(--#{$CSS_VAR_PFX}local-border-color);\n\n &:not(:first-child) {\n @if $IS_LTR {\n padding-left: 3em;\n } @else {\n padding-right: 3em;\n }\n\n &:before {\n content: \" \";\n position: absolute;\n top: 0;\n bottom: 0;\n @if $IS_LTR {\n left: -1.2em;\n } @else {\n right: -1.2em;\n }\n display: block;\n width: 2.5em;\n height: 2.5em;\n margin: auto 0;\n background: transparent;\n border: var(--#{$CSS_VAR_PFX}border-width) solid var(--#{$CSS_VAR_PFX}local-border-color);\n border-radius: 0.18em;\n transform: rotate(45deg);\n transition: transform var(--#{$CSS_VAR_PFX}simple-transition);\n }\n }\n\n &:first-child {\n @if $IS_LTR {\n padding-left: 2em;\n } @else {\n padding-right: 2em;\n }\n }\n\n &:last-child {\n @if $IS_LTR {\n padding-right: 2em;\n } @else {\n padding-left: 2em;\n }\n }\n\n &:hover,\n &:focus-within {\n &:before {\n transform: rotate(45deg) scale(1.15);\n }\n }\n }\n}\n",":root {\n --#{$CSS_VAR_PFX}button-txt-color: var(--#{$CSS_VAR_PFX}txt-color);\n --#{$CSS_VAR_PFX}button-bg-color: var(--#{$CSS_VAR_PFX}bg-color-dark);\n --#{$CSS_VAR_PFX}button-border-color: var(--#{$CSS_VAR_PFX}bg-color-darker);\n}\n\n// .static for prevent hover/active/focus/focus-visible effects\n// .bordered for buttons with border\n// .outline for buttons with transparent background and just border\n// .active for setting pressed button style\n// .disabled for setting disabled button style\n%button {\n --#{$CSS_VAR_PFX}local-bg-color: var(--#{$CSS_VAR_PFX}button-bg-color);\n user-select: none;\n appearance: none;\n vertical-align: middle;\n text-align: center;\n text-decoration: none !important;\n font-weight: var(--#{$CSS_VAR_PFX}medium-font-weight);\n display: inline-block;\n padding: 0.75em 0.85em 0.5em;\n margin: 0.32em 0.32em 0.5em;\n color: var(--#{$CSS_VAR_PFX}button-txt-color);\n background: var(--#{$CSS_VAR_PFX}button-bg-color);\n border: none;\n border-radius: var(--#{$CSS_VAR_PFX}border-radius);\n box-shadow: 0 calc(var(--#{$CSS_VAR_PFX}border-width) * 1.38) 0 var(--#{$CSS_VAR_PFX}button-border-color);\n // filter affects box-shadow width, so it should be set as default to prevent bugs on hover\n filter: brightness(100%);\n will-change: transform, filter;\n // !important to replace input transition\n transition: filter var(--#{$CSS_VAR_PFX}simple-transition) !important;\n\n &:not(.static) {\n // button has its special pressed effect, there is no need for outline,\n // unless the button is static which does not support hover/focus\n outline: none !important;\n }\n\n .radio-button:focus + &,\n &:not(.static):hover {\n filter: brightness(var(--#{$CSS_VAR_PFX}hover-brightness));\n }\n\n // active state\n .checkbox-button:checked + &,\n .radio-button:checked + &,\n &.active,\n &:not(.static):focus-visible,\n &:not(.static):active {\n box-shadow: inset 0 0 0 var(--#{$CSS_VAR_PFX}button-border-color);\n filter: brightness(var(--#{$CSS_VAR_PFX}hover-brightness));\n transform: translateY(calc(var(--#{$CSS_VAR_PFX}border-width) * 1.38));\n }\n\n &.outline {\n color: var(--#{$CSS_VAR_PFX}button-txt-color) !important;\n background: transparent !important;\n }\n\n &.outline,\n &.bordered {\n box-shadow: 0 calc(var(--#{$CSS_VAR_PFX}border-width) * 1.38) 0 var(--#{$CSS_VAR_PFX}button-border-color),\n inset 0 calc(var(--#{$CSS_VAR_PFX}border-width) * 0.38) 0 var(--#{$CSS_VAR_PFX}button-border-color),\n inset calc(var(--#{$CSS_VAR_PFX}border-width) * -0.38) 0 0 var(--#{$CSS_VAR_PFX}button-border-color),\n inset calc(var(--#{$CSS_VAR_PFX}border-width) * 0.38) 0 0 var(--#{$CSS_VAR_PFX}button-border-color),\n 0 calc(var(--#{$CSS_VAR_PFX}border-width) * -0.38) 0 var(--#{$CSS_VAR_PFX}button-border-color),\n calc(var(--#{$CSS_VAR_PFX}border-width) * 0.38) 0 0 var(--#{$CSS_VAR_PFX}button-border-color),\n calc(var(--#{$CSS_VAR_PFX}border-width) * -0.38) 0 0 var(--#{$CSS_VAR_PFX}button-border-color);\n }\n\n // active state for outline & bordered\n &.outline,\n &.bordered {\n &.active,\n &:not(.static):focus-visible,\n &:not(.static):active {\n box-shadow: inset 0 0 0 calc(var(--#{$CSS_VAR_PFX}border-width) * 0.38) var(--#{$CSS_VAR_PFX}button-border-color),\n 0 0 0 calc(var(--#{$CSS_VAR_PFX}border-width) * 0.38) var(--#{$CSS_VAR_PFX}button-border-color);\n transform: translateY(calc(var(--#{$CSS_VAR_PFX}border-width) * 1.2));\n }\n }\n\n // if has color setter class use local values\n &[class*=\"style-\"] {\n --#{$CSS_VAR_PFX}button-bg-color: var(--#{$CSS_VAR_PFX}local-bg-color);\n --#{$CSS_VAR_PFX}button-border-color: var(--#{$CSS_VAR_PFX}local-border-color);\n\n // if it is light color setter, use local text color for texts\n &[class*=\"light\"] {\n --#{$CSS_VAR_PFX}button-txt-color: var(--#{$CSS_VAR_PFX}local-txt-color);\n }\n\n // if it is default color setter, use local border color for texts\n &:not([class*=\"light\"]) {\n --#{$CSS_VAR_PFX}button-txt-color: var(--#{$CSS_VAR_PFX}local-border-color);\n }\n\n // Exception: for outline dark-light color setter use text color\n &.outline.style-dark-light {\n --#{$CSS_VAR_PFX}button-txt-color: var(--#{$CSS_VAR_PFX}txt-color);\n }\n }\n\n &.disabled,\n &:disabled {\n pointer-events: none;\n background: var(--#{$CSS_VAR_PFX}button-border-color) !important;\n box-shadow: inset 0 0 0 var(--#{$CSS_VAR_PFX}button-border-color);\n filter: contrast(85%) brightness(85%) opacity(70%) !important;\n transform: translateY(calc(var(--#{$CSS_VAR_PFX}border-width) * 1.38));\n }\n}\n\n.button {\n @extend %button;\n\n // active state for bordered & outline checkbox & radio button\n .checkbox-button:checked + &.outline,\n .radio-button:checked + &.outline,\n .checkbox-button:checked + &.bordered,\n .radio-button:checked + &.bordered {\n box-shadow: inset 0 0 0 calc(var(--#{$CSS_VAR_PFX}border-width) * 0.38) var(--#{$CSS_VAR_PFX}button-border-color),\n 0 0 0 calc(var(--#{$CSS_VAR_PFX}border-width) * 0.38) var(--#{$CSS_VAR_PFX}button-border-color);\n transform: translateY(calc(var(--#{$CSS_VAR_PFX}border-width) * 1.2));\n }\n\n // disabled button style\n .checkbox-button:disabled + &,\n .radio-button:disabled + & {\n pointer-events: none;\n background: var(--#{$CSS_VAR_PFX}button-border-color) !important;\n box-shadow: inset 0 0 0 var(--#{$CSS_VAR_PFX}button-border-color);\n filter: contrast(85%) brightness(85%) opacity(70%) !important;\n transform: translateY(calc(var(--#{$CSS_VAR_PFX}border-width) * 1.38));\n }\n\n svg:not([fill=\"none\"]) {\n fill: currentColor;\n }\n}\n\n.link-button {\n @extend %anchor-style;\n padding: 0.75em 0.85em;\n background: transparent;\n border: none;\n}\n\n// reset default button styles\nbutton.no-style {\n padding: 0 0.38em;\n margin: 0;\n cursor: pointer;\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n color: currentColor;\n background: transparent;\n border: none;\n outline: none;\n box-shadow: none;\n transform: none !important;\n}\n",":root {\n --#{$CSS_VAR_PFX}two-layer-button-animation-show: flatify-blow-in 0.2s 0.2s ease-in-out;\n}\n\n.two-layer-button {\n @extend .overlay-layer;\n --#{$CSS_VAR_PFX}overlay-layer-priority: 0;\n --#{$CSS_VAR_PFX}overlay-layer-opacity: 0;\n overflow: hidden;\n\n .secondary-text {\n position: absolute;\n top: 0;\n left: 0;\n display: flex;\n justify-content: center;\n align-items: center;\n width: 100%;\n height: 100%;\n padding-top: 0.32em;\n opacity: 0;\n\n svg {\n width: 1.75em;\n }\n }\n\n &:before,\n .secondary-text {\n transition: all var(--#{$CSS_VAR_PFX}simple-transition) 0.1s;\n }\n\n &:hover,\n &:focus-visible {\n &:before {\n --#{$CSS_VAR_PFX}overlay-layer-opacity: 1;\n }\n\n .secondary-text {\n opacity: 1;\n animation: var(--#{$CSS_VAR_PFX}two-layer-button-animation-show);\n animation-fill-mode: both;\n }\n }\n}\n",".add-button {\n position: relative;\n display: inline-block;\n width: 1.2em;\n height: 1.2em;\n background: transparent;\n border: none;\n\n &:before,\n &:after {\n content: \" \";\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n height: max(3px, 0.18em);\n margin: auto;\n background: currentColor;\n border-radius: var(--#{$CSS_VAR_PFX}border-radius);\n will-change: transform;\n transition: transform var(--#{$CSS_VAR_PFX}simple-transition);\n }\n\n &:not(.active) {\n &:before {\n transform: rotate(90deg);\n }\n }\n\n &.active {\n &:before {\n transform: rotate(0);\n }\n &:after {\n transform: rotate(-180deg);\n }\n }\n}\n",".hamburger {\n position: relative;\n width: 1.2em;\n height: 1.2em;\n background: transparent;\n border: none;\n\n &:before,\n &:after {\n content: \" \";\n position: absolute;\n left: 0;\n height: max(3px, 0.18em);\n background: currentColor;\n border-radius: var(--#{$CSS_VAR_PFX}border-radius);\n will-change: width, transform;\n transition: transform var(--#{$CSS_VAR_PFX}simple-transition), width var(--#{$CSS_VAR_PFX}simple-transition);\n }\n\n &:not(.active) {\n &:before {\n top: 0.25em;\n width: 100%;\n }\n\n &:after {\n bottom: 0.25em;\n width: 75%;\n }\n\n &:hover,\n &:focus {\n &:before {\n width: 75%;\n }\n\n &:after {\n width: 100%;\n }\n }\n }\n\n &.active {\n &:before,\n &:after {\n top: 0;\n bottom: 0;\n width: 100%;\n margin: auto 0;\n animation: flatify-fade-in 0.25s ease-in-out;\n }\n &:before {\n transform: rotate(45deg);\n }\n &:after {\n transform: rotate(-45deg);\n }\n }\n}\n",".arrow-button {\n display: flex;\n align-items: center;\n background: var(--#{$CSS_VAR_PFX}bg-color-dark);\n border: none;\n border-radius: var(--#{$CSS_VAR_PFX}border-radius);\n\n &:after {\n content: \" \";\n position: relative;\n z-index: 1;\n display: inline-block;\n width: 1.2em;\n height: 1.2em;\n background-color: currentColor;\n mask: var(--#{$CSS_VAR_PFX}arrow-down-icon) no-repeat 50% 50%;\n -webkit-mask: var(--#{$CSS_VAR_PFX}arrow-down-icon) no-repeat 50% 50%;\n will-change: transform;\n transition: all var(--#{$CSS_VAR_PFX}bouncing-transition);\n }\n\n // the arrow should have a side space when there is text\n &:not(:empty) {\n &:after {\n @if $IS_LTR {\n margin-left: 0.32em;\n } @else {\n margin-right: 0.32em;\n }\n }\n }\n\n // default is bottom arrow\n &.arrow-flip:after {\n transform: rotate(180deg);\n }\n\n &.arrow-top {\n &:after {\n transform: rotate(180deg);\n }\n\n &.arrow-flip:after {\n transform: rotate(0);\n }\n }\n\n &.arrow-left {\n &:after {\n transform: rotate(90deg);\n }\n\n &.arrow-flip:after {\n transform: rotate(-90deg);\n }\n }\n\n &.arrow-right {\n &:after {\n transform: rotate(-90deg);\n }\n\n &.arrow-flip:after {\n transform: rotate(90deg);\n }\n }\n}\n","// It is basically a button which accepts SVG icon for [::before] as mask.\n%icon-button {\n width: 2.5em;\n height: 2.5em;\n padding: 0.5em;\n color: inherit;\n background: var(--#{$CSS_VAR_PFX}bg-color-dark);\n border: none;\n border-radius: var(--#{$CSS_VAR_PFX}border-radius);\n will-change: transform;\n transition: all var(--#{$CSS_VAR_PFX}simple-transition);\n\n // if does not have button styles, enable scale down effect for active state\n &:not(.button) {\n @media (prefers-reduced-motion: no-preference) {\n &:focus-visible,\n &:active {\n transform: scale(0.85) !important;\n }\n }\n }\n\n &:before {\n content: \" \";\n position: relative;\n z-index: 1;\n display: block;\n width: 100%;\n height: 100%;\n background-color: currentColor;\n }\n}\n\n.close-button {\n @extend %icon-button;\n\n &:before {\n mask: var(--#{$CSS_VAR_PFX}close-icon) no-repeat 50% 50%;\n -webkit-mask: var(--#{$CSS_VAR_PFX}close-icon) no-repeat 50% 50%;\n }\n}\n\n.search-button {\n @extend %icon-button;\n\n &:before {\n mask: var(--#{$CSS_VAR_PFX}search-icon) no-repeat 50% 50%;\n -webkit-mask: var(--#{$CSS_VAR_PFX}search-icon) no-repeat 50% 50%;\n }\n}\n",".button-group {\n display: flex;\n margin: 0.25em 0.125em;\n\n .button {\n border-radius: 0;\n &.outline,\n &.bordered {\n margin: 0 !important;\n }\n }\n\n &:not(.vertical) {\n .button {\n // sometimes on active/focus-visible a white space will be create,\n // to fix this -1px margin is practical.\n margin: 0 -1px !important;\n\n @if $IS_LTR {\n &:first-child {\n border-radius: var(--#{$CSS_VAR_PFX}border-radius) 0 0 var(--#{$CSS_VAR_PFX}border-radius);\n }\n\n &:last-child {\n border-radius: 0 var(--#{$CSS_VAR_PFX}border-radius) var(--#{$CSS_VAR_PFX}border-radius) 0;\n }\n } @else {\n &:first-child {\n border-radius: 0 var(--#{$CSS_VAR_PFX}border-radius) var(--#{$CSS_VAR_PFX}border-radius) 0;\n }\n\n &:last-child {\n border-radius: var(--#{$CSS_VAR_PFX}border-radius) 0 0 var(--#{$CSS_VAR_PFX}border-radius);\n }\n }\n }\n }\n\n &.vertical {\n // sometimes on active/focus-visible a white space will be create,\n // to fix this -1px margin is practical.\n flex-direction: column;\n\n .button {\n margin: -1px 0 !important;\n\n &:first-child {\n border-radius: var(--#{$CSS_VAR_PFX}border-radius) var(--#{$CSS_VAR_PFX}border-radius) 0 0;\n }\n\n &:last-child {\n border-radius: 0 0 var(--#{$CSS_VAR_PFX}border-radius) var(--#{$CSS_VAR_PFX}border-radius);\n }\n }\n }\n}\n",":root {\n --#{$CSS_VAR_PFX}firework-color-main: var(--#{$CSS_VAR_PFX}color-blue-primary);\n --#{$CSS_VAR_PFX}firework-color-center-top-bottom: var(--#{$CSS_VAR_PFX}color-blue-primary);\n --#{$CSS_VAR_PFX}firework-color-center-left-right: var(--#{$CSS_VAR_PFX}color-blue-primary);\n --#{$CSS_VAR_PFX}firework-color-left-top-bottom: var(--#{$CSS_VAR_PFX}color-purple-primary);\n --#{$CSS_VAR_PFX}firework-color-right-top-bottom: var(--#{$CSS_VAR_PFX}color-purple-primary);\n --#{$CSS_VAR_PFX}firework-animation-delay: 0s;\n --#{$CSS_VAR_PFX}firework-animation-duration: 4s;\n --#{$CSS_VAR_PFX}firework-animation-iteration-count: infinite;\n}\n\n.fireworks {\n position: relative;\n z-index: $ZINDEX_FIREWORKS;\n width: 2.5em;\n height: 2em;\n background: transparent;\n animation: flatify-firework ease-in-out var(--#{$CSS_VAR_PFX}firework-animation-duration)\n var(--#{$CSS_VAR_PFX}firework-animation-delay) var(--#{$CSS_VAR_PFX}firework-animation-iteration-count);\n\n &:before,\n .spark:before,\n .spark:after {\n content: \" \";\n position: absolute;\n height: 0.25em;\n border-radius: 50em;\n background: var(--#{$CSS_VAR_PFX}firework-color-main);\n }\n\n &:not(.simple):before {\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n width: 0.25em;\n margin: auto;\n animation: flatify-firework-main ease-in-out var(--#{$CSS_VAR_PFX}firework-animation-duration)\n var(--#{$CSS_VAR_PFX}firework-animation-delay) var(--#{$CSS_VAR_PFX}firework-animation-iteration-count) both;\n }\n\n .spark {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n animation: flatify-firework-sparks ease-in-out var(--#{$CSS_VAR_PFX}firework-animation-duration)\n var(--#{$CSS_VAR_PFX}firework-animation-delay) var(--#{$CSS_VAR_PFX}firework-animation-iteration-count) both;\n\n // left-right & top-bottom\n &:nth-child(1),\n &:nth-child(2) {\n &:before,\n &:after {\n top: 0;\n bottom: 0;\n width: 1.5em;\n margin: auto;\n }\n\n &:before {\n left: -0.25em;\n animation: flatify-firework-spark-left ease-in-out var(--#{$CSS_VAR_PFX}firework-animation-duration)\n var(--#{$CSS_VAR_PFX}firework-animation-delay) var(--#{$CSS_VAR_PFX}firework-animation-iteration-count);\n }\n &:after {\n right: -0.25em;\n animation: flatify-firework-spark-right ease-in-out var(--#{$CSS_VAR_PFX}firework-animation-duration)\n var(--#{$CSS_VAR_PFX}firework-animation-delay) var(--#{$CSS_VAR_PFX}firework-animation-iteration-count);\n }\n }\n\n &:nth-child(1) {\n --#{$CSS_VAR_PFX}firework-color-main: var(--#{$CSS_VAR_PFX}firework-color-center-left-right);\n }\n &:nth-child(2) {\n --#{$CSS_VAR_PFX}firework-color-main: var(--#{$CSS_VAR_PFX}firework-color-center-top-bottom);\n transform: rotate(90deg);\n }\n\n // top-left-top-right & bottom-left-bottom-right\n &:nth-child(3),\n &:nth-child(4) {\n left: 0;\n\n &:before,\n &:after {\n width: 0.75em;\n }\n\n &:before {\n top: 0;\n transform: rotate(45deg);\n animation: flatify-firework-spark-corner-top ease-in-out var(--#{$CSS_VAR_PFX}firework-animation-duration)\n var(--#{$CSS_VAR_PFX}firework-animation-delay) var(--#{$CSS_VAR_PFX}firework-animation-iteration-count);\n }\n &:after {\n bottom: 0;\n transform: rotate(-45deg);\n animation: flatify-firework-spark-corner-bottom ease-in-out var(--#{$CSS_VAR_PFX}firework-animation-duration)\n var(--#{$CSS_VAR_PFX}firework-animation-delay) var(--#{$CSS_VAR_PFX}firework-animation-iteration-count);\n }\n }\n\n &:nth-child(3) {\n --#{$CSS_VAR_PFX}firework-color-main: var(--#{$CSS_VAR_PFX}firework-color-left-top-bottom);\n }\n &:nth-child(4) {\n --#{$CSS_VAR_PFX}firework-color-main: var(--#{$CSS_VAR_PFX}firework-color-right-top-bottom);\n transform: rotate(180deg);\n }\n }\n}\n\n@keyframes flatify-firework {\n 0%,\n 20% {\n transform: translateY(0);\n }\n 40% {\n transform: translateY(-1em);\n }\n 80%,\n 100% {\n transform: translateY(0.5em);\n }\n}\n\n@keyframes flatify-firework-main {\n 0% {\n opacity: 0;\n transform: scale(0) translateY(1em);\n }\n 5% {\n opacity: 1;\n transform: scale(0, 6) translateY(1em);\n }\n 26% {\n transform: scaleY(2) translateY(0);\n }\n 30% {\n transform: scale(9) translateY(0);\n }\n 40%,\n 100% {\n transform: scale(0) translateY(0);\n }\n}\n\n@keyframes flatify-firework-sparks {\n 0%,\n 30% {\n clip-path: circle(0 at center);\n opacity: 0;\n }\n 38% {\n clip-path: circle(100% at center);\n opacity: 1;\n }\n 65%,\n 100% {\n opacity: 0;\n }\n}\n\n// corners\n@keyframes flatify-firework-spark-corner-top {\n 0%,\n 30% {\n opacity: 1;\n clip-path: circle(100% at left);\n transform: scale(1) translate(0) rotate(45deg);\n }\n 40% {\n clip-path: circle(100% at left);\n }\n 60%,\n 100% {\n opacity: 0;\n clip-path: circle(0 at left);\n transform: scale(1.5) translate(-0.5em, -0.25em) rotate(45deg);\n }\n}\n\n@keyframes flatify-firework-spark-corner-bottom {\n 0%,\n 30% {\n opacity: 1;\n clip-path: circle(100% at left);\n transform: scale(1) translate(0) rotate(-45deg);\n }\n 40% {\n clip-path: circle(100% at left);\n }\n 60%,\n 100% {\n opacity: 0;\n clip-path: circle(0 at left);\n transform: scale(1.5) translate(-0.5em, 0.25em) rotate(-45deg);\n }\n}\n\n// left & right\n@keyframes flatify-firework-spark-left {\n 0%,\n 30% {\n opacity: 1;\n clip-path: circle(100% at left);\n transform: scale(1) translate(0);\n }\n 40% {\n clip-path: circle(100% at left);\n }\n 60%,\n 100% {\n opacity: 0;\n clip-path: circle(0 at left);\n transform: scaleX(2) translate(-0.5em);\n }\n}\n\n@keyframes flatify-firework-spark-right {\n 0%,\n 30% {\n opacity: 1;\n clip-path: circle(100% at right);\n transform: scale(1) translate(0);\n }\n 40% {\n clip-path: circle(100% at right);\n }\n 60%,\n 100% {\n opacity: 0;\n clip-path: circle(0 at right);\n transform: scaleX(2) translate(0.5em);\n }\n}\n","// *** General: prefix, rtl and ltr\n// add a prefix before CSS variables to prevent unwanted conflicts.\n$CSS_VAR_PFX: flatify__ !default;\n$IS_LTR: true !default;\n$CENTERED_CONTAINERS: true !default;\n\n// do not change names, just values\n$RESPONSIVE_BREAKPOINTS: (\n xs: 575.98px,\n sm: 576px,\n md: 768px,\n lg: 992px,\n xl: 1200px,\n xxl: 1400px,\n) !default;\n\n// *** Design: border width, radius, opacity, links\n$BORDER_WIDTH: max(2px, 0.18em) !default;\n$BORDER_RADIUS: 1em !default;\n\n// This list will be converted to helper classes.\n// .edge-[]\n$BORDER_RADIUS_LIST: (\n sharp: 0em,\n round-xs: 0.32em,\n round-sm: 0.5em,\n round-md: 0.75em,\n round-lg: 1em,\n circle: 50em,\n oval: 50%,\n triangle: 100% 50% 50% 100% / 75% 69% 69% 75%,\n) !default;\n\n// This list will be converted to helper classes.\n// .width-[]\n$WIDTH_LIST: (\n 0p: 0,\n 10p: 10%,\n 15p: 15%,\n 25p: 25%,\n 30p: 30%,\n 50p: 50%,\n 60p: 60%,\n 75p: 75%,\n 90p: 90%,\n 95p: 95%,\n 100p: 100%,\n) !default;\n\n// This list will be converted to helper classes.\n// .height-[]\n$HEIGHT_LIST: (\n 0p: 0,\n 10p: 10%,\n 15p: 15%,\n 25p: 25%,\n 30p: 30%,\n 50p: 50%,\n 60p: 60%,\n 75p: 75%,\n 90p: 90%,\n 95p: 95%,\n 100p: 100%,\n) !default;\n\n// This list will be converted to helper classes.\n// .opacity-[]\n$OPACITY_LIST: (0, 10, 20, 30, 40, 50, 60, 70, 80, 90, 100) !default;\n\n$HOVER_BRIGHTNESS: 95%;\n$BACKDROP_OPACITY: 0.35 !default;\n\n$LINK_DECORATION: none !default;\n$LINK_DECORATION_HOVER: underline 0.125em currentColor !default;\n$LINK_DECORATION_FOCUS: none !default;\n\n// z-index\n$ZINDEX_DROPDOWN: 1000 !default;\n$ZINDEX_STICKY: 1010 !default;\n$ZINDEX_FIXED: 1020 !default;\n$ZINDEX_FIREWORKS: 1025 !default;\n$ZINDEX_BACKDROP: 1030 !default;\n$ZINDEX_MODAL_BACKDROP: 1030 !default;\n$ZINDEX_MODAL: 1040 !default;\n$ZINDEX_POPOVER: 1060 !default;\n$ZINDEX_TOAST: 1100 !default;\n\n// *** Colors: accent color, background color, text color, heading color, palette\n$BG_COLOR: #ffffff !default;\n$BG_COLOR_2: #f1f4f7 !default;\n$BG_COLOR_3: #ced9e3 !default;\n$BG_COLOR_4: #809cb6 !default;\n\n$TXT_COLOR: #2e4051 !default;\n$TXT_COLOR_LIGHT: tint($TXT_COLOR, 35%) !default;\n$TXT_COLOR_DARK: shade($TXT_COLOR, 35%) !default;\n$TXT_COLOR_DARKER: shade($TXT_COLOR, 60%) !default;\n$TXT_COLOR_INVERTED: $BG_COLOR !default;\n\n$BLUE: #1cb0f6 !default;\n$BLUE_LIGHT: tint($BLUE, 40%) !default;\n$BLUE_DARK: shade($BLUE, 15%) !default;\n$BLUE_DARKER: shade($BLUE, 50%) !default;\n\n$GREEN: #58cc02 !default;\n$GREEN_LIGHT: tint($GREEN, 40%) !default;\n$GREEN_DARK: shade($GREEN, 15%) !default;\n$GREEN_DARKER: shade($GREEN, 50%) !default;\n\n$YELLOW: #ffde00 !default;\n$YELLOW_LIGHT: tint($YELLOW, 40%) !default;\n$YELLOW_DARK: shade($YELLOW, 15%) !default;\n$YELLOW_DARKER: shade($YELLOW, 35%) !default;\n\n$ORANGE: #ff9600 !default;\n$ORANGE_LIGHT: tint($ORANGE, 40%) !default;\n$ORANGE_DARK: shade($ORANGE, 15%) !default;\n$ORANGE_DARKER: shade($ORANGE, 50%) !default;\n\n$RED: #ff4b4b !default;\n$RED_LIGHT: tint($RED, 40%) !default;\n$RED_DARK: shade($RED, 15%) !default;\n$RED_DARKER: shade($RED, 50%) !default;\n\n$PINK: #ff86d0 !default;\n$PINK_LIGHT: tint($PINK, 40%) !default;\n$PINK_DARK: shade($PINK, 15%) !default;\n$PINK_DARKER: shade($PINK, 50%) !default;\n\n$PURPLE: #c164ff !default;\n$PURPLE_LIGHT: tint($PURPLE, 40%) !default;\n$PURPLE_DARK: shade($PURPLE, 15%) !default;\n$PURPLE_DARKER: shade($PURPLE, 50%) !default;\n\n$ACCENT_COLOR: $BLUE !default;\n$ACCENT_COLOR_LIGHT: $BLUE_LIGHT !default;\n$ACCENT_COLOR_DARK: $BLUE_DARK !default;\n$ACCENT_COLOR_DARKER: $BLUE_DARKER !default;\n\n$SUCCESS_COLOR: $GREEN !default;\n$SUCCESS_COLOR_LIGHT: $GREEN_LIGHT !default;\n$SUCCESS_COLOR_DARK: $GREEN_DARK !default;\n$SUCCESS_COLOR_DARKER: $GREEN_DARKER !default;\n\n$INFO_COLOR: $BLUE !default;\n$INFO_COLOR_LIGHT: $BLUE_LIGHT !default;\n$INFO_COLOR_DARK: $BLUE_DARK !default;\n$INFO_COLOR_DARKER: $BLUE_DARKER !default;\n\n$WARNING_COLOR: $ORANGE !default;\n$WARNING_COLOR_LIGHT: $ORANGE_LIGHT !default;\n$WARNING_COLOR_DARK: $ORANGE_DARK !default;\n$WARNING_COLOR_DARKER: $ORANGE_DARKER !default;\n\n$DANGER_COLOR: $RED !default;\n$DANGER_COLOR_LIGHT: $RED_LIGHT !default;\n$DANGER_COLOR_DARK: $RED_DARK !default;\n$DANGER_COLOR_DARKER: $RED_DARKER !default;\n\n$LIGHT_COLOR: $BG_COLOR_2 !default;\n$LIGHT_COLOR_LIGHT: $BG_COLOR !default;\n$LIGHT_COLOR_DARK: $BG_COLOR_3 !default;\n$LIGHT_COLOR_DARKER: $BG_COLOR_4 !default;\n\n$DARK_COLOR: $TXT_COLOR !default;\n$DARK_COLOR_LIGHT: $TXT_COLOR_LIGHT !default;\n$DARK_COLOR_DARK: $TXT_COLOR_DARK !default;\n$DARK_COLOR_DARKER: $TXT_COLOR_DARKER !default;\n\n$HEADING_COLOR: currentColor !default;\n\n$LINK_COLOR: $ACCENT_COLOR !default;\n$LINK_COLOR_HOVER: $ACCENT_COLOR_LIGHT !default;\n$LINK_COLOR_FOCUS: $ACCENT_COLOR_DARK !default;\n\n$TAP_HIGHLIGHT_COLOR: transparent !default;\n\n// Do not modify this palette directly\n$PALETTE: (\n blue: (\n primary: $BLUE,\n light: $BLUE_LIGHT,\n dark: $BLUE_DARK,\n darker: $BLUE_DARKER,\n ),\n green: (\n primary: $GREEN,\n light: $GREEN_LIGHT,\n dark: $GREEN_DARK,\n darker: $GREEN_DARKER,\n ),\n yellow: (\n primary: $YELLOW,\n light: $YELLOW_LIGHT,\n dark: $YELLOW_DARK,\n darker: $YELLOW_DARKER,\n ),\n orange: (\n primary: $ORANGE,\n light: $ORANGE_LIGHT,\n dark: $ORANGE_DARK,\n darker: $ORANGE_DARKER,\n ),\n red: (\n primary: $RED,\n light: $RED_LIGHT,\n dark: $RED_DARK,\n darker: $RED_DARKER,\n ),\n pink: (\n primary: $PINK,\n light: $PINK_LIGHT,\n dark: $PINK_DARK,\n darker: $PINK_DARKER,\n ),\n purple: (\n primary: $PURPLE,\n light: $PURPLE_LIGHT,\n dark: $PURPLE_DARK,\n darker: $PURPLE_DARKER,\n ),\n accent: (\n primary: $ACCENT_COLOR,\n light: $ACCENT_COLOR_LIGHT,\n dark: $ACCENT_COLOR_DARK,\n darker: $ACCENT_COLOR_DARKER,\n ),\n success: (\n primary: $SUCCESS_COLOR,\n light: $SUCCESS_COLOR_LIGHT,\n dark: $SUCCESS_COLOR_DARK,\n darker: $SUCCESS_COLOR_DARKER,\n ),\n info: (\n primary: $INFO_COLOR,\n light: $INFO_COLOR_LIGHT,\n dark: $INFO_COLOR_DARK,\n darker: $INFO_COLOR_DARKER,\n ),\n warning: (\n primary: $WARNING_COLOR,\n light: $WARNING_COLOR_LIGHT,\n dark: $WARNING_COLOR_DARK,\n darker: $WARNING_COLOR_DARKER,\n ),\n danger: (\n primary: $DANGER_COLOR,\n light: $DANGER_COLOR_LIGHT,\n dark: $DANGER_COLOR_DARK,\n darker: $DANGER_COLOR_DARKER,\n ),\n light: (\n primary: $LIGHT_COLOR,\n light: $LIGHT_COLOR_LIGHT,\n dark: $LIGHT_COLOR_DARK,\n darker: $LIGHT_COLOR_DARKER,\n ),\n dark: (\n primary: $DARK_COLOR,\n light: $DARK_COLOR_LIGHT,\n dark: $DARK_COLOR_DARK,\n darker: $DARK_COLOR_DARKER,\n ),\n);\n\n// *** Motion: animations, transitions\n$SUPPORT_SMOOTH_SCROLL: true !default;\n\n$SIMPLE_TRANSITION: 0.15s ease-in-out !default; // without specifying properties\n$LONG_TRANSITION: 1s ease-in-out !default; // without specifying properties\n$BOUNCING_TRANSITION: 0.35s cubic-bezier(0.59, -0.39, 0.36, 1.38) !default; // without specifying properties\n\n$ACCORDION_SHOW_ANIMATION_DURATION: 300ms !default;\n$ACCORDION_HIDE_ANIMATION_DURATION: 200ms !default;\n$ALERT_HIDE_ANIMATION_DURATION: 300ms !default;\n$ALERT_SHOW_ANIMATION_DURATION: 200ms !default;\n$DROPDOWN_SHOW_ANIMATION_DURATION: 300ms !default;\n$DROPDOWN_HIDE_ANIMATION_DURATION: 200ms !default;\n$MODAL_SHOW_ANIMATION_DURATION: 350ms !default;\n$MODAL_HIDE_ANIMATION_DURATION: 250ms !default;\n// submenu works with CSS, so it is not possible to set hide animation.\n$SUBMENU_SHOW_ANIMATION_DURATION: 350ms !default;\n$SUBMENU_SHOW_ANIMATION_DELAY: 200ms !default;\n$TAB_SHOW_ANIMATION_DURATION: 300ms !default;\n$TAB_HIDE_ANIMATION_DURATION: 200ms !default;\n$TOAST_SHOW_ANIMATION_DURATION: 300ms !default;\n$TOAST_HIDE_ANIMATION_DURATION: 200ms !default;\n\n// *** Typography: font size, font family, line height\n$MIN_FONT_SIZE: 85% !default; // must be percent\n$MAX_FONT_SIZE: 100% !default; // must be percent\n$PRIMARY_FONT_FAMILY: \"Nunito\", sans-serif !default;\n$HEADING_FONT_FAMILY: $PRIMARY_FONT_FAMILY !default;\n$CODE_FONT_FAMILY: \"Fira Code\", Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace !default;\n\n// This list will be converted to helper classes.\n// .size-[] | .text-[]\n$FONT_SIZE_LIST: (\n xs: 0.75em,\n sm: 0.9em,\n md: 1em,\n lg: 1.25em,\n 2x: 1.5em,\n 3x: 2.2em,\n 4x: 2.5em,\n 5x: 3.14em,\n) !default;\n\n$MEDIUM_FONT_WEIGHT: 600 !default;\n$BOLD_FONT_WEIGHT: 700 !default;\n$EXTRA_BOLD_FONT_WEIGHT: 900 !default;\n\n$BASE_LINE_HEIGHT: 1.5 !default;\n$SMALL_LINE_HEIGHT: 1.2 !default;\n$LARGE_LINE_HEIGHT: 1.8 !default;\n\n$BODY_TEXT_ALIGN: initial !default;\n\n$HEADING_MARGIN_BOTTOM: 0.5em !default;\n$HEADING_FONT_STYLE: normal !default;\n$HEADING_FONT_WEIGHT: bold !default;\n\n$PARAGRAPH_MARGIN_BOTTOM: 2em !default;\n\n// ICONS\n$ARROW_DOWN_ICON: url('data:image/svg+xml; utf8,
') !default;\n$BLOCKQUOTE_ICON: url('data:image/svg+xml; utf8,
') !default;\n$CLOSE_ICON: url('data:image/svg+xml; utf8,
') !default;\n$EYE_ICON: url('data:image/svg+xml; utf8,
') !default;\n$SEARCH_ICON: url('data:image/svg+xml; utf8,
') !default;\n$SELECT_ICON: url('data:image/svg+xml; utf8,
') !default;\n",":root {\n --#{$CSS_VAR_PFX}card-txt-color: var(--#{$CSS_VAR_PFX}txt-color);\n --#{$CSS_VAR_PFX}card-bg-color: var(--#{$CSS_VAR_PFX}bg-color);\n --#{$CSS_VAR_PFX}card-border-color: var(--#{$CSS_VAR_PFX}bg-color-darker);\n}\n\n.card {\n --#{$CSS_VAR_PFX}local-txt-color: var(--#{$CSS_VAR_PFX}card-txt-color);\n --#{$CSS_VAR_PFX}local-bg-color: var(--#{$CSS_VAR_PFX}card-bg-color);\n --#{$CSS_VAR_PFX}local-border-color: var(--#{$CSS_VAR_PFX}card-border-color);\n overflow: hidden;\n position: relative;\n display: flex;\n flex-grow: 1;\n max-width: 100%;\n padding: 0.75em;\n color: var(--#{$CSS_VAR_PFX}local-txt-color);\n background: var(--#{$CSS_VAR_PFX}local-bg-color);\n border: var(--#{$CSS_VAR_PFX}border-width) solid var(--#{$CSS_VAR_PFX}local-border-color);\n box-shadow: inset 0 -0.125em 0 var(--#{$CSS_VAR_PFX}local-border-color);\n border-radius: var(--#{$CSS_VAR_PFX}border-radius);\n\n &:not(.horizontal) {\n flex-direction: column;\n width: 20em;\n\n .card-badges {\n @if $IS_LTR {\n right: 0.5em;\n } @else {\n left: 0.5em;\n }\n }\n }\n\n &.horizontal {\n gap: 1em;\n\n .card-header {\n width: 40%;\n\n .card-badges {\n @if $IS_LTR {\n left: 0.5em;\n } @else {\n right: 0.5em;\n }\n }\n }\n\n .card-image {\n height: 100%;\n }\n\n .card-right {\n display: flex;\n flex-direction: column;\n flex-grow: 1;\n width: 60%;\n }\n }\n\n .card-header {\n overflow: hidden;\n position: relative;\n font-size: 1.2em;\n border-radius: calc(var(--#{$CSS_VAR_PFX}border-radius) * 0.6);\n\n .card-badges {\n position: absolute;\n top: 0.5em;\n display: flex;\n gap: 0.38em;\n }\n }\n\n .card-body {\n hyphens: auto;\n height: 100%;\n }\n\n .card-footer {\n display: flex;\n align-items: center;\n font-size: 0.9em;\n padding-top: 0.75em;\n\n .button {\n padding-top: 0.64em;\n padding-bottom: 0.32em;\n }\n }\n\n .card-image {\n width: 100%;\n height: 10em;\n object-fit: cover;\n border-radius: calc(var(--#{$CSS_VAR_PFX}border-radius) * 0.6);\n }\n\n .card-title {\n font-size: 1.2em;\n margin: 0.75em 0 0.38em;\n }\n}\n",":root {\n // menu and its items\n --#{$CSS_VAR_PFX}menu-bg-color: var(--#{$CSS_VAR_PFX}bg-color-dark);\n --#{$CSS_VAR_PFX}menu-txt-color: var(--#{$CSS_VAR_PFX}txt-color);\n --#{$CSS_VAR_PFX}menu-border-color: var(--#{$CSS_VAR_PFX}bg-color-darker);\n\n --#{$CSS_VAR_PFX}menu-active-item-bg-color: var(--#{$CSS_VAR_PFX}bg-color-darker);\n --#{$CSS_VAR_PFX}menu-active-item-txt-color: var(--#{$CSS_VAR_PFX}txt-color);\n\n --#{$CSS_VAR_PFX}menu-item-bg-color: var(--#{$CSS_VAR_PFX}bg-color-dark);\n --#{$CSS_VAR_PFX}menu-item-bg-color__hover: var(--#{$CSS_VAR_PFX}bg-color-dark);\n --#{$CSS_VAR_PFX}menu-item-bg-color__focus: var(--#{$CSS_VAR_PFX}bg-color-dark);\n\n --#{$CSS_VAR_PFX}menu-item-txt-color: var(--#{$CSS_VAR_PFX}txt-color);\n --#{$CSS_VAR_PFX}menu-item-txt-color__hover: var(--#{$CSS_VAR_PFX}txt-color);\n --#{$CSS_VAR_PFX}menu-item-txt-color__focus: var(--#{$CSS_VAR_PFX}txt-color);\n\n // submenu and its items\n --#{$CSS_VAR_PFX}submenu-bg-color: var(--#{$CSS_VAR_PFX}bg-color);\n --#{$CSS_VAR_PFX}submenu-txt-color: var(--#{$CSS_VAR_PFX}txt-color);\n --#{$CSS_VAR_PFX}submenu-border-color: var(--#{$CSS_VAR_PFX}bg-color-darker);\n\n --#{$CSS_VAR_PFX}submenu-item-bg-color: var(--#{$CSS_VAR_PFX}bg-color);\n --#{$CSS_VAR_PFX}submenu-item-bg-color__hover: var(--#{$CSS_VAR_PFX}bg-color-dark);\n --#{$CSS_VAR_PFX}submenu-item-bg-color__focus: var(--#{$CSS_VAR_PFX}bg-color-dark);\n\n --#{$CSS_VAR_PFX}submenu-item-txt-color: var(--#{$CSS_VAR_PFX}txt-color);\n --#{$CSS_VAR_PFX}submenu-item-txt-color__hover: var(--#{$CSS_VAR_PFX}txt-color);\n --#{$CSS_VAR_PFX}submenu-item-txt-color__focus: var(--#{$CSS_VAR_PFX}txt-color);\n\n --#{$CSS_VAR_PFX}submenu-animation-show-duration: #{$SUBMENU_SHOW_ANIMATION_DURATION};\n --#{$CSS_VAR_PFX}submenu-animation-show-delay: #{$SUBMENU_SHOW_ANIMATION_DELAY};\n\n --#{$CSS_VAR_PFX}submenu-animation-show: flatify-dropdown-show var(--#{$CSS_VAR_PFX}submenu-animation-show-duration)\n var(--#{$CSS_VAR_PFX}submenu-animation-show-delay) cubic-bezier(0.52, 0.42, 0.44, 1.44) both;\n}\n\n.menu-items-wrapper {\n list-style: none;\n padding: 0.5em;\n margin: 0;\n color: var(--#{$CSS_VAR_PFX}menu-txt-color);\n background: var(--#{$CSS_VAR_PFX}menu-bg-color);\n\n &.navbar {\n scrollbar-width: thin;\n display: flex;\n align-items: center;\n width: 100%;\n height: 4.25em;\n padding-left: 1.24em;\n padding-right: 1.24em;\n border-bottom: var(--#{$CSS_VAR_PFX}border-width) solid var(--#{$CSS_VAR_PFX}menu-border-color);\n\n // scrollable navbar does not support dropdown or submenu, but it a good choice especially for small screens\n &.scrollable-x,\n &.scrollable {\n // for small screen it should have a minimum width to prevent being compressed\n .search-bar {\n min-width: 12em;\n }\n }\n\n .links {\n white-space: nowrap;\n list-style: none;\n display: flex;\n padding: 0;\n margin-bottom: 0;\n\n .menu-item {\n position: relative;\n font-weight: var(--#{$CSS_VAR_PFX}medium-font-weight);\n border-radius: calc(var(--#{$CSS_VAR_PFX}border-radius) * 0.9);\n\n button,\n a {\n color: inherit;\n font-size: 1em;\n font-weight: var(--#{$CSS_VAR_PFX}medium-font-weight);\n background: transparent;\n }\n\n &.active {\n font-weight: var(--#{$CSS_VAR_PFX}bold-font-weight);\n }\n\n // show submenu on parent hover or when child is focused\n &:focus-within > .submenu,\n &:hover > .submenu {\n display: block;\n animation: var(--#{$CSS_VAR_PFX}submenu-animation-show);\n }\n\n .submenu {\n position: absolute;\n top: 100%;\n @if $IS_LTR {\n left: 0.5em;\n } @else {\n right: 0.5em;\n }\n z-index: 10;\n display: none;\n\n // second level or more\n .submenu {\n top: -50%;\n @if $IS_LTR {\n left: 115%;\n } @else {\n right: 115%;\n }\n\n // this a middleman to preserve connection between parent menu item\n // and its children list on hover\n &:after {\n content: \" \";\n position: absolute;\n top: 0.64em;\n @if $IS_LTR {\n left: -3.6em;\n } @else {\n right: -3.6em;\n }\n width: 4em;\n min-height: 4em;\n // it will block other submenus\n // height: 50%;\n background: transparent !important;\n border-radius: 1em;\n }\n }\n }\n }\n }\n\n .navbar-logo {\n height: 3em;\n\n img {\n height: 100%;\n }\n\n @if $IS_LTR {\n margin-right: 0.64em;\n } @else {\n margin-left: 0.64em;\n }\n }\n }\n\n &[class*=\"style-\"] {\n --#{$CSS_VAR_PFX}menu-active-item-bg-color: var(--#{$CSS_VAR_PFX}local-border-color);\n --#{$CSS_VAR_PFX}menu-active-item-txt-color: var(--#{$CSS_VAR_PFX}local-txt-color);\n --#{$CSS_VAR_PFX}menu-item-bg-color: var(--#{$CSS_VAR_PFX}local-bg-color);\n --#{$CSS_VAR_PFX}menu-item-bg-color__hover: var(--#{$CSS_VAR_PFX}local-bg-color);\n --#{$CSS_VAR_PFX}menu-item-bg-color__focus: var(--#{$CSS_VAR_PFX}local-bg-color);\n --#{$CSS_VAR_PFX}menu-item-txt-color: var(--#{$CSS_VAR_PFX}local-txt-color);\n --#{$CSS_VAR_PFX}menu-item-txt-color__hover: var(--#{$CSS_VAR_PFX}local-txt-color);\n --#{$CSS_VAR_PFX}menu-item-txt-color__focus: var(--#{$CSS_VAR_PFX}local-txt-color);\n }\n\n .menu-item {\n display: flex;\n align-items: center;\n margin: 0 0.25em;\n color: var(--#{$CSS_VAR_PFX}menu-item-txt-color);\n background: var(--#{$CSS_VAR_PFX}menu-item-bg-color);\n border-radius: calc(var(--#{$CSS_VAR_PFX}border-radius) * 0.75);\n transition: all var(--#{$CSS_VAR_PFX}simple-transition);\n\n &.disabled {\n pointer-events: none;\n user-select: none;\n opacity: 0.5;\n }\n\n & > button,\n & > a {\n width: 100%;\n padding: 0.64em 1em;\n color: inherit;\n text-decoration: none !important;\n }\n\n &:hover {\n color: var(--#{$CSS_VAR_PFX}menu-item-txt-color__hover);\n background: var(--#{$CSS_VAR_PFX}menu-item-bg-color__hover);\n }\n\n &.active {\n color: var(--#{$CSS_VAR_PFX}menu-active-item-txt-color);\n background: var(--#{$CSS_VAR_PFX}menu-active-item-bg-color);\n }\n\n // menu items are not focusable because they are usually
\n &:focus,\n &:focus-within {\n color: var(--#{$CSS_VAR_PFX}menu-item-txt-color__focus);\n background: var(--#{$CSS_VAR_PFX}menu-item-bg-color__focus);\n }\n }\n}\n\n.dropdown,\n.menu-items-wrapper .submenu {\n --#{$CSS_VAR_PFX}local-bg-color: var(--#{$CSS_VAR_PFX}submenu-bg-color);\n --#{$CSS_VAR_PFX}local-txt-color: var(--#{$CSS_VAR_PFX}submenu-txt-color);\n --#{$CSS_VAR_PFX}local-border-color: var(--#{$CSS_VAR_PFX}submenu-border-color);\n position: relative;\n min-width: 12em;\n padding: 0.5em;\n margin-bottom: 0;\n color: var(--#{$CSS_VAR_PFX}submenu-txt-color);\n background: var(--#{$CSS_VAR_PFX}submenu-bg-color);\n border: var(--#{$CSS_VAR_PFX}border-width) solid var(--#{$CSS_VAR_PFX}local-border-color);\n border-radius: var(--#{$CSS_VAR_PFX}border-radius);\n\n &[class*=\"style-\"] {\n --#{$CSS_VAR_PFX}submenu-bg-color: var(--#{$CSS_VAR_PFX}local-bg-color);\n --#{$CSS_VAR_PFX}submenu-txt-color: var(--#{$CSS_VAR_PFX}local-txt-color);\n --#{$CSS_VAR_PFX}submenu-border-color: var(--#{$CSS_VAR_PFX}local-border-color);\n --#{$CSS_VAR_PFX}submenu-item-bg-color: var(--#{$CSS_VAR_PFX}local-bg-color);\n --#{$CSS_VAR_PFX}submenu-item-bg-color__hover: var(--#{$CSS_VAR_PFX}local-bg-color);\n --#{$CSS_VAR_PFX}submenu-item-bg-color__focus: var(--#{$CSS_VAR_PFX}local-bg-color);\n --#{$CSS_VAR_PFX}submenu-item-txt-color: var(--#{$CSS_VAR_PFX}local-txt-color);\n --#{$CSS_VAR_PFX}submenu-item-txt-color__hover: var(--#{$CSS_VAR_PFX}local-txt-color);\n --#{$CSS_VAR_PFX}submenu-item-txt-color__focus: var(--#{$CSS_VAR_PFX}local-txt-color);\n }\n\n .menu-item {\n font-size: 0.9em;\n margin: 0;\n color: var(--#{$CSS_VAR_PFX}submenu-item-txt-color);\n background: var(--#{$CSS_VAR_PFX}submenu-item-bg-color);\n\n &:not(:first-child) {\n margin-top: 0.32em;\n }\n\n a {\n padding: 0.64em 1.25em;\n }\n\n &:hover {\n color: var(--#{$CSS_VAR_PFX}submenu-item-txt-color__hover);\n background: var(--#{$CSS_VAR_PFX}submenu-item-bg-color__hover);\n }\n\n &.active {\n color: var(--#{$CSS_VAR_PFX}submenu-active-item-txt-color);\n background: var(--#{$CSS_VAR_PFX}submenu-active-item-bg-color);\n }\n\n &:focus,\n &:focus-within {\n color: var(--#{$CSS_VAR_PFX}submenu-item-txt-color__focus);\n background: var(--#{$CSS_VAR_PFX}submenu-item-bg-color__focus);\n }\n\n // additional space for menu item arrow\n &.arrow-button:after {\n @if $IS_LTR {\n margin-right: 0.75em;\n } @else {\n margin-left: 0.75em;\n }\n }\n\n &.heading {\n font-weight: var(--#{$CSS_VAR_PFX}medium-font-weight);\n padding: 1em 0.75em 0.5em;\n color: var(--#{$CSS_VAR_PFX}submenu-txt-color) !important;\n background: var(--#{$CSS_VAR_PFX}submenu-bg-color) !important;\n }\n\n &.separator {\n height: var(--#{$CSS_VAR_PFX}border-width);\n margin: 0.5em 0 !important;\n background: var(--#{$CSS_VAR_PFX}local-border-color) !important;\n opacity: 0.5;\n }\n }\n\n .pointer-arrow,\n &[class*=\"arrow-\"]:before {\n content: \" \";\n position: absolute;\n height: 0;\n width: 0;\n border-style: solid;\n will-change: top, bottom, left, right;\n }\n\n &[data-popper-placement=\"bottom\"] .pointer-arrow,\n &.arrow-top:before {\n top: -0.5em;\n bottom: -0.5em;\n border-width: 0 0.64em 0.64em 0.64em;\n border-color: var(--#{$CSS_VAR_PFX}local-bg-color) transparent;\n filter: drop-shadow(0 calc(var(--#{$CSS_VAR_PFX}border-width) * -1) 0 var(--#{$CSS_VAR_PFX}local-border-color));\n }\n\n &[data-popper-placement=\"top\"] .pointer-arrow,\n &.arrow-bottom:before {\n bottom: -0.5em;\n border-width: 0.64em 0.64em 0 0.64em;\n border-color: var(--#{$CSS_VAR_PFX}local-bg-color) transparent;\n filter: drop-shadow(0 var(--#{$CSS_VAR_PFX}border-width) 0 var(--#{$CSS_VAR_PFX}local-border-color));\n }\n\n &[data-popper-placement=\"right\"] .pointer-arrow,\n &.arrow-left:before {\n left: -0.5em;\n border-width: 0.64em 0.64em 0.64em 0;\n border-color: transparent var(--#{$CSS_VAR_PFX}local-bg-color);\n filter: drop-shadow(calc(var(--#{$CSS_VAR_PFX}border-width) * -1) 0 0 var(--#{$CSS_VAR_PFX}local-border-color));\n }\n\n &[data-popper-placement=\"left\"] .pointer-arrow,\n &.arrow-right:before {\n right: -0.5em;\n border-width: 0.64em 0 0.64em 0.64em;\n border-color: transparent var(--#{$CSS_VAR_PFX}local-bg-color);\n filter: drop-shadow(var(--#{$CSS_VAR_PFX}border-width) 0 0 var(--#{$CSS_VAR_PFX}local-border-color));\n }\n\n &.arrow-top:before,\n &.arrow-bottom:before {\n @if $IS_LTR {\n left: 2em;\n } @else {\n right: 2em;\n }\n }\n &.arrow-left:before,\n &.arrow-right:before {\n top: 2em;\n }\n}\n",":root {\n --#{$CSS_VAR_PFX}dropdown-animation-show-duration: #{$DROPDOWN_SHOW_ANIMATION_DURATION};\n --#{$CSS_VAR_PFX}dropdown-animation-hide-duration: #{$DROPDOWN_HIDE_ANIMATION_DURATION};\n\n --#{$CSS_VAR_PFX}dropdown-animation-show: flatify-dropdown-show var(--#{$CSS_VAR_PFX}dropdown-animation-show-duration)\n cubic-bezier(0.52, 0.42, 0.44, 1.44);\n --#{$CSS_VAR_PFX}dropdown-animation-hide: flatify-dropdown-hide var(--#{$CSS_VAR_PFX}dropdown-animation-hide-duration)\n cubic-bezier(0.52, 0.42, 0.44, 1.44) both;\n}\n\n.dropdown-wrapper {\n position: relative;\n display: inline-block;\n\n &:not(.free-size) {\n .dropdown {\n width: 110%;\n }\n }\n}\n\n.dropdown {\n position: absolute;\n z-index: $ZINDEX_DROPDOWN;\n display: none;\n will-change: top, bottom, left, right;\n\n &.show {\n display: block;\n animation: var(--#{$CSS_VAR_PFX}dropdown-animation-show);\n }\n\n &.dropdown-will-be-hidden {\n animation: var(--#{$CSS_VAR_PFX}dropdown-animation-hide);\n }\n}\n",".popover {\n .dropdown {\n font-size: 0.9em;\n z-index: $ZINDEX_POPOVER;\n }\n}\n",":root {\n --#{$CSS_VAR_PFX}modal-bg-color: var(--#{$CSS_VAR_PFX}bg-color);\n --#{$CSS_VAR_PFX}modal-txt-color: var(--#{$CSS_VAR_PFX}txt-color);\n --#{$CSS_VAR_PFX}modal-border-color: var(--#{$CSS_VAR_PFX}bg-color-darker);\n\n // *** modal animations\n --#{$CSS_VAR_PFX}modal-animation-show-duration: #{$MODAL_SHOW_ANIMATION_DURATION};\n --#{$CSS_VAR_PFX}modal-animation-hide-duration: #{$MODAL_HIDE_ANIMATION_DURATION};\n\n // default\n --#{$CSS_VAR_PFX}modal-animation-default-show: flatify-blow-in var(--#{$CSS_VAR_PFX}modal-animation-show-duration)\n cubic-bezier(0.52, 0.42, 0.44, 1.44);\n --#{$CSS_VAR_PFX}modal-animation-default-hide: flatify-blow-out var(--#{$CSS_VAR_PFX}modal-animation-hide-duration)\n cubic-bezier(0.52, 0.42, 0.44, 1.44) both;\n\n // top\n --#{$CSS_VAR_PFX}modal-animation-top-show: flatify-slide-down-in var(--#{$CSS_VAR_PFX}modal-animation-show-duration)\n ease;\n --#{$CSS_VAR_PFX}modal-animation-top-hide: flatify-slide-down-out var(--#{$CSS_VAR_PFX}modal-animation-hide-duration)\n ease both;\n\n // bottom\n --#{$CSS_VAR_PFX}modal-animation-bottom-show: flatify-slide-up-in var(--#{$CSS_VAR_PFX}modal-animation-show-duration)\n ease;\n --#{$CSS_VAR_PFX}modal-animation-bottom-hide: flatify-slide-up-out var(--#{$CSS_VAR_PFX}modal-animation-hide-duration)\n ease both;\n\n // left\n --#{$CSS_VAR_PFX}modal-animation-left-show: flatify-slide-right-in var(--#{$CSS_VAR_PFX}modal-animation-show-duration)\n ease;\n --#{$CSS_VAR_PFX}modal-animation-left-hide: flatify-slide-right-out\n var(--#{$CSS_VAR_PFX}modal-animation-hide-duration) ease both;\n\n // right\n --#{$CSS_VAR_PFX}modal-animation-right-show: flatify-slide-left-in var(--#{$CSS_VAR_PFX}modal-animation-show-duration)\n ease;\n --#{$CSS_VAR_PFX}modal-animation-right-hide: flatify-slide-left-out\n var(--#{$CSS_VAR_PFX}modal-animation-hide-duration) ease both;\n}\n\n$modal-border: var(--#{$CSS_VAR_PFX}border-width) solid var(--#{$CSS_VAR_PFX}local-border-color);\n\n.modal {\n --#{$CSS_VAR_PFX}local-bg-color: var(--#{$CSS_VAR_PFX}modal-bg-color);\n --#{$CSS_VAR_PFX}local-border-color: var(--#{$CSS_VAR_PFX}modal-border-color);\n // Basically there is no need for scrolling, if there is it should be the [.modal-body] not the modal itself.\n overflow: hidden;\n position: fixed;\n z-index: $ZINDEX_MODAL;\n top: 5em;\n left: 0;\n right: 0;\n display: none;\n width: 90%;\n height: fit-content;\n max-width: 32em; // 512px\n margin: 0 auto;\n color: var(--#{$CSS_VAR_PFX}modal-txt-color);\n background: var(--#{$CSS_VAR_PFX}modal-bg-color);\n border: $modal-border;\n box-shadow: inset 0 -0.125em 0 var(--#{$CSS_VAR_PFX}local-border-color);\n border-radius: var(--#{$CSS_VAR_PFX}border-radius);\n\n &.modal-sm {\n font-size: 0.9em;\n max-width: 20em;\n }\n\n &.modal-lg {\n font-size: 1.2em;\n max-width: 45em;\n }\n\n &.show {\n display: block;\n animation: var(--#{$CSS_VAR_PFX}modal-animation-default-show);\n }\n\n &.modal-will-be-hidden {\n animation: var(--#{$CSS_VAR_PFX}modal-animation-default-hide);\n }\n\n &.modal-center {\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n margin: auto;\n }\n &.modal-top {\n bottom: unset;\n top: 0;\n left: 0;\n right: 0;\n margin: 0 auto;\n border-top: none !important;\n border-radius: 0 0 var(--#{$CSS_VAR_PFX}border-radius) var(--#{$CSS_VAR_PFX}border-radius);\n\n &.show {\n animation: var(--#{$CSS_VAR_PFX}modal-animation-top-show);\n }\n\n &.modal-will-be-hidden {\n animation: var(--#{$CSS_VAR_PFX}modal-animation-top-hide);\n }\n }\n &.modal-bottom {\n top: unset;\n bottom: 0;\n left: 0;\n right: 0;\n margin: 0 auto;\n border-bottom: none !important;\n box-shadow: inset 0 0.125em 0 var(--#{$CSS_VAR_PFX}local-border-color);\n border-radius: var(--#{$CSS_VAR_PFX}border-radius) var(--#{$CSS_VAR_PFX}border-radius) 0 0;\n\n &.show {\n animation: var(--#{$CSS_VAR_PFX}modal-animation-bottom-show);\n }\n\n &.modal-will-be-hidden {\n animation: var(--#{$CSS_VAR_PFX}modal-animation-bottom-hide);\n }\n }\n &.modal-left {\n right: unset;\n left: 0;\n top: 0;\n bottom: 0;\n margin: auto 0;\n border-left: none !important;\n box-shadow: inset -0.125em 0 0 var(--#{$CSS_VAR_PFX}local-border-color);\n border-radius: 0 var(--#{$CSS_VAR_PFX}border-radius) var(--#{$CSS_VAR_PFX}border-radius) 0;\n\n &.show {\n animation: var(--#{$CSS_VAR_PFX}modal-animation-left-show);\n }\n\n &.modal-will-be-hidden {\n animation: var(--#{$CSS_VAR_PFX}modal-animation-left-hide);\n }\n }\n &.modal-right {\n left: unset;\n right: 0;\n top: 0;\n bottom: 0;\n margin: auto 0;\n border-right: none !important;\n box-shadow: inset 0.125em 0 0 var(--#{$CSS_VAR_PFX}local-border-color);\n border-radius: var(--#{$CSS_VAR_PFX}border-radius) 0 0 var(--#{$CSS_VAR_PFX}border-radius);\n\n &.show {\n animation: var(--#{$CSS_VAR_PFX}modal-animation-right-show);\n }\n\n &.modal-will-be-hidden {\n animation: var(--#{$CSS_VAR_PFX}modal-animation-right-hide);\n }\n }\n\n &.bordered {\n .modal-header {\n border-bottom: $modal-border;\n }\n .modal-footer {\n border-top: $modal-border;\n }\n }\n\n // Do not limit width when width setter class is added.\n &[class*=\"width-\"] {\n max-width: unset;\n }\n\n .close-modal {\n background: var(--#{$CSS_VAR_PFX}local-bg-color);\n }\n}\n\n.modal-content {\n display: flex;\n flex-direction: column;\n height: 100%;\n}\n\n.modal-header {\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 0.75em 1.25em;\n\n .modal-title {\n font-size: 1.4em;\n font-weight: var(--#{$CSS_VAR_PFX}medium-font-weight);\n margin-bottom: 0;\n }\n}\n\n.modal-body {\n flex-grow: 1; // fill the space when height is 100%\n padding: 0.75em 1.25em;\n}\n\n.modal-footer {\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 0.5em 1.25em;\n}\n",":root {\n --#{$CSS_VAR_PFX}loading-color: currentColor;\n --#{$CSS_VAR_PFX}loading-dot-width: 0.5em;\n --#{$CSS_VAR_PFX}loading-dot-height: 0.5em;\n --#{$CSS_VAR_PFX}loading-dot-animation-start-scale: 1.5;\n --#{$CSS_VAR_PFX}loading-dot-animation-duration: 1.2s;\n --#{$CSS_VAR_PFX}loading-spinner-animation-duration: 0.75s;\n}\n\n%loading-dot {\n --#{$CSS_VAR_PFX}local-txt-color: var(--#{$CSS_VAR_PFX}loading-color);\n display: block;\n width: var(--#{$CSS_VAR_PFX}loading-dot-width);\n height: var(--#{$CSS_VAR_PFX}loading-dot-height);\n background: var(--#{$CSS_VAR_PFX}local-txt-color);\n border-radius: 10em;\n opacity: 0;\n}\n\n.loading {\n @extend %loading-dot;\n position: relative;\n margin-right: calc(var(--#{$CSS_VAR_PFX}loading-dot-width) * 4);\n // first of all parent should be shown\n animation: flatify-loading-dot-first var(--#{$CSS_VAR_PFX}loading-dot-animation-duration) infinite;\n\n &.stop-animation:before,\n &.stop-animation:after,\n &.stop-animation {\n opacity: 1 !important;\n }\n\n &:before,\n &:after {\n content: \" \";\n position: absolute;\n @extend %loading-dot;\n }\n\n &:before {\n left: calc(var(--#{$CSS_VAR_PFX}loading-dot-width) * 2);\n animation: flatify-loading-dot-second var(--#{$CSS_VAR_PFX}loading-dot-animation-duration) infinite;\n }\n\n &:after {\n left: calc(var(--#{$CSS_VAR_PFX}loading-dot-width) * 4);\n animation: flatify-loading-dot-third var(--#{$CSS_VAR_PFX}loading-dot-animation-duration) infinite;\n }\n}\n\n.overlay-layer {\n & > .spinner,\n & > .loading {\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n z-index: 12;\n margin: auto;\n }\n\n & > .loading {\n left: calc(var(--#{$CSS_VAR_PFX}loading-dot-width) * -4);\n }\n\n // if spinner is inside button make it smaller\n &.button > .spinner {\n font-size: 0.9em;\n }\n}\n\n.spinner {\n --#{$CSS_VAR_PFX}local-txt-color: var(--#{$CSS_VAR_PFX}loading-color);\n display: flex;\n justify-content: space-between;\n width: 2em;\n height: 2em;\n // padding: 0.25em; // is not a wise choice with EM and spin animation, it ruins the circle radius\n border: 0.25em solid transparent;\n border-radius: 50em;\n\n &[class*=\"style-\"] {\n border-color: transparent !important;\n }\n\n &:before {\n content: \" \";\n position: relative;\n width: 100%;\n height: 100%;\n border: 0.25em solid var(--#{$CSS_VAR_PFX}local-txt-color);\n @if $IS_LTR {\n border-left-color: transparent;\n } @else {\n border-right-color: transparent;\n }\n border-radius: 50em;\n animation: flatify-spin var(--#{$CSS_VAR_PFX}loading-spinner-animation-duration) linear infinite;\n }\n}\n",":root {\n --#{$CSS_VAR_PFX}progress-bg-color: var(--#{$CSS_VAR_PFX}bg-color-dark);\n --#{$CSS_VAR_PFX}progress-txt-color: var(--#{$CSS_VAR_PFX}txt-color-inverted);\n --#{$CSS_VAR_PFX}progress-border-color: var(--#{$CSS_VAR_PFX}bg-color-darker);\n --#{$CSS_VAR_PFX}progress-animation-duration: 2.5s;\n}\n\n.progress {\n --#{$CSS_VAR_PFX}local-txt-color: var(--#{$CSS_VAR_PFX}progress-txt-color);\n overflow: hidden;\n display: block;\n width: 100%;\n margin: 0.5em 0;\n color: var(--#{$CSS_VAR_PFX}local-txt-color);\n background: var(--#{$CSS_VAR_PFX}progress-bg-color);\n border-radius: var(--#{$CSS_VAR_PFX}border-radius);\n\n &.bordered {\n border: var(--#{$CSS_VAR_PFX}border-width) solid var(--#{$CSS_VAR_PFX}progress-border-color);\n }\n\n .progress-bar {\n overflow: hidden;\n position: relative;\n font-size: 0.75em;\n min-height: 1.4em;\n padding: 0.125em 0.5em;\n color: var(--#{$CSS_VAR_PFX}local-txt-color);\n background: var(--#{$CSS_VAR_PFX}color-accent-primary);\n border-radius: var(--#{$CSS_VAR_PFX}border-radius);\n will-change: width, transform;\n transition: width var(--#{$CSS_VAR_PFX}long-transition), transform var(--#{$CSS_VAR_PFX}long-transition),\n background var(--#{$CSS_VAR_PFX}simple-transition);\n\n &:after {\n content: \" \";\n position: absolute;\n top: 30%;\n left: 0;\n right: 0;\n width: min(90%, calc(100% - 2em));\n height: 0.32em;\n margin: 0 auto;\n background: currentColor;\n border-radius: var(--#{$CSS_VAR_PFX}border-radius);\n opacity: 0.2;\n }\n }\n\n &.processing {\n cursor: wait;\n\n .progress-bar {\n &:before {\n content: \" \";\n position: absolute;\n top: 0;\n @if $IS_LTR {\n left: 0;\n transform-origin: left;\n } @else {\n right: 0;\n transform-origin: right;\n }\n\n width: 100%;\n // 110% because of FireFox bug\n height: 110%;\n background: var(--#{$CSS_VAR_PFX}color-accent-light);\n // mix-blend-mode: color-dodge;\n animation: flatify-processing linear var(--#{$CSS_VAR_PFX}progress-animation-duration) infinite;\n }\n }\n }\n}\n",".search-bar {\n position: relative;\n\n input[type=\"text\"],\n input[type=\"search\"] {\n width: 100%;\n\n @if $IS_LTR {\n padding-right: 3.14em;\n } @else {\n padding-left: 3.14em;\n }\n\n // on focus background should be lighter.\n &.style-light:focus {\n background: var(--#{$CSS_VAR_PFX}bg-color) !important;\n filter: none !important;\n }\n }\n\n .search-button {\n position: absolute;\n top: 0;\n bottom: 0;\n width: 2.2em;\n height: 2.2em;\n margin: auto 0;\n font-size: 1em;\n color: var(--#{$CSS_VAR_PFX}form-element-txt-color);\n border-radius: calc(var(--#{$CSS_VAR_PFX}border-radius) * 0.75);\n\n @if $IS_LTR {\n right: 0.5em;\n } @else {\n left: 0.5em;\n }\n }\n}\n",":root {\n --#{$CSS_VAR_PFX}tab-txt-color: var(--#{$CSS_VAR_PFX}txt-color);\n --#{$CSS_VAR_PFX}tab-bg-color: var(--#{$CSS_VAR_PFX}bg-color);\n --#{$CSS_VAR_PFX}tab-border-color: var(--#{$CSS_VAR_PFX}bg-color-darker);\n\n --#{$CSS_VAR_PFX}tab-animation-show-duration: #{$TAB_SHOW_ANIMATION_DURATION};\n --#{$CSS_VAR_PFX}tab-animation-hide-duration: #{$TAB_HIDE_ANIMATION_DURATION};\n --#{$CSS_VAR_PFX}tab-animation-show: flatify-blow-in var(--#{$CSS_VAR_PFX}tab-animation-show-duration) ease;\n --#{$CSS_VAR_PFX}tab-animation-hide: flatify-blow-out var(--#{$CSS_VAR_PFX}tab-animation-hide-duration)\n cubic-bezier(0.52, 0.42, 0.44, 1.44) both;\n}\n\n// if color setter classes are used, reset tab CSS variables to local\n.tabs-wrapper[class*=\"style-\"],\n.tabs-header[class*=\"style-\"],\n.tabs-content[class*=\"style-\"] {\n --#{$CSS_VAR_PFX}tab-txt-color: var(--#{$CSS_VAR_PFX}local-txt-color);\n --#{$CSS_VAR_PFX}tab-bg-color: var(--#{$CSS_VAR_PFX}local-bg-color);\n --#{$CSS_VAR_PFX}tab-border-color: var(--#{$CSS_VAR_PFX}local-border-color);\n\n .tab-button.active {\n color: var(--#{$CSS_VAR_PFX}tab-txt-color);\n }\n}\n\n.tabs-wrapper {\n overflow: hidden;\n margin: 1em 0;\n color: var(--#{$CSS_VAR_PFX}tab-txt-color);\n background: var(--#{$CSS_VAR_PFX}tab-bg-color);\n border-radius: var(--#{$CSS_VAR_PFX}border-radius);\n\n &.bordered {\n border: var(--#{$CSS_VAR_PFX}border-width) solid var(--#{$CSS_VAR_PFX}tab-border-color);\n box-shadow: 0 0.125em 0 var(--#{$CSS_VAR_PFX}tab-border-color);\n }\n}\n\n.tabs-header {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n padding: 0 1em;\n color: var(--#{$CSS_VAR_PFX}tab-txt-color);\n background: var(--#{$CSS_VAR_PFX}tab-bg-color);\n border-bottom: var(--#{$CSS_VAR_PFX}border-width) solid var(--#{$CSS_VAR_PFX}tab-border-color);\n\n &.scrollable {\n flex-wrap: nowrap;\n overflow-x: auto;\n overflow-y: hidden;\n scrollbar-width: thin;\n\n .tab-button {\n white-space: nowrap;\n }\n\n // because of the scrollbar they should stick to beginning of the container\n &:not(.line-at-top) {\n .tab-button:before {\n bottom: -1px;\n }\n }\n }\n\n @include break-xs() {\n font-size: 0.9em;\n padding: 0;\n }\n\n .tab-button {\n position: relative;\n text-align: center;\n font-weight: var(--#{$CSS_VAR_PFX}medium-font-weight);\n appearance: none;\n vertical-align: middle;\n width: auto;\n height: 100%;\n padding: 0.75em 1.5em;\n margin: 0 0.38em;\n text-decoration: none !important;\n color: inherit !important;\n background: transparent;\n border: none;\n outline: none;\n opacity: 0.6;\n transition: all var(--#{$CSS_VAR_PFX}simple-transition) !important;\n\n &:hover,\n &:focus {\n opacity: 1;\n\n &:not(.active):before {\n transform: scaleY(1.2) scaleX(0.85);\n }\n }\n\n &:before {\n content: \" \";\n position: absolute;\n bottom: calc(var(--#{$CSS_VAR_PFX}border-width) * -0.5);\n left: 0;\n width: 100%;\n height: calc(var(--#{$CSS_VAR_PFX}border-width) * 1.5);\n background: var(--#{$CSS_VAR_PFX}tab-border-color);\n border-radius: calc(var(--#{$CSS_VAR_PFX}border-radius) * 0.32) calc(var(--#{$CSS_VAR_PFX}border-radius) * 0.32) 0\n 0;\n transform-origin: bottom center;\n transition: all var(--#{$CSS_VAR_PFX}simple-transition) !important;\n }\n &:not(.active) {\n &:before {\n transform: scaleY(0);\n }\n }\n\n &.active {\n color: var(--#{$CSS_VAR_PFX}color-accent-primary) !important;\n opacity: 1;\n\n &:before {\n background: var(--#{$CSS_VAR_PFX}color-accent-primary);\n }\n }\n\n .badge {\n vertical-align: middle;\n\n @if $IS_LTR {\n margin-left: 0.5em;\n } @else {\n margin-right: 0.5em;\n }\n }\n }\n\n &.line-at-top {\n .tab-button:before {\n bottom: unset;\n top: 0;\n border-radius: 0 0 calc(var(--#{$CSS_VAR_PFX}border-radius) * 0.32)\n calc(var(--#{$CSS_VAR_PFX}border-radius) * 0.32);\n transform-origin: top center;\n }\n }\n}\n\n.tabs-content {\n overflow: hidden;\n color: var(--#{$CSS_VAR_PFX}tab-txt-color);\n background: var(--#{$CSS_VAR_PFX}tab-bg-color);\n\n .tab-panel {\n padding: 1em;\n }\n\n .tab-panel:not(.show) {\n display: none !important;\n }\n\n &.no-animation {\n .tab-panel {\n animation-duration: 0s !important;\n }\n }\n\n &.slide-animation {\n .tab-panel.show {\n &.slide-left {\n animation: flatify-slide-left-in-min var(--#{$CSS_VAR_PFX}tab-animation-show-duration) ease;\n &.tab-will-be-hidden {\n animation: flatify-slide-left-out-min var(--#{$CSS_VAR_PFX}tab-animation-hide-duration) ease;\n }\n }\n &.slide-right {\n animation: flatify-slide-right-in-min var(--#{$CSS_VAR_PFX}tab-animation-show-duration) ease;\n &.tab-will-be-hidden {\n animation: flatify-slide-right-out-min var(--#{$CSS_VAR_PFX}tab-animation-hide-duration) ease;\n }\n }\n }\n }\n\n &.fade-animation {\n .tab-panel.show {\n animation: flatify-fade-in var(--#{$CSS_VAR_PFX}tab-animation-show-duration) ease;\n\n &.tab-will-be-hidden {\n animation: flatify-fade-out var(--#{$CSS_VAR_PFX}tab-animation-hide-duration) ease;\n }\n }\n }\n}\n\n.tab-panel.show {\n animation: var(--#{$CSS_VAR_PFX}tab-animation-show);\n\n &.tab-will-be-hidden {\n animation: var(--#{$CSS_VAR_PFX}tab-animation-hide);\n }\n}\n",":root {\n --#{$CSS_VAR_PFX}toast-txt-color: var(--#{$CSS_VAR_PFX}txt-color);\n --#{$CSS_VAR_PFX}toast-bg-color: var(--#{$CSS_VAR_PFX}bg-color);\n --#{$CSS_VAR_PFX}toast-border-color: var(--#{$CSS_VAR_PFX}bg-color-darker);\n --#{$CSS_VAR_PFX}toast-inner-space: 2.5em;\n --#{$CSS_VAR_PFX}toast-animation-show-duration: #{$TOAST_SHOW_ANIMATION_DURATION};\n --#{$CSS_VAR_PFX}toast-animation-hide-duration: #{$TOAST_HIDE_ANIMATION_DURATION};\n --#{$CSS_VAR_PFX}toast-animation-show: flatify-slide-up-in-min var(--#{$CSS_VAR_PFX}toast-animation-show-duration)\n ease;\n --#{$CSS_VAR_PFX}toast-animation-hide: flatify-slide-down-out-min var(--#{$CSS_VAR_PFX}toast-animation-hide-duration)\n ease both;\n}\n\n.toast-wrapper {\n position: fixed;\n width: 20em;\n max-width: 100vw;\n display: flex;\n flex-direction: column;\n z-index: $ZINDEX_TOAST;\n\n &.bottom {\n flex-direction: column-reverse;\n bottom: var(--#{$CSS_VAR_PFX}toast-inner-space);\n }\n &.top {\n flex-direction: column;\n top: var(--#{$CSS_VAR_PFX}toast-inner-space);\n }\n &.left {\n left: var(--#{$CSS_VAR_PFX}toast-inner-space);\n }\n &.right {\n right: var(--#{$CSS_VAR_PFX}toast-inner-space);\n }\n &.center {\n left: 0;\n right: 0;\n margin: 0 auto;\n }\n\n @include break-xs() {\n &.left,\n &.right {\n left: 0;\n right: 0;\n margin: 0 auto;\n }\n --#{$CSS_VAR_PFX}toast-inner-space: 0.5em;\n width: calc(100% - 1em);\n }\n}\n\n.toast {\n --#{$CSS_VAR_PFX}local-txt-color: var(--#{$CSS_VAR_PFX}toast-txt-color);\n --#{$CSS_VAR_PFX}local-bg-color: var(--#{$CSS_VAR_PFX}toast-bg-color);\n --#{$CSS_VAR_PFX}local-border-color: var(--#{$CSS_VAR_PFX}toast-border-color);\n overflow: hidden;\n position: relative;\n width: 100%;\n padding: 0.9em;\n margin: 0.25em 0;\n color: var(--#{$CSS_VAR_PFX}local-txt-color);\n background: var(--#{$CSS_VAR_PFX}local-bg-color);\n border: var(--#{$CSS_VAR_PFX}border-width) solid var(--#{$CSS_VAR_PFX}local-border-color);\n box-shadow: inset 0 -0.125em 0 var(--#{$CSS_VAR_PFX}local-border-color);\n border-radius: var(--#{$CSS_VAR_PFX}border-radius);\n\n &:not(.toast-will-be-removed) {\n animation: var(--#{$CSS_VAR_PFX}toast-animation-show);\n }\n\n &.toast-will-be-removed {\n animation: var(--#{$CSS_VAR_PFX}toast-animation-hide);\n }\n\n &:hover {\n .close-button {\n transition-delay: 0.15s;\n transform: scale(1);\n }\n }\n\n .toast-svg {\n display: inline-block;\n width: 2em;\n max-height: 2em;\n @if $IS_LTR {\n margin-right: 0.32em;\n } @else {\n margin-left: 0.32em;\n }\n opacity: 0.75;\n\n &:not([fill=\"none\"]) {\n fill: currentColor;\n }\n }\n\n .close-button {\n position: absolute;\n top: 0;\n bottom: 0;\n @if $IS_LTR {\n right: 0.25em;\n } @else {\n left: 0.25em;\n }\n font-size: 0.85em;\n margin: auto 0;\n background: var(--#{$CSS_VAR_PFX}local-bg-color);\n box-shadow: 0 0 0.32em 0.32em var(--#{$CSS_VAR_PFX}local-bg-color);\n transform: scale(0);\n }\n}\n",":root {\n --#{$CSS_VAR_PFX}form-element-accent-color: var(--#{$CSS_VAR_PFX}color-accent-primary);\n --#{$CSS_VAR_PFX}form-element-bg-color: var(--#{$CSS_VAR_PFX}bg-color-dark);\n --#{$CSS_VAR_PFX}form-element-txt-color: var(--#{$CSS_VAR_PFX}txt-color);\n --#{$CSS_VAR_PFX}form-element-border-color: var(--#{$CSS_VAR_PFX}bg-color-darker);\n --#{$CSS_VAR_PFX}form-element-border-color__focus: var(--#{$CSS_VAR_PFX}form-element-accent-color);\n --#{$CSS_VAR_PFX}form-element-border-color__valid: var(--#{$CSS_VAR_PFX}color-success-primary);\n --#{$CSS_VAR_PFX}form-element-border-color__warning: var(--#{$CSS_VAR_PFX}color-warning-primary);\n --#{$CSS_VAR_PFX}form-element-border-color__invalid: var(--#{$CSS_VAR_PFX}color-danger-primary);\n}\n\n.form-label {\n &:not(:first-of-type) {\n margin-top: 0.9em;\n }\n\n &.inline:not(:first-child) {\n @if $IS_LTR {\n margin-left: 0.38em;\n } @else {\n margin-right: 0.38em;\n }\n }\n\n &:not(.inline) {\n display: block;\n @if $IS_LTR {\n margin-left: 0.38em;\n } @else {\n margin-right: 0.38em;\n }\n }\n}\n\n// [.floating-label] should added to [.input-wrapper]\n.floating-label {\n textarea,\n input {\n padding: 1.64em 1em 0.5em !important;\n\n &:not(:placeholder-shown) + .form-label,\n &:focus + .form-label {\n opacity: 0.5;\n transform: scale(0.75) translateY(-0.9em);\n }\n\n &::placeholder {\n opacity: 0 !important;\n }\n }\n\n .form-label {\n pointer-events: none;\n position: absolute;\n top: 0;\n bottom: 0;\n margin: auto 0;\n height: fit-content;\n opacity: 0.8;\n will-change: opacity, transform;\n transition: all var(--#{$CSS_VAR_PFX}bouncing-transition);\n\n @if $IS_LTR {\n transform-origin: top left;\n left: 1em;\n } @else {\n transform-origin: top right;\n right: 1em;\n }\n }\n\n &.is-textarea {\n .form-label {\n top: 1.5em;\n bottom: unset;\n }\n }\n}\n\n%form-element {\n font-size: 0.9em;\n padding: 0.8em 1em;\n margin: 0.38em 0;\n color: var(--#{$CSS_VAR_PFX}form-element-txt-color);\n background: var(--#{$CSS_VAR_PFX}form-element-bg-color);\n border: var(--#{$CSS_VAR_PFX}border-width) solid var(--#{$CSS_VAR_PFX}form-element-border-color);\n border-radius: var(--#{$CSS_VAR_PFX}border-radius);\n filter: brightness(100%);\n outline: none !important;\n will-change: filter;\n transition: all var(--#{$CSS_VAR_PFX}simple-transition);\n\n &:hover:not(:focus) {\n filter: brightness(var(--#{$CSS_VAR_PFX}hover-brightness));\n }\n\n &:focus {\n border-color: var(--#{$CSS_VAR_PFX}form-element-border-color__focus) !important;\n }\n\n &::placeholder {\n color: inherit;\n opacity: 0.45;\n transition: all var(--#{$CSS_VAR_PFX}simple-transition);\n }\n\n &:focus::placeholder {\n // hide placeholder on focus\n opacity: 0;\n }\n\n &[class*=\"style-\"] {\n --#{$CSS_VAR_PFX}form-element-bg-color: var(--#{$CSS_VAR_PFX}local-bg-color);\n --#{$CSS_VAR_PFX}form-element-txt-color: var(--#{$CSS_VAR_PFX}local-txt-color);\n --#{$CSS_VAR_PFX}form-element-border-color: var(--#{$CSS_VAR_PFX}local-border-color);\n --#{$CSS_VAR_PFX}form-element-border-color__focus: var(--#{$CSS_VAR_PFX}local-border-color-dark);\n }\n\n .input-wrapper.invalid &,\n &.invalid {\n border-color: var(--#{$CSS_VAR_PFX}form-element-border-color) !important;\n --#{$CSS_VAR_PFX}form-element-border-color: var(--#{$CSS_VAR_PFX}form-element-border-color__invalid) !important;\n --#{$CSS_VAR_PFX}form-element-border-color__focus: var(\n --#{$CSS_VAR_PFX}form-element-border-color__invalid\n ) !important;\n }\n\n &:focus:invalid {\n --#{$CSS_VAR_PFX}form-element-border-color__focus: var(\n --#{$CSS_VAR_PFX}form-element-border-color__invalid\n ) !important;\n }\n\n .input-wrapper.warning &,\n &.warning {\n border-color: var(--#{$CSS_VAR_PFX}form-element-border-color) !important;\n --#{$CSS_VAR_PFX}form-element-border-color: var(--#{$CSS_VAR_PFX}form-element-border-color__warning) !important;\n --#{$CSS_VAR_PFX}form-element-border-color__focus: var(\n --#{$CSS_VAR_PFX}form-element-border-color__warning\n ) !important;\n }\n\n .input-wrapper.valid &,\n &.valid {\n border-color: var(--#{$CSS_VAR_PFX}form-element-border-color) !important;\n --#{$CSS_VAR_PFX}form-element-border-color: var(--#{$CSS_VAR_PFX}form-element-border-color__valid);\n --#{$CSS_VAR_PFX}form-element-border-color__focus: var(--#{$CSS_VAR_PFX}form-element-border-color__valid);\n }\n\n // Just elements with [readonly] attribute instead of CSS [:read-only] that also considers [disabled] elements.\n &[readonly] {\n filter: none !important;\n --#{$CSS_VAR_PFX}form-element-border-color__focus: var(--#{$CSS_VAR_PFX}form-element-border-color) !important;\n }\n\n &.disabled,\n &:disabled {\n pointer-events: none;\n filter: contrast(85%) brightness(85%) opacity(70%) !important;\n }\n}\n\n.checkbox-wrapper,\n.radio-wrapper,\n.toggle-wrapper {\n position: relative;\n display: flex;\n align-items: center;\n margin: 0.75em 0;\n\n &:hover,\n &:focus-within {\n .check {\n filter: brightness(var(--#{$CSS_VAR_PFX}hover-brightness));\n }\n }\n\n &.valid {\n .check {\n border-color: var(--#{$CSS_VAR_PFX}form-element-border-color__valid);\n }\n }\n &.warning {\n .check {\n border-color: var(--#{$CSS_VAR_PFX}form-element-border-color__warning);\n }\n }\n input:invalid + .check,\n &.invalid .check {\n border-color: var(--#{$CSS_VAR_PFX}form-element-border-color__invalid);\n }\n\n .check {\n position: relative;\n display: inline-block;\n min-width: 1.5em;\n max-width: 1.5em;\n height: 1.5em;\n background: var(--#{$CSS_VAR_PFX}form-element-bg-color);\n border: var(--#{$CSS_VAR_PFX}border-width) solid var(--#{$CSS_VAR_PFX}form-element-border-color);\n border-radius: calc(var(--#{$CSS_VAR_PFX}border-radius) * 0.5);\n transition: all var(--#{$CSS_VAR_PFX}simple-transition);\n\n &.after-label {\n @if $IS_LTR {\n margin-left: 0.5em;\n } @else {\n margin-right: 0.5em;\n }\n }\n\n &:not(.after-label) {\n @if $IS_LTR {\n margin-right: 0.5em;\n } @else {\n margin-left: 0.5em;\n }\n }\n\n &:after {\n content: \" \";\n position: absolute;\n top: 0;\n left: 0;\n z-index: 1;\n border-radius: var(--#{$CSS_VAR_PFX}border-radius);\n transition: all var(--#{$CSS_VAR_PFX}simple-transition);\n }\n }\n\n input:not(:disabled) + .check {\n cursor: pointer;\n }\n\n input:disabled + .check {\n pointer-events: none;\n filter: contrast(85%) brightness(85%) opacity(70%) !important;\n\n &:after {\n background: var(--#{$CSS_VAR_PFX}form-element-border-color__invalid);\n }\n }\n\n input {\n position: absolute;\n top: 0;\n left: 0;\n opacity: 0;\n }\n}\n\n.radio-button,\n.checkbox-button {\n appearance: none !important;\n width: 0 !important;\n height: 0 !important;\n padding: 0 !important;\n border: none !important;\n opacity: 0 !important;\n}\n","// Input wrapper to add [::before] & [::after] for input styles\n.input-wrapper {\n position: relative;\n display: flex;\n align-items: center;\n\n input {\n width: 100%;\n }\n\n &.toggle-password,\n &.invalid,\n &.warning,\n &.valid {\n input {\n @if $IS_LTR {\n padding-right: 3.5em;\n } @else {\n padding-left: 3.5em;\n }\n }\n\n &:after {\n content: \" \";\n position: absolute;\n top: 0;\n bottom: 0;\n z-index: 1;\n margin: auto 0;\n border-radius: var(--#{$CSS_VAR_PFX}border-radius);\n transition: all var(--#{$CSS_VAR_PFX}simple-transition);\n }\n }\n\n &.invalid {\n &:after {\n @if $IS_LTR {\n right: 1.35em;\n } @else {\n left: 1.35em;\n }\n\n width: 1em;\n height: 0.25em;\n background: var(--#{$CSS_VAR_PFX}form-element-border-color__invalid);\n }\n }\n\n &.warning {\n &:after {\n @if $IS_LTR {\n right: 1.55em;\n } @else {\n left: 1.55em;\n }\n\n width: 0.5em;\n height: 0.5em;\n background: var(--#{$CSS_VAR_PFX}form-element-border-color__warning);\n }\n\n &:focus-within:after {\n animation: flatify-fade-out 1s infinite;\n }\n }\n\n &.valid {\n &:before {\n content: \" \";\n position: absolute;\n top: 0.45em;\n bottom: 0;\n z-index: 1;\n margin: auto 0;\n border-radius: var(--#{$CSS_VAR_PFX}border-radius);\n transition: all var(--#{$CSS_VAR_PFX}simple-transition);\n // This animation will be played on state change because invalid or warning\n // does not have [::before] so it will get flashed without this animation, that is bad.\n animation: flatify-fade-in 0.35s;\n\n @if $IS_LTR {\n right: 1.75em;\n } @else {\n left: 0.8em;\n }\n\n width: 0.64em;\n height: 0.25em;\n background: var(--#{$CSS_VAR_PFX}form-element-border-color__valid);\n transform: rotate(45deg);\n }\n\n &:after {\n @if $IS_LTR {\n right: 1em;\n } @else {\n left: 1em;\n }\n\n width: 1.2em;\n height: 0.25em;\n background: var(--#{$CSS_VAR_PFX}form-element-border-color__valid);\n transform: rotate(-55deg);\n }\n }\n\n .show-password-button {\n position: absolute;\n top: 0;\n bottom: 0;\n // should be over [.input-wrapper] ::before and ::after\n z-index: 3;\n @if $IS_LTR {\n right: 0.5em;\n } @else {\n left: 0.5em;\n }\n font-size: 1em;\n width: 2.5em;\n height: 2.5em;\n padding: 0.5em;\n margin: auto 0;\n color: var(--#{$CSS_VAR_PFX}form-element-txt-color);\n background: transparent;\n border: none;\n border-radius: calc(var(--#{$CSS_VAR_PFX}border-radius) * 0.75);\n\n @media (prefers-reduced-motion: no-preference) {\n &:active,\n &:focus-visible {\n &:before {\n transform: scale(0.85) !important;\n }\n }\n }\n\n &:before {\n content: \"\";\n display: block;\n width: 100%;\n height: 100%;\n background-color: currentColor;\n mask: var(--#{$CSS_VAR_PFX}eye-icon) no-repeat 50% 50%;\n -webkit-mask: var(--#{$CSS_VAR_PFX}eye-icon) no-repeat 50% 50%;\n transition: all var(--#{$CSS_VAR_PFX}simple-transition);\n }\n\n &:after {\n content: \" \";\n position: absolute;\n @if $IS_LTR {\n right: 0.5em;\n } @else {\n left: 0.5em;\n }\n top: 0;\n bottom: 0;\n z-index: 1;\n width: 1.5em;\n height: 0.18em;\n margin: auto 0;\n background: currentColor;\n border-radius: var(--#{$CSS_VAR_PFX}border-radius);\n transform: rotate(-30deg);\n clip-path: circle(200% at right);\n transition: all var(--#{$CSS_VAR_PFX}bouncing-transition);\n }\n }\n\n &.visible-password .show-password-button {\n &:after {\n clip-path: circle(0% at right);\n }\n }\n\n // blink eye icon every 7s when password is shown.\n @media (prefers-reduced-motion: no-preference) {\n &.visible-password .show-password-button:not(:active) {\n &:before {\n animation: flatify-eye-blink 7s infinite;\n }\n }\n }\n}\n\ninput:not(.default) {\n @extend %form-element;\n}\n\n// when password is entered give letters more space.\ninput[type=\"password\"]:not(:placeholder-shown) {\n letter-spacing: 0.18em;\n}\n\ninput[type=\"color\"]:not(.default) {\n width: 3.14em;\n height: 2.75em;\n padding: 0.5em;\n border-radius: calc(var(--#{$CSS_VAR_PFX}border-radius) * 0.75);\n}\n\ninput[type=\"file\"]:not(.default) {\n filter: brightness(100%);\n\n &::file-selector-button {\n @extend %button;\n cursor: pointer;\n font-size: 0.9em;\n color: inherit;\n background: inherit !important;\n filter: brightness(var(--#{$CSS_VAR_PFX}hover-brightness));\n vertical-align: baseline;\n\n @if $IS_LTR {\n margin: 0 0.75em 0 0;\n } @else {\n margin: 0 0 0 0.75em;\n }\n }\n}\n\n// Buttons with [.button] should not have border\ninput[type=\"submit\"],\ninput[type=\"reset\"],\ninput[type=\"button\"] {\n &.button {\n border: none !important;\n }\n}\n",".checkbox-wrapper {\n input:not(:checked) + .check {\n &:after {\n clip-path: circle(0% at left);\n }\n }\n\n input:checked:not(:indeterminate) + .check {\n &:before {\n content: \" \";\n position: absolute;\n top: 0.7em;\n left: 0.15em;\n z-index: 1;\n width: 0.5em;\n height: 0.22em;\n background: var(--#{$CSS_VAR_PFX}form-element-border-color__valid);\n border-radius: var(--#{$CSS_VAR_PFX}border-radius);\n transition: all var(--#{$CSS_VAR_PFX}simple-transition);\n transform: rotate(45deg);\n animation: flatify-fade-in 0.35s;\n }\n\n &:after {\n top: 0.55em;\n left: 0.3em;\n width: 0.9em;\n height: 0.22em;\n background: var(--#{$CSS_VAR_PFX}form-element-border-color__valid);\n clip-path: circle(200% at bottom);\n transform: rotate(-50deg);\n transition: clip-path linear 0.5s 0.1s;\n }\n }\n\n input:indeterminate + .check {\n &:after {\n background: var(--#{$CSS_VAR_PFX}form-element-accent-color);\n }\n }\n\n input:indeterminate + .check,\n input:disabled:not(:checked) + .check {\n &:after {\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n width: 0.75em;\n height: 0.2em;\n margin: auto;\n clip-path: circle(200% at bottom);\n transition: clip-path linear 0.4s 0.1s;\n animation: flatify-grow-x 0.2s both;\n }\n }\n}\n",".radio-wrapper {\n .check {\n &:after {\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n width: 0.5em;\n height: 0.5em;\n margin: auto;\n border-radius: calc(var(--#{$CSS_VAR_PFX}border-radius) * 0.2);\n }\n }\n\n input:checked + .check {\n &:after {\n background: var(--#{$CSS_VAR_PFX}form-element-border-color__valid);\n animation: flatify-grow 0.25s cubic-bezier(0.85, -0.57, 0.36, 1.72) both;\n }\n }\n}\n","input[type=\"range\"]:not(.default) {\n -webkit-appearance: none;\n width: 100%;\n background: transparent !important;\n border: none;\n filter: none !important;\n\n &::-moz-range-track {\n cursor: pointer;\n width: 100%;\n height: max(3px, calc(var(--#{$CSS_VAR_PFX}border-width) * 1.5));\n background: var(--#{$CSS_VAR_PFX}form-element-border-color);\n border-radius: calc(var(--#{$CSS_VAR_PFX}border-radius) * 0.5);\n }\n\n &::-webkit-slider-runnable-track {\n cursor: pointer;\n width: 100%;\n height: max(3px, calc(var(--#{$CSS_VAR_PFX}border-width) * 1.5));\n background: var(--#{$CSS_VAR_PFX}form-element-border-color);\n border-radius: calc(var(--#{$CSS_VAR_PFX}border-radius) * 0.5);\n }\n\n &::-moz-range-thumb {\n -webkit-appearance: none;\n cursor: pointer;\n height: 1.24em;\n width: 1.24em;\n background: var(--#{$CSS_VAR_PFX}form-element-bg-color);\n border-radius: calc(var(--#{$CSS_VAR_PFX}border-radius) * 0.5);\n border: max(1px, var(--#{$CSS_VAR_PFX}border-width)) solid var(--#{$CSS_VAR_PFX}form-element-border-color);\n transition: all var(--#{$CSS_VAR_PFX}simple-transition);\n }\n\n &::-webkit-slider-thumb {\n -webkit-appearance: none;\n cursor: pointer;\n height: 1.24em;\n width: 1.24em;\n margin: -0.55em; // webkit thumb should be positioned manually\n background: var(--#{$CSS_VAR_PFX}form-element-bg-color);\n border-radius: calc(var(--#{$CSS_VAR_PFX}border-radius) * 0.5);\n border: max(1px, var(--#{$CSS_VAR_PFX}border-width)) solid var(--#{$CSS_VAR_PFX}form-element-border-color);\n transition: all var(--#{$CSS_VAR_PFX}simple-transition);\n }\n\n &:hover::-moz-range-thumb {\n filter: brightness(var(--#{$CSS_VAR_PFX}hover-brightness));\n }\n\n &:hover::-webkit-slider-thumb {\n filter: brightness(var(--#{$CSS_VAR_PFX}hover-brightness));\n }\n\n @media (prefers-reduced-motion: no-preference) {\n &:active::-moz-range-thumb {\n transform: scale(0.85);\n }\n\n &:active::-webkit-slider-thumb {\n transform: scale(0.85);\n }\n }\n\n &:focus::-moz-range-thumb {\n border-color: var(--#{$CSS_VAR_PFX}form-element-border-color__focus);\n filter: brightness(var(--#{$CSS_VAR_PFX}hover-brightness));\n }\n\n &:focus::-webkit-slider-thumb {\n border-color: var(--#{$CSS_VAR_PFX}form-element-border-color__focus);\n filter: brightness(var(--#{$CSS_VAR_PFX}hover-brightness));\n }\n}\n","select:not(.default) {\n @extend %form-element;\n\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n min-width: 15em;\n max-width: 100%;\n\n @if $IS_LTR {\n padding-right: 2.5em;\n } @else {\n padding-left: 2.5em;\n }\n\n background-image: var(--#{$CSS_VAR_PFX}select-icon);\n background-repeat: no-repeat;\n @if $IS_LTR {\n background-position: right 0.64em center;\n } @else {\n background-position: left 0.64em center;\n }\n\n &[multiple] {\n // hide default scroll when there is no overflow\n overflow-y: auto;\n padding: 1em !important;\n background-image: none !important;\n }\n}\n\nselect option {\n padding: 0.32em;\n color: var(--#{$CSS_VAR_PFX}form-element-txt-color);\n background: var(--#{$CSS_VAR_PFX}form-element-bg-color);\n}\n",".toggle-wrapper {\n &:hover:not(:focus-within) {\n input:not(:disabled) + .check:after {\n @if $IS_LTR {\n transform: translateX(0.3em);\n } @else {\n transform: translateX(-0.3em);\n }\n }\n }\n\n .check {\n // force minimum width for limited space cases\n min-width: 3em;\n width: 3em;\n\n &:after {\n top: 0;\n bottom: 0;\n\n @if $IS_LTR {\n left: 0.18em;\n } @else {\n right: 0.18em;\n }\n\n width: 0.9em;\n height: 0.9em;\n margin: auto 0;\n background: var(--#{$CSS_VAR_PFX}form-element-border-color);\n border-radius: calc(var(--#{$CSS_VAR_PFX}border-radius) * 0.3);\n transition: all var(--#{$CSS_VAR_PFX}bouncing-transition);\n }\n }\n\n input:checked + .check {\n &:after {\n @if $IS_LTR {\n transform: translateX(1.4em) !important;\n } @else {\n transform: translateX(-1.4em) !important;\n }\n background: var(--#{$CSS_VAR_PFX}form-element-accent-color);\n }\n }\n\n // To prevent delayed animation it is not available for touch users\n @media (pointer: fine) and (prefers-reduced-motion: no-preference) {\n &:active {\n .check:after {\n transition: all 0.1s 0.05s;\n }\n\n input:disabled {\n &:not(:checked) + .check:after {\n transform: scale(1) !important;\n }\n &:checked + .check:after {\n transform: scale(1) translateX(1.4em) !important;\n }\n }\n\n input:not(:checked) + .check:after {\n transform: scaleX(1.2) scaleY(0.7) !important;\n }\n\n input:checked + .check:after {\n @if $IS_LTR {\n transform: translateX(1.2em) scaleY(0.7) scaleX(1.4) !important;\n } @else {\n transform: translateX(-1.2em) scaleY(0.7) scaleX(1.4) !important;\n }\n }\n }\n }\n}\n","textarea:not(.default) {\n @extend %form-element;\n font-size: 1em;\n // height should not have transition.\n transition: border-color var(--#{$CSS_VAR_PFX}simple-transition), filter var(--#{$CSS_VAR_PFX}simple-transition);\n}\n",":root {\n --#{$CSS_VAR_PFX}item-group-bg-color: var(--#{$CSS_VAR_PFX}bg-color);\n --#{$CSS_VAR_PFX}item-group-txt-color: var(--#{$CSS_VAR_PFX}txt-color);\n}\n\n.items-group {\n --#{$CSS_VAR_PFX}local-txt-color: var(--#{$CSS_VAR_PFX}item-group-txt-color);\n --#{$CSS_VAR_PFX}local-bg-color: var(--#{$CSS_VAR_PFX}item-group-bg-color);\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n color: var(--#{$CSS_VAR_PFX}local-txt-color);\n background: var(--#{$CSS_VAR_PFX}local-bg-color);\n\n .item-button {\n display: flex;\n justify-content: space-between;\n align-items: center;\n width: 100%;\n padding: 0.125em 0.5em;\n border: none;\n color: var(--#{$CSS_VAR_PFX}local-txt-color);\n background: var(--#{$CSS_VAR_PFX}local-bg-color);\n border-radius: calc(var(--#{$CSS_VAR_PFX}border-radius) * 0.65);\n transition: all var(--#{$CSS_VAR_PFX}simple-transition);\n\n &:not(:last-child) {\n margin-bottom: 0.5em;\n }\n\n &:focus-visible,\n &:hover {\n filter: brightness(var(--#{$CSS_VAR_PFX}hover-brightness));\n }\n\n &.active {\n color: var(--#{$CSS_VAR_PFX}txt-color-inverted);\n background: var(--#{$CSS_VAR_PFX}color-accent-primary);\n }\n }\n\n .item-icon {\n opacity: 0.75;\n\n @if $IS_LTR {\n margin-right: 0.5em;\n } @else {\n margin-left: 0.5em;\n }\n\n svg {\n width: 3em;\n height: 3em;\n padding: 0.32em;\n\n &:not([fill=\"none\"]) {\n fill: currentColor;\n }\n }\n }\n\n .item-text {\n width: 100%;\n\n @if $IS_LTR {\n text-align: left;\n } @else {\n text-align: right;\n }\n }\n\n .item-title,\n .item-subtitle {\n line-height: 1;\n }\n\n .item-title {\n font-size: 1.125em;\n margin: 0.5em 0;\n\n & + .item-subtitle {\n margin: 0 0 0.64em;\n }\n }\n\n .item-subtitle {\n font-size: 0.9em;\n opacity: 0.65;\n }\n}\n",".no-transition {\n transition-duration: 0s !important;\n}\n\n.no-animation {\n // FlatifyCSS's JS listen to [animationend] event, so [animation: none] will break the functionality.\n animation-duration: 0s !important;\n}\n\n.play-animation:before,\n.play-animation:after,\n.play-animation {\n animation-play-state: running !important;\n}\n\n.pause-animation:before,\n.pause-animation:after,\n.pause-animation {\n animation-play-state: paused !important;\n}\n\n.stop-animation:before,\n.stop-animation:after,\n.stop-animation {\n animation: none !important;\n}\n\n.anim-spin {\n animation: flatify-spin 0.75s linear infinite !important;\n}\n\n.anim-heart {\n animation: flatify-heart 1s ease infinite !important;\n}\n\n.anim-required {\n animation: flatify-heart 1s ease 2 !important;\n}\n\n.anim-pulse {\n animation: flatify-pulse ease 1.5s !important;\n}\n\n.anim-fade-in {\n animation: flatify-fade-in 0.3s ease !important;\n}\n\n.anim-fade-out {\n animation: flatify-fade-out 0.3s ease !important;\n}\n\n.anim-hue {\n animation: flatify-hue 15s ease infinite !important;\n}\n\n.anim-hue-min {\n animation: flatify-hue-min 5s ease infinite !important;\n}\n\n// A simple fade out animation,\n// it is a great choice for reduced-motion situations in [a11y.scss]\n@keyframes flatify-fade-in {\n from {\n opacity: 0;\n }\n to {\n opacity: 1;\n }\n}\n\n@keyframes flatify-fade-in-out {\n from {\n opacity: 0;\n }\n 50% {\n opacity: 1;\n }\n to {\n opacity: 0;\n }\n}\n\n// Fade in animation for backdrop, it will set the backdrop opacity instead of static value.\n@keyframes flatify-backdrop-fade-in {\n from {\n opacity: 0;\n }\n to {\n opacity: var(--#{$CSS_VAR_PFX}backdrop-opacity);\n }\n}\n\n// A simple fade out animation,\n// it is a great choice for reduced-motion situations in [a11y.scss]\n@keyframes flatify-fade-out {\n to {\n opacity: 0;\n }\n}\n\n@keyframes flatify-grow {\n from {\n transform: scale(0);\n }\n to {\n transform: scale(1);\n }\n}\n\n@keyframes flatify-grow-x {\n from {\n transform: scaleX(0);\n }\n to {\n transform: scaleX(1);\n }\n}\n\n@keyframes flatify-grow-y {\n from {\n transform: scaleY(0);\n }\n to {\n transform: scaleY(1);\n }\n}\n\n// Progress bar processing\n@keyframes flatify-processing {\n from {\n opacity: 0.85;\n transform: scaleX(0);\n }\n 100% {\n opacity: 0;\n transform: scaleX(1);\n }\n}\n\n// Blow in & Blow out animation (it will be cool with cubic bezier)\n@keyframes flatify-blow-in {\n 0% {\n opacity: 0;\n transform: scale(0.9);\n }\n 100% {\n opacity: 1;\n transform: scale(1);\n }\n}\n@keyframes flatify-blow-out {\n 0% {\n opacity: 1;\n transform: scale(1);\n }\n 100% {\n opacity: 0;\n transform: scale(0.95);\n }\n}\n\n// Heart animation\n@keyframes flatify-heart {\n 0% {\n transform: scale(1);\n }\n 65% {\n transform: scale(1.05);\n }\n 80% {\n transform: scale(1.1);\n }\n 100% {\n transform: scale(1);\n }\n}\n\n// Spin animation\n@keyframes flatify-spin {\n from {\n transform: rotate(0);\n }\n to {\n transform: rotate(1turn);\n }\n}\n\n// Slide animations\n@keyframes flatify-slide-up-in {\n from {\n transform: translateY(100%) scale(0.95);\n }\n to {\n transform: translateY(0);\n }\n}\n@keyframes flatify-slide-up-in-min {\n from {\n opacity: 0;\n transform: translateY(3em) scale(0.95);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n@keyframes flatify-slide-up-out {\n from {\n transform: translateY(0);\n }\n to {\n transform: translateY(100%) scale(0.95);\n }\n}\n\n@keyframes flatify-slide-down-in {\n from {\n transform: translateY(-100%) scale(0.95);\n }\n to {\n transform: translateY(0);\n }\n}\n@keyframes flatify-slide-down-out {\n from {\n transform: translateY(0);\n }\n to {\n transform: translateY(-100%) scale(0.95);\n }\n}\n@keyframes flatify-slide-down-out-min {\n from {\n opacity: 1;\n transform: translateY(0);\n }\n to {\n opacity: 0;\n transform: translateY(-3em) scale(0.95);\n }\n}\n\n@keyframes flatify-slide-left-in {\n from {\n transform: translateX(100%) scale(0.95);\n }\n to {\n transform: translateX(0);\n }\n}\n@keyframes flatify-slide-left-in-min {\n from {\n opacity: 0;\n transform: translateX(3em);\n }\n to {\n opacity: 1;\n transform: translateX(0);\n }\n}\n@keyframes flatify-slide-left-out {\n from {\n transform: translateX(0);\n }\n to {\n transform: translateX(100%) scale(0.95);\n }\n}\n@keyframes flatify-slide-left-out-min {\n from {\n opacity: 1;\n transform: translateX(0);\n }\n to {\n opacity: 0;\n transform: translateX(3em);\n }\n}\n\n@keyframes flatify-slide-right-in {\n from {\n transform: translateX(-100%) scale(0.95);\n }\n to {\n transform: translateX(0);\n }\n}\n@keyframes flatify-slide-right-in-min {\n from {\n opacity: 0;\n transform: translateX(-3em);\n }\n to {\n opacity: 1;\n transform: translateX(0);\n }\n}\n@keyframes flatify-slide-right-out {\n from {\n transform: translateX(0);\n }\n to {\n transform: translateX(-100%) scale(0.95);\n }\n}\n@keyframes flatify-slide-right-out-min {\n from {\n opacity: 1;\n transform: translateX(0);\n }\n to {\n opacity: 0;\n transform: translateX(-3em);\n }\n}\n\n// Default animation before removing elements,\n// It can be customized both with [_config.scss] and [--flatify__remove-animation-duration] CSS var.\n\n@keyframes flatify-alert-will-be-removed {\n 85% {\n opacity: 0;\n }\n 100% {\n opacity: 0;\n\n @if $IS_LTR {\n transform-origin: top right;\n transform: scale(0.92) rotate(-0.5deg);\n } @else {\n transform-origin: top left;\n transform: scale(0.92) rotate(0.5deg);\n }\n }\n}\n\n// Dropdown show & hide\n@keyframes flatify-dropdown-show {\n from {\n opacity: 0;\n @if $IS_LTR {\n transform: scale(0.9) rotate(3deg);\n } @else {\n transform: scale(0.9) rotate(-3deg);\n }\n }\n to {\n opacity: 1;\n transform: scale(1);\n }\n}\n\n@keyframes flatify-dropdown-hide {\n from {\n opacity: 1;\n transform: scale(1);\n }\n to {\n opacity: 0;\n transform: scale(0.85);\n }\n}\n\n// Pulse animation for .pulse\n@keyframes flatify-pulse {\n 0% {\n transform: scale(1);\n }\n 60%,\n 100% {\n opacity: 0;\n transform: scale(1.75);\n }\n}\n\n// animation for eyes blinking\n@keyframes flatify-eye-blink {\n 0% {\n transform: scaleY(1);\n }\n 40% {\n transform: scaleY(1);\n }\n 42% {\n transform: scaleY(0.3);\n }\n 45% {\n transform: scaleY(1);\n }\n 100% {\n transform: scaleY(1);\n }\n}\n\n// hue rotation\n@keyframes flatify-hue {\n 0% {\n filter: hue-rotate(0);\n }\n 40% {\n filter: hue-rotate(360deg);\n }\n 80% {\n filter: hue-rotate(-360deg);\n }\n 100% {\n filter: hue-rotate(0);\n }\n}\n\n@keyframes flatify-hue-min {\n 0% {\n filter: hue-rotate(0);\n }\n\n 40% {\n filter: hue-rotate(45deg);\n }\n 80% {\n filter: hue-rotate(-45deg);\n }\n 100% {\n filter: hue-rotate(0);\n }\n}\n\n// loading dots animation\n@keyframes flatify-loading-dot-first {\n 0% {\n opacity: 0;\n transform: scale(var(--#{$CSS_VAR_PFX}loading-dot-animation-start-scale)) translateX(-0.25em);\n }\n 50% {\n opacity: 1;\n transform: scale(1);\n }\n 90% {\n opacity: 1;\n }\n 100% {\n opacity: 0;\n }\n}\n\n@keyframes flatify-loading-dot-second {\n 0%,\n 25% {\n opacity: 0;\n transform: scale(var(--#{$CSS_VAR_PFX}loading-dot-animation-start-scale));\n }\n 65%,\n 100% {\n opacity: 1;\n transform: scale(1);\n }\n}\n\n@keyframes flatify-loading-dot-third {\n 0%,\n 45% {\n opacity: 0;\n transform: scale(var(--#{$CSS_VAR_PFX}loading-dot-animation-start-scale)) translateX(0.25em);\n }\n 85%,\n 100% {\n opacity: 1;\n transform: scale(1);\n }\n}\n","// .style-[color] is a background, color and border color setter that can be practical for table items and other elements\n@each $name, $colors in $PALETTE {\n // Original version\n .style-#{\"\" + $name} {\n // These are exceptions that should have special text color\n @if $name == yellow or $name == pink {\n color: var(--#{$CSS_VAR_PFX + \"color-\" + $name + \"-\" + \"darker\"}) !important;\n // Local text color\n --#{$CSS_VAR_PFX}local-txt-color: var(--#{$CSS_VAR_PFX + \"color-\" + $name + \"-\" + \"darker\"}) !important;\n } @else if $name == light {\n color: var(--#{$CSS_VAR_PFX}txt-color) !important;\n // Local text color\n --#{$CSS_VAR_PFX}local-txt-color: var(--#{$CSS_VAR_PFX}txt-color) !important;\n } @else {\n color: var(--#{$CSS_VAR_PFX}txt-color-inverted) !important;\n // Local text color\n --#{$CSS_VAR_PFX}local-txt-color: var(--#{$CSS_VAR_PFX}txt-color-inverted) !important;\n }\n\n background-color: var(--#{$CSS_VAR_PFX + \"color-\" + $name + \"-\" + \"primary\"}) !important;\n // Local background color can be used as background of [:before]\n --#{$CSS_VAR_PFX}local-bg-color: var(--#{$CSS_VAR_PFX + \"color-\" + $name + \"-\" + \"primary\"}) !important;\n\n border-color: var(--#{$CSS_VAR_PFX + \"color-\" + $name + \"-\" + \"dark\"}) !important;\n // Local border color can be used as color of box shadow e.g. buttons\n --#{$CSS_VAR_PFX}local-border-color: var(--#{$CSS_VAR_PFX + \"color-\" + $name + \"-\" + \"dark\"}) !important;\n --#{$CSS_VAR_PFX}local-border-color-dark: var(--#{$CSS_VAR_PFX + \"color-\" + $name + \"-\" + \"darker\"}) !important;\n }\n\n // Light version\n .style-#{\"\" + $name}-light {\n // These are exceptions that should have special text color\n @if $name == dark {\n color: var(--#{$CSS_VAR_PFX}txt-color-inverted) !important;\n // Local text color\n --#{$CSS_VAR_PFX}local-txt-color: var(--#{$CSS_VAR_PFX}txt-color-inverted) !important;\n } @else if $name == light {\n color: var(--#{$CSS_VAR_PFX}txt-color) !important;\n // Local text color\n --#{$CSS_VAR_PFX}local-txt-color: var(--#{$CSS_VAR_PFX}txt-color) !important;\n } @else {\n color: var(--#{$CSS_VAR_PFX + \"color-\" + $name + \"-\" + \"darker\"}) !important;\n // Local text color\n --#{$CSS_VAR_PFX}local-txt-color: var(--#{$CSS_VAR_PFX + \"color-\" + $name + \"-\" + \"darker\"}) !important;\n }\n\n background-color: var(--#{$CSS_VAR_PFX + \"color-\" + $name + \"-\" + \"light\"}) !important;\n // Local background color can be used as background of [:before]\n --#{$CSS_VAR_PFX}local-bg-color: var(--#{$CSS_VAR_PFX + \"color-\" + $name + \"-\" + \"light\"}) !important;\n\n border-color: var(--#{$CSS_VAR_PFX + \"color-\" + $name + \"-\" + \"primary\"}) !important;\n // Local border color can be used as color of box shadow e.g. buttons\n --#{$CSS_VAR_PFX}local-border-color: var(--#{$CSS_VAR_PFX + \"color-\" + $name + \"-\" + \"primary\"}) !important;\n --#{$CSS_VAR_PFX}local-border-color-dark: var(--#{$CSS_VAR_PFX + \"color-\" + $name + \"-\" + \"dark\"}) !important;\n }\n}\n\n[class*=\"style-\"] {\n // change link text color for color setter classes\n --#{$CSS_VAR_PFX}link-color: var(--#{$CSS_VAR_PFX}local-txt-color);\n --#{$CSS_VAR_PFX}link-color__hover: var(--#{$CSS_VAR_PFX}local-txt-color);\n --#{$CSS_VAR_PFX}link-color__focus: var(--#{$CSS_VAR_PFX}local-txt-color);\n}\n\n[class*=\"style-\"]:not([class*=\"style-accent\"]) {\n // reset accent color when class is not accent color,\n // for example for style-red accent color should be red.\n --#{$CSS_VAR_PFX}color-accent-light: var(--#{$CSS_VAR_PFX}local-border-color);\n --#{$CSS_VAR_PFX}color-accent-primary: var(--#{$CSS_VAR_PFX}local-border-color-dark);\n --#{$CSS_VAR_PFX}color-accent-dark: var(--#{$CSS_VAR_PFX}local-border-color-dark);\n}\n\n// .color-[color] is a text color setter\n@each $name, $colors in $PALETTE {\n // Original version\n .color-#{\"\" + $name} {\n color: var(--#{$CSS_VAR_PFX + \"color-\" + $name + \"-\" + \"primary\"}) !important;\n }\n\n // Light version\n .color-#{\"\" + $name}-light {\n color: var(--#{$CSS_VAR_PFX + \"color-\" + $name + \"-\" + \"light\"}) !important;\n }\n}\n","@use \"sass:math\";\n\n@each $name, $value in $RESPONSIVE_BREAKPOINTS {\n // xs and sm are the same\n @if $name != \"xs\" {\n .container-#{$name} {\n max-width: math.floor($value);\n }\n }\n}\n\n[class*=\"container-\"] {\n padding-left: 0.64em;\n padding-right: 0.64em;\n\n @if $CENTERED_CONTAINERS {\n margin-left: auto;\n margin-right: auto;\n }\n}\n","@use \"sass:math\";\n\n// List of opacity helper classes\n@each $value in $OPACITY_LIST {\n // e.g. [.opacity-10]\n .opacity-#{$value} {\n opacity: math.div($value, 100);\n }\n}\n\n// List of border-radius helper classes\n@each $type, $value in $BORDER_RADIUS_LIST {\n .edge-#{$type} {\n border-radius: #{$value} !important;\n }\n}\n\n// List of width helper classes\n@each $type, $value in $WIDTH_LIST {\n .width-#{$type} {\n width: #{$value} !important;\n }\n}\n\n// List of height helper classes\n@each $type, $value in $HEIGHT_LIST {\n .height-#{$type} {\n height: #{$value} !important;\n }\n}\n","// Center align children with flex\n.inline-flex {\n display: inline-flex !important;\n}\n\n.flex-center {\n display: flex;\n justify-content: center;\n align-items: center;\n}\n\n.flex-center-x {\n display: flex;\n justify-content: center;\n}\n\n.flex-center-y {\n display: flex;\n align-items: center;\n}\n\n.flex-column-center {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n}\n\n.flex-column-center-x {\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n\n.flex-column-center-y {\n display: flex;\n flex-direction: column;\n justify-content: center;\n}\n\n// float\n.float-left {\n float: left;\n}\n.float-right {\n float: right;\n}\n.float-none {\n float: none;\n}\n\n// margin\n.margin-auto {\n margin: auto;\n}\n\n.margin-ya {\n margin-top: auto;\n margin-bottom: auto;\n}\n.margin-ta {\n margin-top: auto;\n}\n.margin-ba {\n margin-bottom: auto;\n}\n\n.push-center,\n.margin-xa {\n margin-left: auto;\n margin-right: auto;\n}\n\n.push-right,\n.margin-la {\n margin-left: auto;\n}\n\n.push-left,\n.margin-ra {\n margin-right: auto;\n}\n\n// position\n.position-relative {\n position: relative;\n}\n\n.position-absolute {\n position: absolute;\n}\n\n.place-expand {\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n}\n\n.place-expand-x {\n left: 0;\n right: 0;\n}\n\n.place-expand-y {\n top: 0;\n bottom: 0;\n}\n\n.sticky-top,\n.fixed-top,\n.place-top {\n top: 0;\n}\n.sticky-bottom,\n.fixed-bottom,\n.place-bottom {\n bottom: 0;\n}\n.sticky-left,\n.fixed-left,\n.place-left {\n left: 0;\n}\n.sticky-right,\n.fixed-right,\n.place-right {\n right: 0;\n}\n\n.fixed-left,\n.fixed-right,\n.fixed-bottom,\n.fixed-top {\n position: fixed;\n z-index: $ZINDEX_FIXED;\n}\n\n.sticky-left,\n.sticky-right,\n.sticky-bottom,\n.sticky-top {\n position: sticky;\n z-index: $ZINDEX_STICKY;\n}\n\n.fixed-bottom,\n.fixed-top,\n.sticky-bottom,\n.sticky-top {\n left: 0;\n}\n\n// overflow classes\n.scrollable {\n overflow: auto;\n}\n.scrollable-x {\n overflow-x: auto;\n overflow-y: hidden;\n}\n.scrollable-y {\n overflow-x: hidden;\n overflow-y: auto;\n}\n","// overlay layer that hide content\n// class should be added to the wrapper, and wrapper should have [--flatify__local-bg-color] set.\n:root {\n --#{$CSS_VAR_PFX}overlay-layer-priority: 10;\n --#{$CSS_VAR_PFX}overlay-layer-bg-color: var(--#{$CSS_VAR_PFX}bg-color);\n --#{$CSS_VAR_PFX}overlay-layer-opacity: 1;\n --#{$CSS_VAR_PFX}overlay-layer-blending-mode: normal;\n --#{$CSS_VAR_PFX}overlay-layer-backdrop-filter: none;\n}\n\n.overlay-layer {\n --#{$CSS_VAR_PFX}local-bg-color: var(--#{$CSS_VAR_PFX}overlay-layer-bg-color);\n position: relative;\n\n &:before {\n content: \" \";\n position: absolute;\n top: 0;\n left: 0;\n z-index: var(--#{$CSS_VAR_PFX}overlay-layer-priority);\n width: 100%;\n height: 100%;\n background: var(--#{$CSS_VAR_PFX}local-bg-color);\n border-radius: inherit;\n opacity: var(--#{$CSS_VAR_PFX}overlay-layer-opacity);\n mix-blend-mode: var(--#{$CSS_VAR_PFX}overlay-layer-blending-mode);\n backdrop-filter: var(--#{$CSS_VAR_PFX}overlay-layer-backdrop-filter);\n }\n}\n",".pulse {\n position: relative;\n isolation: isolate;\n\n &:after {\n content: \" \";\n position: absolute;\n top: 0;\n left: 0;\n z-index: -1;\n display: block;\n width: 100%;\n height: 100%;\n background: inherit;\n border-radius: inherit;\n will-change: opacity, transform;\n animation: flatify-pulse 1.4s infinite;\n }\n}\n","// though justify is not a good practice for text align, but with it hyphens becomes better.\n.text-filled {\n hyphens: auto;\n text-align: justify;\n}\n\n.text-center {\n text-align: center;\n}\n\n.text-left {\n text-align: left;\n}\n\n.text-right {\n text-align: right;\n}\n\n// text sizes\n@each $size, $value in $FONT_SIZE_LIST {\n .size-#{$size},\n .text-#{$size} {\n font-size: $value !important;\n }\n}\n\n// text truncation\n.truncate {\n &:not(.show-text) {\n white-space: nowrap !important;\n overflow: hidden !important;\n text-overflow: ellipsis !important;\n }\n &.add-space {\n padding: 0.18em 0;\n }\n}\n","@media (prefers-reduced-motion: reduce) {\n // mentions body for higher priority\n body {\n *,\n ::before,\n ::after {\n background-attachment: initial !important;\n scroll-behavior: auto !important;\n }\n\n // Do not need transition in this case\n * {\n --#{$CSS_VAR_PFX}simple-transition: 0s !important;\n --#{$CSS_VAR_PFX}long-transition: 0s !important;\n --#{$CSS_VAR_PFX}bouncing-transition: 0s !important;\n }\n\n // Fade instead of custom animations\n // Fade In\n .dropdown,\n .modal,\n .tab-panel {\n &.show {\n animation-name: flatify-fade-in !important;\n }\n }\n\n .menu-item {\n &:focus-within > .submenu,\n &:hover > .submenu {\n animation-name: flatify-fade-in !important;\n }\n }\n\n .two-layer-button {\n --#{$CSS_VAR_PFX}two-layer-button-animation-show: flatify-fade-in 0.3s ease-in-out !important;\n }\n\n // accordion fade in/out\n .accordion-collapse {\n transition: none !important;\n\n &.show .accordion-body {\n animation-name: flatify-fade-in !important;\n }\n &.accordion-will-be-hidden .accordion-body {\n animation-name: flatify-fade-out !important;\n }\n }\n\n // toast fade in/out\n .toast {\n &:not(.toast-will-be-removed) {\n animation-name: flatify-fade-in !important;\n }\n &.toast-will-be-removed {\n animation-name: flatify-fade-out !important;\n }\n }\n\n // alert fade in/out\n .alert {\n &:not(.alert-will-be-removed) {\n animation-name: flatify-fade-in !important;\n }\n &.alert-will-be-removed {\n animation-name: flatify-fade-out !important;\n }\n }\n\n // Fade in out like a fresh breath\n .loading {\n animation: flatify-fade-in-out 2s infinite !important;\n\n &:before,\n &:after {\n opacity: 1 !important;\n animation: none !important;\n }\n }\n\n .progress-bar:before {\n filter: opacity(60%);\n animation: flatify-fade-in-out 3s infinite !important;\n }\n\n // Fade Out\n .show {\n &.dropdown-will-be-hidden,\n &.modal-will-be-hidden,\n &.tab-will-be-hidden {\n animation-name: flatify-fade-out !important;\n }\n }\n\n // limit steps for to have a simple animation\n .spinner:before {\n animation-timing-function: steps(4, end) !important;\n animation-duration: 2s !important;\n }\n }\n\n // Custom pulse animation\n @keyframes flatify-pulse {\n 0%,\n 100% {\n transform: scale(1.25);\n opacity: 0.2;\n }\n 40% {\n transform: scale(1.25);\n opacity: 0.5;\n }\n }\n}\n"]}
\ No newline at end of file
diff --git a/dist/maps/flatify.css.map b/dist/maps/flatify.css.map
index cb89d04c..b6945c96 100644
--- a/dist/maps/flatify.css.map
+++ b/dist/maps/flatify.css.map
@@ -1 +1 @@
-{"version":3,"sources":["flatify.css","flatify.scss","_root.scss","_reset.scss","helpers/_responsive.scss","content/_blockquote.scss","content/_figure.scss","content/_hr.scss","content/_kbd.scss","content/_table.scss","components/_accordion.scss","components/_alert.scss","components/_badge.scss","components/_backdrop.scss","components/_breadcrumbs.scss","components/_button.scss","components/_two-layer-button.scss","components/_add-button.scss","components/_hamburger.scss","components/_arrow-button.scss","components/_icon-button.scss","components/_button-group.scss","components/_fireworks.scss","_config.scss","components/_card.scss","components/_menu.scss","components/_dropdown.scss","components/_popover.scss","components/_modal.scss","components/_loading.scss","components/_progress.scss","components/_search-bar.scss","components/_tabs.scss","components/_toast.scss","forms/_form.scss","forms/_input.scss","forms/_checkbox.scss","forms/_radio.scss","forms/_range.scss","forms/_select.scss","forms/_toggle.scss","forms/_textarea.scss","mockups/items-group.scss","helpers/_animations.scss","helpers/_colors.scss","helpers/_container.scss","helpers/_design.scss","helpers/_layout.scss","helpers/_overlay-layer.scss","helpers/_pulse.scss","helpers/_typography.scss","_a11y.scss"],"names":[],"mappings":"AAAA,gBAAgB;ACAhB;;;;;EAAA;ACAA;EAGE,yCAAA;EACA,6BAAA;EACA,gCAAA;EACA,iCAAA;EAGA,8BAAA;EACA,6BAAA;EAEA,kDAAA;EACA,kDAAA;EACA,wGAAA;EAEA,gCAAA;EACA,iCAAA;EACA,iCAAA;EAEA,kCAAA;EACA,gCAAA;EACA,sCAAA;EAEA,mCAAA;EAEA,qCAAA;EACA,oCAAA;EACA,4BAAA;EAEA,4BAAA;EAEA,gCAAA;EACA,iEAAA;EACA,uCAAA;EAGA,4BAAA;EACA,iCAAA;EACA,mCAAA;EACA,oCAAA;EAEA,6BAAA;EACA,mCAAA;EACA,kCAAA;EACA,sCAAA;EACA,sCAAA;EAKI,sCAAA;EAAA,oCAAA;EAAA,mCAAA;EAAA,qCAAA;EAAA,uCAAA;EAAA,qCAAA;EAAA,oCAAA;EAAA,sCAAA;EAAA,wCAAA;EAAA,sCAAA;EAAA,qCAAA;EAAA,uCAAA;EAAA,wCAAA;EAAA,sCAAA;EAAA,qCAAA;EAAA,uCAAA;EAAA,qCAAA;EAAA,mCAAA;EAAA,kCAAA;EAAA,oCAAA;EAAA,sCAAA;EAAA,oCAAA;EAAA,mCAAA;EAAA,qCAAA;EAAA,wCAAA;EAAA,sCAAA;EAAA,qCAAA;EAAA,uCAAA;EAAA,wCAAA;EAAA,sCAAA;EAAA,qCAAA;EAAA,uCAAA;EAAA,yCAAA;EAAA,uCAAA;EAAA,sCAAA;EAAA,wCAAA;EAAA,sCAAA;EAAA,oCAAA;EAAA,mCAAA;EAAA,qCAAA;EAAA,yCAAA;EAAA,uCAAA;EAAA,sCAAA;EAAA,wCAAA;EAAA,wCAAA;EAAA,sCAAA;EAAA,qCAAA;EAAA,uCAAA;EAAA,uCAAA;EAAA,qCAAA;EAAA,oCAAA;EAAA,sCAAA;EAAA,sCAAA;EAAA,oCAAA;EAAA,mCAAA;EAAA,qCAAA;EAIJ,2CAAA;EAEA,8BAAA;EACA,qCAAA;EACA,qCAAA;EAGA,+PAAA;EACA,ojCAAA;EACA,sWAAA;EACA,mlBAAA;EACA,gpBAAA;EACA,iaAAA;EAGA,+CAAA;EACA,2EAAA;EACA,0CAAA;AFqCF;;AG3GA;;;;;;;CAAA;AAWA;;;EAGE,sBAAA;AH2GF;;AGxGA;EACE,SAAA;AH2GF;;AItHE;EDeF;IAEI,wCAAA;EH0GF;AACF;AGtGE;EAPF;IAQI,6JAAA;EHyGF;AACF;AIhDE;EDlEF;IAYI,wCAAA;EH0GF;AACF;AGvGI;EAhBJ;IAiBM,uBAAA;EH0GJ;AACF;;AGjGA;EACE,SAAA;EACA,gDAAA;EACA,6CAAA;EACA,2CAAA;EACA,gCAAA;EACA,0CAAA;EACA,gEAAA;EACA,8BAAA;EACA,mCAAA;EACA,kCAAA;AHoGF;;AG/FA;;;;;;;EAOE,yBAAA;AHkGF;;AG/FA;EACE,aAAA;EACA,yCAAA;EACA,gFAAA;EACA,8CAAA;EACA,gDAAA;EACA,oCAAA;AHkGF;AGhGE;;;;;;;EAEE,mDAAA;AHuGJ;;AGnGA;EAEE,gBAAA;EACA,8CAAA;AHqGF;;AGlGA;EAEE,cAAA;EACA,8CAAA;AHoGF;;AGjGA;EAEE,iBAAA;EACA,8CAAA;AHmGF;;AGhGA;EAEE,cAAA;EACA,6CAAA;AHkGF;;AG/FA;EAEE,iBAAA;EACA,6CAAA;AHiGF;;AG9FA;EAEE,iBAAA;EACA,6CAAA;AHgGF;;AG7FA;EACE,8CAAA;EACA,aAAA;EACA,2CAAA;AHgGF;AG7FE;EACE,gBAAA;AH+FJ;;AG3FA;EACE,YAAA;EACA,iFAAA;UAAA,yEAAA;EACA,sCAAA;UAAA,8BAAA;AH8FF;;AG3FA;EACE,kBAAA;EACA,kBAAA;EACA,oBAAA;AH8FF;;AG1FA;;EAGI,iBAAA;AH4FJ;AG1FE;;EACE,kBAAA;AH6FJ;;AGzFA;;;EAGE,aAAA;EACA,kBAAA;AH4FF;;AGzFA;;;;EAIE,gBAAA;AH4FF;;AGzFA;EACE,+CAAA;AH4FF;;AGzFA;EACE,oBAAA;EACA,cAAA;AH4FF;;AGxFA;;EAEE,6CAAA;AH2FF;;AGxFA;;EAEE,qCAAA;AH2FF;AGzFE;;EACE,yDAAA;EACA,iBAAA;EACA,8CAAA;AH4FJ;AGzFE;;EACE,6DAAA;EACA,kBAAA;EACA,kBAAA;EACA,mBAAA;EACA,gBAAA;EACA,kCAAA;AH4FJ;AG1FI;;EACE,YAAA;EACA,kBAAA;EACA,MAAA;EACA,OAAA;EACA,WAAA;EACA,WAAA;EACA,YAAA;EACA,0CAAA;EACA,yDAAA;EACA,YAAA;EAGE,qDAAA;AH2FR;;AGhFA;;EAEE,kBAAA;EACA,iBAAA;EACA,cAAA;EACA,wBAAA;AHmFF;;AGhFA;EACE,eAAA;AHmFF;;AGjFA;EACE,WAAA;AHoFF;;AGhFA;EACE,iCAAA;EACA,wDAAA;UAAA,gDAAA;EACA,8BAAA;EACA,2IAAA;AHmFF;AGhFE;EACE,wCAAA;EACA,+DAAA;UAAA,uDAAA;AHkFJ;AG/EE;EACE,wCAAA;EACA,+DAAA;UAAA,uDAAA;AHiFJ;;AGxEA;;;;EAIE,cAAA;EACA,2BAAA;EACA,cAAA;EACA,6CAAA;AH2EF;;AGxEA;EACE,cAAA;EACA,cAAA;EACA,YAAA;EACA,aAAA;EACA,kBAAA;EACA,yCAAA;EACA,0EAAA;EACA,4CAAA;AH2EF;AGzEE;EACE,cAAA;EACA,kBAAA;AH2EJ;;AGvEA;EACE,sBAAA;EACA,iBAAA;EACA,qBAAA;EACA,sBAAA;EACA,gCAAA;EACA,yCAAA;EACA,0EAAA;EACA,wDAAA;AH0EF;AGxEE;EACE,cAAA;AH0EJ;;AGnEE;;EACE,kCAAA;AHuEJ;;AGjEA;;EAEE,sBAAA;AHoEF;;AGhEA;;;;EAIE,cAAA;EACA,eAAA;AHmEF;;AG5DA;EACE,qBAAA;AH+DF;;AGvDA;EACE,UAAA;AH0DF;;AGtDA;;;;EAIE,aAAA;AHyDF;;AGpDA;;;;;EAKE,SAAA;EACA,oBAAA;EACA,oBAAA;AHuDF;;AGnDA;;EAEE,oBAAA;AHsDF;;AGnDA;EACE,eAAA;AHsDF;;AGnDA;EAEE,iBAAA;AHqDF;AGlDE;EACE,UAAA;AHoDJ;;AG7CA;EACE,aAAA;AHgDF;;AGxCA;;;;EAIE,0BAAA;AH2CF;AGzCE;;;;EACE,eAAA;AH8CJ;;AGxCA;EACE,UAAA;EACA,kBAAA;AH2CF;;AGtCA;EACE,gBAAA;AHyCF;;AGhCA;EACE,YAAA;EACA,UAAA;EACA,SAAA;EACA,SAAA;AHmCF;;AG7BA;EACE,WAAA;EACA,WAAA;EACA,UAAA;EACA,oBAAA;EACA,6CAAA;EACA,oBAAA;AHgCF;AG9BE;EACE,WAAA;AHgCJ;;AG1BA;;;;;;;EAOE,UAAA;AH6BF;;AG1BA;EACE,YAAA;AH6BF;;AGtBA;EACE,oBAAA;EACA,6BAAA;AHyBF;;AGlBA;;;;EAIE,cAAA;AHqBF;;AGhBA;EACE,wBAAA;AHmBF;;AGdA;EACE,UAAA;AHiBF;;AGZA;EACE,aAAA;AHeF;;AGhBA;EACE,aAAA;AHeF;;AGTA;EACE,aAAA;EACA,0BAAA;AHYF;;AGPA;EACE,qBAAA;AHUF;;AGLA;EACE,SAAA;AHQF;;AGDA;EACE,kBAAA;EACA,eAAA;AHIF;;AGGA;EACE,wBAAA;AHAF;;AGOA;EACE,wBAAA;AHJF;;AKriBA;EACE,wEAAA;ALwiBF;;AKriBA;EACE,kBAAA;EACA,UAAA;EACA,gBAAA;EACA,8CAAA;EACA,wCAAA;EACA,wDAAA;EACA,mBAAA;EACA,qDAAA;EAGE,yBAAA;ALsiBJ;AKjiBE;EACE,YAAA;EACA,kBAAA;EACA,WAAA;EACA,YAAA;EACA,8BAAA;EACA,uDAAA;EACA,+DAAA;EACA,wBAAA;ALmiBJ;AKhiBE;EACE,cAAA;EACA,8CAAA;EACA,sBAAA;EAGE,8JAAA;ALgiBN;AKrhBI;EAEE,QAAA;EACA,UAAA;EACA,WAAA;EAGE,SAAA;ALohBR;AK7gBE;EACE,iBAAA;EACA,qBAAA;EACA,sBAAA;EACA,eAAA;AL+gBJ;AK7gBI;EAEE,MAAA;EACA,SAAA;EACA,OAAA;EACA,QAAA;EACA,WAAA;EACA,YAAA;EACA,YAAA;AL8gBN;AK1gBE;EACE,kBAAA;AL4gBJ;AKzgBE;EACE,cAAA;EACA,iBAAA;EACA,kBAAA;EACA,sBAAA;EACA,yBAAA;EACA,kBAAA;EACA,YAAA;AL2gBJ;;AMtmBA;EACE,kBAAA;EACA,0BAAA;EAAA,uBAAA;EAAA,kBAAA;EACA,eAAA;EACA,2BAAA;EAAA,wBAAA;EAAA,mBAAA;EACA,eAAA;EACA,4CAAA;ANymBF;AMvmBE;EACE,WAAA;EACA,YAAA;EACA,4CAAA;ANymBJ;AMtmBE;EACE,gBAAA;EACA,cAAA;ANwmBJ;AMrmBE;EACE,8DAAA;EACA,kBAAA;EACA,QAAA;EACA,iBAAA;EACA,cAAA;EACA,cAAA;EACA,yCAAA;EACA,0CAAA;EACA,6EAAA;EACA,yDAAA;EAGE,UAAA;ANqmBN;AM/lBE;EACE,sBAAA;ANimBJ;AM9lBE;EACE,iBAAA;EACA,kBAAA;ANgmBJ;AM7lBE;EACE,gBAAA;AN+lBJ;AM7lBI;EACE,kBAAA;EACA,SAAA;EACA,OAAA;EACA,WAAA;EACA,iBAAA;EACA,kBAAA;EACA,yCAAA;EACA,2EAAA;AN+lBN;;AOxpBA;EACE,aAAA;EACA,YAAA;EACA,mBAAA;EACA,8BAAA;EACA,YAAA;EACA,4CAAA;AP2pBF;AOzpBE;EACE,oCAAA;AP2pBJ;AOxpBE;EACE,cAAA;EACA,cAAA;EACA,YAAA;EACA,YAAA;EACA,kBAAA;EACA,uBAAA;AP0pBJ;AOxpBI;EACE,eAAA;EACA,qBAAA;EACA,gBAAA;EACA,iBAAA;AP0pBN;AOtpBE;EACE,UAAA;EACA,gBAAA;APwpBJ;;AQvrBA;EACE,8DAAA;EACA,sBAAA;EACA,kBAAA;EACA,iBAAA;EACA,mBAAA;EACA,cAAA;EACA,qBAAA;EACA,iBAAA;EACA,6BAAA;EACA,gBAAA;EACA,yCAAA;EACA,6EAAA;EACA,wDAAA;EACA,iEAAA;EACA,sBAAA;EACA,uDAAA;AR0rBF;AQxrBE;EACE,0DAAA;EACA,6BAAA;AR0rBJ;AQvrBE;EACE,UAAA;EACA,uBAAA;EACA,YAAA;EACA,gBAAA;EACA,0BAAA;ARyrBJ;;ASrtBA;EACE,8DAAA;EACA,mDAAA;EACA,6DAAA;EACA,iEAAA;EACA,qDAAA;ATwtBF;;ASrtBA;EAIE,cAAA;EACA,mBAAA;EACA,oBAAA;EACA,sCAAA;EACA,WAAA;ATqtBF;ASntBE;;EAEE,mBAAA;EACA,0CAAA;ATqtBJ;ASltBE;EACE,sBAAA;ATotBJ;ASltBI;;EAEE,+CAAA;ATotBN;AShtBE;EACE,yBAAA;ATktBJ;AS/sBE;EACE,iBAAA;ATitBJ;AS9sBM;;EAEE,iFAjCS;ATivBjB;AS5sBI;;EAGI,kFAxCS;ATqvBjB;AS3sBQ;;EACE,mFA3CO;ATyvBjB;ASnsBI;;EAEE,oFAxDW;AT6vBjB;ASjsBM;;EAEE,2BAAA;ATmsBR;AS7rBI;EACE,gBAAA;EACA,mBAAA;AT+rBN;AS7rBI;EAEI,WAAA;AT8rBR;ASzrBM;;EAEE,cAAA;AT2rBR;ASxrBI;EACE,aAAA;EACA,gBAAA;AT0rBN;ASxrBM;EACE,qBAAA;AT0rBR;ASxrBM;;EAEE,cAAA;AT0rBR;AStrBI;EACE,iBAAA;ATwrBN;AStrBQ;EACE,cAAA;EAEE,mFAvGK;AT8xBjB;ASlrBQ;;EAGI,kFA/GK;ATkyBjB;AS5qBQ;;EAGI,mFAzHK;ATsyBjB;ASvqBM;;EAEE,iFAjIS;AT0yBjB;ASxqBQ;;EACE,oFAnIO;AT8yBjB;ASjqBU;;EACE,qDA/IK;ATmzBjB;ASlqBU;;EACE,wDAlJK;ATuzBjB;AS9pBU;;EACE,sDA1JK;AT2zBjB;AS/pBU;;EACE,yDA7JK;AT+zBjB;AS/nBU;EACE,qDAjMK;ATk0BjB;AS/nBU;EACE,sDApMK;ATq0BjB;AS7nBU;EACE,wDAzMK;ATw0BjB;AS7nBU;EACE,yDA5MK;AT20BjB;ASnmBM;;EAEE,iDAAA;ATqmBR;ASjmBM;;EAEE,+CAAA;ATmmBR;;AS7lBA;EACE,gBAAA;EACA,iBAAA;EACA,YAAA;ATgmBF;;AS7lBA;EACE,+CAAA;EACA,mBAAA;EACA,gCAAA;ATgmBF;;AS7lBA;EACE,iDAAA;ATgmBF;;AU52BA;EACE,yDAAA;EACA,uDAAA;EACA,kEAAA;EAEA,mDAAA;EACA,mDAAA;EACA;oBAAA;EAEA;eAAA;AV+2BF;;AU32BA;EACE,+DAAA;EACA,6DAAA;EACA,qEAAA;EACA,aAAA;EACA,sBAAA;EACA,WAAA;EACA,sCAAA;EACA,0CAAA;AV82BF;AU52BE;EACE,kBAAA;AV82BJ;AU52BI;EACE,gBAAA;EACA,sCAAA;EACA,0CAAA;EACA,6EAAA;AV82BN;AU52BM;EACE,+DAAA;EACA,6DAAA;EACA,qEAAA;AV82BR;AU32BM;EACE,iEAAA;AV62BR;AU12BM;EAEE,mBAAA;AV22BR;AUx2BM;EACE,8EAAA;AV02BR;AUv2BM;EACE,8EAAA;AVy2BR;AUr2BM;EACE,4CAAA;AVu2BR;;AUh2BE;EACE,aAAA;AVm2BJ;;AU/1BA;EACE,cAAA;EACA,SAAA;AVk2BF;AUh2BE;EACE,oFAAA;AVk2BJ;AU/1BE;EACE,aAAA;EACA,8BAAA;EACA,mBAAA;EACA,mBAAA;EACA,WAAA;EACA,YAAA;EACA,YAAA;EACA,mBAAA;EACA,uBAAA;EACA,YAAA;AVi2BJ;AU91BE;EACE,iBAAA;EACA,aAAA;AVg2BJ;;AU51BA;EACE,gBAAA;EACA,UAAA;EACA,SAAA;EACA,mBAAA;EACA,mCAAA;AV+1BF;AU71BE;EACE,wDAAA;AV+1BJ;AU51BE;EACE,4DAAA;AV81BJ;;AU11BA;EACE,YAAA;AV61BF;;AUx1BI;EACE,kGAAA;AV21BN;AUt1BI;EACE,8FAAA;AVw1BN;;AWr9BA;EACE,wDAAA;EACA,qDAAA;EACA,8DAAA;EACA,+CAAA;EACA,+CAAA;EACA,mGAAA;EACA;sDAAA;AXy9BF;;AWr9BA;EACE,yDAAA;EACA,iEAAA;EACA,kBAAA;EACA,gBAAA;EACA,8CAAA;EACA,eAAA;EACA,kBAAA;EACA,sCAAA;EACA,0CAAA;EACA,6EAAA;EACA,4CAAA;AXw9BF;AWt9BE;EACE,oDAAA;AXw9BJ;AWr9BE;EACE,oDAAA;AXu9BJ;AWn9BI;EACE,mBAAA;AXq9BN;AWj9BE;EACE,kBAAA;EACA,YAAA;EAGE,YAAA;EACA,cAAA;AXi9BN;AW38BI;EACE,kBAAA;EACA,WAAA;EAGE,aAAA;EAKF,kCAAA;EACA,mBAAA;AXu8BN;AWr8BM;EACE,YAAA;EACA,kBAAA;EACA,MAAA;EACA,OAAA;EACA,UAAA;EACA,cAAA;EACA,WAAA;EACA,YAAA;EACA,oBAAA;EACA,0CAAA;EACA,2DAAA;AXu8BR;AWn8BI;EACE,mBAAA;AXq8BN;AWj8BE;EACE,WAAA;AXm8BJ;AWh8BE;EAEI,oBAAA;EACA,kBAAA;AXi8BN;AW17BE;EACE,kBAAA;EACA,aAAA;EACA,cAAA;EACA,MAAA;EACA,SAAA;EACA,wBAAA;EAGE,YAAA;EAKF,cAAA;EACA,cAAA;EACA,0CAAA;EACA,6EAAA;EACA,wDAAA;AXs7BJ;AWp7BI;EACE,UAAA;EACA,WAAA;AXs7BN;AWp7BM;EACE,kBAAA;AXs7BR;AWh7BE;EACE,uBAAA;AXk7BJ;;AYnjCA;EACE,8DAAA;EACA,+DAAA;AZsjCF;;AYnjCA;EACE,yBAAA;KAAA,sBAAA;UAAA,iBAAA;EACA,qBAAA;EACA,iBAAA;EACA,kBAAA;EACA,sBAAA;EACA,gCAAA;EACA,iBAAA;EACA,+CAAA;EACA,cAAA;EACA,kBAAA;EACA,mBAAA;EACA,wBAAA;EACA,sCAAA;EACA,0CAAA;EACA,wDAAA;AZsjCF;;Aa1kCA;EACE,kCAAA;EACA,oDAAA;EACA,gCAAA;EACA,gCAAA;EAEA,+DAAA;Ab4kCF;;AazkCA;EACE,eAAA;EACA,MAAA;EACA,OAAA;EACA,0CAAA;EACA,aAAA;EACA,WAAA;EACA,YAAA;EACA,0CAAA;EACA,yCAAA;EACA,wDAAA;UAAA,gDAAA;Ab4kCF;Aa1kCE;EACE,cAAA;EACA,iFAAA;Ab4kCJ;AazkCE;EACE,8EAAA;Ab2kCJ;AaxkCE;EACE,kCAAA;EACA,+DAAA;Ab0kCJ;;Ac1mCA;EACE,2DAAA;EACA,yDAAA;EACA,oEAAA;Ad6mCF;;Ac1mCA;EACE,iEAAA;EACA,+DAAA;EACA,uEAAA;EACA,WAAA;EACA,6EAAA;EACA,4CAAA;Ad6mCF;;Ac1mCA;EACE,gBAAA;EACA,kBAAA;EACA,qBAAA;EACA,gBAAA;EACA,UAAA;EACA,SAAA;EACA,4CAAA;Ad6mCF;Ac3mCE;EACE,kCAAA;Ad6mCJ;Ac1mCE;EACE,gBAAA;EACA,kBAAA;EACA,mBAAA;EACA,mBAAA;EACA,mBAAA;EACA,sCAAA;EACA,0CAAA;EACA,gDAAA;Ad4mCJ;Ac1mCI;EAEI,iBAAA;Ad2mCR;ActmCM;EACE,YAAA;EACA,kBAAA;EACA,MAAA;EACA,SAAA;EAEE,YAAA;EAIF,cAAA;EACA,YAAA;EACA,aAAA;EACA,cAAA;EACA,uBAAA;EACA,6EAAA;EACA,qBAAA;EACA,wBAAA;EACA,uDAAA;AdomCR;AchmCI;EAEI,iBAAA;AdimCR;Ac3lCI;EAEI,kBAAA;Ad4lCR;AcplCM;EACE,oCAAA;AdslCR;;Ae5qCA;EACE,sDAAA;EACA,yDAAA;EACA,+DAAA;Af+qCF;;AevqCA;EACE,0DAAA;EACA,yBAAA;UAAA,iBAAA;EACA,wBAAA;UAAA,gBAAA;EACA,sBAAA;EACA,kBAAA;EACA,gCAAA;EACA,+CAAA;EACA,qBAAA;EACA,4BAAA;EACA,2BAAA;EACA,uCAAA;EACA,2CAAA;EACA,YAAA;EACA,4CAAA;EACA,6FAAA;EAEA,wBAAA;EACA,8BAAA;EAEA,uEAAA;EAAA,+DAAA;AfwqCF;;Ae5rCA;EACE,0DAAA;EACA,yBAAA;KAAA,sBAAA;UAAA,iBAAA;EACA,wBAAA;KAAA,qBAAA;UAAA,gBAAA;EACA,sBAAA;EACA,kBAAA;EACA,gCAAA;EACA,+CAAA;EACA,qBAAA;EACA,4BAAA;EACA,2BAAA;EACA,uCAAA;EACA,2CAAA;EACA,YAAA;EACA,4CAAA;EACA,6FAAA;EAEA,wBAAA;EACA,8BAAA;EAEA,+DAAA;AfwqCF;AetqCE;EAGE,wBAAA;AfsqCJ;AezqCE;EAGE,wBAAA;AfsqCJ;AenqCE;EAEE,oDAAA;AfoqCJ;AetqCE;EAEE,oDAAA;AfoqCJ;AehqCE;EAKE,2DAAA;EACA,oDAAA;EACA,gEAAA;Af8pCJ;AerqCE;EAKE,2DAAA;EACA,oDAAA;EACA,gEAAA;Af8pCJ;Ae3pCE;EACE,kDAAA;EACA,kCAAA;Af6pCJ;Ae/pCE;EACE,kDAAA;EACA,kCAAA;Af6pCJ;Ae1pCE;EAEE,omBAAA;Af2pCJ;Ae7pCE;EAEE,omBAAA;Af2pCJ;Ae/oCI;EAGE,0LAAA;EAEA,+DAAA;Af8oCN;AenpCI;EAGE,0LAAA;EAEA,+DAAA;Af8oCN;AezoCE;EACE,0DAAA;EACA,kEAAA;Af2oCJ;Ae7oCE;EACE,0DAAA;EACA,kEAAA;Af2oCJ;AexoCI;EACE,4DAAA;Af0oCN;Ae3oCI;EACE,4DAAA;Af0oCN;AetoCI;EACE,+DAAA;AfwoCN;AezoCI;EACE,+DAAA;AfwoCN;AepoCI;EACE,sDAAA;AfsoCN;AevoCI;EACE,sDAAA;AfsoCN;AeloCE;EAEE,oBAAA;EACA,0DAAA;EACA,2DAAA;EACA,6DAAA;EACA,gEAAA;AfmoCJ;AezoCE;EAEE,oBAAA;EACA,0DAAA;EACA,2DAAA;EACA,6DAAA;EACA,gEAAA;AfmoCJ;;Ae3nCE;EAIE,0LAAA;EAEA,+DAAA;Af0nCJ;AetnCE;EAEE,oBAAA;EACA,0DAAA;EACA,2DAAA;EACA,6DAAA;EACA,gEAAA;AfunCJ;AepnCE;EACE,kBAAA;AfsnCJ;;AelnCA;EAEE,sBAAA;EACA,uBAAA;EACA,YAAA;AfonCF;;AehnCA;EACE,iBAAA;EACA,SAAA;EACA,eAAA;EACA,wBAAA;EACA,qBAAA;EACA,gBAAA;EACA,mBAAA;EACA,uBAAA;EACA,YAAA;EACA,aAAA;EACA,gBAAA;EACA,0BAAA;AfmnCF;;AgBrxCA;EACE,iFAAA;AhBwxCF;;AgBrxCA;EAEE,oCAAA;EACA,mCAAA;EACA,gBAAA;AhBuxCF;AgBrxCE;EACE,kBAAA;EACA,MAAA;EACA,OAAA;EACA,aAAA;EACA,uBAAA;EACA,mBAAA;EACA,WAAA;EACA,YAAA;EACA,mBAAA;EACA,UAAA;AhBuxCJ;AgBrxCI;EACE,aAAA;AhBuxCN;AgBnxCE;;EAEE,sDAAA;AhBqxCJ;AgBhxCI;EACE,mCAAA;AhBkxCN;AgB/wCI;EACE,UAAA;EACA,0DAAA;EACA,yBAAA;AhBixCN;;AiB1zCA;EACE,kBAAA;EACA,qBAAA;EACA,YAAA;EACA,aAAA;EACA,uBAAA;EACA,YAAA;AjB6zCF;AiB3zCE;EAEE,YAAA;EACA,kBAAA;EACA,MAAA;EACA,SAAA;EACA,OAAA;EACA,QAAA;EACA,wBAAA;EACA,YAAA;EACA,wBAAA;EACA,4CAAA;EACA,sBAAA;EACA,uDAAA;AjB4zCJ;AiBxzCI;EACE,wBAAA;AjB0zCN;AiBrzCI;EACE,oBAAA;AjBuzCN;AiBrzCI;EACE,0BAAA;AjBuzCN;;AkB11CA;EACE,kBAAA;EACA,YAAA;EACA,aAAA;EACA,uBAAA;EACA,YAAA;AlB61CF;AkB31CE;EAEE,YAAA;EACA,kBAAA;EACA,OAAA;EACA,wBAAA;EACA,wBAAA;EACA,4CAAA;EACA,6BAAA;EACA,gGAAA;AlB41CJ;AkBx1CI;EACE,WAAA;EACA,WAAA;AlB01CN;AkBv1CI;EACE,cAAA;EACA,UAAA;AlBy1CN;AkBp1CM;EACE,UAAA;AlBs1CR;AkBn1CM;EACE,WAAA;AlBq1CR;AkB/0CI;EAEE,MAAA;EACA,SAAA;EACA,WAAA;EACA,cAAA;EACA,4CAAA;AlBg1CN;AkB90CI;EACE,wBAAA;AlBg1CN;AkB90CI;EACE,yBAAA;AlBg1CN;;AmBv4CA;EACE,aAAA;EACA,mBAAA;EACA,yCAAA;EACA,YAAA;EACA,4CAAA;AnB04CF;AmBx4CE;EACE,YAAA;EACA,kBAAA;EACA,UAAA;EACA,qBAAA;EACA,YAAA;EACA,aAAA;EACA,8BAAA;EACA,uDAAA;EACA,+DAAA;EACA,sBAAA;EACA,mDAAA;AnB04CJ;AmBr4CI;EAEI,mBAAA;AnBs4CR;AmB93CE;EACE,yBAAA;AnBg4CJ;AmB53CI;EACE,yBAAA;AnB83CN;AmB33CI;EACE,oBAAA;AnB63CN;AmBx3CI;EACE,wBAAA;AnB03CN;AmBv3CI;EACE,yBAAA;AnBy3CN;AmBp3CI;EACE,yBAAA;AnBs3CN;AmBn3CI;EACE,wBAAA;AnBq3CN;;AoBn7CA;EACE,YAAA;EACA,aAAA;EACA,cAAA;EACA,cAAA;EACA,yCAAA;EACA,YAAA;EACA,4CAAA;EACA,sBAAA;EACA,iDAAA;ApBs7CF;AoBl7CI;EACE;IAEE,iCAAA;EpBm7CN;AACF;AoB/6CE;EACE,YAAA;EACA,kBAAA;EACA,UAAA;EACA,cAAA;EACA,WAAA;EACA,YAAA;EACA,8BAAA;ApBi7CJ;;AoB16CE;EACE,kDAAA;EACA,0DAAA;ApB66CJ;;AoBt6CE;EACE,mDAAA;EACA,2DAAA;ApBy6CJ;;AqBx9CA;EACE,aAAA;EACA,sBAAA;ArB29CF;AqBz9CE;EACE,gBAAA;ArB29CJ;AqB19CI;EAEE,oBAAA;ArB29CN;AqBt9CI;EAGE,yBAAA;ArBs9CN;AqBn9CQ;EACE,8EAAA;ArBq9CV;AqBl9CQ;EACE,8EAAA;ArBo9CV;AqBt8CE;EAGE,sBAAA;ArBs8CJ;AqBp8CI;EACE,yBAAA;ArBs8CN;AqBp8CM;EACE,8EAAA;ArBs8CR;AqBn8CM;EACE,8EAAA;ArBq8CR;;AsBx/CA;EACE,kEAAA;EACA,+EAAA;EACA,+EAAA;EACA,+EAAA;EACA,gFAAA;EACA,uCAAA;EACA,0CAAA;EACA,uDAAA;AtB2/CF;;AsBx/CA;EACE,kBAAA;EACA,aCmEiB;EDlEjB,YAAA;EACA,WAAA;EACA,uBAAA;EACA,+KAAA;AtB2/CF;AsBx/CE;;;EAGE,YAAA;EACA,kBAAA;EACA,cAAA;EACA,mBAAA;EACA,+CAAA;AtB0/CJ;AsBv/CE;EACE,MAAA;EACA,SAAA;EACA,OAAA;EACA,QAAA;EACA,aAAA;EACA,YAAA;EACA,yLAAA;AtBy/CJ;AsBr/CE;EACE,kBAAA;EACA,MAAA;EACA,OAAA;EACA,WAAA;EACA,YAAA;EACA,2LAAA;AtBu/CJ;AsBj/CM;EAEE,MAAA;EACA,SAAA;EACA,YAAA;EACA,YAAA;AtBk/CR;AsB/+CM;EACE,aAAA;EACA,0LAAA;AtBi/CR;AsB9+CM;EACE,cAAA;EACA,2LAAA;AtBg/CR;AsB3+CI;EACE,gFAAA;AtB6+CN;AsB3+CI;EACE,gFAAA;EACA,wBAAA;AtB6+CN;AsBz+CI;EAEE,OAAA;AtB0+CN;AsBx+CM;EAEE,aAAA;AtBy+CR;AsBt+CM;EACE,MAAA;EACA,wBAAA;EACA,gMAAA;AtBw+CR;AsBr+CM;EACE,SAAA;EACA,yBAAA;EACA,mMAAA;AtBu+CR;AsBl+CI;EACE,8EAAA;AtBo+CN;AsBl+CI;EACE,+EAAA;EACA,yBAAA;AtBo+CN;;AsB/9CA;EACE;IAEE,wBAAA;EtBi+CF;EsB/9CA;IACE,2BAAA;EtBi+CF;EsB/9CA;IAEE,4BAAA;EtBg+CF;AACF;AsB79CA;EACE;IACE,UAAA;IACA,mCAAA;EtB+9CF;EsB79CA;IACE,UAAA;IACA,sCAAA;EtB+9CF;EsB79CA;IACE,kCAAA;EtB+9CF;EsB79CA;IACE,iCAAA;EtB+9CF;EsB79CA;IAEE,iCAAA;EtB89CF;AACF;AsB39CA;EACE;IAEE,sCAAA;YAAA,8BAAA;IACA,UAAA;EtB49CF;EsB19CA;IACE,yCAAA;YAAA,iCAAA;IACA,UAAA;EtB49CF;EsB19CA;IAEE,UAAA;EtB29CF;AACF;AsBv9CA;EACE;IAEE,UAAA;IACA,uCAAA;YAAA,+BAAA;IACA,8CAAA;EtBw9CF;EsBt9CA;IACE,uCAAA;YAAA,+BAAA;EtBw9CF;EsBt9CA;IAEE,UAAA;IACA,oCAAA;YAAA,4BAAA;IACA,8DAAA;EtBu9CF;AACF;AsBp9CA;EACE;IAEE,UAAA;IACA,uCAAA;YAAA,+BAAA;IACA,+CAAA;EtBq9CF;EsBn9CA;IACE,uCAAA;YAAA,+BAAA;EtBq9CF;EsBn9CA;IAEE,UAAA;IACA,oCAAA;YAAA,4BAAA;IACA,8DAAA;EtBo9CF;AACF;AsBh9CA;EACE;IAEE,UAAA;IACA,uCAAA;YAAA,+BAAA;IACA,gCAAA;EtBi9CF;EsB/8CA;IACE,uCAAA;YAAA,+BAAA;EtBi9CF;EsB/8CA;IAEE,UAAA;IACA,oCAAA;YAAA,4BAAA;IACA,sCAAA;EtBg9CF;AACF;AsB78CA;EACE;IAEE,UAAA;IACA,wCAAA;YAAA,gCAAA;IACA,gCAAA;EtB88CF;EsB58CA;IACE,wCAAA;YAAA,gCAAA;EtB88CF;EsB58CA;IAEE,UAAA;IACA,qCAAA;YAAA,6BAAA;IACA,qCAAA;EtB68CF;AACF;AwB1rDA;EACE,oDAAA;EACA,kDAAA;EACA,6DAAA;AxB4rDF;;AwBzrDA;EACE,0DAAA;EACA,wDAAA;EACA,gEAAA;EACA,gBAAA;EACA,kBAAA;EACA,aAAA;EACA,YAAA;EACA,eAAA;EACA,eAAA;EACA,sCAAA;EACA,0CAAA;EACA,6EAAA;EACA,iEAAA;EACA,4CAAA;AxB4rDF;AwB1rDE;EACE,sBAAA;EACA,WAAA;AxB4rDJ;AwB1rDI;EAEI,YAAA;AxB2rDR;AwBprDE;EACE,QAAA;AxBsrDJ;AwBprDI;EACE,UAAA;AxBsrDN;AwBprDM;EAEI,WAAA;AxBqrDV;AwB9qDI;EACE,YAAA;AxBgrDN;AwB7qDI;EACE,aAAA;EACA,sBAAA;EACA,YAAA;EACA,UAAA;AxB+qDN;AwB3qDE;EACE,gBAAA;EACA,kBAAA;EACA,gBAAA;EACA,wDAAA;AxB6qDJ;AwB3qDI;EACE,kBAAA;EACA,UAAA;EACA,aAAA;EACA,WAAA;AxB6qDN;AwBzqDE;EACE,qBAAA;UAAA,aAAA;EACA,YAAA;AxB2qDJ;AwBxqDE;EACE,aAAA;EACA,mBAAA;EACA,gBAAA;EACA,mBAAA;AxB0qDJ;AwBxqDI;EACE,mBAAA;EACA,sBAAA;AxB0qDN;AwBtqDE;EACE,WAAA;EACA,YAAA;EACA,oBAAA;KAAA,iBAAA;EACA,wDAAA;AxBwqDJ;AwBrqDE;EACE,gBAAA;EACA,uBAAA;AxBuqDJ;;AyB7wDA;EAEE,uDAAA;EACA,oDAAA;EACA,6DAAA;EAEA,qEAAA;EACA,gEAAA;EAEA,4DAAA;EACA,mEAAA;EACA,mEAAA;EAEA,yDAAA;EACA,gEAAA;EACA,gEAAA;EAGA,qDAAA;EACA,uDAAA;EACA,gEAAA;EAEA,0DAAA;EACA,sEAAA;EACA,sEAAA;EAEA,4DAAA;EACA,mEAAA;EACA,mEAAA;EAEA,iDAAA;EACA,8CAAA;EAEA;0FAAA;AzBuwDF;;AyBnwDA;EACE,gBAAA;EACA,cAAA;EACA,SAAA;EACA,qCAAA;EACA,yCAAA;AzBswDF;AyBpwDE;EACE,qBAAA;EACA,aAAA;EACA,mBAAA;EACA,WAAA;EACA,cAAA;EACA,oBAAA;EACA,qBAAA;EACA,mFAAA;AzBswDJ;AyBhwDM;EACE,eAAA;AzBkwDR;AyB9vDI;EACE,mBAAA;EACA,gBAAA;EACA,aAAA;EACA,UAAA;EACA,gBAAA;AzBgwDN;AyB9vDM;EACE,kBAAA;EACA,+CAAA;EACA,wDAAA;AzBgwDR;AyB9vDQ;;EAEE,cAAA;EACA,cAAA;EACA,+CAAA;EACA,uBAAA;AzBgwDV;AyB7vDQ;EACE,6CAAA;AzB+vDV;AyB3vDQ;EAEE,cAAA;EACA,iDAAA;AzB4vDV;AyBzvDQ;EACE,kBAAA;EACA,SAAA;EAEE,WAAA;EAIF,WAAA;EACA,aAAA;AzBuvDV;AyBpvDU;EACE,SAAA;EAEE,UAAA;AzBqvDd;AyB9uDY;EACE,YAAA;EACA,kBAAA;EACA,WAAA;EAEE,YAAA;EAIF,UAAA;EACA,eAAA;EAGA,kCAAA;EACA,kBAAA;AzB0uDd;AyBnuDI;EACE,WAAA;EAOE,oBAAA;AzB+tDR;AyBpuDM;EACE,YAAA;AzBsuDR;AyB3tDE;EACE,wEAAA;EACA,sEAAA;EACA,6DAAA;EACA,oEAAA;EACA,oEAAA;EACA,+DAAA;EACA,sEAAA;EACA,sEAAA;AzB6tDJ;AyB1tDE;EACE,aAAA;EACA,mBAAA;EACA,gBAAA;EACA,0CAAA;EACA,8CAAA;EACA,yDAAA;EACA,iDAAA;AzB4tDJ;AyB1tDI;EACE,oBAAA;EACA,yBAAA;KAAA,sBAAA;UAAA,iBAAA;EACA,YAAA;AzB4tDN;AyBztDI;EAEE,WAAA;EACA,mBAAA;EACA,cAAA;EACA,gCAAA;AzB0tDN;AyBvtDI;EACE,iDAAA;EACA,qDAAA;AzBytDN;AyBttDI;EACE,iDAAA;EACA,qDAAA;AzBwtDN;AyBptDI;EAEE,iDAAA;EACA,qDAAA;AzBqtDN;;AyBhtDA;;EAEE,2DAAA;EACA,6DAAA;EACA,mEAAA;EACA,kBAAA;EACA,eAAA;EACA,cAAA;EACA,gBAAA;EACA,wCAAA;EACA,4CAAA;EACA,6EAAA;EACA,4CAAA;AzBmtDF;AyBjtDE;;EACE,2DAAA;EACA,6DAAA;EACA,mEAAA;EACA,gEAAA;EACA,uEAAA;EACA,uEAAA;EACA,kEAAA;EACA,yEAAA;EACA,yEAAA;AzBotDJ;AyBjtDE;;EACE,gBAAA;EACA,SAAA;EACA,6CAAA;EACA,iDAAA;AzBotDJ;AyBltDI;;EACE,kBAAA;AzBqtDN;AyBltDI;;EACE,sBAAA;AzBqtDN;AyBltDI;;EACE,oDAAA;EACA,wDAAA;AzBqtDN;AyBltDI;;EACE,oDAAA;EACA,wDAAA;AzBqtDN;AyBltDI;;;EAEE,oDAAA;EACA,wDAAA;AzBqtDN;AyBjtDI;;EAEI,oBAAA;AzBmtDR;AyB7sDI;;EACE,+CAAA;EACA,yBAAA;EACA,mDAAA;EACA,uDAAA;AzBgtDN;AyB7sDI;;EACE,oCAAA;EACA,0BAAA;EACA,yDAAA;EACA,YAAA;AzBgtDN;AyB5sDE;;;EAEE,YAAA;EACA,kBAAA;EACA,SAAA;EACA,QAAA;EACA,mBAAA;EACA,qCAAA;AzB+sDJ;AyB5sDE;;;EAEE,WAAA;EACA,cAAA;EACA,oCAAA;EACA,wDAAA;EACA,mGAAA;AzB+sDJ;AyB5sDE;;;EAEE,cAAA;EACA,oCAAA;EACA,wDAAA;EACA,wFAAA;AzB+sDJ;AyB5sDE;;;EAEE,YAAA;EACA,oCAAA;EACA,wDAAA;EACA,mGAAA;AzB+sDJ;AyB5sDE;;;EAEE,aAAA;EACA,oCAAA;EACA,wDAAA;EACA,wFAAA;AzB+sDJ;AyB5sDE;;;EAGI,SAAA;AzB8sDN;AyBzsDE;;;EAEE,QAAA;AzB4sDJ;;A0B9hEA;EACE,kDAAA;EACA,kDAAA;EAEA;wCAAA;EAEA;6CAAA;A1BiiEF;;A0B7hEA;EACE,kBAAA;EACA,qBAAA;A1BgiEF;A0B7hEI;EACE,WAAA;A1B+hEN;;A0B1hEA;EACE,kBAAA;EACA,aHsDgB;EGrDhB,aAAA;EACA,qCAAA;A1B6hEF;A0B3hEE;EACE,cAAA;EACA,kDAAA;A1B6hEJ;A0B1hEE;EACE,kDAAA;A1B4hEJ;;A2B5jEE;EACE,gBAAA;EACA,aJiFa;AvB8+DjB;;A4BlkEA;EACE,mDAAA;EACA,qDAAA;EACA,8DAAA;EAGA,+CAAA;EACA,+CAAA;EAGA;wCAAA;EAEA;6CAAA;EAIA;QAAA;EAEA;aAAA;EAIA;QAAA;EAEA;aAAA;EAIA;QAAA;EAEA;2DAAA;EAIA;QAAA;EAEA;2DAAA;A5B0jEF;;A4BpjEA;EACE,yDAAA;EACA,iEAAA;EAEA,gBAAA;EACA,eAAA;EACA,aLmCa;EKlCb,QAAA;EACA,OAAA;EACA,QAAA;EACA,aAAA;EACA,UAAA;EACA,2BAAA;EAAA,wBAAA;EAAA,mBAAA;EACA,eAAA;EACA,cAAA;EACA,sCAAA;EACA,0CAAA;EACA,6EAnBa;EAoBb,iEAAA;EACA,4CAAA;A5BsjEF;A4BpjEE;EACE,gBAAA;EACA,eAAA;A5BsjEJ;A4BnjEE;EACE,gBAAA;EACA,eAAA;A5BqjEJ;A4BljEE;EACE,cAAA;EACA,uDAAA;A5BojEJ;A4BjjEE;EACE,uDAAA;A5BmjEJ;A4BhjEE;EACE,MAAA;EACA,SAAA;EACA,OAAA;EACA,QAAA;EACA,YAAA;A5BkjEJ;A4BhjEE;EACE,aAAA;EACA,MAAA;EACA,OAAA;EACA,QAAA;EACA,cAAA;EACA,2BAAA;EACA,8EAAA;A5BkjEJ;A4BhjEI;EACE,mDAAA;A5BkjEN;A4B/iEI;EACE,mDAAA;A5BijEN;A4B9iEE;EACE,UAAA;EACA,SAAA;EACA,OAAA;EACA,QAAA;EACA,cAAA;EACA,8BAAA;EACA,gEAAA;EACA,8EAAA;A5BgjEJ;A4B9iEI;EACE,sDAAA;A5BgjEN;A4B7iEI;EACE,sDAAA;A5B+iEN;A4B5iEE;EACE,YAAA;EACA,OAAA;EACA,MAAA;EACA,SAAA;EACA,cAAA;EACA,4BAAA;EACA,iEAAA;EACA,8EAAA;A5B8iEJ;A4B5iEI;EACE,oDAAA;A5B8iEN;A4B3iEI;EACE,oDAAA;A5B6iEN;A4B1iEE;EACE,WAAA;EACA,QAAA;EACA,MAAA;EACA,SAAA;EACA,cAAA;EACA,6BAAA;EACA,gEAAA;EACA,8EAAA;A5B4iEJ;A4B1iEI;EACE,qDAAA;A5B4iEN;A4BziEI;EACE,qDAAA;A5B2iEN;A4BtiEI;EACE,oFA3HS;A5BmqEf;A4BtiEI;EACE,iFA9HS;A5BsqEf;A4BniEE;EACE,gBAAA;A5BqiEJ;A4BliEE;EACE,0CAAA;A5BoiEJ;;A4BhiEA;EACE,aAAA;EACA,sBAAA;EACA,YAAA;A5BmiEF;;A4BhiEA;EACE,aAAA;EACA,mBAAA;EACA,8BAAA;EACA,sBAAA;A5BmiEF;A4BjiEE;EACE,gBAAA;EACA,+CAAA;EACA,gBAAA;A5BmiEJ;;A4B/hEA;EACE,YAAA;EACA,sBAAA;A5BkiEF;;A4B/hEA;EACE,aAAA;EACA,mBAAA;EACA,8BAAA;EACA,qBAAA;A5BkiEF;;A6BlvEA;EACE,sCAAA;EACA,mCAAA;EACA,oCAAA;EACA,iDAAA;EACA,+CAAA;EACA,oDAAA;A7BqvEF;;A6BlvEA;EACE,yDAAA;EACA,cAAA;EACA,wCAAA;EACA,0CAAA;EACA,2CAAA;EACA,mBAAA;EACA,UAAA;A7BqvEF;;A6BlvEA;EAEE,kBAAA;EACA,yDAAA;EAEA,4FAAA;A7BmvEF;A6BjvEE;EAGE,qBAAA;A7BivEJ;A6B9uEE;EAEE,YAAA;EACA,kBAAA;A7B+uEJ;A6B3uEE;EACE,iDAAA;EACA,6FAAA;A7B6uEJ;A6B1uEE;EACE,iDAAA;EACA,4FAAA;A7B4uEJ;;A6BvuEE;EAEE,kBAAA;EACA,MAAA;EACA,SAAA;EACA,OAAA;EACA,QAAA;EACA,WAAA;EACA,YAAA;A7ByuEJ;A6BtuEE;EACE,kDAAA;A7BwuEJ;A6BpuEE;EACE,gBAAA;A7BsuEJ;;A6BluEA;EACE,yDAAA;EACA,aAAA;EACA,8BAAA;EACA,UAAA;EACA,WAAA;EAEA,gCAAA;EACA,mBAAA;A7BouEF;A6BluEE;EACE,oCAAA;A7BouEJ;A6BjuEE;EACE,YAAA;EACA,kBAAA;EACA,WAAA;EACA,YAAA;EACA,oDAAA;EAEE,8BAAA;EAIF,mBAAA;EACA,0FAAA;A7B+tEJ;;A8Bj0EA;EACE,2DAAA;EACA,iEAAA;EACA,iEAAA;EACA,4CAAA;A9Bo0EF;;A8Bj0EA;EACE,8DAAA;EACA,gBAAA;EACA,cAAA;EACA,WAAA;EACA,eAAA;EACA,sCAAA;EACA,6CAAA;EACA,4CAAA;A9Bo0EF;A8Bl0EE;EACE,gFAAA;A9Bo0EJ;A8Bj0EE;EACE,gBAAA;EACA,kBAAA;EACA,iBAAA;EACA,iBAAA;EACA,sBAAA;EACA,sCAAA;EACA,gDAAA;EACA,4CAAA;EACA,6BAAA;EACA,0IAAA;A9Bm0EJ;A8Bh0EI;EACE,YAAA;EACA,kBAAA;EACA,QAAA;EACA,OAAA;EACA,QAAA;EACA,2BAAA;EACA,cAAA;EACA,cAAA;EACA,wBAAA;EACA,4CAAA;EACA,YAAA;A9Bk0EN;A8B9zEE;EACE,YAAA;A9Bg0EJ;A8B7zEM;EACE,YAAA;EACA,kBAAA;EACA,MAAA;EAEE,OAAA;EACA,sBAAA;EAMF,WAAA;EAEA,YAAA;EACA,8CAAA;EAEA,yFAAA;A9BuzER;;A+B73EA;EACE,kBAAA;A/Bg4EF;A+B93EE;;EAEE,WAAA;EAGE,qBAAA;A/B83EN;A+Bx3EI;;EACE,+CAAA;EACA,uBAAA;A/B23EN;A+Bv3EE;EACE,kBAAA;EACA,MAAA;EACA,SAAA;EACA,YAAA;EACA,aAAA;EACA,cAAA;EACA,cAAA;EACA,6CAAA;EACA,yDAAA;EAGE,YAAA;A/Bu3EN;;AgCv5EA;EACE,mDAAA;EACA,iDAAA;EACA,4DAAA;EAEA,6CAAA;EACA,6CAAA;EACA,+FAAA;EACA;6CAAA;AhC05EF;;AgCr5EA;;;EAGE,yDAAA;EACA,uDAAA;EACA,+DAAA;AhCw5EF;AgCt5EE;;;EACE,oCAAA;AhC05EJ;;AgCt5EA;EACE,gBAAA;EACA,aAAA;EACA,oCAAA;EACA,wCAAA;EACA,4CAAA;AhCy5EF;AgCv5EE;EACE,2EAAA;EACA,wDAAA;AhCy5EJ;;AgCr5EA;EACE,aAAA;EACA,eAAA;EACA,mBAAA;EACA,cAAA;EACA,oCAAA;EACA,wCAAA;EACA,kFAAA;AhCw5EF;AgCt5EE;EACE,iBAAA;EACA,gBAAA;EACA,kBAAA;EACA,qBAAA;AhCw5EJ;AgCt5EI;EACE,mBAAA;AhCw5EN;AgCn5EM;EACE,YAAA;AhCq5ER;AIx8EE;E4B6BF;IA4BI,gBAAA;IACA,UAAA;EhCm5EF;AACF;AgCj5EE;EACE,kBAAA;EACA,kBAAA;EACA,+CAAA;EACA,wBAAA;KAAA,qBAAA;UAAA,gBAAA;EACA,sBAAA;EACA,WAAA;EACA,YAAA;EACA,qBAAA;EACA,gBAAA;EACA,gCAAA;EACA,yBAAA;EACA,uBAAA;EACA,YAAA;EACA,aAAA;EACA,YAAA;EACA,4DAAA;AhCm5EJ;AgCj5EI;EAEE,UAAA;AhCk5EN;AgCh5EM;EACE,mCAAA;AhCk5ER;AgC94EI;EACE,YAAA;EACA,kBAAA;EACA,iDAAA;EACA,OAAA;EACA,WAAA;EACA,gDAAA;EACA,4CAAA;EACA,wGAAA;EAEA,+BAAA;EACA,4DAAA;AhC+4EN;AgC54EM;EACE,oBAAA;AhC84ER;AgC14EI;EACE,sDAAA;EACA,UAAA;AhC44EN;AgC14EM;EACE,gDAAA;AhC44ER;AgCx4EI;EACE,sBAAA;EAGE,kBAAA;AhCw4ER;AgCh4EI;EACE,aAAA;EACA,MAAA;EACA,wGAAA;EAEA,4BAAA;AhCi4EN;;AgC53EA;EACE,gBAAA;EACA,oCAAA;EACA,wCAAA;AhC+3EF;AgC73EE;EACE,YAAA;AhC+3EJ;AgC53EE;EACE,wBAAA;AhC83EJ;AgC13EI;EACE,iCAAA;AhC43EN;AgCt3EM;EACE,qFAAA;AhCw3ER;AgCv3EQ;EACE,sFAAA;AhCy3EV;AgCt3EM;EACE,sFAAA;AhCw3ER;AgCv3EQ;EACE,uFAAA;AhCy3EV;AgCl3EI;EACE,2EAAA;AhCo3EN;AgCl3EM;EACE,4EAAA;AhCo3ER;;AgC92EA;EACE,6CAAA;AhCi3EF;AgC/2EE;EACE,6CAAA;AhCi3EJ;;AiCvjFA;EACE,qDAAA;EACA,mDAAA;EACA,8DAAA;EACA,mCAAA;EACA,+CAAA;EACA,+CAAA;EACA;QAAA;EAEA;aAAA;AjC2jFF;;AiCvjFA;EACE,eAAA;EACA,WAAA;EACA,gBAAA;EACA,aAAA;EACA,sBAAA;EACA,aVkEa;AvBw/Ef;AiCxjFE;EACE,8BAAA;EACA,yCAAA;AjC0jFJ;AiCxjFE;EACE,sBAAA;EACA,sCAAA;AjC0jFJ;AiCxjFE;EACE,uCAAA;AjC0jFJ;AiCxjFE;EACE,wCAAA;AjC0jFJ;AiCxjFE;EACE,OAAA;EACA,QAAA;EACA,cAAA;AjC0jFJ;AIvlFE;E6BIF;IAmCI,mCAAA;IACA,uBAAA;EjCojFF;EiC3jFE;IAEE,OAAA;IACA,QAAA;IACA,cAAA;EjC4jFJ;AACF;;AiCtjFA;EACE,2DAAA;EACA,yDAAA;EACA,iEAAA;EACA,gBAAA;EACA,kBAAA;EACA,WAAA;EACA,cAAA;EACA,gBAAA;EACA,sCAAA;EACA,0CAAA;EACA,6EAAA;EACA,iEAAA;EACA,4CAAA;AjCyjFF;AiCvjFE;EACE,+CAAA;AjCyjFJ;AiCtjFE;EACE,+CAAA;AjCwjFJ;AiCpjFI;EACE,uBAAA;EACA,mBAAA;AjCsjFN;AiCljFE;EACE,qBAAA;EACA,UAAA;EACA,eAAA;EAEE,oBAAA;EAKF,aAAA;AjC+iFJ;AiCljFI;EACE,mBAAA;AjCojFN;AiChjFI;EACE,kBAAA;AjCkjFN;AiC9iFE;EACE,kBAAA;EACA,MAAA;EACA,SAAA;EAEE,aAAA;EAKF,iBAAA;EACA,cAAA;EACA,0CAAA;EACA,4DAAA;EACA,mBAAA;AjC2iFJ;AiCljFI;EACE,YAAA;AjCojFN;;AkChqFA;EACE,0EAAA;EACA,+DAAA;EACA,4DAAA;EACA,qEAAA;EACA,sFAAA;EACA,kFAAA;EACA,oFAAA;EACA,mFAAA;AlCmqFF;;AkC/pFE;EACE,iBAAA;AlCkqFJ;AkC/pFE;EAEI,mBAAA;AlCgqFN;AkC1pFE;EACE,cAAA;EAEE,mBAAA;AlC2pFN;;AkClpFE;;EAEE,oCAAA;AlCqpFJ;AkCnpFI;EAEE,YAAA;EACA,yCAAA;AlCspFN;AkCzpFI;;;EAEE,YAAA;EACA,yCAAA;AlCspFN;AkCnpFI;EACE,qBAAA;AlCspFN;AkCvpFI;;EACE,qBAAA;AlCspFN;AkClpFE;EACE,oBAAA;EACA,kBAAA;EACA,MAAA;EACA,SAAA;EACA,cAAA;EACA,2BAAA;EAAA,wBAAA;EAAA,mBAAA;EACA,YAAA;EACA,+BAAA;EACA,mDAAA;EAGE,0BAAA;EACA,SAAA;AlCkpFN;AkC1oFI;EACE,UAAA;EACA,aAAA;AlC4oFN;;AkCvoFA;EACE,gBAAA;EACA,kBAAA;EACA,gBAAA;EACA,6CAAA;EACA,iDAAA;EACA,oFAAA;EACA,4CAAA;EACA,wBAAA;EACA,wBAAA;EACA,mBAAA;EACA,iDAAA;AlC0oFF;AkCxoFE;EACE,oDAAA;AlC0oFJ;AkCvoFE;EACE,yEAAA;AlCyoFJ;AkCtoFE;EACE,cAAA;EACA,aAAA;EACA,sDAAA;EAAA,iDAAA;AlCwoFJ;AkC3oFE;EACE,cAAA;EACA,aAAA;EACA,iDAAA;AlCwoFJ;AkCroFE;EAEE,UAAA;AlCsoFJ;AkCxoFE;EAEE,UAAA;AlCsoFJ;AkCnoFE;EACE,gEAAA;EACA,kEAAA;EACA,wEAAA;EACA,oFAAA;AlCqoFJ;AkCloFE;EAEE,kEAAA;EACA,mGAAA;EACA;;cAAA;AlCqoFJ;AkChoFE;EACE;;cAAA;AlCooFJ;AkC/nFE;EAEE,kEAAA;EACA,mGAAA;EACA;;cAAA;AlCkoFJ;AkC7nFE;EAEE,kEAAA;EACA,sFAAA;EACA,6FAAA;AlC8nFJ;AkC1nFE;EACE,uBAAA;EACA,iGAAA;AlC4nFJ;AkCznFE;EAEE,oBAAA;EACA,6DAAA;AlC0nFJ;;AkCtnFA;;;EAGE,kBAAA;EACA,aAAA;EACA,mBAAA;EACA,gBAAA;AlCynFF;AkCrnFI;;;;;EACE,oDAAA;AlC2nFN;AkCtnFI;;;EACE,8DAAA;AlC0nFN;AkCtnFI;;;EACE,gEAAA;AlC0nFN;AkCvnFE;;;;;EAEE,gEAAA;AlC4nFJ;AkCznFE;;;EACE,kBAAA;EACA,qBAAA;EACA,gBAAA;EACA,gBAAA;EACA,aAAA;EACA,iDAAA;EACA,oFAAA;EACA,wDAAA;EACA,iDAAA;AlC6nFJ;AkC3nFI;;;EAEI,kBAAA;AlC8nFR;AkCxnFI;;;EAEI,mBAAA;AlC2nFR;AkCrnFI;;;EACE,YAAA;EACA,kBAAA;EACA,MAAA;EACA,OAAA;EACA,UAAA;EACA,4CAAA;EACA,iDAAA;AlCynFN;AkCrnFE;;;EACE,eAAA;AlCynFJ;AkCtnFE;;;EACE,oBAAA;EACA,6DAAA;AlC0nFJ;AkCxnFI;;;EACE,8DAAA;AlC4nFN;AkCxnFE;;;EACE,kBAAA;EACA,MAAA;EACA,OAAA;EACA,UAAA;AlC4nFJ;;AkCxnFA;;EAEE,mCAAA;KAAA,gCAAA;UAAA,2BAAA;EACA,mBAAA;EACA,oBAAA;EACA,qBAAA;EACA,uBAAA;EACA,qBAAA;AlC2nFF;;AmC53FA;EACE,kBAAA;EACA,aAAA;EACA,mBAAA;AnC+3FF;AmC73FE;EACE,WAAA;AnC+3FJ;AmCx3FI;EAEI,oBAAA;AnCy3FR;AmCn3FI;EACE,YAAA;EACA,kBAAA;EACA,MAAA;EACA,SAAA;EACA,UAAA;EACA,cAAA;EACA,4CAAA;EACA,iDAAA;AnCq3FN;AmCh3FI;EAEI,aAAA;EAKF,UAAA;EACA,cAAA;EACA,8DAAA;AnC62FN;AmCx2FI;EAEI,aAAA;EAKF,YAAA;EACA,aAAA;EACA,8DAAA;AnCq2FN;AmCl2FI;EACE,uCAAA;AnCo2FN;AmC/1FI;EACE,YAAA;EACA,kBAAA;EACA,WAAA;EACA,SAAA;EACA,UAAA;EACA,cAAA;EACA,4CAAA;EACA,iDAAA;EAGA,gCAAA;EAGE,aAAA;EAKF,aAAA;EACA,cAAA;EACA,4DAAA;EACA,wBAAA;AnCy1FN;AmCt1FI;EAEI,UAAA;EAKF,YAAA;EACA,cAAA;EACA,4DAAA;EACA,yBAAA;AnCm1FN;AmC/0FE;EACE,kBAAA;EACA,MAAA;EACA,SAAA;EAEA,UAAA;EAEE,YAAA;EAIF,cAAA;EACA,YAAA;EACA,aAAA;EACA,cAAA;EACA,cAAA;EACA,6CAAA;EACA,uBAAA;EACA,YAAA;EACA,yDAAA;AnC40FJ;AmC10FI;EAGI;IACE,iCAAA;EnC00FR;AACF;AmCt0FI;EACE,WAAA;EACA,cAAA;EACA,WAAA;EACA,YAAA;EACA,8BAAA;EACA,gDAAA;EACA,wDAAA;EACA,iDAAA;AnCw0FN;AmCr0FI;EACE,YAAA;EACA,kBAAA;EAEE,YAAA;EAIF,MAAA;EACA,SAAA;EACA,UAAA;EACA,YAAA;EACA,cAAA;EACA,cAAA;EACA,wBAAA;EACA,4CAAA;EACA,yBAAA;EACA,wCAAA;UAAA,gCAAA;EACA,mDAAA;AnCm0FN;AmC9zFI;EACE,sCAAA;UAAA,8BAAA;AnCg0FN;AmC3zFE;EAEI;IACE,wCAAA;EnC4zFN;AACF;;AmClzFA;EACE,sBAAA;AnCqzFF;;AmCtzFA;EACE,sBAAA;AnCqzFF;;AmClzFA;EACE,aAAA;EACA,cAAA;EACA,cAAA;EACA,yDAAA;AnCqzFF;;AmClzFA;EACE,wBAAA;AnCqzFF;AmCnzFE;EAEE,eAAA;EACA,gBAAA;EACA,cAAA;EACA,8BAAA;EACA,oDAAA;EACA,wBAAA;EAGE,oBAAA;AnCkzFN;AmC5zFE;EAEE,eAAA;EACA,gBAAA;EACA,cAAA;EACA,8BAAA;EACA,oDAAA;EACA,wBAAA;EAGE,oBAAA;AnCkzFN;;AmCvyFE;;;EACE,uBAAA;AnC4yFJ;;AoC5gGI;EACE,qCAAA;UAAA,6BAAA;ApC+gGN;AoC1gGI;EACE,YAAA;EACA,kBAAA;EACA,UAAA;EACA,YAAA;EACA,UAAA;EACA,YAAA;EACA,cAAA;EACA,4DAAA;EACA,4CAAA;EACA,iDAAA;EACA,wBAAA;EACA,gCAAA;ApC4gGN;AoCzgGI;EACE,WAAA;EACA,WAAA;EACA,YAAA;EACA,cAAA;EACA,4DAAA;EACA,yCAAA;UAAA,iCAAA;EACA,yBAAA;EACA,8CAAA;EAAA,sCAAA;EAAA,0EAAA;ApC2gGN;AoCtgGI;EACE,qDAAA;ApCwgGN;AoClgGI;;EACE,MAAA;EACA,SAAA;EACA,OAAA;EACA,QAAA;EACA,aAAA;EACA,aAAA;EACA,YAAA;EACA,yCAAA;UAAA,iCAAA;EACA,8CAAA;EAAA,sCAAA;EAAA,0EAAA;EACA,mCAAA;ApCqgGN;;AqCxjGI;EACE,MAAA;EACA,SAAA;EACA,OAAA;EACA,QAAA;EACA,YAAA;EACA,aAAA;EACA,YAAA;EACA,wDAAA;ArC2jGN;AqCtjGI;EACE,4DAAA;EACA,wEAAA;ArCwjGN;;AsCzkGA;EACE,wBAAA;EACA,WAAA;EACA,kCAAA;EACA,YAAA;EACA,uBAAA;AtC4kGF;AsC1kGE;EACE,eAAA;EACA,WAAA;EACA,oDAAA;EACA,qDAAA;EACA,wDAAA;AtC4kGJ;AsCzkGE;EACE,eAAA;EACA,WAAA;EACA,oDAAA;EACA,qDAAA;EACA,wDAAA;AtC2kGJ;AsCxkGE;EACE,wBAAA;EACA,eAAA;EACA,cAAA;EACA,aAAA;EACA,iDAAA;EACA,wDAAA;EACA,8FAAA;EACA,sDAAA;EAAA,iDAAA;AtC0kGJ;AsCvkGE;EACE,wBAAA;EACA,eAAA;EACA,cAAA;EACA,aAAA;EACA,eAAA;EACA,iDAAA;EACA,wDAAA;EACA,8FAAA;EACA,yDAAA;EAAA,iDAAA;AtCykGJ;AsCtkGE;EACE,oDAAA;AtCwkGJ;AsCrkGE;EACE,oDAAA;AtCukGJ;AsCpkGE;EACE;IACE,sBAAA;EtCskGJ;EsCnkGE;IACE,sBAAA;EtCqkGJ;AACF;AsClkGE;EACE,8DAAA;EACA,oDAAA;AtCokGJ;AsCjkGE;EACE,8DAAA;EACA,oDAAA;AtCmkGJ;;AuC1oGA;EAGE,wBAAA;EACA,qBAAA;EACA,gBAAA;EACA,eAAA;EACA,eAAA;EAGE,oBAAA;EAKF,6CAAA;EACA,4BAAA;EAEE,wCAAA;AvCooGJ;AuC/nGE;EAEE,gBAAA;EACA,uBAAA;EACA,iCAAA;AvCgoGJ;;AuC5nGA;EACE,eAAA;EACA,6CAAA;EACA,iDAAA;AvC+nGF;;AwC/pGI;EACE,4BAAA;AxCkqGN;AwC9pGE;EAEE,cAAA;EACA,UAAA;AxC+pGJ;AwC7pGI;EACE,MAAA;EACA,SAAA;EAGE,YAAA;EAKF,YAAA;EACA,aAAA;EACA,cAAA;EACA,qDAAA;EACA,wDAAA;EACA,mDAAA;AxCypGN;AwCppGI;EAEI,uCAAA;EAIF,qDAAA;AxCkpGN;AwC7oGE;EAEI;IACE,0BAAA;ExC8oGN;EwC1oGM;IACE,8BAAA;ExC4oGR;EwC1oGM;IACE,gDAAA;ExC4oGR;EwCxoGI;IACE,6CAAA;ExC0oGN;EwCvoGI;IAEI,+DAAA;ExCwoGR;AACF;;AyCzsGA;EAEE,cAAA;EAEA,oGAAA;AzC0sGF;;A0C9sGA;EACE,wDAAA;EACA,0DAAA;A1CitGF;;A0C9sGA;EACE,gEAAA;EACA,8DAAA;EACA,aAAA;EACA,sBAAA;EACA,uBAAA;EACA,sCAAA;EACA,0CAAA;A1CitGF;A0C/sGE;EACE,aAAA;EACA,8BAAA;EACA,mBAAA;EACA,WAAA;EACA,sBAAA;EACA,YAAA;EACA,sCAAA;EACA,0CAAA;EACA,yDAAA;EACA,iDAAA;A1CitGJ;A0C/sGI;EACE,oBAAA;A1CitGN;A0C9sGI;EAEE,oDAAA;A1C+sGN;A0C5sGI;EACE,yCAAA;EACA,gDAAA;A1C8sGN;A0C1sGE;EACE,aAAA;EAGE,mBAAA;A1C0sGN;A0CrsGI;EACE,UAAA;EACA,WAAA;EACA,eAAA;A1CusGN;A0CrsGM;EACE,kBAAA;A1CusGR;A0ClsGE;EACE,WAAA;EAGE,gBAAA;A1CksGN;A0C5rGE;;EAEE,cAAA;A1C8rGJ;A0C3rGE;EACE,kBAAA;EACA,eAAA;A1C6rGJ;A0C3rGI;EACE,kBAAA;A1C6rGN;A0CzrGE;EACE,gBAAA;EACA,aAAA;A1C2rGJ;;A2ClxGA;EACE,kCAAA;A3CqxGF;;A2ClxGA;EAEE,iCAAA;A3CoxGF;;A2CjxGA;;;EAGE,wCAAA;A3CoxGF;;A2CjxGA;;;EAGE,uCAAA;A3CoxGF;;A2CjxGA;;;EAGE,0BAAA;A3CoxGF;;A2CjxGA;EACE,wDAAA;A3CoxGF;;A2CjxGA;EACE,oDAAA;A3CoxGF;;A2CjxGA;EACE,6CAAA;A3CoxGF;;A2CjxGA;EACE,6CAAA;A3CoxGF;;A2CjxGA;EACE,+CAAA;A3CoxGF;;A2CjxGA;EACE,gDAAA;A3CoxGF;;A2CjxGA;EACE,mDAAA;A3CoxGF;;A2CjxGA;EACE,sDAAA;A3CoxGF;;A2C/wGA;EACE;IACE,UAAA;E3CkxGF;E2ChxGA;IACE,UAAA;E3CkxGF;AACF;A2C/wGA;EACE;IACE,UAAA;E3CixGF;E2C/wGA;IACE,UAAA;E3CixGF;E2C/wGA;IACE,UAAA;E3CixGF;AACF;A2C7wGA;EACE;IACE,UAAA;E3C+wGF;E2C7wGA;IACE,yCAAA;E3C+wGF;AACF;A2C1wGA;EACE;IACE,UAAA;E3C4wGF;AACF;A2CzwGA;EACE;IACE,mBAAA;E3C2wGF;E2CzwGA;IACE,mBAAA;E3C2wGF;AACF;A2CxwGA;EACE;IACE,oBAAA;E3C0wGF;E2CxwGA;IACE,oBAAA;E3C0wGF;AACF;A2CvwGA;EACE;IACE,oBAAA;E3CywGF;E2CvwGA;IACE,oBAAA;E3CywGF;AACF;A2CrwGA;EACE;IACE,aAAA;IACA,oBAAA;E3CuwGF;E2CrwGA;IACE,UAAA;IACA,oBAAA;E3CuwGF;AACF;A2CnwGA;EACE;IACE,UAAA;IACA,qBAAA;E3CqwGF;E2CnwGA;IACE,UAAA;IACA,mBAAA;E3CqwGF;AACF;A2CnwGA;EACE;IACE,UAAA;IACA,mBAAA;E3CqwGF;E2CnwGA;IACE,UAAA;IACA,sBAAA;E3CqwGF;AACF;A2CjwGA;EACE;IACE,mBAAA;E3CmwGF;E2CjwGA;IACE,sBAAA;E3CmwGF;E2CjwGA;IACE,qBAAA;E3CmwGF;E2CjwGA;IACE,mBAAA;E3CmwGF;AACF;A2C/vGA;EACE;IACE,oBAAA;E3CiwGF;E2C/vGA;IACE,wBAAA;E3CiwGF;AACF;A2C7vGA;EACE;IACE,uCAAA;E3C+vGF;E2C7vGA;IACE,wBAAA;E3C+vGF;AACF;A2C7vGA;EACE;IACE,UAAA;IACA,sCAAA;E3C+vGF;E2C7vGA;IACE,UAAA;IACA,wBAAA;E3C+vGF;AACF;A2C7vGA;EACE;IACE,wBAAA;E3C+vGF;E2C7vGA;IACE,uCAAA;E3C+vGF;AACF;A2C5vGA;EACE;IACE,wCAAA;E3C8vGF;E2C5vGA;IACE,wBAAA;E3C8vGF;AACF;A2C5vGA;EACE;IACE,wBAAA;E3C8vGF;E2C5vGA;IACE,wCAAA;E3C8vGF;AACF;A2C5vGA;EACE;IACE,UAAA;IACA,wBAAA;E3C8vGF;E2C5vGA;IACE,UAAA;IACA,uCAAA;E3C8vGF;AACF;A2C3vGA;EACE;IACE,uCAAA;E3C6vGF;E2C3vGA;IACE,wBAAA;E3C6vGF;AACF;A2C3vGA;EACE;IACE,UAAA;IACA,0BAAA;E3C6vGF;E2C3vGA;IACE,UAAA;IACA,wBAAA;E3C6vGF;AACF;A2C3vGA;EACE;IACE,wBAAA;E3C6vGF;E2C3vGA;IACE,uCAAA;E3C6vGF;AACF;A2C3vGA;EACE;IACE,UAAA;IACA,wBAAA;E3C6vGF;E2C3vGA;IACE,UAAA;IACA,0BAAA;E3C6vGF;AACF;A2C1vGA;EACE;IACE,wCAAA;E3C4vGF;E2C1vGA;IACE,wBAAA;E3C4vGF;AACF;A2C1vGA;EACE;IACE,UAAA;IACA,2BAAA;E3C4vGF;E2C1vGA;IACE,UAAA;IACA,wBAAA;E3C4vGF;AACF;A2C1vGA;EACE;IACE,wBAAA;E3C4vGF;E2C1vGA;IACE,wCAAA;E3C4vGF;AACF;A2C1vGA;EACE;IACE,UAAA;IACA,wBAAA;E3C4vGF;E2C1vGA;IACE,UAAA;IACA,2BAAA;E3C4vGF;AACF;A2CtvGA;EACE;IACE,UAAA;E3CwvGF;E2CtvGA;IACE,UAAA;IAGE,2BAAA;IACA,sCAAA;E3CsvGJ;AACF;A2C9uGA;EACE;IACE,UAAA;IAEE,kCAAA;E3C+uGJ;E2C1uGA;IACE,UAAA;IACA,mBAAA;E3C4uGF;AACF;A2CzuGA;EACE;IACE,UAAA;IACA,mBAAA;E3C2uGF;E2CzuGA;IACE,UAAA;IACA,sBAAA;E3C2uGF;AACF;A2CvuGA;EACE;IACE,mBAAA;E3CyuGF;E2CvuGA;IAEE,UAAA;IACA,sBAAA;E3CwuGF;AACF;A2CpuGA;EACE;IACE,oBAAA;E3CsuGF;E2CpuGA;IACE,oBAAA;E3CsuGF;E2CpuGA;IACE,sBAAA;E3CsuGF;E2CpuGA;IACE,oBAAA;E3CsuGF;E2CpuGA;IACE,oBAAA;E3CsuGF;AACF;A2CluGA;EACE;IACE,qBAAA;E3CouGF;E2CluGA;IACE,0BAAA;E3CouGF;E2CluGA;IACE,2BAAA;E3CouGF;E2CluGA;IACE,qBAAA;E3CouGF;AACF;A2CjuGA;EACE;IACE,qBAAA;E3CmuGF;E2ChuGA;IACE,yBAAA;E3CkuGF;E2ChuGA;IACE,0BAAA;E3CkuGF;E2ChuGA;IACE,qBAAA;E3CkuGF;AACF;A2C9tGA;EACE;IACE,UAAA;IACA,uFAAA;E3CguGF;E2C9tGA;IACE,UAAA;IACA,mBAAA;E3CguGF;E2C9tGA;IACE,UAAA;E3CguGF;E2C9tGA;IACE,UAAA;E3CguGF;AACF;A2C7tGA;EACE;IAEE,UAAA;IACA,mEAAA;E3C8tGF;E2C5tGA;IAEE,UAAA;IACA,mBAAA;E3C6tGF;AACF;A2C1tGA;EACE;IAEE,UAAA;IACA,sFAAA;E3C2tGF;E2CztGA;IAEE,UAAA;IACA,mBAAA;E3C0tGF;AACF;A4C1qHE;EAWI,oDAAA;EAEA,yEAAA;EAGF,+DAAA;EAEA,wEAAA;EAEA,wDAAA;EAEA,yEAAA;EACA,gFAAA;A5C4pHJ;;A4CxpHE;EAWI,mDAAA;EAEA,wEAAA;EAGF,6DAAA;EAEA,sEAAA;EAEA,2DAAA;EAEA,4EAAA;EACA,8EAAA;A5C2oHJ;;A4C7rHE;EAWI,oDAAA;EAEA,yEAAA;EAGF,gEAAA;EAEA,yEAAA;EAEA,yDAAA;EAEA,0EAAA;EACA,iFAAA;A5CgrHJ;;A4C5qHE;EAWI,oDAAA;EAEA,yEAAA;EAGF,8DAAA;EAEA,uEAAA;EAEA,4DAAA;EAEA,6EAAA;EACA,+EAAA;A5C+pHJ;;A4CjtHE;EAGI,qDAAA;EAEA,0EAAA;EAWF,iEAAA;EAEA,0EAAA;EAEA,0DAAA;EAEA,2EAAA;EACA,kFAAA;A5CosHJ;;A4ChsHE;EAWI,qDAAA;EAEA,0EAAA;EAGF,+DAAA;EAEA,wEAAA;EAEA,6DAAA;EAEA,8EAAA;EACA,gFAAA;A5CmrHJ;;A4CruHE;EAWI,oDAAA;EAEA,yEAAA;EAGF,iEAAA;EAEA,0EAAA;EAEA,0DAAA;EAEA,2EAAA;EACA,kFAAA;A5CwtHJ;;A4CptHE;EAWI,qDAAA;EAEA,0EAAA;EAGF,+DAAA;EAEA,wEAAA;EAEA,6DAAA;EAEA,8EAAA;EACA,gFAAA;A5CusHJ;;A4CzvHE;EAWI,oDAAA;EAEA,yEAAA;EAGF,8DAAA;EAEA,uEAAA;EAEA,uDAAA;EAEA,wEAAA;EACA,+EAAA;A5C4uHJ;;A4CxuHE;EAWI,kDAAA;EAEA,uEAAA;EAGF,4DAAA;EAEA,qEAAA;EAEA,0DAAA;EAEA,2EAAA;EACA,6EAAA;A5C2tHJ;;A4C7wHE;EAGI,mDAAA;EAEA,wEAAA;EAWF,+DAAA;EAEA,wEAAA;EAEA,wDAAA;EAEA,yEAAA;EACA,gFAAA;A5CgwHJ;;A4C5vHE;EAWI,mDAAA;EAEA,wEAAA;EAGF,6DAAA;EAEA,sEAAA;EAEA,2DAAA;EAEA,4EAAA;EACA,8EAAA;A5C+uHJ;;A4CjyHE;EAWI,oDAAA;EAEA,yEAAA;EAGF,iEAAA;EAEA,0EAAA;EAEA,0DAAA;EAEA,2EAAA;EACA,kFAAA;A5CoxHJ;;A4ChxHE;EAWI,qDAAA;EAEA,0EAAA;EAGF,+DAAA;EAEA,wEAAA;EAEA,6DAAA;EAEA,8EAAA;EACA,gFAAA;A5CmwHJ;;A4CrzHE;EAWI,oDAAA;EAEA,yEAAA;EAGF,iEAAA;EAEA,0EAAA;EAEA,0DAAA;EAEA,2EAAA;EACA,kFAAA;A5CwyHJ;;A4CpyHE;EAWI,qDAAA;EAEA,0EAAA;EAGF,+DAAA;EAEA,wEAAA;EAEA,6DAAA;EAEA,8EAAA;EACA,gFAAA;A5CuxHJ;;A4Cz0HE;EAWI,oDAAA;EAEA,yEAAA;EAGF,kEAAA;EAEA,2EAAA;EAEA,2DAAA;EAEA,4EAAA;EACA,mFAAA;A5C4zHJ;;A4CxzHE;EAWI,sDAAA;EAEA,2EAAA;EAGF,gEAAA;EAEA,yEAAA;EAEA,8DAAA;EAEA,+EAAA;EACA,iFAAA;A5C2yHJ;;A4C71HE;EAWI,oDAAA;EAEA,yEAAA;EAGF,+DAAA;EAEA,wEAAA;EAEA,wDAAA;EAEA,yEAAA;EACA,gFAAA;A5Cg1HJ;;A4C50HE;EAWI,mDAAA;EAEA,wEAAA;EAGF,6DAAA;EAEA,sEAAA;EAEA,2DAAA;EAEA,4EAAA;EACA,8EAAA;A5C+zHJ;;A4Cj3HE;EAWI,oDAAA;EAEA,yEAAA;EAGF,kEAAA;EAEA,2EAAA;EAEA,2DAAA;EAEA,4EAAA;EACA,mFAAA;A5Co2HJ;;A4Ch2HE;EAWI,sDAAA;EAEA,2EAAA;EAGF,gEAAA;EAEA,yEAAA;EAEA,8DAAA;EAEA,+EAAA;EACA,iFAAA;A5Cm1HJ;;A4Cr4HE;EAWI,oDAAA;EAEA,yEAAA;EAGF,iEAAA;EAEA,0EAAA;EAEA,0DAAA;EAEA,2EAAA;EACA,kFAAA;A5Cw3HJ;;A4Cp3HE;EAWI,qDAAA;EAEA,0EAAA;EAGF,+DAAA;EAEA,wEAAA;EAEA,6DAAA;EAEA,8EAAA;EACA,gFAAA;A5Cu2HJ;;A4Cz5HE;EAOI,2CAAA;EAEA,gEAAA;EAOF,gEAAA;EAEA,yEAAA;EAEA,yDAAA;EAEA,0EAAA;EACA,iFAAA;A5C44HJ;;A4Cx4HE;EAOI,2CAAA;EAEA,gEAAA;EAOF,8DAAA;EAEA,uEAAA;EAEA,4DAAA;EAEA,6EAAA;EACA,+EAAA;A5C23HJ;;A4C76HE;EAWI,oDAAA;EAEA,yEAAA;EAGF,+DAAA;EAEA,wEAAA;EAEA,wDAAA;EAEA,yEAAA;EACA,gFAAA;A5Cg6HJ;;A4C55HE;EAGI,oDAAA;EAEA,yEAAA;EAWF,6DAAA;EAEA,sEAAA;EAEA,2DAAA;EAEA,4EAAA;EACA,8EAAA;A5C+4HJ;;A4C34HA;EAEE,sDAAA;EACA,6DAAA;EACA,6DAAA;A5C64HF;;A4C14HA;EAGE,iEAAA;EACA,wEAAA;EACA,qEAAA;A5C24HF;;A4Cr4HE;EACE,oDAAA;A5Cw4HJ;;A4Cp4HE;EACE,kDAAA;A5Cu4HJ;;A4C74HE;EACE,qDAAA;A5Cg5HJ;;A4C54HE;EACE,mDAAA;A5C+4HJ;;A4Cr5HE;EACE,sDAAA;A5Cw5HJ;;A4Cp5HE;EACE,oDAAA;A5Cu5HJ;;A4C75HE;EACE,sDAAA;A5Cg6HJ;;A4C55HE;EACE,oDAAA;A5C+5HJ;;A4Cr6HE;EACE,mDAAA;A5Cw6HJ;;A4Cp6HE;EACE,iDAAA;A5Cu6HJ;;A4C76HE;EACE,oDAAA;A5Cg7HJ;;A4C56HE;EACE,kDAAA;A5C+6HJ;;A4Cr7HE;EACE,sDAAA;A5Cw7HJ;;A4Cp7HE;EACE,oDAAA;A5Cu7HJ;;A4C77HE;EACE,sDAAA;A5Cg8HJ;;A4C57HE;EACE,oDAAA;A5C+7HJ;;A4Cr8HE;EACE,uDAAA;A5Cw8HJ;;A4Cp8HE;EACE,qDAAA;A5Cu8HJ;;A4C78HE;EACE,oDAAA;A5Cg9HJ;;A4C58HE;EACE,kDAAA;A5C+8HJ;;A4Cr9HE;EACE,uDAAA;A5Cw9HJ;;A4Cp9HE;EACE,qDAAA;A5Cu9HJ;;A4C79HE;EACE,sDAAA;A5Cg+HJ;;A4C59HE;EACE,oDAAA;A5C+9HJ;;A4Cr+HE;EACE,qDAAA;A5Cw+HJ;;A4Cp+HE;EACE,mDAAA;A5Cu+HJ;;A4C7+HE;EACE,oDAAA;A5Cg/HJ;;A4C5+HE;EACE,kDAAA;A5C++HJ;;A6C3jII;EACE,gBAAA;A7C8jIN;;A6C/jII;EACE,gBAAA;A7CkkIN;;A6CnkII;EACE,gBAAA;A7CskIN;;A6CvkII;EACE,iBAAA;A7C0kIN;;A6C3kII;EACE,iBAAA;A7C8kIN;;A6CzkIA;EACE,oBAAA;EACA,qBAAA;EAGE,iBAAA;EACA,kBAAA;A7C0kIJ;;A8CtlIE;EACE,UAAA;A9CylIJ;;A8C1lIE;EACE,YAAA;A9C6lIJ;;A8C9lIE;EACE,YAAA;A9CimIJ;;A8ClmIE;EACE,YAAA;A9CqmIJ;;A8CtmIE;EACE,YAAA;A9CymIJ;;A8C1mIE;EACE,YAAA;A9C6mIJ;;A8C9mIE;EACE,YAAA;A9CinIJ;;A8ClnIE;EACE,YAAA;A9CqnIJ;;A8CtnIE;EACE,YAAA;A9CynIJ;;A8C1nIE;EACE,YAAA;A9C6nIJ;;A8C9nIE;EACE,UAAA;A9CioIJ;;A8C3nIE;EACE,6BAAA;A9C8nIJ;;A8C/nIE;EACE,gCAAA;A9CkoIJ;;A8CnoIE;EACE,+BAAA;A9CsoIJ;;A8CvoIE;EACE,gCAAA;A9C0oIJ;;A8C3oIE;EACE,6BAAA;A9C8oIJ;;A8C/oIE;EACE,8BAAA;A9CkpIJ;;A8CnpIE;EACE,6BAAA;A9CspIJ;;A8CvpIE;EACE,2DAAA;A9C0pIJ;;A8CppIE;EACE,mBAAA;A9CupIJ;;A8CxpIE;EACE,qBAAA;A9C2pIJ;;A8C5pIE;EACE,qBAAA;A9C+pIJ;;A8ChqIE;EACE,qBAAA;A9CmqIJ;;A8CpqIE;EACE,qBAAA;A9CuqIJ;;A8CxqIE;EACE,qBAAA;A9C2qIJ;;A8C5qIE;EACE,qBAAA;A9C+qIJ;;A8ChrIE;EACE,qBAAA;A9CmrIJ;;A8CprIE;EACE,qBAAA;A9CurIJ;;A8CxrIE;EACE,qBAAA;A9C2rIJ;;A8C5rIE;EACE,sBAAA;A9C+rIJ;;A8CzrIE;EACE,oBAAA;A9C4rIJ;;A8C7rIE;EACE,sBAAA;A9CgsIJ;;A8CjsIE;EACE,sBAAA;A9CosIJ;;A8CrsIE;EACE,sBAAA;A9CwsIJ;;A8CzsIE;EACE,sBAAA;A9C4sIJ;;A8C7sIE;EACE,sBAAA;A9CgtIJ;;A8CjtIE;EACE,sBAAA;A9CotIJ;;A8CrtIE;EACE,sBAAA;A9CwtIJ;;A8CztIE;EACE,sBAAA;A9C4tIJ;;A8C7tIE;EACE,sBAAA;A9CguIJ;;A8CjuIE;EACE,uBAAA;A9CouIJ;;A+C9vIA;EACE,+BAAA;A/CiwIF;;A+C9vIA;EACE,aAAA;EACA,uBAAA;EACA,mBAAA;A/CiwIF;;A+C9vIA;EACE,aAAA;EACA,uBAAA;A/CiwIF;;A+C9vIA;EACE,aAAA;EACA,mBAAA;A/CiwIF;;A+C9vIA;EACE,aAAA;EACA,sBAAA;EACA,uBAAA;EACA,mBAAA;A/CiwIF;;A+C9vIA;EACE,aAAA;EACA,sBAAA;EACA,mBAAA;A/CiwIF;;A+C9vIA;EACE,aAAA;EACA,sBAAA;EACA,uBAAA;A/CiwIF;;A+C7vIA;EACE,WAAA;A/CgwIF;;A+C9vIA;EACE,YAAA;A/CiwIF;;A+C/vIA;EACE,WAAA;A/CkwIF;;A+C9vIA;EACE,YAAA;A/CiwIF;;A+C9vIA;EACE,gBAAA;EACA,mBAAA;A/CiwIF;;A+C/vIA;EACE,gBAAA;A/CkwIF;;A+ChwIA;EACE,mBAAA;A/CmwIF;;A+ChwIA;;EAEE,iBAAA;EACA,kBAAA;A/CmwIF;;A+ChwIA;;EAEE,iBAAA;A/CmwIF;;A+ChwIA;;EAEE,kBAAA;A/CmwIF;;A+C/vIA;EACE,kBAAA;A/CkwIF;;A+C/vIA;EACE,kBAAA;A/CkwIF;;A+C/vIA;EACE,MAAA;EACA,SAAA;EACA,OAAA;EACA,QAAA;A/CkwIF;;A+C/vIA;EACE,OAAA;EACA,QAAA;A/CkwIF;;A+C/vIA;EACE,MAAA;EACA,SAAA;A/CkwIF;;A+C/vIA;;;EAGE,MAAA;A/CkwIF;;A+ChwIA;;;EAGE,SAAA;A/CmwIF;;A+CjwIA;;;EAGE,OAAA;A/CowIF;;A+ClwIA;;;EAGE,QAAA;A/CqwIF;;A+ClwIA;;;;EAIE,eAAA;EACA,axBxDa;AvB6zIf;;A+ClwIA;;;;EAIE,wBAAA;EAAA,gBAAA;EACA,axBjEc;AvBs0IhB;;A+ClwIA;;;;EAIE,OAAA;A/CqwIF;;A+CjwIA;EACE,cAAA;A/CowIF;;A+ClwIA;EACE,gBAAA;EACA,kBAAA;A/CqwIF;;A+CnwIA;EACE,kBAAA;EACA,gBAAA;A/CswIF;;AgDv6IA;EACE,qCAAA;EACA,2DAAA;EACA,mCAAA;EACA,8CAAA;EACA,8CAAA;AhD06IF;;AgDv6IA;EACE,iEAAA;EACA,kBAAA;AhD06IF;AgDx6IE;EACE,YAAA;EACA,kBAAA;EACA,MAAA;EACA,OAAA;EACA,+CAAA;EACA,WAAA;EACA,YAAA;EACA,0CAAA;EACA,sBAAA;EACA,8CAAA;EACA,2DAAA;EACA,sEAAA;UAAA,8DAAA;AhD06IJ;;AiDp8IA;EACE,kBAAA;EACA,kBAAA;AjDu8IF;AiDr8IE;EACE,YAAA;EACA,kBAAA;EACA,MAAA;EACA,OAAA;EACA,WAAA;EACA,cAAA;EACA,WAAA;EACA,YAAA;EACA,mBAAA;EACA,sBAAA;EACA,+BAAA;EACA,sCAAA;AjDu8IJ;;AkDt9IA;EACE,qBAAA;UAAA,aAAA;EACA,mBAAA;AlDy9IF;;AkDt9IA;EACE,kBAAA;AlDy9IF;;AkDt9IA;EACE,gBAAA;AlDy9IF;;AkDt9IA;EACE,iBAAA;AlDy9IF;;AkDp9IE;;EAEE,4BAAA;AlDu9IJ;;AkDz9IE;;EAEE,2BAAA;AlD49IJ;;AkD99IE;;EAEE,yBAAA;AlDi+IJ;;AkDn+IE;;EAEE,4BAAA;AlDs+IJ;;AkDx+IE;;EAEE,2BAAA;AlD2+IJ;;AkD7+IE;;EAEE,2BAAA;AlDg/IJ;;AkDl/IE;;EAEE,2BAAA;AlDq/IJ;;AkDv/IE;;EAEE,4BAAA;AlD0/IJ;;AkDp/IE;EACE,8BAAA;EACA,2BAAA;EACA,kCAAA;AlDu/IJ;AkDr/IE;EACE,iBAAA;AlDu/IJ;;AmDzhJA;EAGI;;;IAGE,yCAAA;IACA,gCAAA;EnD0hJJ;EmDthJE;IACE,2CAAA;IACA,yCAAA;IACA,6CAAA;EnDwhJJ;EmDhhJI;;;IACE,0CAAA;EnDohJN;EmD/gJI;IAEE,0CAAA;EnDghJN;EmD5gJE;IACE,uFAAA;EnD8gJJ;EmD1gJE;IACE,2BAAA;EnD4gJJ;EmD1gJI;IACE,0CAAA;EnD4gJN;EmD1gJI;IACE,2CAAA;EnD4gJN;EmDtgJI;IACE,0CAAA;EnDwgJN;EmDtgJI;IACE,2CAAA;EnDwgJN;EmDlgJI;IACE,0CAAA;EnDogJN;EmDlgJI;IACE,2CAAA;EnDogJN;EmD//IE;IACE,qDAAA;EnDigJJ;EmD//II;IAEE,qBAAA;IACA,0BAAA;EnDggJN;EmD5/IE;IACE,oBAAA;IACA,qDAAA;EnD8/IJ;EmDz/II;IAGE,2CAAA;EnDy/IN;EmDp/IE;IACE,mDAAA;IACA,iCAAA;EnDs/IJ;;EmDj/IA;IACE;MAEE,sBAAA;MACA,YAAA;InDm/IF;ImDj/IA;MACE,sBAAA;MACA,YAAA;InDm/IF;EACF;AACF","file":"../scss/flatify.css","sourcesContent":["@charset \"UTF-8\";\n/*!\n * FlatifyCSS version 1.5.1\n * Modern flat design framework for the web — inspired by Duolingo design system. \n * Copyright 2021-2022 The FlatifyCSS Authors\n * Licensed under MIT (https://github.com/amir2mi/flatifycss/blob/master/LICENSE)\n */\n:root {\n --flatify__border-width: max(2px, 0.18em);\n --flatify__border-radius: 1em;\n --flatify__hover-brightness: 95%;\n --flatify__backdrop-opacity: 0.35;\n --flatify__max-font-size: 100%;\n --flatify__min-font-size: 85%;\n --flatify__primary-font-family: Nunito, sans-serif;\n --flatify__heading-font-family: Nunito, sans-serif;\n --flatify__code-font-family: Fira Code, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;\n --flatify__base-line-height: 1.5;\n --flatify__small-line-height: 1.2;\n --flatify__large-line-height: 1.8;\n --flatify__medium-font-weight: 600;\n --flatify__bold-font-weight: 700;\n --flatify__extra-bold-font-weight: 900;\n --flatify__body-text-align: initial;\n --flatify__heading-font-style: normal;\n --flatify__heading-font-weight: bold;\n --flatify__heading-mb: 0.5em;\n --flatify__paragraph-mb: 2em;\n --flatify__link-decoration: none;\n --flatify__link-decoration__hover: underline 0.125em currentColor;\n --flatify__link-decoration__focus: none;\n --flatify__bg-color: #ffffff;\n --flatify__bg-color-dark: #f1f4f7;\n --flatify__bg-color-darker: #ced9e3;\n --flatify__bg-color-darkest: #809cb6;\n --flatify__txt-color: #2e4051;\n --flatify__txt-color-light: #77838e;\n --flatify__txt-color-dark: #1e2a35;\n --flatify__txt-color-inverted: #ffffff;\n --flatify__heading-color: currentColor;\n --flatify__color-blue-primary: #1cb0f6;\n --flatify__color-blue-light: #77d0fa;\n --flatify__color-blue-dark: #1896d1;\n --flatify__color-blue-darker: #0e587b;\n --flatify__color-green-primary: #58cc02;\n --flatify__color-green-light: #9be067;\n --flatify__color-green-dark: #4bad02;\n --flatify__color-green-darker: #2c6601;\n --flatify__color-yellow-primary: #ffde00;\n --flatify__color-yellow-light: #ffeb66;\n --flatify__color-yellow-dark: #d9bd00;\n --flatify__color-yellow-darker: #a69000;\n --flatify__color-orange-primary: #ff9600;\n --flatify__color-orange-light: #ffc066;\n --flatify__color-orange-dark: #d98000;\n --flatify__color-orange-darker: #804b00;\n --flatify__color-red-primary: #ff4b4b;\n --flatify__color-red-light: #ff9393;\n --flatify__color-red-dark: #d94040;\n --flatify__color-red-darker: #802626;\n --flatify__color-pink-primary: #ff86d0;\n --flatify__color-pink-light: #ffb6e3;\n --flatify__color-pink-dark: #d972b1;\n --flatify__color-pink-darker: #804368;\n --flatify__color-purple-primary: #c164ff;\n --flatify__color-purple-light: #daa2ff;\n --flatify__color-purple-dark: #a455d9;\n --flatify__color-purple-darker: #613280;\n --flatify__color-accent-primary: #1cb0f6;\n --flatify__color-accent-light: #77d0fa;\n --flatify__color-accent-dark: #1896d1;\n --flatify__color-accent-darker: #0e587b;\n --flatify__color-success-primary: #58cc02;\n --flatify__color-success-light: #9be067;\n --flatify__color-success-dark: #4bad02;\n --flatify__color-success-darker: #2c6601;\n --flatify__color-info-primary: #1cb0f6;\n --flatify__color-info-light: #77d0fa;\n --flatify__color-info-dark: #1896d1;\n --flatify__color-info-darker: #0e587b;\n --flatify__color-warning-primary: #ff9600;\n --flatify__color-warning-light: #ffc066;\n --flatify__color-warning-dark: #d98000;\n --flatify__color-warning-darker: #804b00;\n --flatify__color-danger-primary: #ff4b4b;\n --flatify__color-danger-light: #ff9393;\n --flatify__color-danger-dark: #d94040;\n --flatify__color-danger-darker: #802626;\n --flatify__color-light-primary: #f1f4f7;\n --flatify__color-light-light: #ffffff;\n --flatify__color-light-dark: #ced9e3;\n --flatify__color-light-darker: #809cb6;\n --flatify__color-dark-primary: #2e4051;\n --flatify__color-dark-light: #77838e;\n --flatify__color-dark-dark: #1e2a35;\n --flatify__color-dark-darker: #121a20;\n --flatify__tap-highlight-color: transparent;\n --flatify__link-color: #1cb0f6;\n --flatify__link-color__hover: #77d0fa;\n --flatify__link-color__focus: #1896d1;\n --flatify__arrow-down-icon: url('data:image/svg+xml; utf8, ');\n --flatify__blockquote-icon: url('data:image/svg+xml; utf8, ');\n --flatify__close-icon: url('data:image/svg+xml; utf8, ');\n --flatify__eye-icon: url('data:image/svg+xml; utf8, ');\n --flatify__search-icon: url('data:image/svg+xml; utf8, ');\n --flatify__select-icon: url('data:image/svg+xml; utf8, ');\n --flatify__simple-transition: 0.15s ease-in-out;\n --flatify__bouncing-transition: 0.35s cubic-bezier(0.59, -0.39, 0.36, 1.38);\n --flatify__long-transition: 1s ease-in-out;\n}\n\n/*\n* CSS Reset and basic styles\n* Most of the fixes are from Bootstrap [_reboot.scss]:\n https://github.com/twbs/bootstrap/blob/main/scss/_reboot.scss\n\n* and thanks to Josh's Custom CSS Reset:\n https://www.joshwcomeau.com/css/custom-css-reset/\n*/\n*,\n*::before,\n*::after {\n box-sizing: border-box;\n}\n\n* {\n margin: 0;\n}\n\n@media screen and (max-width: 575.98px) {\n :root {\n font-size: var(--flatify__min-font-size);\n }\n}\n@media (min-width: 576px) and (max-width: 1200px) {\n :root {\n font-size: calc( var(--flatify__min-font-size) + ( var(--flatify__max-font-size) - var(--flatify__min-font-size) ) * ( ( 100vw - 576px ) / ( 1200 - 576 ) ) );\n }\n}\n@media screen and (min-width: 1200px) {\n :root {\n font-size: var(--flatify__max-font-size);\n }\n}\n@media (prefers-reduced-motion: no-preference) {\n :root {\n scroll-behavior: smooth;\n }\n}\n\nbody {\n margin: 0;\n font-family: var(--flatify__primary-font-family);\n line-height: var(--flatify__base-line-height);\n text-align: var(--flatify__body-text-align);\n color: var(--flatify__txt-color);\n background-color: var(--flatify__bg-color);\n -webkit-tap-highlight-color: var(--flatify__tap-highlight-color);\n -webkit-text-size-adjust: 100%;\n -webkit-font-smoothing: antialiased;\n text-rendering: optimizeLegibility;\n}\n\np,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n overflow-wrap: break-word;\n}\n\nh6, h5, h4, h3, h2, h1 {\n margin-top: 0;\n margin-bottom: var(--flatify__heading-mb);\n font-family: var(--flatify__heading-font-family, --flatify__primary-font-family);\n font-style: var(--flatify__heading-font-style);\n font-weight: var(--flatify__heading-font-weight);\n color: var(--flatify__heading-color);\n}\nh6 strong, h5 strong, h4 strong, h3 strong, h2 strong, h1 strong,\nh6 b,\nh5 b,\nh4 b,\nh3 b,\nh2 b,\nh1 b {\n font-weight: var(--flatify__extra-bold-font-weight);\n}\n\nh1 {\n font-size: 3.5em;\n line-height: var(--flatify__small-line-height);\n}\n\nh2 {\n font-size: 3em;\n line-height: var(--flatify__small-line-height);\n}\n\nh3 {\n font-size: 2.35em;\n line-height: var(--flatify__small-line-height);\n}\n\nh4 {\n font-size: 2em;\n line-height: var(--flatify__base-line-height);\n}\n\nh5 {\n font-size: 1.65em;\n line-height: var(--flatify__base-line-height);\n}\n\nh6 {\n font-size: 1.35em;\n line-height: var(--flatify__base-line-height);\n}\n\np {\n line-height: var(--flatify__large-line-height);\n margin-top: 0;\n margin-bottom: var(--flatify__paragraph-mb);\n}\np:last-of-type {\n margin-bottom: 0;\n}\n\nabbr[title] {\n cursor: help;\n text-decoration: var(--flatify__txt-color-light) underline dotted 0.125em;\n text-decoration-skip-ink: none;\n}\n\naddress {\n margin-bottom: 1em;\n font-style: normal;\n line-height: inherit;\n}\n\nol,\nul {\n padding-left: 2em;\n}\nol else,\nul else {\n padding-right: 2em;\n}\n\nol,\nul,\ndl {\n margin-top: 0;\n margin-bottom: 1em;\n}\n\nol ol,\nul ul,\nol ul,\nul ol {\n margin-bottom: 0;\n}\n\ndt {\n font-weight: var(--flatify__medium-font-weight);\n}\n\ndd {\n margin-bottom: 0.5em;\n margin-left: 0;\n}\n\nb,\nstrong {\n font-weight: var(--flatify__bold-font-weight);\n}\n\n.mark,\nmark {\n color: var(--flatify__txt-color-dark);\n}\n.mark:not(.inline),\nmark:not(.inline) {\n border-radius: calc(var(--flatify__border-radius) * 0.38);\n padding: 0 0.32em;\n background: var(--flatify__color-yellow-light);\n}\n.mark.inline,\nmark.inline {\n --flatify__local-bg-color: var(--flatify__color-yellow-light);\n isolation: isolate;\n position: relative;\n white-space: nowrap;\n margin: 0 0.32em;\n background: transparent !important;\n}\n.mark.inline:before,\nmark.inline:before {\n content: \" \";\n position: absolute;\n top: 0;\n left: 0;\n z-index: -1;\n width: 100%;\n height: 100%;\n background: var(--flatify__local-bg-color);\n border-radius: calc(var(--flatify__border-radius) * 0.38);\n opacity: 0.9;\n transform: rotate(-3deg) scale(1.1, 1.2) skew(-10deg);\n}\n\nsub,\nsup {\n position: relative;\n font-size: 0.75em;\n line-height: 0;\n vertical-align: baseline;\n}\n\nsub {\n bottom: -0.25em;\n}\n\nsup {\n top: -0.5em;\n}\n\n.link-button, a:not(.button) {\n color: var(--flatify__link-color);\n text-decoration: var(--flatify__link-decoration);\n text-underline-position: under;\n transition: color var(--flatify__simple-transition), background var(--flatify__simple-transition), border var(--flatify__simple-transition);\n}\n.link-button:hover, a:hover:not(.button) {\n color: var(--flatify__link-color__hover);\n text-decoration: var(--flatify__link-decoration__hover);\n}\n.link-button:focus, a:focus:not(.button) {\n color: var(--flatify__link-color__focus);\n text-decoration: var(--flatify__link-decoration__focus);\n}\n\npre,\ncode,\nkbd,\nsamp {\n direction: ltr;\n unicode-bidi: bidi-override;\n font-size: 1em;\n font-family: var(--flatify__code-font-family);\n}\n\npre {\n overflow: auto;\n display: block;\n padding: 1em;\n margin-top: 0;\n margin-bottom: 1em;\n background: var(--flatify__bg-color-dark);\n border: var(--flatify__border-width) solid var(--flatify__bg-color-darker);\n border-radius: var(--flatify__border-radius);\n}\npre code {\n color: inherit;\n word-break: normal;\n}\n\ncode {\n vertical-align: middle;\n font-size: 0.85em;\n word-wrap: break-word;\n padding: 0.18em 0.32em;\n color: var(--flatify__txt-color);\n background: var(--flatify__bg-color-dark);\n border: var(--flatify__border-width) solid var(--flatify__bg-color-darker);\n border-radius: calc(var(--flatify__border-radius) * 0.5);\n}\na > code {\n color: inherit;\n}\n\na:focus-visible,\nbutton:focus-visible {\n outline: 0.18em solid currentColor;\n}\n\nimg,\nsvg {\n vertical-align: middle;\n}\n\nimg,\npicture,\nvideo,\ncanvas {\n display: block;\n max-width: 100%;\n}\n\nlabel {\n display: inline-block;\n}\n\nbutton:focus:not(:focus-visible) {\n outline: 0;\n}\n\ninput,\nbutton,\ntextarea,\nselect {\n font: inherit;\n}\n\ninput,\nbutton,\nselect,\noptgroup,\ntextarea {\n margin: 0;\n font-family: inherit;\n line-height: inherit;\n}\n\nbutton,\nselect {\n text-transform: none;\n}\n\n[role=button] {\n cursor: pointer;\n}\n\nselect {\n word-wrap: normal;\n}\nselect:disabled {\n opacity: 1;\n}\n\n[list]::-webkit-calendar-picker-indicator {\n display: none;\n}\n\nbutton,\n[type=button],\n[type=reset],\n[type=submit] {\n -webkit-appearance: button;\n}\nbutton:not(:disabled),\n[type=button]:not(:disabled),\n[type=reset]:not(:disabled),\n[type=submit]:not(:disabled) {\n cursor: pointer;\n}\n\n::-moz-focus-inner {\n padding: 0;\n border-style: none;\n}\n\ntextarea {\n resize: vertical;\n}\n\nfieldset {\n min-width: 0;\n padding: 0;\n margin: 0;\n border: 0;\n}\n\nlegend {\n float: left;\n width: 100%;\n padding: 0;\n margin-bottom: 0.5em;\n font-weight: var(--flatify__bold-font-weight);\n line-height: inherit;\n}\nlegend + * {\n clear: left;\n}\n\n::-webkit-datetime-edit-fields-wrapper,\n::-webkit-datetime-edit-text,\n::-webkit-datetime-edit-minute,\n::-webkit-datetime-edit-hour-field,\n::-webkit-datetime-edit-day-field,\n::-webkit-datetime-edit-month-field,\n::-webkit-datetime-edit-year-field {\n padding: 0;\n}\n\n::-webkit-inner-spin-button {\n height: auto;\n}\n\n[type=search] {\n outline-offset: -2px;\n -webkit-appearance: textfield;\n}\n\n[type=tel],\n[type=url],\n[type=email],\n[type=number] {\n direction: ltr;\n}\n\n::-webkit-search-decoration {\n -webkit-appearance: none;\n}\n\n::-webkit-color-swatch-wrapper {\n padding: 0;\n}\n\n::file-selector-button {\n font: inherit;\n}\n\n::-webkit-file-upload-button {\n font: inherit;\n -webkit-appearance: button;\n}\n\noutput {\n display: inline-block;\n}\n\niframe {\n border: 0;\n}\n\nsummary {\n display: list-item;\n cursor: pointer;\n}\n\nprogress {\n vertical-align: baseline;\n}\n\n[hidden] {\n display: none !important;\n}\n\n:root {\n --flatify__blockquote-accent-color: var(--flatify__color-accent-primary);\n}\n\nblockquote {\n position: relative;\n z-index: 0;\n overflow: hidden;\n line-height: var(--flatify__large-line-height);\n margin: 0 0 var(--flatify__paragraph-mb);\n border-radius: calc(var(--flatify__border-radius) * 0.5);\n border-style: solid;\n border-color: var(--flatify__blockquote-accent-color);\n border-width: 0 0 0 0.5em;\n}\nblockquote:not(.no-icon):before {\n content: \" \";\n position: absolute;\n z-index: -1;\n opacity: 0.1;\n background-color: currentColor;\n mask: var(--flatify__blockquote-icon) no-repeat 50% 50%;\n -webkit-mask: var(--flatify__blockquote-icon) no-repeat 50% 50%;\n filter: brightness(100%);\n}\nblockquote:not(.large) {\n font-size: 1em;\n line-height: var(--flatify__large-line-height);\n padding: 0.75em 1.25em;\n border-radius: calc(var(--flatify__border-radius) * 0.5) var(--flatify__border-radius) var(--flatify__border-radius) calc(var(--flatify__border-radius) * 0.5);\n}\nblockquote:not(.large):before {\n top: 1em;\n width: 7em;\n height: 7em;\n left: 1em;\n}\nblockquote.large {\n font-size: 1.25em;\n border-width: 0.5em 0;\n padding: 1.25em 0.75em;\n margin-top: 2em;\n}\nblockquote.large:before {\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n width: 15em;\n height: 15em;\n margin: auto;\n}\nblockquote.large:not(.text-align-fill) {\n text-align: center;\n}\nblockquote cite {\n display: block;\n font-size: 0.64em;\n font-style: normal;\n letter-spacing: 0.18em;\n text-transform: uppercase;\n padding-top: 1.5em;\n opacity: 0.8;\n}\n\nfigure {\n position: relative;\n width: max-content;\n max-width: 100%;\n height: max-content;\n margin: 0 0 1em;\n border-radius: var(--flatify__border-radius);\n}\nfigure img {\n width: 100%;\n height: 100%;\n border-radius: var(--flatify__border-radius);\n}\nfigure figcaption {\n font-size: 0.9em;\n padding: 1em 0;\n}\nfigure .source {\n --flatify__local-border-color: var(--flatify__txt-color-light);\n position: absolute;\n top: 1em;\n font-size: 0.75em;\n line-height: 1;\n padding: 0.5em;\n color: var(--flatify__txt-color-inverted);\n background: var(--flatify__txt-color-dark);\n border: var(--flatify__border-width) solid var(--flatify__local-border-color);\n border-radius: calc(var(--flatify__border-radius) * 0.75);\n right: 1em;\n}\nfigure.fill {\n width: 100% !important;\n}\nfigure.centered {\n margin-left: auto;\n margin-right: auto;\n}\nfigure.overlay-caption {\n overflow: hidden;\n}\nfigure.overlay-caption figcaption {\n position: absolute;\n bottom: 0;\n left: 0;\n width: 100%;\n padding-left: 1em;\n padding-right: 1em;\n color: var(--flatify__txt-color-inverted);\n background: linear-gradient(0, var(--flatify__txt-color-dark), transparent);\n}\n\nhr {\n margin: 1em 0;\n opacity: 0.5;\n color: currentColor;\n background-color: currentColor;\n border: none;\n border-radius: var(--flatify__border-radius);\n}\nhr:not([size]) {\n height: var(--flatify__border-width);\n}\nhr.dots {\n line-height: 1;\n display: block;\n height: auto;\n padding: 2em;\n text-align: center;\n background: transparent;\n}\nhr.dots:before {\n content: \"•••\";\n letter-spacing: 1.4em;\n font-size: 1.4em;\n font-weight: bold;\n}\nhr.short {\n width: 9em;\n margin: 3em auto;\n}\n\nkbd {\n --flatify__local-border-color: var(--flatify__bg-color-darker);\n vertical-align: middle;\n text-align: center;\n font-size: 0.85em;\n font-weight: normal;\n line-height: 1;\n display: inline-block;\n min-width: 1.75em;\n padding: 0.18em 0.32em 0.32em;\n margin: 0 0.25em;\n background: var(--flatify__bg-color-dark);\n border: var(--flatify__border-width) solid var(--flatify__local-border-color);\n border-radius: calc(var(--flatify__border-radius) * 0.5);\n box-shadow: inset 0 -0.125em 0 var(--flatify__local-border-color);\n will-change: transform;\n transition: all var(--flatify__simple-transition) 0.15s;\n}\nkbd:hover {\n box-shadow: inset 0 0 0 var(--flatify__local-border-color);\n transform: translateY(0.15em);\n}\nkbd kbd {\n padding: 0;\n background: transparent;\n border: none;\n box-shadow: none;\n transform: none !important;\n}\n\n:root {\n --flatify__table-border-color: var(--flatify__bg-color-darker);\n --flatify__table-bg-color: var(--flatify__bg-color);\n --flatify__table-bg-color-dark: var(--flatify__bg-color-dark);\n --flatify__table-bg-color-darker: var(--flatify__bg-color-darker);\n --flatify__table-txt-color: var(--flatify__txt-color);\n}\n\ntable {\n display: table;\n table-layout: fixed;\n caption-side: bottom;\n color: var(--flatify__table-txt-color);\n width: 100%;\n}\ntable td,\ntable th {\n padding: 0.75em 1em;\n background: var(--flatify__table-bg-color);\n}\ntable thead {\n word-break: break-word;\n}\ntable thead td,\ntable thead th {\n background: var(--flatify__table-bg-color-dark);\n}\ntable:not(.bordered) {\n border-collapse: collapse;\n}\ntable.bordered:not(.horizontal) {\n border-spacing: 0;\n}\ntable.bordered:not(.horizontal) tr:first-child th,\ntable.bordered:not(.horizontal) tr:first-child td {\n border-top: var(--flatify__border-width) solid var(--flatify__table-border-color);\n}\ntable.bordered:not(.horizontal) td,\ntable.bordered:not(.horizontal) th {\n border-left: var(--flatify__border-width) solid var(--flatify__table-border-color);\n}\ntable.bordered:not(.horizontal) td:last-child,\ntable.bordered:not(.horizontal) th:last-child {\n border-right: var(--flatify__border-width) solid var(--flatify__table-border-color);\n}\ntable.bordered:not(.horizontal) td,\ntable.bordered:not(.horizontal) th {\n border-bottom: var(--flatify__border-width) solid var(--flatify__table-border-color);\n}\ntable.bordered:not(.horizontal) thead + tbody tr td,\ntable.bordered:not(.horizontal) thead + tbody tr th {\n border-top: none !important;\n}\ntable.horizontal tr {\n flex-basis: 100%;\n white-space: nowrap;\n}\ntable.horizontal thead {\n float: left;\n}\ntable.horizontal thead td,\ntable.horizontal thead th {\n display: block;\n}\ntable.horizontal tbody {\n display: flex;\n overflow-x: auto;\n}\ntable.horizontal tbody tr {\n display: inline-block;\n}\ntable.horizontal tbody td,\ntable.horizontal tbody th {\n display: block;\n}\ntable.horizontal.bordered {\n border-spacing: 0;\n}\ntable.horizontal.bordered thead tr {\n display: block;\n border-right: var(--flatify__border-width) solid var(--flatify__table-border-color);\n}\ntable.horizontal.bordered thead td,\ntable.horizontal.bordered thead th {\n border-left: var(--flatify__border-width) solid var(--flatify__table-border-color);\n}\ntable.horizontal.bordered tbody th,\ntable.horizontal.bordered tbody td {\n border-right: var(--flatify__border-width) solid var(--flatify__table-border-color);\n}\ntable.horizontal.bordered td,\ntable.horizontal.bordered th {\n border-top: var(--flatify__border-width) solid var(--flatify__table-border-color);\n}\ntable.horizontal.bordered td:last-child,\ntable.horizontal.bordered th:last-child {\n border-bottom: var(--flatify__border-width) solid var(--flatify__table-border-color);\n}\ntable.horizontal thead tr th:first-child,\ntable.horizontal thead tr td:first-child {\n border-top-left-radius: var(--flatify__border-radius);\n}\ntable.horizontal thead tr th:last-child,\ntable.horizontal thead tr td:last-child {\n border-bottom-left-radius: var(--flatify__border-radius);\n}\ntable.horizontal tbody tr:last-child th:first-child,\ntable.horizontal tbody tr:last-child td:first-child {\n border-top-right-radius: var(--flatify__border-radius);\n}\ntable.horizontal tbody tr:last-child th:last-child,\ntable.horizontal tbody tr:last-child td:last-child {\n border-bottom-right-radius: var(--flatify__border-radius);\n}\ntable:not(.horizontal) tr:last-child th:first-child {\n border-top-left-radius: var(--flatify__border-radius);\n}\ntable:not(.horizontal) tr:last-child th:last-child {\n border-top-right-radius: var(--flatify__border-radius);\n}\ntable:not(.horizontal) tr:last-child td:first-child {\n border-bottom-left-radius: var(--flatify__border-radius);\n}\ntable:not(.horizontal) tr:last-child td:last-child {\n border-bottom-right-radius: var(--flatify__border-radius);\n}\ntable.striped thead th,\ntable.striped thead td {\n background: var(--flatify__table-bg-color-darker);\n}\ntable.striped tbody tr:nth-child(odd) td,\ntable.striped tbody tr:nth-child(odd) th {\n background: var(--flatify__table-bg-color-dark);\n}\n\ncaption {\n font-size: 0.9em;\n padding: 0.75em 0;\n opacity: 0.8;\n}\n\nth {\n font-weight: var(--flatify__medium-font-weight);\n text-align: inherit;\n text-align: -webkit-match-parent;\n}\n\n.table-active {\n background: var(--flatify__table-bg-color-darker);\n}\n\n:root {\n --flatify__accordion-txt-color: var(--flatify__txt-color);\n --flatify__accordion-bg-color: var(--flatify__bg-color);\n --flatify__accordion-border-color: var(--flatify__bg-color-darker);\n --flatify__accordion-animation-show-duration: 300ms;\n --flatify__accordion-animation-hide-duration: 200ms;\n --flatify__accordion-animation-show: flatify-blow-in var(--flatify__accordion-animation-show-duration)\n 0.1s ease-in-out;\n --flatify__accordion-animation-hide: flatify-blow-out var(--flatify__accordion-animation-hide-duration)\n ease-in-out;\n}\n\n.accordion {\n --flatify__local-txt-color: var(--flatify__accordion-txt-color);\n --flatify__local-bg-color: var(--flatify__accordion-bg-color);\n --flatify__local-border-color: var(--flatify__accordion-border-color);\n display: flex;\n flex-direction: column;\n width: 100%;\n color: var(--flatify__local-txt-color);\n background: var(--flatify__local-bg-color);\n}\n.accordion.bordered {\n border-radius: 1em;\n}\n.accordion.bordered .accordion-item {\n overflow: hidden;\n color: var(--flatify__local-txt-color);\n background: var(--flatify__local-bg-color);\n border: var(--flatify__border-width) solid var(--flatify__local-border-color);\n}\n.accordion.bordered .accordion-item[class*=style-] {\n --flatify__local-txt-color: var(--flatify__accordion-txt-color);\n --flatify__local-bg-color: var(--flatify__accordion-bg-color);\n --flatify__local-border-color: var(--flatify__accordion-border-color);\n}\n.accordion.bordered .accordion-item:last-child {\n box-shadow: inset 0 -0.125em 0 var(--flatify__local-border-color);\n}\n.accordion.bordered .accordion-item:not(.active) .accordion-header, .accordion.bordered .accordion-item:not(:last-child) {\n border-bottom: none;\n}\n.accordion.bordered .accordion-item:first-child:not(:last-child) {\n border-radius: var(--flatify__border-radius) var(--flatify__border-radius) 0 0;\n}\n.accordion.bordered .accordion-item:last-child:not(:first-child) {\n border-radius: 0 0 var(--flatify__border-radius) var(--flatify__border-radius);\n}\n.accordion.bordered .accordion-item:first-child:last-child {\n border-radius: var(--flatify__border-radius);\n}\n\n.accordion-item:not(.active) .accordion-collapse {\n display: none;\n}\n\n.accordion-header {\n font-size: 1em;\n margin: 0;\n}\n.accordion-header.active {\n border-bottom: var(--flatify__border-width) solid var(--flatify__local-border-color);\n}\n.accordion-header .accordion-toggle {\n display: flex;\n justify-content: space-between;\n align-items: center;\n text-align: initial;\n width: 100%;\n height: 100%;\n padding: 1em;\n color: currentColor;\n background: transparent;\n border: none;\n}\n.accordion-header .add-button {\n font-size: 0.75em;\n opacity: 0.75;\n}\n\n.accordion-collapse {\n overflow: hidden;\n padding: 0;\n margin: 0;\n will-change: height;\n transition: height 0.2s ease-in-out;\n}\n.accordion-collapse.show .accordion-body {\n animation: var(--flatify__accordion-animation-show) both;\n}\n.accordion-collapse.accordion-will-be-hidden .accordion-body {\n animation: var(--flatify__accordion-animation-hide) forwards;\n}\n\n.accordion-body {\n padding: 1em;\n}\n\n.fade-animation .show .accordion-body {\n animation: flatify-fade-in var(--flatify__accordion-animation-show-duration) 0.1s ease-in-out both;\n}\n.fade-animation .accordion-will-be-hidden .accordion-body {\n animation: flatify-fade-out var(--flatify__accordion-animation-hide-duration) ease-in-out both;\n}\n\n:root {\n --flatify__alert-bg-color: var(--flatify__bg-color-dark);\n --flatify__alert-txt-color: var(--flatify__txt-color);\n --flatify__alert-border-color: var(--flatify__bg-color-darker);\n --flatify__alert-animation-show-duration: 200ms;\n --flatify__alert-animation-hide-duration: 300ms;\n --flatify__alert-animation-show: flatify-blow-in var(--flatify__alert-animation-show-duration) ease;\n --flatify__alert-animation-hide: flatify-alert-will-be-removed\n var(--flatify__alert-animation-hide-duration) ease;\n}\n\n.alert {\n --flatify__local-bg-color: var(--flatify__alert-bg-color);\n --flatify__local-border-color: var(--flatify__alert-border-color);\n position: relative;\n font-size: 0.9em;\n line-height: var(--flatify__large-line-height);\n padding: 1.25em;\n margin-bottom: 1em;\n color: var(--flatify__alert-txt-color);\n background: var(--flatify__alert-bg-color);\n border: var(--flatify__border-width) solid var(--flatify__local-border-color);\n border-radius: var(--flatify__border-radius);\n}\n.alert:not(.alert-will-be-removed) {\n animation: var(--flatify__alert-animation-show) both;\n}\n.alert.alert-will-be-removed {\n animation: var(--flatify__alert-animation-hide) both;\n}\n.alert:hover .close-button.floating {\n transform: scale(1);\n}\n.alert .close-button {\n position: relative;\n top: -0.38em;\n float: right;\n right: -0.38em;\n}\n.alert .close-button.floating {\n position: absolute;\n top: 0.75em;\n right: 0.75em;\n background: transparent !important;\n transform: scale(0);\n}\n.alert .close-button.floating:after {\n content: \" \";\n position: absolute;\n top: 0;\n left: 0;\n z-index: 0;\n display: block;\n width: 100%;\n height: 100%;\n border-radius: 100em;\n background: var(--flatify__local-bg-color);\n box-shadow: 0 0 0.64em 0.5em var(--flatify__local-bg-color);\n}\n.alert .close-button:focus {\n transform: scale(1);\n}\n.alert:not(.has-icon) {\n width: 100%;\n}\n.alert.has-icon {\n padding-left: 2.75em;\n margin-left: 1.5em;\n}\n.alert .alert-svg {\n position: absolute;\n height: 3.3em;\n margin: auto 0;\n top: 0;\n bottom: 0;\n filter: brightness(115%);\n left: -1.4em;\n padding: 0.5em;\n color: inherit;\n background: var(--flatify__local-bg-color);\n border: var(--flatify__border-width) solid var(--flatify__local-border-color);\n border-radius: calc(var(--flatify__border-radius) * 0.9);\n}\n.alert .alert-svg svg {\n width: 2em;\n height: 2em;\n}\n.alert .alert-svg svg:not([fill=none]) {\n fill: currentColor;\n}\n.alert.style-light-light .alert-svg {\n filter: brightness(95%);\n}\n\n:root {\n --flatify__badge-txt-color: var(--flatify__txt-color-inverted);\n --flatify__badge-bg-color: var(--flatify__color-accent-primary);\n}\n\n.badge {\n user-select: none;\n display: inline-block;\n min-width: 1.35em;\n min-height: 1.35em;\n padding: 0.35em 0.65em;\n text-decoration: none !important;\n font-size: 0.64em;\n font-weight: var(--flatify__medium-font-weight);\n line-height: 1;\n text-align: center;\n white-space: nowrap;\n vertical-align: baseline;\n color: var(--flatify__badge-txt-color);\n background: var(--flatify__badge-bg-color);\n border-radius: calc(var(--flatify__border-radius) * 0.5);\n}\n\n:root {\n --flatify__backdrop-priority: 1030;\n --flatify__backdrop-color: var(--flatify__txt-color);\n --flatify__backdrop-opacity: 0.5;\n --flatify__backdrop-filter: none;\n --flatify__modal-backdrop-color: var(--flatify__backdrop-color);\n}\n\n.backdrop-layer {\n position: fixed;\n top: 0;\n left: 0;\n z-index: var(--flatify__backdrop-priority);\n display: none;\n width: 100%;\n height: 100%;\n background: var(--flatify__backdrop-color);\n opacity: var(--flatify__backdrop-opacity);\n backdrop-filter: var(--flatify__backdrop-filter);\n}\n.backdrop-layer.show {\n display: block;\n animation: flatify-backdrop-fade-in var(--flatify__modal-animation-show-duration);\n}\n.backdrop-layer.backdrop-will-be-removed {\n animation: flatify-fade-out var(--flatify__modal-animation-hide-duration) both;\n}\n.backdrop-layer.modal-backdrop {\n --flatify__backdrop-priority: 1030;\n --flatify__backdrop-color: var(--flatify__modal-backdrop-color);\n}\n\n:root {\n --flatify__breadcrumbs-txt-color: var(--flatify__txt-color);\n --flatify__breadcrumbs-bg-color: var(--flatify__bg-color);\n --flatify__breadcrumbs-border-color: var(--flatify__bg-color-darker);\n}\n\n.breadcrumbs-wrapper {\n --flatify__local-txt-color: var(--flatify__breadcrumbs-txt-color);\n --flatify__local-bg-color: var(--flatify__breadcrumbs-bg-color);\n --flatify__local-border-color: var(--flatify__breadcrumbs-border-color);\n width: 100%;\n border: var(--flatify__border-width) solid var(--flatify__local-border-color);\n border-radius: var(--flatify__border-radius);\n}\n\n.breadcrumbs {\n overflow-x: auto;\n overflow-y: hidden;\n scrollbar-width: thin;\n list-style: none;\n padding: 0;\n margin: 0;\n border-radius: var(--flatify__border-radius);\n}\n.breadcrumbs[class*=style-] {\n background: transparent !important;\n}\n.breadcrumbs .crumb {\n overflow: hidden;\n position: relative;\n white-space: nowrap;\n display: table-cell;\n padding: 0.64em 1em;\n color: var(--flatify__local-txt-color);\n background: var(--flatify__local-bg-color);\n border-color: var(--flatify__local-border-color);\n}\n.breadcrumbs .crumb:not(:first-child) {\n padding-left: 3em;\n}\n.breadcrumbs .crumb:not(:first-child):before {\n content: \" \";\n position: absolute;\n top: 0;\n bottom: 0;\n left: -1.2em;\n display: block;\n width: 2.5em;\n height: 2.5em;\n margin: auto 0;\n background: transparent;\n border: var(--flatify__border-width) solid var(--flatify__local-border-color);\n border-radius: 0.18em;\n transform: rotate(45deg);\n transition: transform var(--flatify__simple-transition);\n}\n.breadcrumbs .crumb:first-child {\n padding-left: 2em;\n}\n.breadcrumbs .crumb:last-child {\n padding-right: 2em;\n}\n.breadcrumbs .crumb:hover:before, .breadcrumbs .crumb:focus-within:before {\n transform: rotate(45deg) scale(1.15);\n}\n\n:root {\n --flatify__button-txt-color: var(--flatify__txt-color);\n --flatify__button-bg-color: var(--flatify__bg-color-dark);\n --flatify__button-border-color: var(--flatify__bg-color-darker);\n}\n\ninput[type=file]:not(.default)::file-selector-button, .button {\n --flatify__local-bg-color: var(--flatify__button-bg-color);\n user-select: none;\n appearance: none;\n vertical-align: middle;\n text-align: center;\n text-decoration: none !important;\n font-weight: var(--flatify__medium-font-weight);\n display: inline-block;\n padding: 0.75em 0.85em 0.5em;\n margin: 0.32em 0.32em 0.5em;\n color: var(--flatify__button-txt-color);\n background: var(--flatify__button-bg-color);\n border: none;\n border-radius: var(--flatify__border-radius);\n box-shadow: 0 calc(var(--flatify__border-width) * 1.38) 0 var(--flatify__button-border-color);\n filter: brightness(100%);\n will-change: transform, filter;\n transition: filter var(--flatify__simple-transition) !important;\n}\ninput[type=file]:not(.static):not(.default)::file-selector-button, .button:not(.static) {\n outline: none !important;\n}\n.radio-button:focus + input[type=file]:not(.default)::file-selector-button, .radio-button:focus + .button, input[type=file]:not(.static):hover:not(.default)::file-selector-button, .button:not(.static):hover {\n filter: brightness(var(--flatify__hover-brightness));\n}\n.checkbox-button:checked + input[type=file]:not(.default)::file-selector-button, .checkbox-button:checked + .button, .radio-button:checked + input[type=file]:not(.default)::file-selector-button, .radio-button:checked + .button, input.active[type=file]:not(.default)::file-selector-button, .active.button, input[type=file]:not(.static):focus-visible:not(.default)::file-selector-button, .button:not(.static):focus-visible, input[type=file]:not(.static):active:not(.default)::file-selector-button, .button:not(.static):active {\n box-shadow: inset 0 0 0 var(--flatify__button-border-color);\n filter: brightness(var(--flatify__hover-brightness));\n transform: translateY(calc(var(--flatify__border-width) * 1.38));\n}\ninput.outline[type=file]:not(.default)::file-selector-button, .outline.button {\n color: var(--flatify__button-txt-color) !important;\n background: transparent !important;\n}\ninput.outline[type=file]:not(.default)::file-selector-button, .outline.button, input.bordered[type=file]:not(.default)::file-selector-button, .bordered.button {\n box-shadow: 0 calc(var(--flatify__border-width) * 1.38) 0 var(--flatify__button-border-color), inset 0 calc(var(--flatify__border-width) * 0.38) 0 var(--flatify__button-border-color), inset calc(var(--flatify__border-width) * -0.38) 0 0 var(--flatify__button-border-color), inset calc(var(--flatify__border-width) * 0.38) 0 0 var(--flatify__button-border-color), 0 calc(var(--flatify__border-width) * -0.38) 0 var(--flatify__button-border-color), calc(var(--flatify__border-width) * 0.38) 0 0 var(--flatify__button-border-color), calc(var(--flatify__border-width) * -0.38) 0 0 var(--flatify__button-border-color);\n}\ninput.outline.active[type=file]:not(.default)::file-selector-button, .outline.active.button, input.outline[type=file]:not(.static):focus-visible:not(.default)::file-selector-button, .outline.button:not(.static):focus-visible, input.outline[type=file]:not(.static):active:not(.default)::file-selector-button, .outline.button:not(.static):active, input.bordered.active[type=file]:not(.default)::file-selector-button, .bordered.active.button, input.bordered[type=file]:not(.static):focus-visible:not(.default)::file-selector-button, .bordered.button:not(.static):focus-visible, input.bordered[type=file]:not(.static):active:not(.default)::file-selector-button, .bordered.button:not(.static):active {\n box-shadow: inset 0 0 0 calc(var(--flatify__border-width) * 0.38) var(--flatify__button-border-color), 0 0 0 calc(var(--flatify__border-width) * 0.38) var(--flatify__button-border-color);\n transform: translateY(calc(var(--flatify__border-width) * 1.2));\n}\ninput[class*=style-][type=file]:not(.default)::file-selector-button, [class*=style-].button {\n --flatify__button-bg-color: var(--flatify__local-bg-color);\n --flatify__button-border-color: var(--flatify__local-border-color);\n}\ninput[class*=style-][class*=light][type=file]:not(.default)::file-selector-button, [class*=style-][class*=light].button {\n --flatify__button-txt-color: var(--flatify__local-txt-color);\n}\ninput[class*=style-][type=file]:not([class*=light]):not(.default)::file-selector-button, [class*=style-].button:not([class*=light]) {\n --flatify__button-txt-color: var(--flatify__local-border-color);\n}\ninput[class*=style-].outline.style-dark-light[type=file]:not(.default)::file-selector-button, [class*=style-].outline.style-dark-light.button {\n --flatify__button-txt-color: var(--flatify__txt-color);\n}\ninput.disabled[type=file]:not(.default)::file-selector-button, .disabled.button, input[type=file]:disabled:not(.default)::file-selector-button, .button:disabled {\n pointer-events: none;\n background: var(--flatify__button-border-color) !important;\n box-shadow: inset 0 0 0 var(--flatify__button-border-color);\n filter: contrast(85%) brightness(85%) opacity(70%) !important;\n transform: translateY(calc(var(--flatify__border-width) * 1.38));\n}\n\n.checkbox-button:checked + .button.outline, .radio-button:checked + .button.outline, .checkbox-button:checked + .button.bordered, .radio-button:checked + .button.bordered {\n box-shadow: inset 0 0 0 calc(var(--flatify__border-width) * 0.38) var(--flatify__button-border-color), 0 0 0 calc(var(--flatify__border-width) * 0.38) var(--flatify__button-border-color);\n transform: translateY(calc(var(--flatify__border-width) * 1.2));\n}\n.checkbox-button:disabled + .button, .radio-button:disabled + .button {\n pointer-events: none;\n background: var(--flatify__button-border-color) !important;\n box-shadow: inset 0 0 0 var(--flatify__button-border-color);\n filter: contrast(85%) brightness(85%) opacity(70%) !important;\n transform: translateY(calc(var(--flatify__border-width) * 1.38));\n}\n.button svg:not([fill=none]) {\n fill: currentColor;\n}\n\n.link-button {\n padding: 0.75em 0.85em;\n background: transparent;\n border: none;\n}\n\nbutton.no-style {\n padding: 0 0.38em;\n margin: 0;\n cursor: pointer;\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n color: currentColor;\n background: transparent;\n border: none;\n outline: none;\n box-shadow: none;\n transform: none !important;\n}\n\n:root {\n --flatify__two-layer-button-animation-show: flatify-blow-in 0.2s 0.2s ease-in-out;\n}\n\n.two-layer-button {\n --flatify__overlay-layer-priority: 0;\n --flatify__overlay-layer-opacity: 0;\n overflow: hidden;\n}\n.two-layer-button .secondary-text {\n position: absolute;\n top: 0;\n left: 0;\n display: flex;\n justify-content: center;\n align-items: center;\n width: 100%;\n height: 100%;\n padding-top: 0.32em;\n opacity: 0;\n}\n.two-layer-button .secondary-text svg {\n width: 1.75em;\n}\n.two-layer-button:before,\n.two-layer-button .secondary-text {\n transition: all var(--flatify__simple-transition) 0.1s;\n}\n.two-layer-button:hover:before, .two-layer-button:focus-visible:before {\n --flatify__overlay-layer-opacity: 1;\n}\n.two-layer-button:hover .secondary-text, .two-layer-button:focus-visible .secondary-text {\n opacity: 1;\n animation: var(--flatify__two-layer-button-animation-show);\n animation-fill-mode: both;\n}\n\n.add-button {\n position: relative;\n display: inline-block;\n width: 1.2em;\n height: 1.2em;\n background: transparent;\n border: none;\n}\n.add-button:before, .add-button:after {\n content: \" \";\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n height: max(3px, 0.18em);\n margin: auto;\n background: currentColor;\n border-radius: var(--flatify__border-radius);\n will-change: transform;\n transition: transform var(--flatify__simple-transition);\n}\n.add-button:not(.active):before {\n transform: rotate(90deg);\n}\n.add-button.active:before {\n transform: rotate(0);\n}\n.add-button.active:after {\n transform: rotate(-180deg);\n}\n\n.hamburger {\n position: relative;\n width: 1.2em;\n height: 1.2em;\n background: transparent;\n border: none;\n}\n.hamburger:before, .hamburger:after {\n content: \" \";\n position: absolute;\n left: 0;\n height: max(3px, 0.18em);\n background: currentColor;\n border-radius: var(--flatify__border-radius);\n will-change: width, transform;\n transition: transform var(--flatify__simple-transition), width var(--flatify__simple-transition);\n}\n.hamburger:not(.active):before {\n top: 0.25em;\n width: 100%;\n}\n.hamburger:not(.active):after {\n bottom: 0.25em;\n width: 75%;\n}\n.hamburger:not(.active):hover:before, .hamburger:not(.active):focus:before {\n width: 75%;\n}\n.hamburger:not(.active):hover:after, .hamburger:not(.active):focus:after {\n width: 100%;\n}\n.hamburger.active:before, .hamburger.active:after {\n top: 0;\n bottom: 0;\n width: 100%;\n margin: auto 0;\n animation: flatify-fade-in 0.25s ease-in-out;\n}\n.hamburger.active:before {\n transform: rotate(45deg);\n}\n.hamburger.active:after {\n transform: rotate(-45deg);\n}\n\n.arrow-button {\n display: flex;\n align-items: center;\n background: var(--flatify__bg-color-dark);\n border: none;\n border-radius: var(--flatify__border-radius);\n}\n.arrow-button:after {\n content: \" \";\n position: relative;\n z-index: 1;\n display: inline-block;\n width: 1.2em;\n height: 1.2em;\n background-color: currentColor;\n mask: var(--flatify__arrow-down-icon) no-repeat 50% 50%;\n -webkit-mask: var(--flatify__arrow-down-icon) no-repeat 50% 50%;\n will-change: transform;\n transition: all var(--flatify__bouncing-transition);\n}\n.arrow-button:not(:empty):after {\n margin-left: 0.32em;\n}\n.arrow-button.arrow-flip:after {\n transform: rotate(180deg);\n}\n.arrow-button.arrow-top:after {\n transform: rotate(180deg);\n}\n.arrow-button.arrow-top.arrow-flip:after {\n transform: rotate(0);\n}\n.arrow-button.arrow-left:after {\n transform: rotate(90deg);\n}\n.arrow-button.arrow-left.arrow-flip:after {\n transform: rotate(-90deg);\n}\n.arrow-button.arrow-right:after {\n transform: rotate(-90deg);\n}\n.arrow-button.arrow-right.arrow-flip:after {\n transform: rotate(90deg);\n}\n\n.search-button, .close-button {\n width: 2.5em;\n height: 2.5em;\n padding: 0.5em;\n color: inherit;\n background: var(--flatify__bg-color-dark);\n border: none;\n border-radius: var(--flatify__border-radius);\n will-change: transform;\n transition: all var(--flatify__simple-transition);\n}\n@media (prefers-reduced-motion: no-preference) {\n .search-button:not(.button):focus-visible, .close-button:not(.button):focus-visible, .search-button:not(.button):active, .close-button:not(.button):active {\n transform: scale(0.85) !important;\n }\n}\n.search-button:before, .close-button:before {\n content: \" \";\n position: relative;\n z-index: 1;\n display: block;\n width: 100%;\n height: 100%;\n background-color: currentColor;\n}\n\n.close-button:before {\n mask: var(--flatify__close-icon) no-repeat 50% 50%;\n -webkit-mask: var(--flatify__close-icon) no-repeat 50% 50%;\n}\n\n.search-button:before {\n mask: var(--flatify__search-icon) no-repeat 50% 50%;\n -webkit-mask: var(--flatify__search-icon) no-repeat 50% 50%;\n}\n\n.button-group {\n display: flex;\n margin: 0.25em 0.125em;\n}\n.button-group .button {\n border-radius: 0;\n}\n.button-group .button.outline, .button-group .button.bordered {\n margin: 0 !important;\n}\n.button-group:not(.vertical) .button {\n margin: 0 -1px !important;\n}\n.button-group:not(.vertical) .button:first-child {\n border-radius: var(--flatify__border-radius) 0 0 var(--flatify__border-radius);\n}\n.button-group:not(.vertical) .button:last-child {\n border-radius: 0 var(--flatify__border-radius) var(--flatify__border-radius) 0;\n}\n.button-group.vertical {\n flex-direction: column;\n}\n.button-group.vertical .button {\n margin: -1px 0 !important;\n}\n.button-group.vertical .button:first-child {\n border-radius: var(--flatify__border-radius) var(--flatify__border-radius) 0 0;\n}\n.button-group.vertical .button:last-child {\n border-radius: 0 0 var(--flatify__border-radius) var(--flatify__border-radius);\n}\n\n:root {\n --flatify__firework-color-main: var(--flatify__color-blue-primary);\n --flatify__firework-color-center-top-bottom: var(--flatify__color-blue-primary);\n --flatify__firework-color-center-left-right: var(--flatify__color-blue-primary);\n --flatify__firework-color-left-top-bottom: var(--flatify__color-purple-primary);\n --flatify__firework-color-right-top-bottom: var(--flatify__color-purple-primary);\n --flatify__firework-animation-delay: 0s;\n --flatify__firework-animation-duration: 4s;\n --flatify__firework-animation-iteration-count: infinite;\n}\n\n.fireworks {\n position: relative;\n z-index: 1025;\n width: 2.5em;\n height: 2em;\n background: transparent;\n animation: flatify-firework ease-in-out var(--flatify__firework-animation-duration) var(--flatify__firework-animation-delay) var(--flatify__firework-animation-iteration-count);\n}\n.fireworks:before,\n.fireworks .spark:before,\n.fireworks .spark:after {\n content: \" \";\n position: absolute;\n height: 0.25em;\n border-radius: 50em;\n background: var(--flatify__firework-color-main);\n}\n.fireworks:not(.simple):before {\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n width: 0.25em;\n margin: auto;\n animation: flatify-firework-main ease-in-out var(--flatify__firework-animation-duration) var(--flatify__firework-animation-delay) var(--flatify__firework-animation-iteration-count) both;\n}\n.fireworks .spark {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n animation: flatify-firework-sparks ease-in-out var(--flatify__firework-animation-duration) var(--flatify__firework-animation-delay) var(--flatify__firework-animation-iteration-count) both;\n}\n.fireworks .spark:nth-child(1):before, .fireworks .spark:nth-child(1):after, .fireworks .spark:nth-child(2):before, .fireworks .spark:nth-child(2):after {\n top: 0;\n bottom: 0;\n width: 1.5em;\n margin: auto;\n}\n.fireworks .spark:nth-child(1):before, .fireworks .spark:nth-child(2):before {\n left: -0.25em;\n animation: flatify-firework-spark-left ease-in-out var(--flatify__firework-animation-duration) var(--flatify__firework-animation-delay) var(--flatify__firework-animation-iteration-count);\n}\n.fireworks .spark:nth-child(1):after, .fireworks .spark:nth-child(2):after {\n right: -0.25em;\n animation: flatify-firework-spark-right ease-in-out var(--flatify__firework-animation-duration) var(--flatify__firework-animation-delay) var(--flatify__firework-animation-iteration-count);\n}\n.fireworks .spark:nth-child(1) {\n --flatify__firework-color-main: var(--flatify__firework-color-center-left-right);\n}\n.fireworks .spark:nth-child(2) {\n --flatify__firework-color-main: var(--flatify__firework-color-center-top-bottom);\n transform: rotate(90deg);\n}\n.fireworks .spark:nth-child(3), .fireworks .spark:nth-child(4) {\n left: 0;\n}\n.fireworks .spark:nth-child(3):before, .fireworks .spark:nth-child(3):after, .fireworks .spark:nth-child(4):before, .fireworks .spark:nth-child(4):after {\n width: 0.75em;\n}\n.fireworks .spark:nth-child(3):before, .fireworks .spark:nth-child(4):before {\n top: 0;\n transform: rotate(45deg);\n animation: flatify-firework-spark-corner-top ease-in-out var(--flatify__firework-animation-duration) var(--flatify__firework-animation-delay) var(--flatify__firework-animation-iteration-count);\n}\n.fireworks .spark:nth-child(3):after, .fireworks .spark:nth-child(4):after {\n bottom: 0;\n transform: rotate(-45deg);\n animation: flatify-firework-spark-corner-bottom ease-in-out var(--flatify__firework-animation-duration) var(--flatify__firework-animation-delay) var(--flatify__firework-animation-iteration-count);\n}\n.fireworks .spark:nth-child(3) {\n --flatify__firework-color-main: var(--flatify__firework-color-left-top-bottom);\n}\n.fireworks .spark:nth-child(4) {\n --flatify__firework-color-main: var(--flatify__firework-color-right-top-bottom);\n transform: rotate(180deg);\n}\n\n@keyframes flatify-firework {\n 0%, 20% {\n transform: translateY(0);\n }\n 40% {\n transform: translateY(-1em);\n }\n 80%, 100% {\n transform: translateY(0.5em);\n }\n}\n@keyframes flatify-firework-main {\n 0% {\n opacity: 0;\n transform: scale(0) translateY(1em);\n }\n 5% {\n opacity: 1;\n transform: scale(0, 6) translateY(1em);\n }\n 26% {\n transform: scaleY(2) translateY(0);\n }\n 30% {\n transform: scale(9) translateY(0);\n }\n 40%, 100% {\n transform: scale(0) translateY(0);\n }\n}\n@keyframes flatify-firework-sparks {\n 0%, 30% {\n clip-path: circle(0 at center);\n opacity: 0;\n }\n 38% {\n clip-path: circle(100% at center);\n opacity: 1;\n }\n 65%, 100% {\n opacity: 0;\n }\n}\n@keyframes flatify-firework-spark-corner-top {\n 0%, 30% {\n opacity: 1;\n clip-path: circle(100% at left);\n transform: scale(1) translate(0) rotate(45deg);\n }\n 40% {\n clip-path: circle(100% at left);\n }\n 60%, 100% {\n opacity: 0;\n clip-path: circle(0 at left);\n transform: scale(1.5) translate(-0.5em, -0.25em) rotate(45deg);\n }\n}\n@keyframes flatify-firework-spark-corner-bottom {\n 0%, 30% {\n opacity: 1;\n clip-path: circle(100% at left);\n transform: scale(1) translate(0) rotate(-45deg);\n }\n 40% {\n clip-path: circle(100% at left);\n }\n 60%, 100% {\n opacity: 0;\n clip-path: circle(0 at left);\n transform: scale(1.5) translate(-0.5em, 0.25em) rotate(-45deg);\n }\n}\n@keyframes flatify-firework-spark-left {\n 0%, 30% {\n opacity: 1;\n clip-path: circle(100% at left);\n transform: scale(1) translate(0);\n }\n 40% {\n clip-path: circle(100% at left);\n }\n 60%, 100% {\n opacity: 0;\n clip-path: circle(0 at left);\n transform: scaleX(2) translate(-0.5em);\n }\n}\n@keyframes flatify-firework-spark-right {\n 0%, 30% {\n opacity: 1;\n clip-path: circle(100% at right);\n transform: scale(1) translate(0);\n }\n 40% {\n clip-path: circle(100% at right);\n }\n 60%, 100% {\n opacity: 0;\n clip-path: circle(0 at right);\n transform: scaleX(2) translate(0.5em);\n }\n}\n:root {\n --flatify__card-txt-color: var(--flatify__txt-color);\n --flatify__card-bg-color: var(--flatify__bg-color);\n --flatify__card-border-color: var(--flatify__bg-color-darker);\n}\n\n.card {\n --flatify__local-txt-color: var(--flatify__card-txt-color);\n --flatify__local-bg-color: var(--flatify__card-bg-color);\n --flatify__local-border-color: var(--flatify__card-border-color);\n overflow: hidden;\n position: relative;\n display: flex;\n flex-grow: 1;\n max-width: 100%;\n padding: 0.75em;\n color: var(--flatify__local-txt-color);\n background: var(--flatify__local-bg-color);\n border: var(--flatify__border-width) solid var(--flatify__local-border-color);\n box-shadow: inset 0 -0.125em 0 var(--flatify__local-border-color);\n border-radius: var(--flatify__border-radius);\n}\n.card:not(.horizontal) {\n flex-direction: column;\n width: 20em;\n}\n.card:not(.horizontal) .card-badges {\n right: 0.5em;\n}\n.card.horizontal {\n gap: 1em;\n}\n.card.horizontal .card-header {\n width: 40%;\n}\n.card.horizontal .card-header .card-badges {\n left: 0.5em;\n}\n.card.horizontal .card-image {\n height: 100%;\n}\n.card.horizontal .card-right {\n display: flex;\n flex-direction: column;\n flex-grow: 1;\n width: 60%;\n}\n.card .card-header {\n overflow: hidden;\n position: relative;\n font-size: 1.2em;\n border-radius: calc(var(--flatify__border-radius) * 0.6);\n}\n.card .card-header .card-badges {\n position: absolute;\n top: 0.5em;\n display: flex;\n gap: 0.38em;\n}\n.card .card-body {\n hyphens: auto;\n height: 100%;\n}\n.card .card-footer {\n display: flex;\n align-items: center;\n font-size: 0.9em;\n padding-top: 0.75em;\n}\n.card .card-footer .button {\n padding-top: 0.64em;\n padding-bottom: 0.32em;\n}\n.card .card-image {\n width: 100%;\n height: 10em;\n object-fit: cover;\n border-radius: calc(var(--flatify__border-radius) * 0.6);\n}\n.card .card-title {\n font-size: 1.2em;\n margin: 0.75em 0 0.38em;\n}\n\n:root {\n --flatify__menu-bg-color: var(--flatify__bg-color-dark);\n --flatify__menu-txt-color: var(--flatify__txt-color);\n --flatify__menu-border-color: var(--flatify__bg-color-darker);\n --flatify__menu-active-item-bg-color: var(--flatify__bg-color-darker);\n --flatify__menu-active-item-txt-color: var(--flatify__txt-color);\n --flatify__menu-item-bg-color: var(--flatify__bg-color-dark);\n --flatify__menu-item-bg-color__hover: var(--flatify__bg-color-dark);\n --flatify__menu-item-bg-color__focus: var(--flatify__bg-color-dark);\n --flatify__menu-item-txt-color: var(--flatify__txt-color);\n --flatify__menu-item-txt-color__hover: var(--flatify__txt-color);\n --flatify__menu-item-txt-color__focus: var(--flatify__txt-color);\n --flatify__submenu-bg-color: var(--flatify__bg-color);\n --flatify__submenu-txt-color: var(--flatify__txt-color);\n --flatify__submenu-border-color: var(--flatify__bg-color-darker);\n --flatify__submenu-item-bg-color: var(--flatify__bg-color);\n --flatify__submenu-item-bg-color__hover: var(--flatify__bg-color-dark);\n --flatify__submenu-item-bg-color__focus: var(--flatify__bg-color-dark);\n --flatify__submenu-item-txt-color: var(--flatify__txt-color);\n --flatify__submenu-item-txt-color__hover: var(--flatify__txt-color);\n --flatify__submenu-item-txt-color__focus: var(--flatify__txt-color);\n --flatify__submenu-animation-show-duration: 350ms;\n --flatify__submenu-animation-show-delay: 200ms;\n --flatify__submenu-animation-show: flatify-dropdown-show var(--flatify__submenu-animation-show-duration)\n var(--flatify__submenu-animation-show-delay) cubic-bezier(0.52, 0.42, 0.44, 1.44) both;\n}\n\n.menu-items-wrapper {\n list-style: none;\n padding: 0.5em;\n margin: 0;\n color: var(--flatify__menu-txt-color);\n background: var(--flatify__menu-bg-color);\n}\n.menu-items-wrapper.navbar {\n scrollbar-width: thin;\n display: flex;\n align-items: center;\n width: 100%;\n height: 4.25em;\n padding-left: 1.24em;\n padding-right: 1.24em;\n border-bottom: var(--flatify__border-width) solid var(--flatify__menu-border-color);\n}\n.menu-items-wrapper.navbar.scrollable-x .search-bar, .menu-items-wrapper.navbar.scrollable .search-bar {\n min-width: 12em;\n}\n.menu-items-wrapper.navbar .links {\n white-space: nowrap;\n list-style: none;\n display: flex;\n padding: 0;\n margin-bottom: 0;\n}\n.menu-items-wrapper.navbar .links .menu-item {\n position: relative;\n font-weight: var(--flatify__medium-font-weight);\n border-radius: calc(var(--flatify__border-radius) * 0.9);\n}\n.menu-items-wrapper.navbar .links .menu-item button,\n.menu-items-wrapper.navbar .links .menu-item a {\n color: inherit;\n font-size: 1em;\n font-weight: var(--flatify__medium-font-weight);\n background: transparent;\n}\n.menu-items-wrapper.navbar .links .menu-item.active {\n font-weight: var(--flatify__bold-font-weight);\n}\n.menu-items-wrapper.navbar .links .menu-item:focus-within > .submenu, .menu-items-wrapper.navbar .links .menu-item:hover > .submenu {\n display: block;\n animation: var(--flatify__submenu-animation-show);\n}\n.menu-items-wrapper.navbar .links .menu-item .submenu {\n position: absolute;\n top: 100%;\n left: 0.5em;\n z-index: 10;\n display: none;\n}\n.menu-items-wrapper.navbar .links .menu-item .submenu .submenu {\n top: -50%;\n left: 115%;\n}\n.menu-items-wrapper.navbar .links .menu-item .submenu .submenu:after {\n content: \" \";\n position: absolute;\n top: 0.64em;\n left: -3.6em;\n width: 4em;\n min-height: 4em;\n background: transparent !important;\n border-radius: 1em;\n}\n.menu-items-wrapper.navbar .navbar-logo {\n height: 3em;\n margin-right: 0.64em;\n}\n.menu-items-wrapper.navbar .navbar-logo img {\n height: 100%;\n}\n.menu-items-wrapper[class*=style-] {\n --flatify__menu-active-item-bg-color: var(--flatify__local-border-color);\n --flatify__menu-active-item-txt-color: var(--flatify__local-txt-color);\n --flatify__menu-item-bg-color: var(--flatify__local-bg-color);\n --flatify__menu-item-bg-color__hover: var(--flatify__local-bg-color);\n --flatify__menu-item-bg-color__focus: var(--flatify__local-bg-color);\n --flatify__menu-item-txt-color: var(--flatify__local-txt-color);\n --flatify__menu-item-txt-color__hover: var(--flatify__local-txt-color);\n --flatify__menu-item-txt-color__focus: var(--flatify__local-txt-color);\n}\n.menu-items-wrapper .menu-item {\n display: flex;\n align-items: center;\n margin: 0 0.25em;\n color: var(--flatify__menu-item-txt-color);\n background: var(--flatify__menu-item-bg-color);\n border-radius: calc(var(--flatify__border-radius) * 0.75);\n transition: all var(--flatify__simple-transition);\n}\n.menu-items-wrapper .menu-item.disabled {\n pointer-events: none;\n user-select: none;\n opacity: 0.5;\n}\n.menu-items-wrapper .menu-item > button, .menu-items-wrapper .menu-item > a {\n width: 100%;\n padding: 0.64em 1em;\n color: inherit;\n text-decoration: none !important;\n}\n.menu-items-wrapper .menu-item:hover {\n color: var(--flatify__menu-item-txt-color__hover);\n background: var(--flatify__menu-item-bg-color__hover);\n}\n.menu-items-wrapper .menu-item.active {\n color: var(--flatify__menu-active-item-txt-color);\n background: var(--flatify__menu-active-item-bg-color);\n}\n.menu-items-wrapper .menu-item:focus, .menu-items-wrapper .menu-item:focus-within {\n color: var(--flatify__menu-item-txt-color__focus);\n background: var(--flatify__menu-item-bg-color__focus);\n}\n\n.dropdown,\n.menu-items-wrapper .submenu {\n --flatify__local-bg-color: var(--flatify__submenu-bg-color);\n --flatify__local-txt-color: var(--flatify__submenu-txt-color);\n --flatify__local-border-color: var(--flatify__submenu-border-color);\n position: relative;\n min-width: 12em;\n padding: 0.5em;\n margin-bottom: 0;\n color: var(--flatify__submenu-txt-color);\n background: var(--flatify__submenu-bg-color);\n border: var(--flatify__border-width) solid var(--flatify__local-border-color);\n border-radius: var(--flatify__border-radius);\n}\n.dropdown[class*=style-],\n.menu-items-wrapper .submenu[class*=style-] {\n --flatify__submenu-bg-color: var(--flatify__local-bg-color);\n --flatify__submenu-txt-color: var(--flatify__local-txt-color);\n --flatify__submenu-border-color: var(--flatify__local-border-color);\n --flatify__submenu-item-bg-color: var(--flatify__local-bg-color);\n --flatify__submenu-item-bg-color__hover: var(--flatify__local-bg-color);\n --flatify__submenu-item-bg-color__focus: var(--flatify__local-bg-color);\n --flatify__submenu-item-txt-color: var(--flatify__local-txt-color);\n --flatify__submenu-item-txt-color__hover: var(--flatify__local-txt-color);\n --flatify__submenu-item-txt-color__focus: var(--flatify__local-txt-color);\n}\n.dropdown .menu-item,\n.menu-items-wrapper .submenu .menu-item {\n font-size: 0.9em;\n margin: 0;\n color: var(--flatify__submenu-item-txt-color);\n background: var(--flatify__submenu-item-bg-color);\n}\n.dropdown .menu-item:not(:first-child),\n.menu-items-wrapper .submenu .menu-item:not(:first-child) {\n margin-top: 0.32em;\n}\n.dropdown .menu-item a,\n.menu-items-wrapper .submenu .menu-item a {\n padding: 0.64em 1.25em;\n}\n.dropdown .menu-item:hover,\n.menu-items-wrapper .submenu .menu-item:hover {\n color: var(--flatify__submenu-item-txt-color__hover);\n background: var(--flatify__submenu-item-bg-color__hover);\n}\n.dropdown .menu-item.active,\n.menu-items-wrapper .submenu .menu-item.active {\n color: var(--flatify__submenu-active-item-txt-color);\n background: var(--flatify__submenu-active-item-bg-color);\n}\n.dropdown .menu-item:focus, .dropdown .menu-item:focus-within,\n.menu-items-wrapper .submenu .menu-item:focus,\n.menu-items-wrapper .submenu .menu-item:focus-within {\n color: var(--flatify__submenu-item-txt-color__focus);\n background: var(--flatify__submenu-item-bg-color__focus);\n}\n.dropdown .menu-item.arrow-button:after,\n.menu-items-wrapper .submenu .menu-item.arrow-button:after {\n margin-right: 0.75em;\n}\n.dropdown .menu-item.heading,\n.menu-items-wrapper .submenu .menu-item.heading {\n font-weight: var(--flatify__medium-font-weight);\n padding: 1em 0.75em 0.5em;\n color: var(--flatify__submenu-txt-color) !important;\n background: var(--flatify__submenu-bg-color) !important;\n}\n.dropdown .menu-item.separator,\n.menu-items-wrapper .submenu .menu-item.separator {\n height: var(--flatify__border-width);\n margin: 0.5em 0 !important;\n background: var(--flatify__local-border-color) !important;\n opacity: 0.5;\n}\n.dropdown .pointer-arrow, .dropdown[class*=arrow-]:before,\n.menu-items-wrapper .submenu .pointer-arrow,\n.menu-items-wrapper .submenu[class*=arrow-]:before {\n content: \" \";\n position: absolute;\n height: 0;\n width: 0;\n border-style: solid;\n will-change: top, bottom, left, right;\n}\n.dropdown[data-popper-placement=bottom] .pointer-arrow, .dropdown.arrow-top:before,\n.menu-items-wrapper .submenu[data-popper-placement=bottom] .pointer-arrow,\n.menu-items-wrapper .submenu.arrow-top:before {\n top: -0.5em;\n bottom: -0.5em;\n border-width: 0 0.64em 0.64em 0.64em;\n border-color: var(--flatify__local-bg-color) transparent;\n filter: drop-shadow(0 calc(var(--flatify__border-width) * -1) 0 var(--flatify__local-border-color));\n}\n.dropdown[data-popper-placement=top] .pointer-arrow, .dropdown.arrow-bottom:before,\n.menu-items-wrapper .submenu[data-popper-placement=top] .pointer-arrow,\n.menu-items-wrapper .submenu.arrow-bottom:before {\n bottom: -0.5em;\n border-width: 0.64em 0.64em 0 0.64em;\n border-color: var(--flatify__local-bg-color) transparent;\n filter: drop-shadow(0 var(--flatify__border-width) 0 var(--flatify__local-border-color));\n}\n.dropdown[data-popper-placement=right] .pointer-arrow, .dropdown.arrow-left:before,\n.menu-items-wrapper .submenu[data-popper-placement=right] .pointer-arrow,\n.menu-items-wrapper .submenu.arrow-left:before {\n left: -0.5em;\n border-width: 0.64em 0.64em 0.64em 0;\n border-color: transparent var(--flatify__local-bg-color);\n filter: drop-shadow(calc(var(--flatify__border-width) * -1) 0 0 var(--flatify__local-border-color));\n}\n.dropdown[data-popper-placement=left] .pointer-arrow, .dropdown.arrow-right:before,\n.menu-items-wrapper .submenu[data-popper-placement=left] .pointer-arrow,\n.menu-items-wrapper .submenu.arrow-right:before {\n right: -0.5em;\n border-width: 0.64em 0 0.64em 0.64em;\n border-color: transparent var(--flatify__local-bg-color);\n filter: drop-shadow(var(--flatify__border-width) 0 0 var(--flatify__local-border-color));\n}\n.dropdown.arrow-top:before, .dropdown.arrow-bottom:before,\n.menu-items-wrapper .submenu.arrow-top:before,\n.menu-items-wrapper .submenu.arrow-bottom:before {\n left: 2em;\n}\n.dropdown.arrow-left:before, .dropdown.arrow-right:before,\n.menu-items-wrapper .submenu.arrow-left:before,\n.menu-items-wrapper .submenu.arrow-right:before {\n top: 2em;\n}\n\n:root {\n --flatify__dropdown-animation-show-duration: 300ms;\n --flatify__dropdown-animation-hide-duration: 200ms;\n --flatify__dropdown-animation-show: flatify-dropdown-show var(--flatify__dropdown-animation-show-duration)\n cubic-bezier(0.52, 0.42, 0.44, 1.44);\n --flatify__dropdown-animation-hide: flatify-dropdown-hide var(--flatify__dropdown-animation-hide-duration)\n cubic-bezier(0.52, 0.42, 0.44, 1.44) both;\n}\n\n.dropdown-wrapper {\n position: relative;\n display: inline-block;\n}\n.dropdown-wrapper:not(.free-size) .dropdown {\n width: 110%;\n}\n\n.dropdown {\n position: absolute;\n z-index: 1000;\n display: none;\n will-change: top, bottom, left, right;\n}\n.dropdown.show {\n display: block;\n animation: var(--flatify__dropdown-animation-show);\n}\n.dropdown.dropdown-will-be-hidden {\n animation: var(--flatify__dropdown-animation-hide);\n}\n\n.popover .dropdown {\n font-size: 0.9em;\n z-index: 1060;\n}\n\n:root {\n --flatify__modal-bg-color: var(--flatify__bg-color);\n --flatify__modal-txt-color: var(--flatify__txt-color);\n --flatify__modal-border-color: var(--flatify__bg-color-darker);\n --flatify__modal-animation-show-duration: 350ms;\n --flatify__modal-animation-hide-duration: 250ms;\n --flatify__modal-animation-default-show: flatify-blow-in var(--flatify__modal-animation-show-duration)\n cubic-bezier(0.52, 0.42, 0.44, 1.44);\n --flatify__modal-animation-default-hide: flatify-blow-out var(--flatify__modal-animation-hide-duration)\n cubic-bezier(0.52, 0.42, 0.44, 1.44) both;\n --flatify__modal-animation-top-show: flatify-slide-down-in var(--flatify__modal-animation-show-duration)\n ease;\n --flatify__modal-animation-top-hide: flatify-slide-down-out var(--flatify__modal-animation-hide-duration)\n ease both;\n --flatify__modal-animation-bottom-show: flatify-slide-up-in var(--flatify__modal-animation-show-duration)\n ease;\n --flatify__modal-animation-bottom-hide: flatify-slide-up-out var(--flatify__modal-animation-hide-duration)\n ease both;\n --flatify__modal-animation-left-show: flatify-slide-right-in var(--flatify__modal-animation-show-duration)\n ease;\n --flatify__modal-animation-left-hide: flatify-slide-right-out\n var(--flatify__modal-animation-hide-duration) ease both;\n --flatify__modal-animation-right-show: flatify-slide-left-in var(--flatify__modal-animation-show-duration)\n ease;\n --flatify__modal-animation-right-hide: flatify-slide-left-out\n var(--flatify__modal-animation-hide-duration) ease both;\n}\n\n.modal {\n --flatify__local-bg-color: var(--flatify__modal-bg-color);\n --flatify__local-border-color: var(--flatify__modal-border-color);\n overflow: hidden;\n position: fixed;\n z-index: 1040;\n top: 5em;\n left: 0;\n right: 0;\n display: none;\n width: 90%;\n height: fit-content;\n max-width: 32em;\n margin: 0 auto;\n color: var(--flatify__modal-txt-color);\n background: var(--flatify__modal-bg-color);\n border: var(--flatify__border-width) solid var(--flatify__local-border-color);\n box-shadow: inset 0 -0.125em 0 var(--flatify__local-border-color);\n border-radius: var(--flatify__border-radius);\n}\n.modal.modal-sm {\n font-size: 0.9em;\n max-width: 20em;\n}\n.modal.modal-lg {\n font-size: 1.2em;\n max-width: 45em;\n}\n.modal.show {\n display: block;\n animation: var(--flatify__modal-animation-default-show);\n}\n.modal.modal-will-be-hidden {\n animation: var(--flatify__modal-animation-default-hide);\n}\n.modal.modal-center {\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n margin: auto;\n}\n.modal.modal-top {\n bottom: unset;\n top: 0;\n left: 0;\n right: 0;\n margin: 0 auto;\n border-top: none !important;\n border-radius: 0 0 var(--flatify__border-radius) var(--flatify__border-radius);\n}\n.modal.modal-top.show {\n animation: var(--flatify__modal-animation-top-show);\n}\n.modal.modal-top.modal-will-be-hidden {\n animation: var(--flatify__modal-animation-top-hide);\n}\n.modal.modal-bottom {\n top: unset;\n bottom: 0;\n left: 0;\n right: 0;\n margin: 0 auto;\n border-bottom: none !important;\n box-shadow: inset 0 0.125em 0 var(--flatify__local-border-color);\n border-radius: var(--flatify__border-radius) var(--flatify__border-radius) 0 0;\n}\n.modal.modal-bottom.show {\n animation: var(--flatify__modal-animation-bottom-show);\n}\n.modal.modal-bottom.modal-will-be-hidden {\n animation: var(--flatify__modal-animation-bottom-hide);\n}\n.modal.modal-left {\n right: unset;\n left: 0;\n top: 0;\n bottom: 0;\n margin: auto 0;\n border-left: none !important;\n box-shadow: inset -0.125em 0 0 var(--flatify__local-border-color);\n border-radius: 0 var(--flatify__border-radius) var(--flatify__border-radius) 0;\n}\n.modal.modal-left.show {\n animation: var(--flatify__modal-animation-left-show);\n}\n.modal.modal-left.modal-will-be-hidden {\n animation: var(--flatify__modal-animation-left-hide);\n}\n.modal.modal-right {\n left: unset;\n right: 0;\n top: 0;\n bottom: 0;\n margin: auto 0;\n border-right: none !important;\n box-shadow: inset 0.125em 0 0 var(--flatify__local-border-color);\n border-radius: var(--flatify__border-radius) 0 0 var(--flatify__border-radius);\n}\n.modal.modal-right.show {\n animation: var(--flatify__modal-animation-right-show);\n}\n.modal.modal-right.modal-will-be-hidden {\n animation: var(--flatify__modal-animation-right-hide);\n}\n.modal.bordered .modal-header {\n border-bottom: var(--flatify__border-width) solid var(--flatify__local-border-color);\n}\n.modal.bordered .modal-footer {\n border-top: var(--flatify__border-width) solid var(--flatify__local-border-color);\n}\n.modal[class*=width-] {\n max-width: unset;\n}\n.modal .close-modal {\n background: var(--flatify__local-bg-color);\n}\n\n.modal-content {\n display: flex;\n flex-direction: column;\n height: 100%;\n}\n\n.modal-header {\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 0.75em 1.25em;\n}\n.modal-header .modal-title {\n font-size: 1.4em;\n font-weight: var(--flatify__medium-font-weight);\n margin-bottom: 0;\n}\n\n.modal-body {\n flex-grow: 1;\n padding: 0.75em 1.25em;\n}\n\n.modal-footer {\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 0.5em 1.25em;\n}\n\n:root {\n --flatify__loading-color: currentColor;\n --flatify__loading-dot-width: 0.5em;\n --flatify__loading-dot-height: 0.5em;\n --flatify__loading-dot-animation-start-scale: 1.5;\n --flatify__loading-dot-animation-duration: 1.2s;\n --flatify__loading-spinner-animation-duration: 0.75s;\n}\n\n.loading:before, .loading:after, .loading {\n --flatify__local-txt-color: var(--flatify__loading-color);\n display: block;\n width: var(--flatify__loading-dot-width);\n height: var(--flatify__loading-dot-height);\n background: var(--flatify__local-txt-color);\n border-radius: 10em;\n opacity: 0;\n}\n\n.loading {\n position: relative;\n margin-right: calc(var(--flatify__loading-dot-width) * 4);\n animation: flatify-loading-dot-first var(--flatify__loading-dot-animation-duration) infinite;\n}\n.loading.stop-animation:before, .loading.stop-animation:after, .loading.stop-animation {\n opacity: 1 !important;\n}\n.loading:before, .loading:after {\n content: \" \";\n position: absolute;\n}\n.loading:before {\n left: calc(var(--flatify__loading-dot-width) * 2);\n animation: flatify-loading-dot-second var(--flatify__loading-dot-animation-duration) infinite;\n}\n.loading:after {\n left: calc(var(--flatify__loading-dot-width) * 4);\n animation: flatify-loading-dot-third var(--flatify__loading-dot-animation-duration) infinite;\n}\n\n.overlay-layer > .spinner, .two-layer-button > .spinner, .overlay-layer > .loading, .two-layer-button > .loading {\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n z-index: 12;\n margin: auto;\n}\n.overlay-layer > .loading, .two-layer-button > .loading {\n left: calc(var(--flatify__loading-dot-width) * -4);\n}\n.overlay-layer.button > .spinner, .button.two-layer-button > .spinner {\n font-size: 0.9em;\n}\n\n.spinner {\n --flatify__local-txt-color: var(--flatify__loading-color);\n display: flex;\n justify-content: space-between;\n width: 2em;\n height: 2em;\n border: 0.25em solid transparent;\n border-radius: 50em;\n}\n.spinner[class*=style-] {\n border-color: transparent !important;\n}\n.spinner:before {\n content: \" \";\n position: relative;\n width: 100%;\n height: 100%;\n border: 0.25em solid var(--flatify__local-txt-color);\n border-left-color: transparent;\n border-radius: 50em;\n animation: flatify-spin var(--flatify__loading-spinner-animation-duration) linear infinite;\n}\n\n:root {\n --flatify__progress-bg-color: var(--flatify__bg-color-dark);\n --flatify__progress-txt-color: var(--flatify__txt-color-inverted);\n --flatify__progress-border-color: var(--flatify__bg-color-darker);\n --flatify__progress-animation-duration: 2.5s;\n}\n\n.progress {\n --flatify__local-txt-color: var(--flatify__progress-txt-color);\n overflow: hidden;\n display: block;\n width: 100%;\n margin: 0.5em 0;\n color: var(--flatify__local-txt-color);\n background: var(--flatify__progress-bg-color);\n border-radius: var(--flatify__border-radius);\n}\n.progress.bordered {\n border: var(--flatify__border-width) solid var(--flatify__progress-border-color);\n}\n.progress .progress-bar {\n overflow: hidden;\n position: relative;\n font-size: 0.75em;\n min-height: 1.4em;\n padding: 0.125em 0.5em;\n color: var(--flatify__local-txt-color);\n background: var(--flatify__color-accent-primary);\n border-radius: var(--flatify__border-radius);\n will-change: width, transform;\n transition: width var(--flatify__long-transition), transform var(--flatify__long-transition), background var(--flatify__simple-transition);\n}\n.progress .progress-bar:after {\n content: \" \";\n position: absolute;\n top: 30%;\n left: 0;\n right: 0;\n width: min(90%, 100% - 2em);\n height: 0.32em;\n margin: 0 auto;\n background: currentColor;\n border-radius: var(--flatify__border-radius);\n opacity: 0.2;\n}\n.progress.processing {\n cursor: wait;\n}\n.progress.processing .progress-bar:before {\n content: \" \";\n position: absolute;\n top: 0;\n left: 0;\n transform-origin: left;\n width: 100%;\n height: 110%;\n background: var(--flatify__color-accent-light);\n animation: flatify-processing linear var(--flatify__progress-animation-duration) infinite;\n}\n\n.search-bar {\n position: relative;\n}\n.search-bar input[type=text],\n.search-bar input[type=search] {\n width: 100%;\n padding-right: 3.14em;\n}\n.search-bar input[type=text].style-light:focus,\n.search-bar input[type=search].style-light:focus {\n background: var(--flatify__bg-color) !important;\n filter: none !important;\n}\n.search-bar .search-button {\n position: absolute;\n top: 0;\n bottom: 0;\n width: 2.2em;\n height: 2.2em;\n margin: auto 0;\n font-size: 1em;\n color: var(--flatify__form-element-txt-color);\n border-radius: calc(var(--flatify__border-radius) * 0.75);\n right: 0.5em;\n}\n\n:root {\n --flatify__tab-txt-color: var(--flatify__txt-color);\n --flatify__tab-bg-color: var(--flatify__bg-color);\n --flatify__tab-border-color: var(--flatify__bg-color-darker);\n --flatify__tab-animation-show-duration: 300ms;\n --flatify__tab-animation-hide-duration: 200ms;\n --flatify__tab-animation-show: flatify-blow-in var(--flatify__tab-animation-show-duration) ease;\n --flatify__tab-animation-hide: flatify-blow-out var(--flatify__tab-animation-hide-duration)\n cubic-bezier(0.52, 0.42, 0.44, 1.44) both;\n}\n\n.tabs-wrapper[class*=style-],\n.tabs-header[class*=style-],\n.tabs-content[class*=style-] {\n --flatify__tab-txt-color: var(--flatify__local-txt-color);\n --flatify__tab-bg-color: var(--flatify__local-bg-color);\n --flatify__tab-border-color: var(--flatify__local-border-color);\n}\n.tabs-wrapper[class*=style-] .tab-button.active,\n.tabs-header[class*=style-] .tab-button.active,\n.tabs-content[class*=style-] .tab-button.active {\n color: var(--flatify__tab-txt-color);\n}\n\n.tabs-wrapper {\n overflow: hidden;\n margin: 1em 0;\n color: var(--flatify__tab-txt-color);\n background: var(--flatify__tab-bg-color);\n border-radius: var(--flatify__border-radius);\n}\n.tabs-wrapper.bordered {\n border: var(--flatify__border-width) solid var(--flatify__tab-border-color);\n box-shadow: 0 0.125em 0 var(--flatify__tab-border-color);\n}\n\n.tabs-header {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n padding: 0 1em;\n color: var(--flatify__tab-txt-color);\n background: var(--flatify__tab-bg-color);\n border-bottom: var(--flatify__border-width) solid var(--flatify__tab-border-color);\n}\n.tabs-header.scrollable {\n flex-wrap: nowrap;\n overflow-x: auto;\n overflow-y: hidden;\n scrollbar-width: thin;\n}\n.tabs-header.scrollable .tab-button {\n white-space: nowrap;\n}\n.tabs-header.scrollable:not(.line-at-top) .tab-button:before {\n bottom: -1px;\n}\n@media screen and (max-width: 575.98px) {\n .tabs-header {\n font-size: 0.9em;\n padding: 0;\n }\n}\n.tabs-header .tab-button {\n position: relative;\n text-align: center;\n font-weight: var(--flatify__medium-font-weight);\n appearance: none;\n vertical-align: middle;\n width: auto;\n height: 100%;\n padding: 0.75em 1.5em;\n margin: 0 0.38em;\n text-decoration: none !important;\n color: inherit !important;\n background: transparent;\n border: none;\n outline: none;\n opacity: 0.6;\n transition: all var(--flatify__simple-transition) !important;\n}\n.tabs-header .tab-button:hover, .tabs-header .tab-button:focus {\n opacity: 1;\n}\n.tabs-header .tab-button:hover:not(.active):before, .tabs-header .tab-button:focus:not(.active):before {\n transform: scaleY(1.2) scaleX(0.85);\n}\n.tabs-header .tab-button:before {\n content: \" \";\n position: absolute;\n bottom: calc(var(--flatify__border-width) * -0.5);\n left: 0;\n width: 100%;\n height: calc(var(--flatify__border-width) * 1.5);\n background: var(--flatify__tab-border-color);\n border-radius: calc(var(--flatify__border-radius) * 0.32) calc(var(--flatify__border-radius) * 0.32) 0 0;\n transform-origin: bottom center;\n transition: all var(--flatify__simple-transition) !important;\n}\n.tabs-header .tab-button:not(.active):before {\n transform: scaleY(0);\n}\n.tabs-header .tab-button.active {\n color: var(--flatify__color-accent-primary) !important;\n opacity: 1;\n}\n.tabs-header .tab-button.active:before {\n background: var(--flatify__color-accent-primary);\n}\n.tabs-header .tab-button .badge {\n vertical-align: middle;\n margin-left: 0.5em;\n}\n.tabs-header.line-at-top .tab-button:before {\n bottom: unset;\n top: 0;\n border-radius: 0 0 calc(var(--flatify__border-radius) * 0.32) calc(var(--flatify__border-radius) * 0.32);\n transform-origin: top center;\n}\n\n.tabs-content {\n overflow: hidden;\n color: var(--flatify__tab-txt-color);\n background: var(--flatify__tab-bg-color);\n}\n.tabs-content .tab-panel {\n padding: 1em;\n}\n.tabs-content .tab-panel:not(.show) {\n display: none !important;\n}\n.tabs-content.no-animation .tab-panel {\n animation-duration: 0s !important;\n}\n.tabs-content.slide-animation .tab-panel.show.slide-left {\n animation: flatify-slide-left-in-min var(--flatify__tab-animation-show-duration) ease;\n}\n.tabs-content.slide-animation .tab-panel.show.slide-left.tab-will-be-hidden {\n animation: flatify-slide-left-out-min var(--flatify__tab-animation-hide-duration) ease;\n}\n.tabs-content.slide-animation .tab-panel.show.slide-right {\n animation: flatify-slide-right-in-min var(--flatify__tab-animation-show-duration) ease;\n}\n.tabs-content.slide-animation .tab-panel.show.slide-right.tab-will-be-hidden {\n animation: flatify-slide-right-out-min var(--flatify__tab-animation-hide-duration) ease;\n}\n.tabs-content.fade-animation .tab-panel.show {\n animation: flatify-fade-in var(--flatify__tab-animation-show-duration) ease;\n}\n.tabs-content.fade-animation .tab-panel.show.tab-will-be-hidden {\n animation: flatify-fade-out var(--flatify__tab-animation-hide-duration) ease;\n}\n\n.tab-panel.show {\n animation: var(--flatify__tab-animation-show);\n}\n.tab-panel.show.tab-will-be-hidden {\n animation: var(--flatify__tab-animation-hide);\n}\n\n:root {\n --flatify__toast-txt-color: var(--flatify__txt-color);\n --flatify__toast-bg-color: var(--flatify__bg-color);\n --flatify__toast-border-color: var(--flatify__bg-color-darker);\n --flatify__toast-inner-space: 2.5em;\n --flatify__toast-animation-show-duration: 300ms;\n --flatify__toast-animation-hide-duration: 200ms;\n --flatify__toast-animation-show: flatify-slide-up-in-min var(--flatify__toast-animation-show-duration)\n ease;\n --flatify__toast-animation-hide: flatify-slide-down-out-min var(--flatify__toast-animation-hide-duration)\n ease both;\n}\n\n.toast-wrapper {\n position: fixed;\n width: 20em;\n max-width: 100vw;\n display: flex;\n flex-direction: column;\n z-index: 1100;\n}\n.toast-wrapper.bottom {\n flex-direction: column-reverse;\n bottom: var(--flatify__toast-inner-space);\n}\n.toast-wrapper.top {\n flex-direction: column;\n top: var(--flatify__toast-inner-space);\n}\n.toast-wrapper.left {\n left: var(--flatify__toast-inner-space);\n}\n.toast-wrapper.right {\n right: var(--flatify__toast-inner-space);\n}\n.toast-wrapper.center {\n left: 0;\n right: 0;\n margin: 0 auto;\n}\n@media screen and (max-width: 575.98px) {\n .toast-wrapper {\n --flatify__toast-inner-space: 0.5em;\n width: calc(100% - 1em);\n }\n .toast-wrapper.left, .toast-wrapper.right {\n left: 0;\n right: 0;\n margin: 0 auto;\n }\n}\n\n.toast {\n --flatify__local-txt-color: var(--flatify__toast-txt-color);\n --flatify__local-bg-color: var(--flatify__toast-bg-color);\n --flatify__local-border-color: var(--flatify__toast-border-color);\n overflow: hidden;\n position: relative;\n width: 100%;\n padding: 0.9em;\n margin: 0.25em 0;\n color: var(--flatify__local-txt-color);\n background: var(--flatify__local-bg-color);\n border: var(--flatify__border-width) solid var(--flatify__local-border-color);\n box-shadow: inset 0 -0.125em 0 var(--flatify__local-border-color);\n border-radius: var(--flatify__border-radius);\n}\n.toast:not(.toast-will-be-removed) {\n animation: var(--flatify__toast-animation-show);\n}\n.toast.toast-will-be-removed {\n animation: var(--flatify__toast-animation-hide);\n}\n.toast:hover .close-button {\n transition-delay: 0.15s;\n transform: scale(1);\n}\n.toast .toast-svg {\n display: inline-block;\n width: 2em;\n max-height: 2em;\n margin-right: 0.32em;\n opacity: 0.75;\n}\n.toast .toast-svg else {\n margin-left: 0.32em;\n}\n.toast .toast-svg:not([fill=none]) {\n fill: currentColor;\n}\n.toast .close-button {\n position: absolute;\n top: 0;\n bottom: 0;\n right: 0.25em;\n font-size: 0.85em;\n margin: auto 0;\n background: var(--flatify__local-bg-color);\n box-shadow: 0 0 0.32em 0.32em var(--flatify__local-bg-color);\n transform: scale(0);\n}\n.toast .close-button else {\n left: 0.25em;\n}\n\n:root {\n --flatify__form-element-accent-color: var(--flatify__color-accent-primary);\n --flatify__form-element-bg-color: var(--flatify__bg-color-dark);\n --flatify__form-element-txt-color: var(--flatify__txt-color);\n --flatify__form-element-border-color: var(--flatify__bg-color-darker);\n --flatify__form-element-border-color__focus: var(--flatify__form-element-accent-color);\n --flatify__form-element-border-color__valid: var(--flatify__color-success-primary);\n --flatify__form-element-border-color__warning: var(--flatify__color-warning-primary);\n --flatify__form-element-border-color__invalid: var(--flatify__color-danger-primary);\n}\n\n.form-label:not(:first-of-type) {\n margin-top: 0.9em;\n}\n.form-label.inline:not(:first-child) {\n margin-left: 0.38em;\n}\n.form-label:not(.inline) {\n display: block;\n margin-left: 0.38em;\n}\n\n.floating-label textarea,\n.floating-label input {\n padding: 1.64em 1em 0.5em !important;\n}\n.floating-label textarea:not(:placeholder-shown) + .form-label, .floating-label textarea:focus + .form-label,\n.floating-label input:not(:placeholder-shown) + .form-label,\n.floating-label input:focus + .form-label {\n opacity: 0.5;\n transform: scale(0.75) translateY(-0.9em);\n}\n.floating-label textarea::placeholder,\n.floating-label input::placeholder {\n opacity: 0 !important;\n}\n.floating-label .form-label {\n pointer-events: none;\n position: absolute;\n top: 0;\n bottom: 0;\n margin: auto 0;\n height: fit-content;\n opacity: 0.8;\n will-change: opacity, transform;\n transition: all var(--flatify__bouncing-transition);\n transform-origin: top left;\n left: 1em;\n}\n.floating-label.is-textarea .form-label {\n top: 1.5em;\n bottom: unset;\n}\n\ntextarea:not(.default), select:not(.default), input:not(.default) {\n font-size: 0.9em;\n padding: 0.8em 1em;\n margin: 0.38em 0;\n color: var(--flatify__form-element-txt-color);\n background: var(--flatify__form-element-bg-color);\n border: var(--flatify__border-width) solid var(--flatify__form-element-border-color);\n border-radius: var(--flatify__border-radius);\n filter: brightness(100%);\n outline: none !important;\n will-change: filter;\n transition: all var(--flatify__simple-transition);\n}\ntextarea:hover:not(:focus):not(.default), select:hover:not(:focus):not(.default), input:hover:not(:focus):not(.default) {\n filter: brightness(var(--flatify__hover-brightness));\n}\ntextarea:focus:not(.default), select:focus:not(.default), input:focus:not(.default) {\n border-color: var(--flatify__form-element-border-color__focus) !important;\n}\ntextarea:not(.default)::placeholder, select:not(.default)::placeholder, input:not(.default)::placeholder {\n color: inherit;\n opacity: 0.45;\n transition: all var(--flatify__simple-transition);\n}\ntextarea:focus:not(.default)::placeholder, select:focus:not(.default)::placeholder, input:focus:not(.default)::placeholder {\n opacity: 0;\n}\ntextarea[class*=style-]:not(.default), select[class*=style-]:not(.default), input[class*=style-]:not(.default) {\n --flatify__form-element-bg-color: var(--flatify__local-bg-color);\n --flatify__form-element-txt-color: var(--flatify__local-txt-color);\n --flatify__form-element-border-color: var(--flatify__local-border-color);\n --flatify__form-element-border-color__focus: var(--flatify__local-border-color-dark);\n}\n.input-wrapper.invalid textarea:not(.default), .input-wrapper.invalid select:not(.default), .input-wrapper.invalid input:not(.default), textarea.invalid:not(.default), select.invalid:not(.default), input.invalid:not(.default) {\n border-color: var(--flatify__form-element-border-color) !important;\n --flatify__form-element-border-color: var(--flatify__form-element-border-color__invalid) !important;\n --flatify__form-element-border-color__focus: var(\n --flatify__form-element-border-color__invalid\n ) !important;\n}\ntextarea:focus:invalid:not(.default), select:focus:invalid:not(.default), input:focus:invalid:not(.default) {\n --flatify__form-element-border-color__focus: var(\n --flatify__form-element-border-color__invalid\n ) !important;\n}\n.input-wrapper.warning textarea:not(.default), .input-wrapper.warning select:not(.default), .input-wrapper.warning input:not(.default), textarea.warning:not(.default), select.warning:not(.default), input.warning:not(.default) {\n border-color: var(--flatify__form-element-border-color) !important;\n --flatify__form-element-border-color: var(--flatify__form-element-border-color__warning) !important;\n --flatify__form-element-border-color__focus: var(\n --flatify__form-element-border-color__warning\n ) !important;\n}\n.input-wrapper.valid textarea:not(.default), .input-wrapper.valid select:not(.default), .input-wrapper.valid input:not(.default), textarea.valid:not(.default), select.valid:not(.default), input.valid:not(.default) {\n border-color: var(--flatify__form-element-border-color) !important;\n --flatify__form-element-border-color: var(--flatify__form-element-border-color__valid);\n --flatify__form-element-border-color__focus: var(--flatify__form-element-border-color__valid);\n}\ntextarea[readonly]:not(.default), select[readonly]:not(.default), input[readonly]:not(.default) {\n filter: none !important;\n --flatify__form-element-border-color__focus: var(--flatify__form-element-border-color) !important;\n}\ntextarea.disabled:not(.default), select.disabled:not(.default), input.disabled:not(.default), textarea:disabled:not(.default), select:disabled:not(.default), input:disabled:not(.default) {\n pointer-events: none;\n filter: contrast(85%) brightness(85%) opacity(70%) !important;\n}\n\n.checkbox-wrapper,\n.radio-wrapper,\n.toggle-wrapper {\n position: relative;\n display: flex;\n align-items: center;\n margin: 0.75em 0;\n}\n.checkbox-wrapper:hover .check, .checkbox-wrapper:focus-within .check,\n.radio-wrapper:hover .check,\n.radio-wrapper:focus-within .check,\n.toggle-wrapper:hover .check,\n.toggle-wrapper:focus-within .check {\n filter: brightness(var(--flatify__hover-brightness));\n}\n.checkbox-wrapper.valid .check,\n.radio-wrapper.valid .check,\n.toggle-wrapper.valid .check {\n border-color: var(--flatify__form-element-border-color__valid);\n}\n.checkbox-wrapper.warning .check,\n.radio-wrapper.warning .check,\n.toggle-wrapper.warning .check {\n border-color: var(--flatify__form-element-border-color__warning);\n}\n.checkbox-wrapper input:invalid + .check, .checkbox-wrapper.invalid .check,\n.radio-wrapper input:invalid + .check,\n.radio-wrapper.invalid .check,\n.toggle-wrapper input:invalid + .check,\n.toggle-wrapper.invalid .check {\n border-color: var(--flatify__form-element-border-color__invalid);\n}\n.checkbox-wrapper .check,\n.radio-wrapper .check,\n.toggle-wrapper .check {\n position: relative;\n display: inline-block;\n min-width: 1.5em;\n max-width: 1.5em;\n height: 1.5em;\n background: var(--flatify__form-element-bg-color);\n border: var(--flatify__border-width) solid var(--flatify__form-element-border-color);\n border-radius: calc(var(--flatify__border-radius) * 0.5);\n transition: all var(--flatify__simple-transition);\n}\n.checkbox-wrapper .check.after-label,\n.radio-wrapper .check.after-label,\n.toggle-wrapper .check.after-label {\n margin-left: 0.5em;\n}\n.checkbox-wrapper .check:not(.after-label),\n.radio-wrapper .check:not(.after-label),\n.toggle-wrapper .check:not(.after-label) {\n margin-right: 0.5em;\n}\n.checkbox-wrapper .check:after,\n.radio-wrapper .check:after,\n.toggle-wrapper .check:after {\n content: \" \";\n position: absolute;\n top: 0;\n left: 0;\n z-index: 1;\n border-radius: var(--flatify__border-radius);\n transition: all var(--flatify__simple-transition);\n}\n.checkbox-wrapper input:not(:disabled) + .check,\n.radio-wrapper input:not(:disabled) + .check,\n.toggle-wrapper input:not(:disabled) + .check {\n cursor: pointer;\n}\n.checkbox-wrapper input:disabled + .check,\n.radio-wrapper input:disabled + .check,\n.toggle-wrapper input:disabled + .check {\n pointer-events: none;\n filter: contrast(85%) brightness(85%) opacity(70%) !important;\n}\n.checkbox-wrapper input:disabled + .check:after,\n.radio-wrapper input:disabled + .check:after,\n.toggle-wrapper input:disabled + .check:after {\n background: var(--flatify__form-element-border-color__invalid);\n}\n.checkbox-wrapper input,\n.radio-wrapper input,\n.toggle-wrapper input {\n position: absolute;\n top: 0;\n left: 0;\n opacity: 0;\n}\n\n.radio-button,\n.checkbox-button {\n appearance: none !important;\n width: 0 !important;\n height: 0 !important;\n padding: 0 !important;\n border: none !important;\n opacity: 0 !important;\n}\n\n.input-wrapper {\n position: relative;\n display: flex;\n align-items: center;\n}\n.input-wrapper input {\n width: 100%;\n}\n.input-wrapper.toggle-password input, .input-wrapper.invalid input, .input-wrapper.warning input, .input-wrapper.valid input {\n padding-right: 3.5em;\n}\n.input-wrapper.toggle-password:after, .input-wrapper.invalid:after, .input-wrapper.warning:after, .input-wrapper.valid:after {\n content: \" \";\n position: absolute;\n top: 0;\n bottom: 0;\n z-index: 1;\n margin: auto 0;\n border-radius: var(--flatify__border-radius);\n transition: all var(--flatify__simple-transition);\n}\n.input-wrapper.invalid:after {\n right: 1.35em;\n width: 1em;\n height: 0.25em;\n background: var(--flatify__form-element-border-color__invalid);\n}\n.input-wrapper.warning:after {\n right: 1.55em;\n width: 0.5em;\n height: 0.5em;\n background: var(--flatify__form-element-border-color__warning);\n}\n.input-wrapper.warning:focus-within:after {\n animation: flatify-fade-out 1s infinite;\n}\n.input-wrapper.valid:before {\n content: \" \";\n position: absolute;\n top: 0.45em;\n bottom: 0;\n z-index: 1;\n margin: auto 0;\n border-radius: var(--flatify__border-radius);\n transition: all var(--flatify__simple-transition);\n animation: flatify-fade-in 0.35s;\n right: 1.75em;\n width: 0.64em;\n height: 0.25em;\n background: var(--flatify__form-element-border-color__valid);\n transform: rotate(45deg);\n}\n.input-wrapper.valid:after {\n right: 1em;\n width: 1.2em;\n height: 0.25em;\n background: var(--flatify__form-element-border-color__valid);\n transform: rotate(-55deg);\n}\n.input-wrapper .show-password-button {\n position: absolute;\n top: 0;\n bottom: 0;\n z-index: 3;\n right: 0.5em;\n font-size: 1em;\n width: 2.5em;\n height: 2.5em;\n padding: 0.5em;\n margin: auto 0;\n color: var(--flatify__form-element-txt-color);\n background: transparent;\n border: none;\n border-radius: calc(var(--flatify__border-radius) * 0.75);\n}\n@media (prefers-reduced-motion: no-preference) {\n .input-wrapper .show-password-button:active:before, .input-wrapper .show-password-button:focus-visible:before {\n transform: scale(0.85) !important;\n }\n}\n.input-wrapper .show-password-button:before {\n content: \"\";\n display: block;\n width: 100%;\n height: 100%;\n background-color: currentColor;\n mask: var(--flatify__eye-icon) no-repeat 50% 50%;\n -webkit-mask: var(--flatify__eye-icon) no-repeat 50% 50%;\n transition: all var(--flatify__simple-transition);\n}\n.input-wrapper .show-password-button:after {\n content: \" \";\n position: absolute;\n right: 0.5em;\n top: 0;\n bottom: 0;\n z-index: 1;\n width: 1.5em;\n height: 0.18em;\n margin: auto 0;\n background: currentColor;\n border-radius: var(--flatify__border-radius);\n transform: rotate(-30deg);\n clip-path: circle(200% at right);\n transition: all var(--flatify__bouncing-transition);\n}\n.input-wrapper.visible-password .show-password-button:after {\n clip-path: circle(0% at right);\n}\n@media (prefers-reduced-motion: no-preference) {\n .input-wrapper.visible-password .show-password-button:not(:active):before {\n animation: flatify-eye-blink 7s infinite;\n }\n}\n\ninput[type=password]:not(:placeholder-shown) {\n letter-spacing: 0.18em;\n}\n\ninput[type=color]:not(.default) {\n width: 3.14em;\n height: 2.75em;\n padding: 0.5em;\n border-radius: calc(var(--flatify__border-radius) * 0.75);\n}\n\ninput[type=file]:not(.default) {\n filter: brightness(100%);\n}\ninput[type=file]:not(.default)::file-selector-button {\n cursor: pointer;\n font-size: 0.9em;\n color: inherit;\n background: inherit !important;\n filter: brightness(var(--flatify__hover-brightness));\n vertical-align: baseline;\n margin: 0 0.75em 0 0;\n}\n\ninput[type=submit].button,\ninput[type=reset].button,\ninput[type=button].button {\n border: none !important;\n}\n\n.checkbox-wrapper input:not(:checked) + .check:after {\n clip-path: circle(0% at left);\n}\n.checkbox-wrapper input:checked:not(:indeterminate) + .check:before {\n content: \" \";\n position: absolute;\n top: 0.7em;\n left: 0.15em;\n z-index: 1;\n width: 0.5em;\n height: 0.22em;\n background: var(--flatify__form-element-border-color__valid);\n border-radius: var(--flatify__border-radius);\n transition: all var(--flatify__simple-transition);\n transform: rotate(45deg);\n animation: flatify-fade-in 0.35s;\n}\n.checkbox-wrapper input:checked:not(:indeterminate) + .check:after {\n top: 0.55em;\n left: 0.3em;\n width: 0.9em;\n height: 0.22em;\n background: var(--flatify__form-element-border-color__valid);\n clip-path: circle(200% at bottom);\n transform: rotate(-50deg);\n transition: clip-path linear 0.5s 0.1s;\n}\n.checkbox-wrapper input:indeterminate + .check:after {\n background: var(--flatify__form-element-accent-color);\n}\n.checkbox-wrapper input:indeterminate + .check:after,\n.checkbox-wrapper input:disabled:not(:checked) + .check:after {\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n width: 0.75em;\n height: 0.2em;\n margin: auto;\n clip-path: circle(200% at bottom);\n transition: clip-path linear 0.4s 0.1s;\n animation: flatify-grow-x 0.2s both;\n}\n\n.radio-wrapper .check:after {\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n width: 0.5em;\n height: 0.5em;\n margin: auto;\n border-radius: calc(var(--flatify__border-radius) * 0.2);\n}\n.radio-wrapper input:checked + .check:after {\n background: var(--flatify__form-element-border-color__valid);\n animation: flatify-grow 0.25s cubic-bezier(0.85, -0.57, 0.36, 1.72) both;\n}\n\ninput[type=range]:not(.default) {\n -webkit-appearance: none;\n width: 100%;\n background: transparent !important;\n border: none;\n filter: none !important;\n}\ninput[type=range]:not(.default)::-moz-range-track {\n cursor: pointer;\n width: 100%;\n height: max(3px, var(--flatify__border-width) * 1.5);\n background: var(--flatify__form-element-border-color);\n border-radius: calc(var(--flatify__border-radius) * 0.5);\n}\ninput[type=range]:not(.default)::-webkit-slider-runnable-track {\n cursor: pointer;\n width: 100%;\n height: max(3px, var(--flatify__border-width) * 1.5);\n background: var(--flatify__form-element-border-color);\n border-radius: calc(var(--flatify__border-radius) * 0.5);\n}\ninput[type=range]:not(.default)::-moz-range-thumb {\n -webkit-appearance: none;\n cursor: pointer;\n height: 1.24em;\n width: 1.24em;\n background: var(--flatify__form-element-bg-color);\n border-radius: calc(var(--flatify__border-radius) * 0.5);\n border: max(1px, var(--flatify__border-width)) solid var(--flatify__form-element-border-color);\n transition: all var(--flatify__simple-transition);\n}\ninput[type=range]:not(.default)::-webkit-slider-thumb {\n -webkit-appearance: none;\n cursor: pointer;\n height: 1.24em;\n width: 1.24em;\n margin: -0.55em;\n background: var(--flatify__form-element-bg-color);\n border-radius: calc(var(--flatify__border-radius) * 0.5);\n border: max(1px, var(--flatify__border-width)) solid var(--flatify__form-element-border-color);\n transition: all var(--flatify__simple-transition);\n}\ninput[type=range]:not(.default):hover::-moz-range-thumb {\n filter: brightness(var(--flatify__hover-brightness));\n}\ninput[type=range]:not(.default):hover::-webkit-slider-thumb {\n filter: brightness(var(--flatify__hover-brightness));\n}\n@media (prefers-reduced-motion: no-preference) {\n input[type=range]:not(.default):active::-moz-range-thumb {\n transform: scale(0.85);\n }\n input[type=range]:not(.default):active::-webkit-slider-thumb {\n transform: scale(0.85);\n }\n}\ninput[type=range]:not(.default):focus::-moz-range-thumb {\n border-color: var(--flatify__form-element-border-color__focus);\n filter: brightness(var(--flatify__hover-brightness));\n}\ninput[type=range]:not(.default):focus::-webkit-slider-thumb {\n border-color: var(--flatify__form-element-border-color__focus);\n filter: brightness(var(--flatify__hover-brightness));\n}\n\nselect:not(.default) {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n min-width: 15em;\n max-width: 100%;\n padding-right: 2.5em;\n background-image: var(--flatify__select-icon);\n background-repeat: no-repeat;\n background-position: right 0.64em center;\n}\nselect:not(.default)[multiple] {\n overflow-y: auto;\n padding: 1em !important;\n background-image: none !important;\n}\n\nselect option {\n padding: 0.32em;\n color: var(--flatify__form-element-txt-color);\n background: var(--flatify__form-element-bg-color);\n}\n\n.toggle-wrapper:hover:not(:focus-within) input:not(:disabled) + .check:after {\n transform: translateX(0.3em);\n}\n.toggle-wrapper .check {\n min-width: 3em;\n width: 3em;\n}\n.toggle-wrapper .check:after {\n top: 0;\n bottom: 0;\n left: 0.18em;\n width: 0.9em;\n height: 0.9em;\n margin: auto 0;\n background: var(--flatify__form-element-border-color);\n border-radius: calc(var(--flatify__border-radius) * 0.3);\n transition: all var(--flatify__bouncing-transition);\n}\n.toggle-wrapper input:checked + .check:after {\n transform: translateX(1.4em) !important;\n background: var(--flatify__form-element-accent-color);\n}\n@media (pointer: fine) and (prefers-reduced-motion: no-preference) {\n .toggle-wrapper:active .check:after {\n transition: all 0.1s 0.05s;\n }\n .toggle-wrapper:active input:disabled:not(:checked) + .check:after {\n transform: scale(1) !important;\n }\n .toggle-wrapper:active input:disabled:checked + .check:after {\n transform: scale(1) translateX(1.4em) !important;\n }\n .toggle-wrapper:active input:not(:checked) + .check:after {\n transform: scaleX(1.2) scaleY(0.7) !important;\n }\n .toggle-wrapper:active input:checked + .check:after {\n transform: translateX(1.2em) scaleY(0.7) scaleX(1.4) !important;\n }\n}\n\ntextarea:not(.default) {\n font-size: 1em;\n transition: border-color var(--flatify__simple-transition), filter var(--flatify__simple-transition);\n}\n\n:root {\n --flatify__item-group-bg-color: var(--flatify__bg-color);\n --flatify__item-group-txt-color: var(--flatify__txt-color);\n}\n\n.items-group {\n --flatify__local-txt-color: var(--flatify__item-group-txt-color);\n --flatify__local-bg-color: var(--flatify__item-group-bg-color);\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n color: var(--flatify__local-txt-color);\n background: var(--flatify__local-bg-color);\n}\n.items-group .item-button {\n display: flex;\n justify-content: space-between;\n align-items: center;\n width: 100%;\n padding: 0.125em 0.5em;\n border: none;\n color: var(--flatify__local-txt-color);\n background: var(--flatify__local-bg-color);\n border-radius: calc(var(--flatify__border-radius) * 0.65);\n transition: all var(--flatify__simple-transition);\n}\n.items-group .item-button:not(:last-child) {\n margin-bottom: 0.5em;\n}\n.items-group .item-button:focus-visible, .items-group .item-button:hover {\n filter: brightness(var(--flatify__hover-brightness));\n}\n.items-group .item-button.active {\n color: var(--flatify__txt-color-inverted);\n background: var(--flatify__color-accent-primary);\n}\n.items-group .item-icon {\n opacity: 0.75;\n margin-right: 0.5em;\n}\n.items-group .item-icon svg {\n width: 3em;\n height: 3em;\n padding: 0.32em;\n}\n.items-group .item-icon svg:not([fill=none]) {\n fill: currentColor;\n}\n.items-group .item-text {\n width: 100%;\n text-align: left;\n}\n.items-group .item-title,\n.items-group .item-subtitle {\n line-height: 1;\n}\n.items-group .item-title {\n font-size: 1.125em;\n margin: 0.5em 0;\n}\n.items-group .item-title + .item-subtitle {\n margin: 0 0 0.64em;\n}\n.items-group .item-subtitle {\n font-size: 0.9em;\n opacity: 0.65;\n}\n\n.no-transition {\n transition-duration: 0s !important;\n}\n\n.no-animation {\n animation-duration: 0s !important;\n}\n\n.play-animation:before,\n.play-animation:after,\n.play-animation {\n animation-play-state: running !important;\n}\n\n.pause-animation:before,\n.pause-animation:after,\n.pause-animation {\n animation-play-state: paused !important;\n}\n\n.stop-animation:before,\n.stop-animation:after,\n.stop-animation {\n animation: none !important;\n}\n\n.anim-spin {\n animation: flatify-spin 0.75s linear infinite !important;\n}\n\n.anim-heart {\n animation: flatify-heart 1s ease infinite !important;\n}\n\n.anim-required {\n animation: flatify-heart 1s ease 2 !important;\n}\n\n.anim-pulse {\n animation: flatify-pulse ease 1.5s !important;\n}\n\n.anim-fade-in {\n animation: flatify-fade-in 0.3s ease !important;\n}\n\n.anim-fade-out {\n animation: flatify-fade-out 0.3s ease !important;\n}\n\n.anim-hue {\n animation: flatify-hue 15s ease infinite !important;\n}\n\n.anim-hue-min {\n animation: flatify-hue-min 5s ease infinite !important;\n}\n\n@keyframes flatify-fade-in {\n from {\n opacity: 0;\n }\n to {\n opacity: 1;\n }\n}\n@keyframes flatify-fade-in-out {\n from {\n opacity: 0;\n }\n 50% {\n opacity: 1;\n }\n to {\n opacity: 0;\n }\n}\n@keyframes flatify-backdrop-fade-in {\n from {\n opacity: 0;\n }\n to {\n opacity: var(--flatify__backdrop-opacity);\n }\n}\n@keyframes flatify-fade-out {\n to {\n opacity: 0;\n }\n}\n@keyframes flatify-grow {\n from {\n transform: scale(0);\n }\n to {\n transform: scale(1);\n }\n}\n@keyframes flatify-grow-x {\n from {\n transform: scaleX(0);\n }\n to {\n transform: scaleX(1);\n }\n}\n@keyframes flatify-grow-y {\n from {\n transform: scaleY(0);\n }\n to {\n transform: scaleY(1);\n }\n}\n@keyframes flatify-processing {\n from {\n opacity: 0.85;\n transform: scaleX(0);\n }\n 100% {\n opacity: 0;\n transform: scaleX(1);\n }\n}\n@keyframes flatify-blow-in {\n 0% {\n opacity: 0;\n transform: scale(0.9);\n }\n 100% {\n opacity: 1;\n transform: scale(1);\n }\n}\n@keyframes flatify-blow-out {\n 0% {\n opacity: 1;\n transform: scale(1);\n }\n 100% {\n opacity: 0;\n transform: scale(0.95);\n }\n}\n@keyframes flatify-heart {\n 0% {\n transform: scale(1);\n }\n 65% {\n transform: scale(1.05);\n }\n 80% {\n transform: scale(1.1);\n }\n 100% {\n transform: scale(1);\n }\n}\n@keyframes flatify-spin {\n from {\n transform: rotate(0);\n }\n to {\n transform: rotate(1turn);\n }\n}\n@keyframes flatify-slide-up-in {\n from {\n transform: translateY(100%) scale(0.95);\n }\n to {\n transform: translateY(0);\n }\n}\n@keyframes flatify-slide-up-in-min {\n from {\n opacity: 0;\n transform: translateY(3em) scale(0.95);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n@keyframes flatify-slide-up-out {\n from {\n transform: translateY(0);\n }\n to {\n transform: translateY(100%) scale(0.95);\n }\n}\n@keyframes flatify-slide-down-in {\n from {\n transform: translateY(-100%) scale(0.95);\n }\n to {\n transform: translateY(0);\n }\n}\n@keyframes flatify-slide-down-out {\n from {\n transform: translateY(0);\n }\n to {\n transform: translateY(-100%) scale(0.95);\n }\n}\n@keyframes flatify-slide-down-out-min {\n from {\n opacity: 1;\n transform: translateY(0);\n }\n to {\n opacity: 0;\n transform: translateY(-3em) scale(0.95);\n }\n}\n@keyframes flatify-slide-left-in {\n from {\n transform: translateX(100%) scale(0.95);\n }\n to {\n transform: translateX(0);\n }\n}\n@keyframes flatify-slide-left-in-min {\n from {\n opacity: 0;\n transform: translateX(3em);\n }\n to {\n opacity: 1;\n transform: translateX(0);\n }\n}\n@keyframes flatify-slide-left-out {\n from {\n transform: translateX(0);\n }\n to {\n transform: translateX(100%) scale(0.95);\n }\n}\n@keyframes flatify-slide-left-out-min {\n from {\n opacity: 1;\n transform: translateX(0);\n }\n to {\n opacity: 0;\n transform: translateX(3em);\n }\n}\n@keyframes flatify-slide-right-in {\n from {\n transform: translateX(-100%) scale(0.95);\n }\n to {\n transform: translateX(0);\n }\n}\n@keyframes flatify-slide-right-in-min {\n from {\n opacity: 0;\n transform: translateX(-3em);\n }\n to {\n opacity: 1;\n transform: translateX(0);\n }\n}\n@keyframes flatify-slide-right-out {\n from {\n transform: translateX(0);\n }\n to {\n transform: translateX(-100%) scale(0.95);\n }\n}\n@keyframes flatify-slide-right-out-min {\n from {\n opacity: 1;\n transform: translateX(0);\n }\n to {\n opacity: 0;\n transform: translateX(-3em);\n }\n}\n@keyframes flatify-alert-will-be-removed {\n 85% {\n opacity: 0;\n }\n 100% {\n opacity: 0;\n transform-origin: top right;\n transform: scale(0.92) rotate(-0.5deg);\n }\n}\n@keyframes flatify-dropdown-show {\n from {\n opacity: 0;\n transform: scale(0.9) rotate(3deg);\n }\n to {\n opacity: 1;\n transform: scale(1);\n }\n}\n@keyframes flatify-dropdown-hide {\n from {\n opacity: 1;\n transform: scale(1);\n }\n to {\n opacity: 0;\n transform: scale(0.85);\n }\n}\n@keyframes flatify-pulse {\n 0% {\n transform: scale(1);\n }\n 60%, 100% {\n opacity: 0;\n transform: scale(1.75);\n }\n}\n@keyframes flatify-eye-blink {\n 0% {\n transform: scaleY(1);\n }\n 40% {\n transform: scaleY(1);\n }\n 42% {\n transform: scaleY(0.3);\n }\n 45% {\n transform: scaleY(1);\n }\n 100% {\n transform: scaleY(1);\n }\n}\n@keyframes flatify-hue {\n 0% {\n filter: hue-rotate(0);\n }\n 40% {\n filter: hue-rotate(360deg);\n }\n 80% {\n filter: hue-rotate(-360deg);\n }\n 100% {\n filter: hue-rotate(0);\n }\n}\n@keyframes flatify-hue-min {\n 0% {\n filter: hue-rotate(0);\n }\n 40% {\n filter: hue-rotate(45deg);\n }\n 80% {\n filter: hue-rotate(-45deg);\n }\n 100% {\n filter: hue-rotate(0);\n }\n}\n@keyframes flatify-loading-dot-first {\n 0% {\n opacity: 0;\n transform: scale(var(--flatify__loading-dot-animation-start-scale)) translateX(-0.25em);\n }\n 50% {\n opacity: 1;\n transform: scale(1);\n }\n 90% {\n opacity: 1;\n }\n 100% {\n opacity: 0;\n }\n}\n@keyframes flatify-loading-dot-second {\n 0%, 25% {\n opacity: 0;\n transform: scale(var(--flatify__loading-dot-animation-start-scale));\n }\n 65%, 100% {\n opacity: 1;\n transform: scale(1);\n }\n}\n@keyframes flatify-loading-dot-third {\n 0%, 45% {\n opacity: 0;\n transform: scale(var(--flatify__loading-dot-animation-start-scale)) translateX(0.25em);\n }\n 85%, 100% {\n opacity: 1;\n transform: scale(1);\n }\n}\n.style-blue {\n color: var(--flatify__txt-color-inverted) !important;\n --flatify__local-txt-color: var(--flatify__txt-color-inverted) !important;\n background-color: var(--flatify__color-blue-primary) !important;\n --flatify__local-bg-color: var(--flatify__color-blue-primary) !important;\n border-color: var(--flatify__color-blue-dark) !important;\n --flatify__local-border-color: var(--flatify__color-blue-dark) !important;\n --flatify__local-border-color-dark: var(--flatify__color-blue-darker) !important;\n}\n\n.style-blue-light {\n color: var(--flatify__color-blue-darker) !important;\n --flatify__local-txt-color: var(--flatify__color-blue-darker) !important;\n background-color: var(--flatify__color-blue-light) !important;\n --flatify__local-bg-color: var(--flatify__color-blue-light) !important;\n border-color: var(--flatify__color-blue-primary) !important;\n --flatify__local-border-color: var(--flatify__color-blue-primary) !important;\n --flatify__local-border-color-dark: var(--flatify__color-blue-dark) !important;\n}\n\n.style-green {\n color: var(--flatify__txt-color-inverted) !important;\n --flatify__local-txt-color: var(--flatify__txt-color-inverted) !important;\n background-color: var(--flatify__color-green-primary) !important;\n --flatify__local-bg-color: var(--flatify__color-green-primary) !important;\n border-color: var(--flatify__color-green-dark) !important;\n --flatify__local-border-color: var(--flatify__color-green-dark) !important;\n --flatify__local-border-color-dark: var(--flatify__color-green-darker) !important;\n}\n\n.style-green-light {\n color: var(--flatify__color-green-darker) !important;\n --flatify__local-txt-color: var(--flatify__color-green-darker) !important;\n background-color: var(--flatify__color-green-light) !important;\n --flatify__local-bg-color: var(--flatify__color-green-light) !important;\n border-color: var(--flatify__color-green-primary) !important;\n --flatify__local-border-color: var(--flatify__color-green-primary) !important;\n --flatify__local-border-color-dark: var(--flatify__color-green-dark) !important;\n}\n\n.style-yellow {\n color: var(--flatify__color-yellow-darker) !important;\n --flatify__local-txt-color: var(--flatify__color-yellow-darker) !important;\n background-color: var(--flatify__color-yellow-primary) !important;\n --flatify__local-bg-color: var(--flatify__color-yellow-primary) !important;\n border-color: var(--flatify__color-yellow-dark) !important;\n --flatify__local-border-color: var(--flatify__color-yellow-dark) !important;\n --flatify__local-border-color-dark: var(--flatify__color-yellow-darker) !important;\n}\n\n.style-yellow-light {\n color: var(--flatify__color-yellow-darker) !important;\n --flatify__local-txt-color: var(--flatify__color-yellow-darker) !important;\n background-color: var(--flatify__color-yellow-light) !important;\n --flatify__local-bg-color: var(--flatify__color-yellow-light) !important;\n border-color: var(--flatify__color-yellow-primary) !important;\n --flatify__local-border-color: var(--flatify__color-yellow-primary) !important;\n --flatify__local-border-color-dark: var(--flatify__color-yellow-dark) !important;\n}\n\n.style-orange {\n color: var(--flatify__txt-color-inverted) !important;\n --flatify__local-txt-color: var(--flatify__txt-color-inverted) !important;\n background-color: var(--flatify__color-orange-primary) !important;\n --flatify__local-bg-color: var(--flatify__color-orange-primary) !important;\n border-color: var(--flatify__color-orange-dark) !important;\n --flatify__local-border-color: var(--flatify__color-orange-dark) !important;\n --flatify__local-border-color-dark: var(--flatify__color-orange-darker) !important;\n}\n\n.style-orange-light {\n color: var(--flatify__color-orange-darker) !important;\n --flatify__local-txt-color: var(--flatify__color-orange-darker) !important;\n background-color: var(--flatify__color-orange-light) !important;\n --flatify__local-bg-color: var(--flatify__color-orange-light) !important;\n border-color: var(--flatify__color-orange-primary) !important;\n --flatify__local-border-color: var(--flatify__color-orange-primary) !important;\n --flatify__local-border-color-dark: var(--flatify__color-orange-dark) !important;\n}\n\n.style-red {\n color: var(--flatify__txt-color-inverted) !important;\n --flatify__local-txt-color: var(--flatify__txt-color-inverted) !important;\n background-color: var(--flatify__color-red-primary) !important;\n --flatify__local-bg-color: var(--flatify__color-red-primary) !important;\n border-color: var(--flatify__color-red-dark) !important;\n --flatify__local-border-color: var(--flatify__color-red-dark) !important;\n --flatify__local-border-color-dark: var(--flatify__color-red-darker) !important;\n}\n\n.style-red-light {\n color: var(--flatify__color-red-darker) !important;\n --flatify__local-txt-color: var(--flatify__color-red-darker) !important;\n background-color: var(--flatify__color-red-light) !important;\n --flatify__local-bg-color: var(--flatify__color-red-light) !important;\n border-color: var(--flatify__color-red-primary) !important;\n --flatify__local-border-color: var(--flatify__color-red-primary) !important;\n --flatify__local-border-color-dark: var(--flatify__color-red-dark) !important;\n}\n\n.style-pink {\n color: var(--flatify__color-pink-darker) !important;\n --flatify__local-txt-color: var(--flatify__color-pink-darker) !important;\n background-color: var(--flatify__color-pink-primary) !important;\n --flatify__local-bg-color: var(--flatify__color-pink-primary) !important;\n border-color: var(--flatify__color-pink-dark) !important;\n --flatify__local-border-color: var(--flatify__color-pink-dark) !important;\n --flatify__local-border-color-dark: var(--flatify__color-pink-darker) !important;\n}\n\n.style-pink-light {\n color: var(--flatify__color-pink-darker) !important;\n --flatify__local-txt-color: var(--flatify__color-pink-darker) !important;\n background-color: var(--flatify__color-pink-light) !important;\n --flatify__local-bg-color: var(--flatify__color-pink-light) !important;\n border-color: var(--flatify__color-pink-primary) !important;\n --flatify__local-border-color: var(--flatify__color-pink-primary) !important;\n --flatify__local-border-color-dark: var(--flatify__color-pink-dark) !important;\n}\n\n.style-purple {\n color: var(--flatify__txt-color-inverted) !important;\n --flatify__local-txt-color: var(--flatify__txt-color-inverted) !important;\n background-color: var(--flatify__color-purple-primary) !important;\n --flatify__local-bg-color: var(--flatify__color-purple-primary) !important;\n border-color: var(--flatify__color-purple-dark) !important;\n --flatify__local-border-color: var(--flatify__color-purple-dark) !important;\n --flatify__local-border-color-dark: var(--flatify__color-purple-darker) !important;\n}\n\n.style-purple-light {\n color: var(--flatify__color-purple-darker) !important;\n --flatify__local-txt-color: var(--flatify__color-purple-darker) !important;\n background-color: var(--flatify__color-purple-light) !important;\n --flatify__local-bg-color: var(--flatify__color-purple-light) !important;\n border-color: var(--flatify__color-purple-primary) !important;\n --flatify__local-border-color: var(--flatify__color-purple-primary) !important;\n --flatify__local-border-color-dark: var(--flatify__color-purple-dark) !important;\n}\n\n.style-accent {\n color: var(--flatify__txt-color-inverted) !important;\n --flatify__local-txt-color: var(--flatify__txt-color-inverted) !important;\n background-color: var(--flatify__color-accent-primary) !important;\n --flatify__local-bg-color: var(--flatify__color-accent-primary) !important;\n border-color: var(--flatify__color-accent-dark) !important;\n --flatify__local-border-color: var(--flatify__color-accent-dark) !important;\n --flatify__local-border-color-dark: var(--flatify__color-accent-darker) !important;\n}\n\n.style-accent-light {\n color: var(--flatify__color-accent-darker) !important;\n --flatify__local-txt-color: var(--flatify__color-accent-darker) !important;\n background-color: var(--flatify__color-accent-light) !important;\n --flatify__local-bg-color: var(--flatify__color-accent-light) !important;\n border-color: var(--flatify__color-accent-primary) !important;\n --flatify__local-border-color: var(--flatify__color-accent-primary) !important;\n --flatify__local-border-color-dark: var(--flatify__color-accent-dark) !important;\n}\n\n.style-success {\n color: var(--flatify__txt-color-inverted) !important;\n --flatify__local-txt-color: var(--flatify__txt-color-inverted) !important;\n background-color: var(--flatify__color-success-primary) !important;\n --flatify__local-bg-color: var(--flatify__color-success-primary) !important;\n border-color: var(--flatify__color-success-dark) !important;\n --flatify__local-border-color: var(--flatify__color-success-dark) !important;\n --flatify__local-border-color-dark: var(--flatify__color-success-darker) !important;\n}\n\n.style-success-light {\n color: var(--flatify__color-success-darker) !important;\n --flatify__local-txt-color: var(--flatify__color-success-darker) !important;\n background-color: var(--flatify__color-success-light) !important;\n --flatify__local-bg-color: var(--flatify__color-success-light) !important;\n border-color: var(--flatify__color-success-primary) !important;\n --flatify__local-border-color: var(--flatify__color-success-primary) !important;\n --flatify__local-border-color-dark: var(--flatify__color-success-dark) !important;\n}\n\n.style-info {\n color: var(--flatify__txt-color-inverted) !important;\n --flatify__local-txt-color: var(--flatify__txt-color-inverted) !important;\n background-color: var(--flatify__color-info-primary) !important;\n --flatify__local-bg-color: var(--flatify__color-info-primary) !important;\n border-color: var(--flatify__color-info-dark) !important;\n --flatify__local-border-color: var(--flatify__color-info-dark) !important;\n --flatify__local-border-color-dark: var(--flatify__color-info-darker) !important;\n}\n\n.style-info-light {\n color: var(--flatify__color-info-darker) !important;\n --flatify__local-txt-color: var(--flatify__color-info-darker) !important;\n background-color: var(--flatify__color-info-light) !important;\n --flatify__local-bg-color: var(--flatify__color-info-light) !important;\n border-color: var(--flatify__color-info-primary) !important;\n --flatify__local-border-color: var(--flatify__color-info-primary) !important;\n --flatify__local-border-color-dark: var(--flatify__color-info-dark) !important;\n}\n\n.style-warning {\n color: var(--flatify__txt-color-inverted) !important;\n --flatify__local-txt-color: var(--flatify__txt-color-inverted) !important;\n background-color: var(--flatify__color-warning-primary) !important;\n --flatify__local-bg-color: var(--flatify__color-warning-primary) !important;\n border-color: var(--flatify__color-warning-dark) !important;\n --flatify__local-border-color: var(--flatify__color-warning-dark) !important;\n --flatify__local-border-color-dark: var(--flatify__color-warning-darker) !important;\n}\n\n.style-warning-light {\n color: var(--flatify__color-warning-darker) !important;\n --flatify__local-txt-color: var(--flatify__color-warning-darker) !important;\n background-color: var(--flatify__color-warning-light) !important;\n --flatify__local-bg-color: var(--flatify__color-warning-light) !important;\n border-color: var(--flatify__color-warning-primary) !important;\n --flatify__local-border-color: var(--flatify__color-warning-primary) !important;\n --flatify__local-border-color-dark: var(--flatify__color-warning-dark) !important;\n}\n\n.style-danger {\n color: var(--flatify__txt-color-inverted) !important;\n --flatify__local-txt-color: var(--flatify__txt-color-inverted) !important;\n background-color: var(--flatify__color-danger-primary) !important;\n --flatify__local-bg-color: var(--flatify__color-danger-primary) !important;\n border-color: var(--flatify__color-danger-dark) !important;\n --flatify__local-border-color: var(--flatify__color-danger-dark) !important;\n --flatify__local-border-color-dark: var(--flatify__color-danger-darker) !important;\n}\n\n.style-danger-light {\n color: var(--flatify__color-danger-darker) !important;\n --flatify__local-txt-color: var(--flatify__color-danger-darker) !important;\n background-color: var(--flatify__color-danger-light) !important;\n --flatify__local-bg-color: var(--flatify__color-danger-light) !important;\n border-color: var(--flatify__color-danger-primary) !important;\n --flatify__local-border-color: var(--flatify__color-danger-primary) !important;\n --flatify__local-border-color-dark: var(--flatify__color-danger-dark) !important;\n}\n\n.style-light {\n color: var(--flatify__txt-color) !important;\n --flatify__local-txt-color: var(--flatify__txt-color) !important;\n background-color: var(--flatify__color-light-primary) !important;\n --flatify__local-bg-color: var(--flatify__color-light-primary) !important;\n border-color: var(--flatify__color-light-dark) !important;\n --flatify__local-border-color: var(--flatify__color-light-dark) !important;\n --flatify__local-border-color-dark: var(--flatify__color-light-darker) !important;\n}\n\n.style-light-light {\n color: var(--flatify__txt-color) !important;\n --flatify__local-txt-color: var(--flatify__txt-color) !important;\n background-color: var(--flatify__color-light-light) !important;\n --flatify__local-bg-color: var(--flatify__color-light-light) !important;\n border-color: var(--flatify__color-light-primary) !important;\n --flatify__local-border-color: var(--flatify__color-light-primary) !important;\n --flatify__local-border-color-dark: var(--flatify__color-light-dark) !important;\n}\n\n.style-dark {\n color: var(--flatify__txt-color-inverted) !important;\n --flatify__local-txt-color: var(--flatify__txt-color-inverted) !important;\n background-color: var(--flatify__color-dark-primary) !important;\n --flatify__local-bg-color: var(--flatify__color-dark-primary) !important;\n border-color: var(--flatify__color-dark-dark) !important;\n --flatify__local-border-color: var(--flatify__color-dark-dark) !important;\n --flatify__local-border-color-dark: var(--flatify__color-dark-darker) !important;\n}\n\n.style-dark-light {\n color: var(--flatify__txt-color-inverted) !important;\n --flatify__local-txt-color: var(--flatify__txt-color-inverted) !important;\n background-color: var(--flatify__color-dark-light) !important;\n --flatify__local-bg-color: var(--flatify__color-dark-light) !important;\n border-color: var(--flatify__color-dark-primary) !important;\n --flatify__local-border-color: var(--flatify__color-dark-primary) !important;\n --flatify__local-border-color-dark: var(--flatify__color-dark-dark) !important;\n}\n\n[class*=style-] {\n --flatify__link-color: var(--flatify__local-txt-color);\n --flatify__link-color__hover: var(--flatify__local-txt-color);\n --flatify__link-color__focus: var(--flatify__local-txt-color);\n}\n\n[class*=style-]:not([class*=style-accent]) {\n --flatify__color-accent-light: var(--flatify__local-border-color);\n --flatify__color-accent-primary: var(--flatify__local-border-color-dark);\n --flatify__color-accent-dark: var(--flatify__local-border-color-dark);\n}\n\n.color-blue {\n color: var(--flatify__color-blue-primary) !important;\n}\n\n.color-blue-light {\n color: var(--flatify__color-blue-light) !important;\n}\n\n.color-green {\n color: var(--flatify__color-green-primary) !important;\n}\n\n.color-green-light {\n color: var(--flatify__color-green-light) !important;\n}\n\n.color-yellow {\n color: var(--flatify__color-yellow-primary) !important;\n}\n\n.color-yellow-light {\n color: var(--flatify__color-yellow-light) !important;\n}\n\n.color-orange {\n color: var(--flatify__color-orange-primary) !important;\n}\n\n.color-orange-light {\n color: var(--flatify__color-orange-light) !important;\n}\n\n.color-red {\n color: var(--flatify__color-red-primary) !important;\n}\n\n.color-red-light {\n color: var(--flatify__color-red-light) !important;\n}\n\n.color-pink {\n color: var(--flatify__color-pink-primary) !important;\n}\n\n.color-pink-light {\n color: var(--flatify__color-pink-light) !important;\n}\n\n.color-purple {\n color: var(--flatify__color-purple-primary) !important;\n}\n\n.color-purple-light {\n color: var(--flatify__color-purple-light) !important;\n}\n\n.color-accent {\n color: var(--flatify__color-accent-primary) !important;\n}\n\n.color-accent-light {\n color: var(--flatify__color-accent-light) !important;\n}\n\n.color-success {\n color: var(--flatify__color-success-primary) !important;\n}\n\n.color-success-light {\n color: var(--flatify__color-success-light) !important;\n}\n\n.color-info {\n color: var(--flatify__color-info-primary) !important;\n}\n\n.color-info-light {\n color: var(--flatify__color-info-light) !important;\n}\n\n.color-warning {\n color: var(--flatify__color-warning-primary) !important;\n}\n\n.color-warning-light {\n color: var(--flatify__color-warning-light) !important;\n}\n\n.color-danger {\n color: var(--flatify__color-danger-primary) !important;\n}\n\n.color-danger-light {\n color: var(--flatify__color-danger-light) !important;\n}\n\n.color-light {\n color: var(--flatify__color-light-primary) !important;\n}\n\n.color-light-light {\n color: var(--flatify__color-light-light) !important;\n}\n\n.color-dark {\n color: var(--flatify__color-dark-primary) !important;\n}\n\n.color-dark-light {\n color: var(--flatify__color-dark-light) !important;\n}\n\n.container-sm {\n max-width: 576px;\n}\n\n.container-md {\n max-width: 768px;\n}\n\n.container-lg {\n max-width: 992px;\n}\n\n.container-xl {\n max-width: 1200px;\n}\n\n.container-xxl {\n max-width: 1400px;\n}\n\n[class*=container-] {\n padding-left: 0.64em;\n padding-right: 0.64em;\n margin-left: auto;\n margin-right: auto;\n}\n\n.opacity-0 {\n opacity: 0;\n}\n\n.opacity-10 {\n opacity: 0.1;\n}\n\n.opacity-20 {\n opacity: 0.2;\n}\n\n.opacity-30 {\n opacity: 0.3;\n}\n\n.opacity-40 {\n opacity: 0.4;\n}\n\n.opacity-50 {\n opacity: 0.5;\n}\n\n.opacity-60 {\n opacity: 0.6;\n}\n\n.opacity-70 {\n opacity: 0.7;\n}\n\n.opacity-80 {\n opacity: 0.8;\n}\n\n.opacity-90 {\n opacity: 0.9;\n}\n\n.opacity-100 {\n opacity: 1;\n}\n\n.edge-sharp {\n border-radius: 0em !important;\n}\n\n.edge-round-xs {\n border-radius: 0.32em !important;\n}\n\n.edge-round-sm {\n border-radius: 0.5em !important;\n}\n\n.edge-round-md {\n border-radius: 0.75em !important;\n}\n\n.edge-round-lg {\n border-radius: 1em !important;\n}\n\n.edge-circle {\n border-radius: 50em !important;\n}\n\n.edge-oval {\n border-radius: 50% !important;\n}\n\n.edge-triangle {\n border-radius: 100% 50% 50% 100%/75% 69% 69% 75% !important;\n}\n\n.width-0p {\n width: 0 !important;\n}\n\n.width-10p {\n width: 10% !important;\n}\n\n.width-15p {\n width: 15% !important;\n}\n\n.width-25p {\n width: 25% !important;\n}\n\n.width-30p {\n width: 30% !important;\n}\n\n.width-50p {\n width: 50% !important;\n}\n\n.width-60p {\n width: 60% !important;\n}\n\n.width-75p {\n width: 75% !important;\n}\n\n.width-90p {\n width: 90% !important;\n}\n\n.width-95p {\n width: 95% !important;\n}\n\n.width-100p {\n width: 100% !important;\n}\n\n.height-0p {\n height: 0 !important;\n}\n\n.height-10p {\n height: 10% !important;\n}\n\n.height-15p {\n height: 15% !important;\n}\n\n.height-25p {\n height: 25% !important;\n}\n\n.height-30p {\n height: 30% !important;\n}\n\n.height-50p {\n height: 50% !important;\n}\n\n.height-60p {\n height: 60% !important;\n}\n\n.height-75p {\n height: 75% !important;\n}\n\n.height-90p {\n height: 90% !important;\n}\n\n.height-95p {\n height: 95% !important;\n}\n\n.height-100p {\n height: 100% !important;\n}\n\n.inline-flex {\n display: inline-flex !important;\n}\n\n.flex-center {\n display: flex;\n justify-content: center;\n align-items: center;\n}\n\n.flex-center-x {\n display: flex;\n justify-content: center;\n}\n\n.flex-center-y {\n display: flex;\n align-items: center;\n}\n\n.flex-column-center {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n}\n\n.flex-column-center-x {\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n\n.flex-column-center-y {\n display: flex;\n flex-direction: column;\n justify-content: center;\n}\n\n.float-left {\n float: left;\n}\n\n.float-right {\n float: right;\n}\n\n.float-none {\n float: none;\n}\n\n.margin-auto {\n margin: auto;\n}\n\n.margin-ya {\n margin-top: auto;\n margin-bottom: auto;\n}\n\n.margin-ta {\n margin-top: auto;\n}\n\n.margin-ba {\n margin-bottom: auto;\n}\n\n.push-center,\n.margin-xa {\n margin-left: auto;\n margin-right: auto;\n}\n\n.push-right,\n.margin-la {\n margin-left: auto;\n}\n\n.push-left,\n.margin-ra {\n margin-right: auto;\n}\n\n.position-relative {\n position: relative;\n}\n\n.position-absolute {\n position: absolute;\n}\n\n.place-expand {\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n}\n\n.place-expand-x {\n left: 0;\n right: 0;\n}\n\n.place-expand-y {\n top: 0;\n bottom: 0;\n}\n\n.sticky-top,\n.fixed-top,\n.place-top {\n top: 0;\n}\n\n.sticky-bottom,\n.fixed-bottom,\n.place-bottom {\n bottom: 0;\n}\n\n.sticky-left,\n.fixed-left,\n.place-left {\n left: 0;\n}\n\n.sticky-right,\n.fixed-right,\n.place-right {\n right: 0;\n}\n\n.fixed-left,\n.fixed-right,\n.fixed-bottom,\n.fixed-top {\n position: fixed;\n z-index: 1020;\n}\n\n.sticky-left,\n.sticky-right,\n.sticky-bottom,\n.sticky-top {\n position: sticky;\n z-index: 1010;\n}\n\n.fixed-bottom,\n.fixed-top,\n.sticky-bottom,\n.sticky-top {\n left: 0;\n}\n\n.scrollable {\n overflow: auto;\n}\n\n.scrollable-x {\n overflow-x: auto;\n overflow-y: hidden;\n}\n\n.scrollable-y {\n overflow-x: hidden;\n overflow-y: auto;\n}\n\n:root {\n --flatify__overlay-layer-priority: 10;\n --flatify__overlay-layer-bg-color: var(--flatify__bg-color);\n --flatify__overlay-layer-opacity: 1;\n --flatify__overlay-layer-blending-mode: normal;\n --flatify__overlay-layer-backdrop-filter: none;\n}\n\n.overlay-layer, .two-layer-button {\n --flatify__local-bg-color: var(--flatify__overlay-layer-bg-color);\n position: relative;\n}\n.overlay-layer:before, .two-layer-button:before {\n content: \" \";\n position: absolute;\n top: 0;\n left: 0;\n z-index: var(--flatify__overlay-layer-priority);\n width: 100%;\n height: 100%;\n background: var(--flatify__local-bg-color);\n border-radius: inherit;\n opacity: var(--flatify__overlay-layer-opacity);\n mix-blend-mode: var(--flatify__overlay-layer-blending-mode);\n backdrop-filter: var(--flatify__overlay-layer-backdrop-filter);\n}\n\n.pulse {\n position: relative;\n isolation: isolate;\n}\n.pulse:after {\n content: \" \";\n position: absolute;\n top: 0;\n left: 0;\n z-index: -1;\n display: block;\n width: 100%;\n height: 100%;\n background: inherit;\n border-radius: inherit;\n will-change: opacity, transform;\n animation: flatify-pulse 1.4s infinite;\n}\n\n.text-filled {\n hyphens: auto;\n text-align: justify;\n}\n\n.text-center {\n text-align: center;\n}\n\n.text-left {\n text-align: left;\n}\n\n.text-right {\n text-align: right;\n}\n\n.size-xs,\n.text-xs {\n font-size: 0.75em !important;\n}\n\n.size-sm,\n.text-sm {\n font-size: 0.9em !important;\n}\n\n.size-md,\n.text-md {\n font-size: 1em !important;\n}\n\n.size-lg,\n.text-lg {\n font-size: 1.25em !important;\n}\n\n.size-2x,\n.text-2x {\n font-size: 1.5em !important;\n}\n\n.size-3x,\n.text-3x {\n font-size: 2.2em !important;\n}\n\n.size-4x,\n.text-4x {\n font-size: 2.5em !important;\n}\n\n.size-5x,\n.text-5x {\n font-size: 3.14em !important;\n}\n\n.truncate:not(.show-text) {\n white-space: nowrap !important;\n overflow: hidden !important;\n text-overflow: ellipsis !important;\n}\n.truncate.add-space {\n padding: 0.18em 0;\n}\n\n@media (prefers-reduced-motion: reduce) {\n body *,\nbody ::before,\nbody ::after {\n background-attachment: initial !important;\n scroll-behavior: auto !important;\n }\n body * {\n --flatify__simple-transition: 0s !important;\n --flatify__long-transition: 0s !important;\n --flatify__bouncing-transition: 0s !important;\n }\n body .dropdown.show,\nbody .modal.show,\nbody .tab-panel.show {\n animation-name: flatify-fade-in !important;\n }\n body .menu-item:focus-within > .submenu, body .menu-item:hover > .submenu {\n animation-name: flatify-fade-in !important;\n }\n body .two-layer-button {\n --flatify__two-layer-button-animation-show: flatify-fade-in 0.3s ease-in-out !important;\n }\n body .accordion-collapse {\n transition: none !important;\n }\n body .accordion-collapse.show .accordion-body {\n animation-name: flatify-fade-in !important;\n }\n body .accordion-collapse.accordion-will-be-hidden .accordion-body {\n animation-name: flatify-fade-out !important;\n }\n body .toast:not(.toast-will-be-removed) {\n animation-name: flatify-fade-in !important;\n }\n body .toast.toast-will-be-removed {\n animation-name: flatify-fade-out !important;\n }\n body .alert:not(.alert-will-be-removed) {\n animation-name: flatify-fade-in !important;\n }\n body .alert.alert-will-be-removed {\n animation-name: flatify-fade-out !important;\n }\n body .loading {\n animation: flatify-fade-in-out 2s infinite !important;\n }\n body .loading:before, body .loading:after {\n opacity: 1 !important;\n animation: none !important;\n }\n body .progress-bar:before {\n filter: opacity(60%);\n animation: flatify-fade-in-out 3s infinite !important;\n }\n body .show.dropdown-will-be-hidden, body .show.modal-will-be-hidden, body .show.tab-will-be-hidden {\n animation-name: flatify-fade-out !important;\n }\n body .spinner:before {\n animation-timing-function: steps(4, end) !important;\n animation-duration: 2s !important;\n }\n\n @keyframes flatify-pulse {\n 0%, 100% {\n transform: scale(1.25);\n opacity: 0.2;\n }\n 40% {\n transform: scale(1.25);\n opacity: 0.5;\n }\n }\n}","/*!\n * FlatifyCSS version 1.5.1\n * Modern flat design framework for the web — inspired by Duolingo design system. \n * Copyright 2021-2022 The FlatifyCSS Authors\n * Licensed under MIT (https://github.com/amir2mi/flatifycss/blob/master/LICENSE)\n */\n\n@import \"func\";\n@import \"config\";\n@import \"helpers/responsive\";\n@import \"root\";\n@import \"reset\";\n\n// Content\n@import \"content/blockquote\";\n@import \"content/figure\";\n@import \"content/hr\";\n@import \"content/kbd\";\n@import \"content/table\";\n\n// Components\n@import \"components/accordion\";\n@import \"components/alert\";\n@import \"components/badge\";\n@import \"components/backdrop\";\n@import \"components/breadcrumbs\";\n@import \"components/button\";\n@import \"components/two-layer-button\";\n@import \"components/add-button\";\n@import \"components/hamburger\";\n@import \"components/arrow-button\";\n@import \"components/icon-button\";\n@import \"components/button-group\";\n@import \"components/fireworks\";\n@import \"components/card\";\n@import \"components/menu\";\n@import \"components/dropdown\";\n@import \"components/popover\";\n@import \"components/modal\";\n@import \"components/loading\";\n@import \"components/progress\";\n@import \"components/search-bar\";\n@import \"components/tabs\";\n@import \"components/toast\";\n\n// Forms\n@import \"forms/form\";\n@import \"forms/input\";\n@import \"forms/checkbox\";\n@import \"forms/radio\";\n@import \"forms/range\";\n@import \"forms/select\";\n@import \"forms/toggle\";\n@import \"forms/textarea\";\n\n// Mockups\n@import \"mockups/items-group\";\n\n// Helpers\n@import \"helpers/animations\";\n@import \"helpers/colors\";\n@import \"helpers/container\";\n@import \"helpers/design\";\n@import \"helpers/layout\";\n@import \"helpers/overlay-layer\";\n@import \"helpers/pulse\";\n@import \"helpers/typography\";\n@import \"helpers/dark-mode\";\n\n// Accessibility\n@import \"a11y\";\n",":root {\n // CSS Variable naming: [prefix][use-case or element name][__state (hover, active, ...)]\n // *** Design\n --#{$CSS_VAR_PFX}border-width: #{$BORDER_WIDTH};\n --#{$CSS_VAR_PFX}border-radius: #{$BORDER_RADIUS};\n --#{$CSS_VAR_PFX}hover-brightness: #{$HOVER_BRIGHTNESS};\n --#{$CSS_VAR_PFX}backdrop-opacity: #{$BACKDROP_OPACITY};\n\n // *** Typography\n --#{$CSS_VAR_PFX}max-font-size: #{$MAX_FONT_SIZE};\n --#{$CSS_VAR_PFX}min-font-size: #{$MIN_FONT_SIZE};\n\n --#{$CSS_VAR_PFX}primary-font-family: #{$PRIMARY_FONT_FAMILY};\n --#{$CSS_VAR_PFX}heading-font-family: #{$HEADING_FONT_FAMILY};\n --#{$CSS_VAR_PFX}code-font-family: #{$CODE_FONT_FAMILY};\n\n --#{$CSS_VAR_PFX}base-line-height: #{$BASE_LINE_HEIGHT};\n --#{$CSS_VAR_PFX}small-line-height: #{$SMALL_LINE_HEIGHT};\n --#{$CSS_VAR_PFX}large-line-height: #{$LARGE_LINE_HEIGHT};\n\n --#{$CSS_VAR_PFX}medium-font-weight: #{$MEDIUM_FONT_WEIGHT};\n --#{$CSS_VAR_PFX}bold-font-weight: #{$BOLD_FONT_WEIGHT};\n --#{$CSS_VAR_PFX}extra-bold-font-weight: #{$EXTRA_BOLD_FONT_WEIGHT};\n\n --#{$CSS_VAR_PFX}body-text-align: #{$BODY_TEXT_ALIGN};\n\n --#{$CSS_VAR_PFX}heading-font-style: #{$HEADING_FONT_STYLE};\n --#{$CSS_VAR_PFX}heading-font-weight: #{$HEADING_FONT_WEIGHT};\n --#{$CSS_VAR_PFX}heading-mb: #{$HEADING_MARGIN_BOTTOM};\n\n --#{$CSS_VAR_PFX}paragraph-mb: #{$PARAGRAPH_MARGIN_BOTTOM};\n\n --#{$CSS_VAR_PFX}link-decoration: #{$LINK_DECORATION};\n --#{$CSS_VAR_PFX}link-decoration__hover: #{$LINK_DECORATION_HOVER};\n --#{$CSS_VAR_PFX}link-decoration__focus: #{$LINK_DECORATION_FOCUS};\n\n // *** Colors\n --#{$CSS_VAR_PFX}bg-color: #{$BG_COLOR};\n --#{$CSS_VAR_PFX}bg-color-dark: #{$BG_COLOR_2};\n --#{$CSS_VAR_PFX}bg-color-darker: #{$BG_COLOR_3};\n --#{$CSS_VAR_PFX}bg-color-darkest: #{$BG_COLOR_4};\n\n --#{$CSS_VAR_PFX}txt-color: #{$TXT_COLOR};\n --#{$CSS_VAR_PFX}txt-color-light: #{$TXT_COLOR_LIGHT};\n --#{$CSS_VAR_PFX}txt-color-dark: #{$TXT_COLOR_DARK};\n --#{$CSS_VAR_PFX}txt-color-inverted: #{$TXT_COLOR_INVERTED};\n --#{$CSS_VAR_PFX}heading-color: #{$HEADING_COLOR};\n\n @each $name, $colors in $PALETTE {\n // Palette include basic colors, states [danger, warning ...] and accent color with shade and tint\n @each $type, $color in $colors {\n --#{$CSS_VAR_PFX + 'color-' + $name + \"-\" + $type}: #{$color};\n }\n }\n\n --#{$CSS_VAR_PFX}tap-highlight-color: #{$TAP_HIGHLIGHT_COLOR};\n\n --#{$CSS_VAR_PFX}link-color: #{$LINK_COLOR};\n --#{$CSS_VAR_PFX}link-color__hover: #{$LINK_COLOR_HOVER};\n --#{$CSS_VAR_PFX}link-color__focus: #{$LINK_COLOR_FOCUS};\n\n // *** Icons\n --#{$CSS_VAR_PFX}arrow-down-icon: #{$ARROW_DOWN_ICON};\n --#{$CSS_VAR_PFX}blockquote-icon: #{$BLOCKQUOTE_ICON};\n --#{$CSS_VAR_PFX}close-icon: #{$CLOSE_ICON};\n --#{$CSS_VAR_PFX}eye-icon: #{$EYE_ICON};\n --#{$CSS_VAR_PFX}search-icon: #{$SEARCH_ICON};\n --#{$CSS_VAR_PFX}select-icon: #{$SELECT_ICON};\n\n // *** Motion\n --#{$CSS_VAR_PFX}simple-transition: #{$SIMPLE_TRANSITION};\n --#{$CSS_VAR_PFX}bouncing-transition: #{$BOUNCING_TRANSITION};\n --#{$CSS_VAR_PFX}long-transition: #{$LONG_TRANSITION};\n}\n","@use \"sass:math\";\n\n/*\n* CSS Reset and basic styles\n* Most of the fixes are from Bootstrap [_reboot.scss]:\n https://github.com/twbs/bootstrap/blob/main/scss/_reboot.scss\n\n* and thanks to Josh's Custom CSS Reset:\n https://www.joshwcomeau.com/css/custom-css-reset/\n*/\n\n// *** Document\n// Use a more-intuitive box-sizing model.\n*,\n*::before,\n*::after {\n box-sizing: border-box;\n}\n// Remove default margin\n* {\n margin: 0;\n}\n\n// *** Root\n:root {\n @include break-xs {\n font-size: var(--#{$CSS_VAR_PFX}min-font-size);\n }\n\n $sm-bp: map-get($RESPONSIVE_BREAKPOINTS, \"sm\");\n $xl-bp: map-get($RESPONSIVE_BREAKPOINTS, \"xl\");\n @media (min-width: $sm-bp) and (max-width: $xl-bp) {\n font-size: #{\"calc( var(--#{$CSS_VAR_PFX}min-font-size) + ( var(--#{$CSS_VAR_PFX}max-font-size) - var(--#{$CSS_VAR_PFX}min-font-size) ) * ( ( 100vw - #{$sm-bp} ) / ( #{math.div($xl-bp,1px)} - #{math.div($sm-bp,1px)} ) ) )\"};\n }\n\n @include break-xl-min {\n font-size: var(--#{$CSS_VAR_PFX}max-font-size);\n }\n\n @if $SUPPORT_SMOOTH_SCROLL {\n @media (prefers-reduced-motion: no-preference) {\n scroll-behavior: smooth;\n }\n }\n\n @if not $IS_LTR {\n direction: rtl;\n }\n}\n\n// *** Body\nbody {\n margin: 0;\n font-family: var(--#{$CSS_VAR_PFX}primary-font-family);\n line-height: var(--#{$CSS_VAR_PFX}base-line-height);\n text-align: var(--#{$CSS_VAR_PFX}body-text-align);\n color: var(--#{$CSS_VAR_PFX}txt-color);\n background-color: var(--#{$CSS_VAR_PFX}bg-color);\n -webkit-tap-highlight-color: var(--#{$CSS_VAR_PFX}tap-highlight-color);\n -webkit-text-size-adjust: 100%;\n -webkit-font-smoothing: antialiased;\n text-rendering: optimizeLegibility;\n}\n\n// *** Typography\n// Avoid text overflows\np,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n overflow-wrap: break-word;\n}\n\n%heading {\n margin-top: 0;\n margin-bottom: var(--#{$CSS_VAR_PFX}heading-mb);\n font-family: var(--#{$CSS_VAR_PFX}heading-font-family, --#{$CSS_VAR_PFX}primary-font-family);\n font-style: var(--#{$CSS_VAR_PFX}heading-font-style);\n font-weight: var(--#{$CSS_VAR_PFX}heading-font-weight);\n color: var(--#{$CSS_VAR_PFX}heading-color);\n\n strong,\n b {\n font-weight: var(--#{$CSS_VAR_PFX}extra-bold-font-weight);\n }\n}\n\nh1 {\n @extend %heading;\n font-size: 3.5em;\n line-height: var(--#{$CSS_VAR_PFX}small-line-height);\n}\n\nh2 {\n @extend %heading;\n font-size: 3em;\n line-height: var(--#{$CSS_VAR_PFX}small-line-height);\n}\n\nh3 {\n @extend %heading;\n font-size: 2.35em;\n line-height: var(--#{$CSS_VAR_PFX}small-line-height);\n}\n\nh4 {\n @extend %heading;\n font-size: 2em;\n line-height: var(--#{$CSS_VAR_PFX}base-line-height);\n}\n\nh5 {\n @extend %heading;\n font-size: 1.65em;\n line-height: var(--#{$CSS_VAR_PFX}base-line-height);\n}\n\nh6 {\n @extend %heading;\n font-size: 1.35em;\n line-height: var(--#{$CSS_VAR_PFX}base-line-height);\n}\n\np {\n line-height: var(--#{$CSS_VAR_PFX}large-line-height);\n margin-top: 0;\n margin-bottom: var(--#{$CSS_VAR_PFX}paragraph-mb);\n\n // last p in the parent should not have margin e.g. the paragraph in a button\n &:last-of-type {\n margin-bottom: 0;\n }\n}\n\nabbr[title] {\n cursor: help;\n text-decoration: var(--#{$CSS_VAR_PFX}txt-color-light) underline dotted 0.125em;\n text-decoration-skip-ink: none;\n}\n\naddress {\n margin-bottom: 1em;\n font-style: normal;\n line-height: inherit;\n}\n\n// *** Lists\nol,\nul {\n @if $IS_LTR {\n padding-left: 2em;\n }\n else {\n padding-right: 2em;\n }\n}\n\nol,\nul,\ndl {\n margin-top: 0;\n margin-bottom: 1em;\n}\n\nol ol,\nul ul,\nol ul,\nul ol {\n margin-bottom: 0;\n}\n\ndt {\n font-weight: var(--#{$CSS_VAR_PFX}medium-font-weight);\n}\n\ndd {\n margin-bottom: 0.5em;\n margin-left: 0;\n}\n\n// *** Text formatting\nb,\nstrong {\n font-weight: var(--#{$CSS_VAR_PFX}bold-font-weight);\n}\n\n.mark,\nmark {\n color: var(--#{$CSS_VAR_PFX}txt-color-dark);\n\n &:not(.inline) {\n border-radius: calc(var(--#{$CSS_VAR_PFX}border-radius) * 0.38);\n padding: 0 0.32em;\n background: var(--#{$CSS_VAR_PFX}color-yellow-light);\n }\n\n &.inline {\n --#{$CSS_VAR_PFX}local-bg-color: var(--#{$CSS_VAR_PFX}color-yellow-light);\n isolation: isolate;\n position: relative;\n white-space: nowrap;\n margin: 0 0.32em;\n background: transparent !important;\n\n &:before {\n content: \" \";\n position: absolute;\n top: 0;\n left: 0;\n z-index: -1;\n width: 100%;\n height: 100%;\n background: var(--#{$CSS_VAR_PFX}local-bg-color);\n border-radius: calc(var(--#{$CSS_VAR_PFX}border-radius) * 0.38);\n opacity: 0.9;\n\n @if $IS_LTR {\n transform: rotate(-3deg) scale(1.1, 1.2) skew(-10deg);\n } @else {\n transform: rotate(3deg) scale(1.1, 1.2) skew(10deg);\n }\n }\n }\n\n // color: var(--#{$CSS_VAR_PFX}txt-color-inverted);\n}\n\n// Sub & Sup\nsub,\nsup {\n position: relative;\n font-size: 0.75em;\n line-height: 0;\n vertical-align: baseline;\n}\n\nsub {\n bottom: -0.25em;\n}\nsup {\n top: -0.5em;\n}\n\n// Anchor\n%anchor-style {\n color: var(--#{$CSS_VAR_PFX}link-color);\n text-decoration: var(--#{$CSS_VAR_PFX}link-decoration);\n text-underline-position: under;\n transition: color var(--#{$CSS_VAR_PFX}simple-transition), background var(--#{$CSS_VAR_PFX}simple-transition),\n border var(--#{$CSS_VAR_PFX}simple-transition);\n\n &:hover {\n color: var(--#{$CSS_VAR_PFX}link-color__hover);\n text-decoration: var(--#{$CSS_VAR_PFX}link-decoration__hover);\n }\n\n &:focus {\n color: var(--#{$CSS_VAR_PFX}link-color__focus);\n text-decoration: var(--#{$CSS_VAR_PFX}link-decoration__focus);\n }\n}\n\na:not(.button) {\n @extend %anchor-style;\n}\n\n// Code\npre,\ncode,\nkbd,\nsamp {\n direction: ltr;\n unicode-bidi: bidi-override;\n font-size: 1em;\n font-family: var(--#{$CSS_VAR_PFX}code-font-family);\n}\n\npre {\n overflow: auto;\n display: block;\n padding: 1em;\n margin-top: 0;\n margin-bottom: 1em;\n background: var(--#{$CSS_VAR_PFX}bg-color-dark);\n border: var(--#{$CSS_VAR_PFX}border-width) solid var(--#{$CSS_VAR_PFX}bg-color-darker);\n border-radius: var(--#{$CSS_VAR_PFX}border-radius);\n\n code {\n color: inherit;\n word-break: normal;\n }\n}\n\ncode {\n vertical-align: middle;\n font-size: 0.85em;\n word-wrap: break-word;\n padding: 0.18em 0.32em;\n color: var(--#{$CSS_VAR_PFX}txt-color);\n background: var(--#{$CSS_VAR_PFX}bg-color-dark);\n border: var(--#{$CSS_VAR_PFX}border-width) solid var(--#{$CSS_VAR_PFX}bg-color-darker);\n border-radius: calc(var(--#{$CSS_VAR_PFX}border-radius) * 0.5);\n\n a > & {\n color: inherit;\n }\n}\n\n// focus-visible outline\na,\nbutton {\n &:focus-visible {\n outline: 0.18em solid currentColor;\n }\n}\n\n// ** Fixes\n// Media\nimg,\nsvg {\n vertical-align: middle;\n}\n\n// Improve media defaults\nimg,\npicture,\nvideo,\ncanvas {\n display: block;\n max-width: 100%;\n}\n\n// Forms\n//\n// 1. Allow labels to use `margin` for spacing.\n\nlabel {\n display: inline-block; // 1\n}\n\n// Explicitly remove focus outline in Chromium when it shouldn't be\n// visible (e.g. as result of mouse click or touch tap). It already\n// should be doing this automatically, but seems to currently be\n// confused and applies its very visible two-tone outline anyway.\n\nbutton:focus:not(:focus-visible) {\n outline: 0;\n}\n\n// Remove built-in form typography styles\ninput,\nbutton,\ntextarea,\nselect {\n font: inherit;\n}\n\n// 1. Remove the margin in Firefox and Safari\n\ninput,\nbutton,\nselect,\noptgroup,\ntextarea {\n margin: 0; // 1\n font-family: inherit;\n line-height: inherit;\n}\n\n// Remove the inheritance of text transform in Firefox\nbutton,\nselect {\n text-transform: none;\n}\n// Set the cursor for non-`