`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);\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.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\n.accordion-body {\n padding: 1em;\n}\n\n.accordion-will-be-shown {\n .accordion-body {\n animation: var(--#{$CSS_VAR_PFX}accordion-animation-show) both;\n }\n}\n\n.accordion-will-be-hidden {\n .accordion-body {\n animation: var(--#{$CSS_VAR_PFX}accordion-animation-hide) forwards;\n }\n}\n\n.fade-animation {\n .accordion-will-be-shown {\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-remove-duration: #{$ALERT_REMOVE_ANIMATION_DURATION};\n --#{$CSS_VAR_PFX}alert-animation-remove: flatify-alert-will-be-removed\n var(--#{$CSS_VAR_PFX}alert-animation-remove-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 &.alert-will-be-removed {\n animation: var(--#{$CSS_VAR_PFX}alert-animation-remove) 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 fill: currentColor;\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}breadcrumb-txt-color: var(--#{$CSS_VAR_PFX}txt-color);\n --#{$CSS_VAR_PFX}breadcrumb-bg-color: var(--#{$CSS_VAR_PFX}bg-color);\n --#{$CSS_VAR_PFX}breadcrumb-border-color: var(--#{$CSS_VAR_PFX}bg-color-darker);\n}\n\n.breadcrumb-wrapper {\n width: 100%;\n}\n\n.breadcrumb {\n --#{$CSS_VAR_PFX}local-txt-color: var(--#{$CSS_VAR_PFX}breadcrumb-txt-color);\n --#{$CSS_VAR_PFX}local-bg-color: var(--#{$CSS_VAR_PFX}breadcrumb-bg-color);\n --#{$CSS_VAR_PFX}local-border-color: var(--#{$CSS_VAR_PFX}breadcrumb-border-color);\n overflow-x: auto;\n overflow-y: hidden;\n scrollbar-width: thin;\n list-style: none;\n padding: 0;\n margin: 0.5em 0;\n border-radius: var(--#{$CSS_VAR_PFX}border-radius);\n\n &[class*=\"style-\"] {\n background: transparent !important;\n }\n\n .breadcrumb-item {\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-top: var(--#{$CSS_VAR_PFX}border-width) solid;\n border-bottom: var(--#{$CSS_VAR_PFX}border-width) solid;\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 border-left: var(--#{$CSS_VAR_PFX}border-width) solid 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 } @else {\n padding-right: 2em;\n border-right: var(--#{$CSS_VAR_PFX}border-width) solid 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 }\n\n &:last-child {\n @if $IS_LTR {\n padding-right: 2em;\n border-right: var(--#{$CSS_VAR_PFX}border-width) solid 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 } @else {\n padding-left: 2em;\n border-left: var(--#{$CSS_VAR_PFX}border-width) solid 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 }\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 {\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;\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_REMOVE_ANIMATION_DURATION: 350ms !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\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: flatify-slide-up-in-min ease 0.3s;\n --#{$CSS_VAR_PFX}toast-animation-hide: flatify-slide-down-out-min ease 0.3s 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 &.show {\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 }\n else {\n margin-left: 0.32em;\n }\n fill: currentColor;\n opacity: 0.75;\n }\n\n .close-button {\n position: absolute;\n top: 0;\n bottom: 0;\n @if $IS_LTR {\n right: 0.25em;\n }\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 {\n .check:after {\n transform: translateX(0.3em);\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);\n } @else {\n transform: translateX(-1.4em);\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:not(:checked) + .check:after {\n transform: scaleX(1.2) scaleY(0.7);\n }\n\n input:checked + .check:after {\n @if $IS_LTR {\n transform: translateX(1.2em) scaleY(0.7) scaleX(1.4);\n } @else {\n transform: translateX(-1.2em) scaleY(0.7) scaleX(1.4);\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 fill: currentColor;\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 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 1s 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 .accordion-collapse {\n transition: none !important;\n }\n\n // Fade instead of custom animations\n // Fade In\n .dropdown,\n .modal,\n .tab-panel,\n .toast {\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 // 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 &.toast-will-be-removed,\n &.alert-will-be-removed,\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
+{"version":3,"sources":["flatify-rtl.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":"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","file":"../scss/flatify-rtl.css","sourcesContent":["@charset \"UTF-8\";\n/*!\n * FlatifyCSS version 1.3.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:root {\n direction: rtl;\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 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.5em 0 0;\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: var(--flatify__border-radius) calc(var(--flatify__border-radius) * 0.5) calc(var(--flatify__border-radius) * 0.5) var(--flatify__border-radius);\n}\nblockquote:not(.large):before {\n top: 1em;\n width: 7em;\n height: 7em;\n right: 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 left: 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);\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-right: 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-left: 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: right;\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-left: var(--flatify__border-width) solid var(--flatify__table-border-color);\n}\ntable.horizontal.bordered thead td,\ntable.horizontal.bordered thead th {\n border-right: var(--flatify__border-width) solid var(--flatify__table-border-color);\n}\ntable.horizontal.bordered tbody th,\ntable.horizontal.bordered tbody td {\n border-left: 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-right-radius: var(--flatify__border-radius);\n}\ntable.horizontal thead tr th:last-child,\ntable.horizontal thead tr td:last-child {\n border-bottom-right-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-left-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-left-radius: var(--flatify__border-radius);\n}\ntable:not(.horizontal) tr:last-child th:first-child {\n border-top-right-radius: var(--flatify__border-radius);\n}\ntable:not(.horizontal) tr:last-child th:last-child {\n border-top-left-radius: var(--flatify__border-radius);\n}\ntable:not(.horizontal) tr:last-child td:first-child {\n border-bottom-right-radius: var(--flatify__border-radius);\n}\ntable:not(.horizontal) tr:last-child td:last-child {\n border-bottom-left-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: left;\n left: -0.38em;\n}\n.alert .close-button.floating {\n position: absolute;\n top: 0.75em;\n left: 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-right: 2.75em;\n margin-right: 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 right: -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 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 width: 100%;\n}\n\n.breadcrumbs {\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 overflow-x: auto;\n overflow-y: hidden;\n scrollbar-width: thin;\n list-style: none;\n padding: 0;\n margin: 0.5em 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-top: var(--flatify__border-width) solid;\n border-bottom: var(--flatify__border-width) solid;\n border-color: var(--flatify__local-border-color);\n}\n.breadcrumbs .crumb:not(:first-child) {\n padding-right: 3em;\n}\n.breadcrumbs .crumb:not(:first-child):before {\n content: \" \";\n position: absolute;\n top: 0;\n bottom: 0;\n right: -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-right: 2em;\n border-right: var(--flatify__border-width) solid var(--flatify__local-border-color);\n border-radius: 0 var(--flatify__border-radius) var(--flatify__border-radius) 0;\n}\n.breadcrumbs .crumb:last-child {\n padding-left: 2em;\n border-left: var(--flatify__border-width) solid var(--flatify__local-border-color);\n border-radius: var(--flatify__border-radius) 0 0 var(--flatify__border-radius);\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 {\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-right: 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: 0 var(--flatify__border-radius) var(--flatify__border-radius) 0;\n}\n.button-group:not(.vertical) .button:last-child {\n border-radius: var(--flatify__border-radius) 0 0 var(--flatify__border-radius);\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 left: 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 right: 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 right: 0.5em;\n z-index: 10;\n display: none;\n}\n.menu-items-wrapper.navbar .links .menu-item .submenu .submenu {\n top: -50%;\n right: 115%;\n}\n.menu-items-wrapper.navbar .links .menu-item .submenu .submenu:after {\n content: \" \";\n position: absolute;\n top: 0.64em;\n right: -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-left: 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-left: 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 right: 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-right-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 right: 0;\n transform-origin: right;\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-left: 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 left: 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-right: 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 fill: currentColor;\n opacity: 0.75;\n}\n.toast .toast-svg else {\n margin-left: 0.32em;\n}\n.toast .close-button {\n position: absolute;\n top: 0;\n bottom: 0;\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-right: 0.38em;\n}\n.form-label:not(.inline) {\n display: block;\n margin-right: 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 right;\n right: 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-right: 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-left: 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-left: 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 left: 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 left: 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 left: 0.8em;\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 left: 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 left: 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 left: 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 0 0.75em;\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-left: 2.5em;\n background-image: var(--flatify__select-icon);\n background-repeat: no-repeat;\n background-position: left 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 right: 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-left: 0.5em;\n}\n.items-group .item-icon svg {\n width: 3em;\n height: 3em;\n padding: 0.32em;\n fill: currentColor;\n}\n.items-group .item-text {\n width: 100%;\n text-align: right;\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 left;\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 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 1s 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.3.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-`