{"version":3,"sources":["flatify.scss","_root.scss","flatify.css","_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","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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qEAAA,CAIA,2EAAA,CACA,6EAAA,CAPA,4DAAA,CAIA,0DzCy6HJ,CyCx9HE,YAaI,uEAAA,CAKF,sEAAA,CAIA,uEAAA,CACA,8EAAA,CAPA,6DAAA,CAIA,sDzC88HJ,CyCv8HE,8BAhBI,kDzCi+HN,CyCj9HE,kBAKI,uEAAA,CAaF,oEAAA,CAIA,0EAAA,CACA,4EAAA,CAPA,2DAAA,CAIA,yDzC67HJ,CyCt7HA,gBAEE,qDAAA,CACA,4DAAA,CACA,4DzCw7HF,CyCr7HA,2CAGE,gEAAA,CACA,uEAAA,CACA,oEzCs7HF,CyCh7HE,YACE,kDzCm7HJ,CyC/6HE,kBACE,gDzCk7HJ,CyCx7HE,aACE,mDzC27HJ,CyCv7HE,mBACE,iDzC07HJ,CyCh8HE,cACE,oDzCm8HJ,CyC/7HE,oBACE,kDzCk8HJ,CyCx8HE,cACE,oDzC28HJ,CyCv8HE,oBACE,kDzC08HJ,CyCh9HE,WACE,iDzCm9HJ,CyC/8HE,iBACE,+CzCk9HJ,CyCx9HE,YACE,kDzC29HJ,CyCv9HE,kBACE,gDzC09HJ,CyCh+HE,cACE,oDzCm+HJ,CyC/9HE,oBACE,kDzCk+HJ,CyCx+HE,cACE,oDzC2+HJ,CyCv+HE,oBACE,kDzC0+HJ,CyCh/HE,eACE,qDzCm/HJ,CyC/+HE,qBACE,mDzCk/HJ,CyCx/HE,YACE,kDzC2/HJ,CyCv/HE,kBACE,gDzC0/HJ,CyChgIE,eACE,qDzCmgIJ,CyC//HE,qBACE,mDzCkgIJ,CyCxgIE,cACE,oDzC2gIJ,CyCvgIE,oBACE,kDzC0gIJ,CyChhIE,aACE,mDzCmhIJ,CyC/gIE,mBACE,iDzCkhIJ,CyCxhIE,YACE,kDzC2hIJ,CyCvhIE,kBACE,gDzC0hIJ,C0CtmII,cACE,e1CymIN,C0C1mII,cACE,e1C6mIN,C0C9mII,cACE,e1CinIN,C0ClnII,cACE,gB1CqnIN,C0CtnII,eACE,gB1CynIN,C0CpnIA,oBAKI,gBAAA,CACA,iBAAA,CALF,kBAAA,CACA,mB1CynIF,C2CjoIE,WACE,S3CooIJ,C2CroIE,YACE,U3CwoIJ,C2CzoIE,YACE,U3C4oIJ,C2C7oIE,YACE,U3CgpIJ,C2CjpIE,YACE,U3CopIJ,C2CrpIE,YACE,U3CwpIJ,C2CzpIE,YACE,U3C4pIJ,C2C7pIE,YACE,U3CgqIJ,C2CjqIE,YACE,U3CoqIJ,C2CrqIE,YACE,U3CwqIJ,C2CzqIE,aACE,S3C4qIJ,C2CtqIE,YACE,yB3CyqIJ,C2C1qIE,eACE,6B3C6qIJ,C2C9qIE,eACE,4B3CirIJ,C2ClrIE,eACE,6B3CqrIJ,C2CtrIE,eACE,2B3CyrIJ,C2C1rIE,aACE,4B3C6rIJ,C2C9rIE,WACE,2B3CisIJ,C2ClsIE,eACE,yD3CqsIJ,C2C/rIE,UACE,iB3CksIJ,C2CnsIE,WACE,mB3CssIJ,C2CvsIE,WACE,mB3C0sIJ,C2C3sIE,WACE,mB3C8sIJ,C2C/sIE,WACE,mB3CktIJ,C2CntIE,WACE,mB3CstIJ,C2CvtIE,WACE,mB3C0tIJ,C2C3tIE,WACE,mB3C8tIJ,C2C/tIE,WACE,mB3CkuIJ,C2CnuIE,WACE,mB3CsuIJ,C2CvuIE,YACE,oB3C0uIJ,C2CpuIE,WACE,kB3CuuIJ,C2CxuIE,YACE,oB3C2uIJ,C2C5uIE,YACE,oB3C+uIJ,C2ChvIE,YACE,oB3CmvIJ,C2CpvIE,YACE,oB3CuvIJ,C2CxvIE,YACE,oB3C2vIJ,C2C5vIE,YACE,oB3C+vIJ,C2ChwIE,YACE,oB3CmwIJ,C2CpwIE,YACE,oB3CuwIJ,C2CxwIE,YACE,oB3C2wIJ,C2C5wIE,aACE,qB3C+wIJ,C4CzyIA,aACE,6B5C4yIF,C4CzyIA,aAGE,kB5C4yIF,C4CzyIA,4BALE,YAAA,CACA,sB5CkzIF,C4CpyIA,mCAHE,kBAAA,CADA,Y5CozIF,C4ChzIA,oBAEE,qBAAA,CACA,sB5C6yIF,C4CzyIA,sBAGE,kBAAA,CAFA,YAAA,CACA,qB5C6yIF,C4CzyIA,sBACE,YAAA,CACA,qBAAA,CACA,sB5C4yIF,C4CxyIA,YACE,U5C2yIF,C4CzyIA,aACE,W5C4yIF,C4C1yIA,YACE,U5C6yIF,C4CzyIA,aACE,W5C4yIF,C4CzyIA,WAEE,kB5C4yIF,C4C1yIA,sBAHE,e5CizIF,C4C3yIA,WACE,kB5C8yIF,C4C3yIA,wBAEE,gBAAA,CACA,iB5C8yIF,C4C3yIA,uBAEE,gB5C8yIF,C4C3yIA,sBAEE,iB5C8yIF,C4C1yIA,mBACE,iB5C6yIF,C4C1yIA,mBACE,iB5C6yIF,C4C1yIA,cAEE,QAAA,CADA,K5CgzIF,C4C1yIA,8BAJE,MAAA,CACA,O5CkzIF,C4C1yIA,gBAEE,QAAA,CADA,K5C8yIF,C4C1yIA,kCAGE,K5C6yIF,C4C3yIA,2CAGE,Q5C8yIF,C4C5yIA,qCAGE,M5C+yIF,C4C7yIA,wCAGE,O5CgzIF,C4C7yIA,kDAIE,cAAA,CACA,Y5CgzIF,C4C7yIA,sDAIE,eAAA,CACA,Y5CgzIF,C4C7yIA,oDAIE,M5CgzIF,C4C5yIA,YACE,a5C+yIF,C4C7yIA,cACE,eAAA,CACA,iB5CgzIF,C4C9yIA,cACE,iBAAA,CACA,e5CizIF,C6Cl9IA,MACE,oCAAA,CACA,0DAAA,CACA,kCAAA,CACA,6CAAA,CACA,6C7Cq9IF,C6Cl9IA,iCACE,gEAAA,CACA,iB7Cq9IF,C6Cn9IE,+CAYE,6DAAA,CAJA,yCAAA,CACA,qBAAA,CARA,WAAA,CAMA,WAAA,CAHA,MAAA,CAOA,0DAAA,CADA,6CAAA,CARA,iBAAA,CACA,KAAA,CAGA,UAAA,CADA,8C7C49IJ,C8C/+IA,OAEE,iBAAA,CADA,iB9Cm/IF,C8Ch/IE,aAYE,qCAAA,CAHA,kBAAA,CACA,qBAAA,CATA,WAAA,CAKA,aAAA,CAEA,WAAA,CAJA,MAAA,CAFA,iBAAA,CACA,KAAA,CAIA,UAAA,CAIA,6BAAA,CANA,U9Cy/IJ,C+CjgJA,aACE,YAAA,CACA,kB/CogJF,C+CjgJA,aACE,iB/CogJF,C+CjgJA,WACE,e/CogJF,C+CjgJA,YACE,gB/CogJF,C+C//IE,kBAEE,yB/CkgJJ,C+CpgJE,kBAEE,wB/CugJJ,C+CzgJE,kBAEE,uB/C4gJJ,C+C9gJE,kBAEE,0B/CihJJ,C+CnhJE,kBAEE,yB/CshJJ,C+CxhJE,kBAEE,yB/C2hJJ,C+C7hJE,kBAEE,yB/CgiJJ,C+CliJE,kBAEE,0B/CqiJJ,C+C/hJE,0BAEE,yBAAA,CACA,gCAAA,CAFA,4B/CoiJJ,C+ChiJE,oBACE,e/CkiJJ,CgDpkJA,uCAGI,gCAGE,sCAAA,CACA,8BhDqkJJ,CgDjkJE,OACE,yCAAA,CACA,uCAAA,CACA,2ChDmkJJ,CgD3jJI,0DACE,wChD+jJN,CgD1jJI,qEAEE,wChD2jJN,CgDvjJE,uBACE,qFhDyjJJ,CgDrjJE,yBACE,yBhDujJJ,CgDrjJI,8CACE,wChDujJN,CgDrjJI,kEACE,yChDujJN,CgDjjJI,wCACE,wChDmjJN,CgDjjJI,kCACE,yChDmjJN,CgD7iJI,wCACE,wChD+iJN,CgD7iJI,kCACE,yChD+iJN,CgD1iJE,cACE,mDhD4iJJ,CgD1iJI,yCAGE,wBAAA,CADA,mBhD4iJN,CgDviJE,0BAEE,mDAAA,CADA,mBhD0iJJ,CgDpiJI,iGAGE,yChDoiJN,CgD/hJE,qBAEE,+BAAA,CADA,4ChDkiJJ,CgD5hJA,yBACE,MAGE,UAAA,CADA,qBhD+hJF,CgD5hJA,IAEE,UAAA,CADA,qBhD+hJF,CACF,CACF","file":"../scss/flatify-noprefix-min.css","sourcesContent":["/*!\n * FlatifyCSS version 2.0.0\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","@charset \"UTF-8\";\n/*!\n * FlatifyCSS version 2.0.0\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, <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 32 32\"><path d=\"M23.805 12.633H8.2a.78.78 0 00-.552 1.332l7.803 7.802a.778.778 0 001.103 0l7.802-7.802a.78.78 0 00-.551-1.332z\"></path></svg>');\n  --flatify__blockquote-icon: url('data:image/svg+xml; utf8, <svg xmlns=\"http://www.w3.org/2000/svg\" x=\"0\" y=\"0\" viewBox=\"0 0 100 125\"> <path d=\"M24.503 12.412C13.732 12.412 5 21.144 5 31.916c0 10.771 8.732 19.502 19.503 19.502.232 0 6.279-.034 6.279-.034-.153 10.869-7.646 19.99-17.738 22.613a55.73 55.73 0 01-2.123.473A6.572 6.572 0 005 81.008c0 3.288 2.422 6.003 5.574 6.485.033.006.066.008.099.016.151.02.304.035.458.045.074.004.145.021.22.021 0 0 .789.025 1.05.004 1.165-.098 1.529-.246 2.281-.404 16.618-3.49 29.156-18.187 29.315-35.791h.01V31.829l-.005.004c-.045-10.733-8.755-19.421-19.499-19.421zM94.995 31.833c-.045-10.732-8.756-19.42-19.499-19.42-10.771 0-19.503 8.732-19.503 19.503s8.732 19.502 19.503 19.502c.231 0 6.278-.034 6.278-.034-.152 10.869-7.646 19.99-17.737 22.613-.68.176-2.103.471-2.123.473a6.572 6.572 0 00-5.921 6.538c0 3.288 2.422 6.003 5.574 6.485.032.006.065.008.099.016.15.02.303.035.457.045.074.004.145.021.221.021 0 0 .788.025 1.049.004 1.166-.098 1.53-.246 2.282-.404 16.618-3.49 29.156-18.187 29.315-35.791H95V31.829l-.005.004z\"></path></svg>');\n  --flatify__close-icon: url('data:image/svg+xml; utf8, <svg xmlns=\"http://www.w3.org/2000/svg\" x=\"0\" y=\"0\" viewBox=\"0 0 16 16\"><path d=\"M3.3 12.7c.2.2.4.3.7.3s.5-.1.7-.3L8 9.4l3.3 3.3c.2.2.5.3.7.3s.5-.1.7-.3c.4-.4.4-1 0-1.4L9.4 8l3.3-3.3c.4-.4.4-1 0-1.4s-1-.4-1.4 0L8 6.6 4.7 3.3c-.4-.4-1-.4-1.4 0s-.4 1 0 1.4L6.6 8l-3.3 3.3c-.4.4-.4 1 0 1.4z\"></path></svg>');\n  --flatify__eye-icon: url('data:image/svg+xml; utf8, <svg xmlns=\"http://www.w3.org/2000/svg\" x=\"0px\" y=\"0px\" viewBox=\"0 0 24 24\"><path d=\"M12,4c-4.326,0-8.227,3.005-9.938,7.654c-0.082,0.224-0.082,0.468,0,0.691C3.773,16.995,7.674,20,12,20  s8.227-3.005,9.938-7.654c0.082-0.224,0.082-0.468,0-0.691C20.227,7.005,16.326,4,12,4z M12,18c-3.374,0-6.451-2.343-7.928-6  C5.549,8.343,8.626,6,12,6s6.451,2.343,7.928,6C18.451,15.657,15.374,18,12,18z\"/><path d=\"M12,8c-2.206,0-4,1.794-4,4s1.794,4,4,4s4-1.794,4-4S14.206,8,12,8z M12,14c-1.103,0-2-0.897-2-2s0.897-2,2-2s2,0.897,2,2  S13.103,14,12,14z\"/></svg>');\n  --flatify__search-icon: url('data:image/svg+xml; utf8, <svg xmlns=\"http://www.w3.org/2000/svg\" x=\"10\" y=\"0\" viewBox=\"-5 -5 110 110\"><path d=\"M41.4 81.8c-10.8 0-20.9-4.2-28.6-11.8S1 52.2 1 41.4s4.2-20.9 11.8-28.6C20.5 5.2 30.6 1 41.4 1S62.3 5.2 70 12.8s11.8 17.8 11.8 28.6S77.6 62.3 70 70c-7.7 7.6-17.8 11.8-28.6 11.8zm0-68.4c-7.5 0-14.5 2.9-19.8 8.2s-8.2 12.3-8.2 19.8 2.9 14.5 8.2 19.8 12.3 8.2 19.8 8.2 14.5-2.9 19.8-8.2c5.3-5.3 8.2-12.3 8.2-19.8s-2.9-14.5-8.2-19.8-12.3-8.2-19.8-8.2z\"></path><path d=\"M92.8 99c-1.6 0-3.2-.6-4.4-1.8l-25-25c-2.4-2.4-2.4-6.4 0-8.8 2.4-2.4 6.4-2.4 8.8 0l25 25c2.4 2.4 2.4 6.4 0 8.8-1.2 1.2-2.8 1.8-4.4 1.8z\"></path></svg>');\n  --flatify__select-icon: url('data:image/svg+xml; utf8, <svg viewBox=\"50 -150 600 800\" fill=\"%23CED3D6\" xmlns=\"http://www.w3.org/2000/svg\"><g><path d=\"m251.86 210.14c-7.6562-7.6523-20.062-7.6523-27.719 0-7.6523 7.6562-7.6523 20.062 0 27.719l112 112c7.6562 7.6523 20.062 7.6523 27.719 0l112-112c7.6523-7.6562 7.6523-20.062 0-27.719-7.6562-7.6523-20.062-7.6523-27.719 0l-98.195 98.195z\" fill-rule=\"evenodd\"/></g></svg>');\n  --flatify__simple-transition: 0.15s ease-in-out;\n  --flatify__bouncing-transition: 0.35s cubic-bezier(0.59, -0.39, 0.36, 1.38);\n  --flatify__long-transition: 1s ease-in-out;\n}\n\n/*\n* CSS Reset and basic styles\n* Most of the fixes are from Bootstrap [_reboot.scss]:\n  https://github.com/twbs/bootstrap/blob/main/scss/_reboot.scss\n\n* and thanks to Josh's Custom CSS Reset:\n  https://www.joshwcomeau.com/css/custom-css-reset/\n*/\n*,\n*::before,\n*::after {\n  box-sizing: border-box;\n}\n\n* {\n  margin: 0;\n}\n\n@media screen and (max-width: 575.98px) {\n  :root {\n    font-size: var(--flatify__min-font-size);\n  }\n}\n@media (min-width: 576px) and (max-width: 1200px) {\n  :root {\n    font-size: calc( var(--flatify__min-font-size) + ( var(--flatify__max-font-size) - var(--flatify__min-font-size) ) * ( ( 100vw - 576px ) / ( 1200 - 576 ) ) );\n  }\n}\n@media screen and (min-width: 1200px) {\n  :root {\n    font-size: var(--flatify__max-font-size);\n  }\n}\n@media (prefers-reduced-motion: no-preference) {\n  :root {\n    scroll-behavior: smooth;\n  }\n}\n\nbody {\n  margin: 0;\n  font-family: var(--flatify__primary-font-family);\n  line-height: var(--flatify__base-line-height);\n  text-align: var(--flatify__body-text-align);\n  color: var(--flatify__txt-color);\n  background-color: var(--flatify__bg-color);\n  -webkit-tap-highlight-color: var(--flatify__tap-highlight-color);\n  -webkit-text-size-adjust: 100%;\n  -webkit-font-smoothing: antialiased;\n  text-rendering: optimizeLegibility;\n}\n\np,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  overflow-wrap: break-word;\n}\n\nh6, h5, h4, h3, h2, h1 {\n  margin-top: 0;\n  margin-bottom: var(--flatify__heading-mb);\n  font-family: var(--flatify__heading-font-family, --flatify__primary-font-family);\n  font-style: var(--flatify__heading-font-style);\n  font-weight: var(--flatify__heading-font-weight);\n  color: var(--flatify__heading-color);\n}\nh6 strong, h5 strong, h4 strong, h3 strong, h2 strong, h1 strong,\nh6 b,\nh5 b,\nh4 b,\nh3 b,\nh2 b,\nh1 b {\n  font-weight: var(--flatify__extra-bold-font-weight);\n}\n\nh1 {\n  font-size: 3.5em;\n  line-height: var(--flatify__small-line-height);\n}\n\nh2 {\n  font-size: 3em;\n  line-height: var(--flatify__small-line-height);\n}\n\nh3 {\n  font-size: 2.35em;\n  line-height: var(--flatify__small-line-height);\n}\n\nh4 {\n  font-size: 2em;\n  line-height: var(--flatify__base-line-height);\n}\n\nh5 {\n  font-size: 1.65em;\n  line-height: var(--flatify__base-line-height);\n}\n\nh6 {\n  font-size: 1.35em;\n  line-height: var(--flatify__base-line-height);\n}\n\np {\n  line-height: var(--flatify__large-line-height);\n  margin-top: 0;\n  margin-bottom: var(--flatify__paragraph-mb);\n}\np:last-of-type {\n  margin-bottom: 0;\n}\n\nabbr[title] {\n  cursor: help;\n  text-decoration: var(--flatify__txt-color-light) underline dotted 0.125em;\n  text-decoration-skip-ink: none;\n}\n\naddress {\n  margin-bottom: 1em;\n  font-style: normal;\n  line-height: inherit;\n}\n\nol,\nul {\n  padding-inline-start: 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}\n.mark:dir(rtl) .inline:before, .rtl .mark.inline:before,\nmark:dir(rtl) .inline:before,\n.rtl mark.inline:before {\n  transform: rotate(3deg) scale(1.1, 1.2) skew(10deg);\n}\n.mark:dir(ltr) .inline:before, .ltr .mark.inline:before,\nmark:dir(ltr) .inline:before,\n.ltr mark.inline:before {\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;\n  border-inline-start-width: 0.5em;\n}\nblockquote:not(.no-icon):before {\n  content: \" \";\n  position: absolute;\n  z-index: -1;\n  opacity: 0.1;\n  background-color: currentColor;\n  mask: var(--flatify__blockquote-icon) no-repeat 50% 50%;\n  -webkit-mask: var(--flatify__blockquote-icon) no-repeat 50% 50%;\n  filter: brightness(100%);\n}\nblockquote:not(.large) {\n  font-size: 1em;\n  line-height: var(--flatify__large-line-height);\n  padding: 0.75em 1.25em;\n  border-start-start-radius: calc(var(--flatify__border-radius) * 0.5);\n  border-start-end-radius: var(--flatify__border-radius);\n  border-end-end-radius: var(--flatify__border-radius);\n  border-end-start-radius: calc(var(--flatify__border-radius) * 0.5);\n}\nblockquote:not(.large):before {\n  top: 1em;\n  width: 7em;\n  height: 7em;\n  inset-inline-start: 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  inset-inline-end: 1em;\n}\nfigure.fill {\n  width: 100% !important;\n}\nfigure.centered {\n  margin-left: auto;\n  margin-right: auto;\n}\nfigure.overlay-caption {\n  overflow: hidden;\n}\nfigure.overlay-caption figcaption {\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 100%;\n  padding-left: 1em;\n  padding-right: 1em;\n  color: var(--flatify__txt-color-inverted);\n  background: linear-gradient(0, var(--flatify__txt-color-dark), transparent);\n}\n\nhr {\n  margin: 1em 0;\n  opacity: 0.5;\n  color: currentColor;\n  background-color: currentColor;\n  border: none;\n  border-radius: var(--flatify__border-radius);\n}\nhr:not([size]) {\n  height: var(--flatify__border-width);\n}\nhr.dots {\n  line-height: 1;\n  display: block;\n  height: auto;\n  padding: 2em;\n  text-align: center;\n  background: transparent;\n}\nhr.dots:before {\n  content: \"‌•••\";\n  letter-spacing: 1.4em;\n  font-size: 1.4em;\n  font-weight: bold;\n}\nhr.short {\n  width: 9em;\n  margin: 3em auto;\n}\n\nkbd {\n  --flatify__local-border-color: var(--flatify__bg-color-darker);\n  vertical-align: middle;\n  text-align: center;\n  font-size: 0.85em;\n  font-weight: normal;\n  line-height: 1;\n  display: inline-block;\n  min-width: 1.75em;\n  padding: 0.18em 0.32em 0.32em;\n  margin: 0 0.25em;\n  background: var(--flatify__bg-color-dark);\n  border: var(--flatify__border-width) solid var(--flatify__local-border-color);\n  border-radius: calc(var(--flatify__border-radius) * 0.5);\n  box-shadow: inset 0 -0.125em 0 var(--flatify__local-border-color);\n  will-change: transform;\n  transition: all var(--flatify__simple-transition) 0.15s;\n}\nkbd:hover {\n  box-shadow: inset 0 0 0 var(--flatify__local-border-color);\n  transform: translateY(0.15em);\n}\nkbd kbd {\n  padding: 0;\n  background: transparent;\n  border: none;\n  box-shadow: none;\n  transform: none !important;\n}\n\n:root {\n  --flatify__table-border-color: var(--flatify__bg-color-darker);\n  --flatify__table-bg-color: var(--flatify__bg-color);\n  --flatify__table-bg-color-dark: var(--flatify__bg-color-dark);\n  --flatify__table-bg-color-darker: var(--flatify__bg-color-darker);\n  --flatify__table-txt-color: var(--flatify__txt-color);\n}\n\ntable {\n  display: table;\n  table-layout: fixed;\n  caption-side: bottom;\n  color: var(--flatify__table-txt-color);\n  width: 100%;\n}\ntable td,\ntable th {\n  padding: 0.75em 1em;\n  background: var(--flatify__table-bg-color);\n}\ntable thead {\n  word-break: break-word;\n}\ntable thead td,\ntable thead th {\n  background: var(--flatify__table-bg-color-dark);\n}\ntable:not(.bordered) {\n  border-collapse: collapse;\n}\ntable.bordered:not(.horizontal) {\n  border-spacing: 0;\n}\ntable.bordered:not(.horizontal) tr:first-child th,\ntable.bordered:not(.horizontal) tr:first-child td {\n  border-top: var(--flatify__border-width) solid var(--flatify__table-border-color);\n}\ntable.bordered:not(.horizontal) td,\ntable.bordered:not(.horizontal) th {\n  border-inline-start: 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-inline-end: 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: inline-start;\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-inline-end: var(--flatify__border-width) solid var(--flatify__table-border-color);\n}\ntable.horizontal.bordered thead td,\ntable.horizontal.bordered thead th {\n  border-inline-start: var(--flatify__border-width) solid var(--flatify__table-border-color);\n}\ntable.horizontal.bordered tbody th,\ntable.horizontal.bordered tbody td {\n  border-inline-end: 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-start-start-radius: var(--flatify__table-radius);\n}\ntable.horizontal thead tr th:last-child,\ntable.horizontal thead tr td:last-child {\n  border-start-end-radius: var(--flatify__table-radius);\n}\ntable.horizontal tbody tr:last-child th:first-child,\ntable.horizontal tbody tr:last-child td:first-child {\n  border-end-start-radius: var(--flatify__table-radius);\n}\ntable.horizontal tbody tr:last-child th:last-child,\ntable.horizontal tbody tr:last-child td:last-child {\n  border-end-end-radius: var(--flatify__table-radius);\n}\ntable:not(.horizontal) tr:last-child th:first-child {\n  border-start-start-radius: var(--flatify__table-radius);\n}\ntable:not(.horizontal) tr:last-child th:last-child {\n  border-start-end-radius: var(--flatify__table-radius);\n}\ntable:not(.horizontal) tr:last-child td:first-child {\n  border-end-start-radius: var(--flatify__table-radius);\n}\ntable:not(.horizontal) tr:last-child td:last-child {\n  border-end-end-radius: var(--flatify__table-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: inline-end;\n  inset-inline-end: -0.38em;\n}\n.alert .close-button.floating {\n  position: absolute;\n  top: 0.75em;\n  inset-inline-end: 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-inline-start: 2.75em;\n  margin-inline-start: 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  inset-inline-start: -1.4em;\n  padding: 0.5em;\n  color: inherit;\n  background: var(--flatify__local-bg-color);\n  border: var(--flatify__border-width) solid var(--flatify__local-border-color);\n  border-radius: calc(var(--flatify__border-radius) * 0.9);\n}\n.alert .alert-svg svg {\n  width: 2em;\n  height: 2em;\n}\n.alert .alert-svg svg:not([fill=none]) {\n  fill: currentColor;\n}\n.alert.style-light-light .alert-svg {\n  filter: brightness(95%);\n}\n\n:root {\n  --flatify__badge-txt-color: var(--flatify__txt-color-inverted);\n  --flatify__badge-bg-color: var(--flatify__color-accent-primary);\n}\n\n.badge {\n  user-select: none;\n  display: inline-block;\n  min-width: 1.35em;\n  min-height: 1.35em;\n  padding: 0.35em 0.65em;\n  text-decoration: none !important;\n  font-size: 0.64em;\n  font-weight: var(--flatify__medium-font-weight);\n  line-height: 1;\n  text-align: center;\n  white-space: nowrap;\n  vertical-align: baseline;\n  color: var(--flatify__badge-txt-color);\n  background: var(--flatify__badge-bg-color);\n  border-radius: calc(var(--flatify__border-radius) * 0.5);\n}\n\n:root {\n  --flatify__backdrop-priority: 1030;\n  --flatify__backdrop-color: var(--flatify__txt-color);\n  --flatify__backdrop-opacity: 0.5;\n  --flatify__backdrop-filter: none;\n  --flatify__modal-backdrop-color: var(--flatify__backdrop-color);\n}\n\n.backdrop-layer {\n  position: fixed;\n  top: 0;\n  left: 0;\n  z-index: var(--flatify__backdrop-priority);\n  display: none;\n  width: 100%;\n  height: 100%;\n  background: var(--flatify__backdrop-color);\n  opacity: var(--flatify__backdrop-opacity);\n  backdrop-filter: var(--flatify__backdrop-filter);\n}\n.backdrop-layer.show {\n  display: block;\n  animation: flatify-backdrop-fade-in var(--flatify__modal-animation-show-duration);\n}\n.backdrop-layer.backdrop-will-be-removed {\n  animation: flatify-fade-out var(--flatify__modal-animation-hide-duration) both;\n}\n.backdrop-layer.modal-backdrop {\n  --flatify__backdrop-priority: 1030;\n  --flatify__backdrop-color: var(--flatify__modal-backdrop-color);\n}\n\n:root {\n  --flatify__breadcrumbs-txt-color: var(--flatify__txt-color);\n  --flatify__breadcrumbs-bg-color: var(--flatify__bg-color);\n  --flatify__breadcrumbs-border-color: var(--flatify__bg-color-darker);\n}\n\n.breadcrumbs-wrapper {\n  --flatify__local-txt-color: var(--flatify__breadcrumbs-txt-color);\n  --flatify__local-bg-color: var(--flatify__breadcrumbs-bg-color);\n  --flatify__local-border-color: var(--flatify__breadcrumbs-border-color);\n  width: 100%;\n  border: var(--flatify__border-width) solid var(--flatify__local-border-color);\n  border-radius: var(--flatify__border-radius);\n}\n\n.breadcrumbs {\n  overflow-x: auto;\n  overflow-y: hidden;\n  scrollbar-width: thin;\n  list-style: none;\n  padding: 0;\n  margin: 0;\n  border-radius: var(--flatify__border-radius);\n}\n.breadcrumbs[class*=style-] {\n  background: transparent !important;\n}\n.breadcrumbs .crumb {\n  overflow: hidden;\n  position: relative;\n  white-space: nowrap;\n  display: table-cell;\n  padding: 0.64em 1em;\n  color: var(--flatify__local-txt-color);\n  background: var(--flatify__local-bg-color);\n  border-color: var(--flatify__local-border-color);\n}\n.breadcrumbs .crumb:not(:first-child) {\n  padding-inline-start: 3em;\n}\n.breadcrumbs .crumb:not(:first-child):before {\n  content: \" \";\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  inset-inline-start: -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-inline-start: 2em;\n}\n.breadcrumbs .crumb:last-child {\n  padding-inline-end: 2em;\n}\n.breadcrumbs .crumb:hover:before, .breadcrumbs .crumb:focus-within:before {\n  transform: rotate(45deg) scale(1.15);\n}\n\n:root {\n  --flatify__button-txt-color: var(--flatify__txt-color);\n  --flatify__button-bg-color: var(--flatify__bg-color-dark);\n  --flatify__button-border-color: var(--flatify__bg-color-darker);\n}\n\ninput[type=file]:not(.default)::file-selector-button, .button {\n  --flatify__local-bg-color: var(--flatify__button-bg-color);\n  user-select: none;\n  appearance: none;\n  vertical-align: middle;\n  text-align: center;\n  text-decoration: none !important;\n  font-weight: var(--flatify__medium-font-weight);\n  display: inline-block;\n  padding: 0.75em 0.85em 0.5em;\n  margin: 0.32em 0.32em 0.5em;\n  color: var(--flatify__button-txt-color);\n  background: var(--flatify__button-bg-color);\n  border: none;\n  border-radius: var(--flatify__border-radius);\n  box-shadow: 0 calc(var(--flatify__border-width) * 1.38) 0 var(--flatify__button-border-color);\n  filter: brightness(100%);\n  will-change: transform, filter;\n  transition: filter var(--flatify__simple-transition) !important;\n}\ninput[type=file]:not(.static):not(.default)::file-selector-button, .button:not(.static) {\n  outline: none !important;\n}\n.radio-button:focus + input[type=file]:not(.default)::file-selector-button, .radio-button:focus + .button, input[type=file]:not(.static):hover:not(.default)::file-selector-button, .button:not(.static):hover {\n  filter: brightness(var(--flatify__hover-brightness));\n}\n.checkbox-button:checked + input[type=file]:not(.default)::file-selector-button, .checkbox-button:checked + .button, .radio-button:checked + input[type=file]:not(.default)::file-selector-button, .radio-button:checked + .button, input.active[type=file]:not(.default)::file-selector-button, .active.button, input[type=file]:not(.static):focus-visible:not(.default)::file-selector-button, .button:not(.static):focus-visible, input[type=file]:not(.static):active:not(.default)::file-selector-button, .button:not(.static):active {\n  box-shadow: inset 0 0 0 var(--flatify__button-border-color);\n  filter: brightness(var(--flatify__hover-brightness));\n  transform: translateY(calc(var(--flatify__border-width) * 1.38));\n}\ninput.outline[type=file]:not(.default)::file-selector-button, .outline.button {\n  color: var(--flatify__button-txt-color) !important;\n  background: transparent !important;\n}\ninput.outline[type=file]:not(.default)::file-selector-button, .outline.button, input.bordered[type=file]:not(.default)::file-selector-button, .bordered.button {\n  box-shadow: 0 calc(var(--flatify__border-width) * 1.38) 0 var(--flatify__button-border-color), inset 0 calc(var(--flatify__border-width) * 0.38) 0 var(--flatify__button-border-color), inset calc(var(--flatify__border-width) * -0.38) 0 0 var(--flatify__button-border-color), inset calc(var(--flatify__border-width) * 0.38) 0 0 var(--flatify__button-border-color), 0 calc(var(--flatify__border-width) * -0.38) 0 var(--flatify__button-border-color), calc(var(--flatify__border-width) * 0.38) 0 0 var(--flatify__button-border-color), calc(var(--flatify__border-width) * -0.38) 0 0 var(--flatify__button-border-color);\n}\ninput.outline.active[type=file]:not(.default)::file-selector-button, .outline.active.button, input.outline[type=file]:not(.static):focus-visible:not(.default)::file-selector-button, .outline.button:not(.static):focus-visible, input.outline[type=file]:not(.static):active:not(.default)::file-selector-button, .outline.button:not(.static):active, input.bordered.active[type=file]:not(.default)::file-selector-button, .bordered.active.button, input.bordered[type=file]:not(.static):focus-visible:not(.default)::file-selector-button, .bordered.button:not(.static):focus-visible, input.bordered[type=file]:not(.static):active:not(.default)::file-selector-button, .bordered.button:not(.static):active {\n  box-shadow: inset 0 0 0 calc(var(--flatify__border-width) * 0.38) var(--flatify__button-border-color), 0 0 0 calc(var(--flatify__border-width) * 0.38) var(--flatify__button-border-color);\n  transform: translateY(calc(var(--flatify__border-width) * 1.2));\n}\ninput[class*=style-][type=file]:not(.default)::file-selector-button, [class*=style-].button {\n  --flatify__button-bg-color: var(--flatify__local-bg-color);\n  --flatify__button-border-color: var(--flatify__local-border-color);\n}\ninput[class*=style-][class*=light][type=file]:not(.default)::file-selector-button, [class*=style-][class*=light].button {\n  --flatify__button-txt-color: var(--flatify__local-txt-color);\n}\ninput[class*=style-][type=file]:not([class*=light]):not(.default)::file-selector-button, [class*=style-].button:not([class*=light]) {\n  --flatify__button-txt-color: var(--flatify__local-border-color);\n}\ninput[class*=style-].outline.style-dark-light[type=file]:not(.default)::file-selector-button, [class*=style-].outline.style-dark-light.button {\n  --flatify__button-txt-color: var(--flatify__txt-color);\n}\ninput.disabled[type=file]:not(.default)::file-selector-button, .disabled.button, input[type=file]:disabled:not(.default)::file-selector-button, .button:disabled {\n  pointer-events: none;\n  background: var(--flatify__button-border-color) !important;\n  box-shadow: inset 0 0 0 var(--flatify__button-border-color);\n  filter: contrast(85%) brightness(85%) opacity(70%) !important;\n  transform: translateY(calc(var(--flatify__border-width) * 1.38));\n}\n\n.checkbox-button:checked + .button.outline, .radio-button:checked + .button.outline, .checkbox-button:checked + .button.bordered, .radio-button:checked + .button.bordered {\n  box-shadow: inset 0 0 0 calc(var(--flatify__border-width) * 0.38) var(--flatify__button-border-color), 0 0 0 calc(var(--flatify__border-width) * 0.38) var(--flatify__button-border-color);\n  transform: translateY(calc(var(--flatify__border-width) * 1.2));\n}\n.checkbox-button:disabled + .button, .radio-button:disabled + .button {\n  pointer-events: none;\n  background: var(--flatify__button-border-color) !important;\n  box-shadow: inset 0 0 0 var(--flatify__button-border-color);\n  filter: contrast(85%) brightness(85%) opacity(70%) !important;\n  transform: translateY(calc(var(--flatify__border-width) * 1.38));\n}\n.button svg:not([fill=none]) {\n  fill: currentColor;\n}\n\n.link-button {\n  padding: 0.75em 0.85em;\n  background: transparent;\n  border: none;\n}\n\nbutton.no-style {\n  padding: 0 0.38em;\n  margin: 0;\n  cursor: pointer;\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  color: currentColor;\n  background: transparent;\n  border: none;\n  outline: none;\n  box-shadow: none;\n  transform: none !important;\n}\n\n:root {\n  --flatify__two-layer-button-animation-show: flatify-blow-in 0.2s 0.2s ease-in-out;\n}\n\n.two-layer-button {\n  --flatify__overlay-layer-priority: 0;\n  --flatify__overlay-layer-opacity: 0;\n  overflow: hidden;\n}\n.two-layer-button .secondary-text {\n  position: absolute;\n  top: 0;\n  left: 0;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: 100%;\n  height: 100%;\n  padding-top: 0.32em;\n  opacity: 0;\n}\n.two-layer-button .secondary-text svg {\n  width: 1.75em;\n}\n.two-layer-button:before,\n.two-layer-button .secondary-text {\n  transition: all var(--flatify__simple-transition) 0.1s;\n}\n.two-layer-button:hover:before, .two-layer-button:focus-visible:before {\n  --flatify__overlay-layer-opacity: 1;\n}\n.two-layer-button:hover .secondary-text, .two-layer-button:focus-visible .secondary-text {\n  opacity: 1;\n  animation: var(--flatify__two-layer-button-animation-show);\n  animation-fill-mode: both;\n}\n\n.add-button {\n  position: relative;\n  display: inline-block;\n  width: 1.2em;\n  height: 1.2em;\n  background: transparent;\n  border: none;\n}\n.add-button:before, .add-button:after {\n  content: \" \";\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  height: max(3px, 0.18em);\n  margin: auto;\n  background: currentColor;\n  border-radius: var(--flatify__border-radius);\n  will-change: transform;\n  transition: transform var(--flatify__simple-transition);\n}\n.add-button:not(.active):before {\n  transform: rotate(90deg);\n}\n.add-button.active:before {\n  transform: rotate(0);\n}\n.add-button.active:after {\n  transform: rotate(-180deg);\n}\n\n.hamburger {\n  position: relative;\n  width: 1.2em;\n  height: 1.2em;\n  background: transparent;\n  border: none;\n}\n.hamburger:before, .hamburger:after {\n  content: \" \";\n  position: absolute;\n  left: 0;\n  height: max(3px, 0.18em);\n  background: currentColor;\n  border-radius: var(--flatify__border-radius);\n  will-change: width, transform;\n  transition: transform var(--flatify__simple-transition), width var(--flatify__simple-transition);\n}\n.hamburger:not(.active):before {\n  top: 0.25em;\n  width: 100%;\n}\n.hamburger:not(.active):after {\n  bottom: 0.25em;\n  width: 75%;\n}\n.hamburger:not(.active):hover:before, .hamburger:not(.active):focus:before {\n  width: 75%;\n}\n.hamburger:not(.active):hover:after, .hamburger:not(.active):focus:after {\n  width: 100%;\n}\n.hamburger.active:before, .hamburger.active:after {\n  top: 0;\n  bottom: 0;\n  width: 100%;\n  margin: auto 0;\n  animation: flatify-fade-in 0.25s ease-in-out;\n}\n.hamburger.active:before {\n  transform: rotate(45deg);\n}\n.hamburger.active:after {\n  transform: rotate(-45deg);\n}\n\n.arrow-button {\n  display: flex;\n  align-items: center;\n  background: var(--flatify__bg-color-dark);\n  border: none;\n  border-radius: var(--flatify__border-radius);\n}\n.arrow-button:after {\n  content: \" \";\n  position: relative;\n  z-index: 1;\n  display: inline-block;\n  width: 1.2em;\n  height: 1.2em;\n  background-color: currentColor;\n  mask: var(--flatify__arrow-down-icon) no-repeat 50% 50%;\n  -webkit-mask: var(--flatify__arrow-down-icon) no-repeat 50% 50%;\n  will-change: transform;\n  transition: all var(--flatify__bouncing-transition);\n}\n.arrow-button:not(:empty):after {\n  margin-inline-start: 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-start-start-radius: var(--flatify__border-radius);\n  border-end-start-radius: var(--flatify__border-radius);\n}\n.button-group:not(.vertical) .button:last-child {\n  border-start-end-radius: var(--flatify__border-radius);\n  border-end-end-radius: 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  inset-inline-end: 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  inset-inline-start: 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  inset-inline-start: 0.5em;\n  z-index: 10;\n  display: none;\n}\n.menu-items-wrapper.navbar .links .menu-item .submenu .submenu {\n  top: -50%;\n  inset-inline-start: 115%;\n}\n.menu-items-wrapper.navbar .links .menu-item .submenu .submenu:after {\n  content: \" \";\n  position: absolute;\n  top: 0.64em;\n  inset-inline-start: -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-inline-end: 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-inline-end: 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  inset-inline-start: 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-inline-start-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  inset-inline-start: 0;\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:dir(ltr) .progress.processing .progress-bar:before,\n.ltr .progress.processing .progress-bar:before {\n  transform-origin: left;\n}\n\n:dir(rtl) .progress.processing .progress-bar:before,\n.rtl .progress.processing .progress-bar:before {\n  transform-origin: right;\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-inline-end: 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  inset-inline-end: 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-inline-start: 0.5em;\n}\n.tabs-header.line-at-top .tab-button:before {\n  bottom: unset;\n  top: 0;\n  border-radius: 0 0 calc(var(--flatify__border-radius) * 0.32) calc(var(--flatify__border-radius) * 0.32);\n  transform-origin: top center;\n}\n\n.tabs-content {\n  overflow: hidden;\n  color: var(--flatify__tab-txt-color);\n  background: var(--flatify__tab-bg-color);\n}\n.tabs-content .tab-panel {\n  padding: 1em;\n}\n.tabs-content .tab-panel:not(.show) {\n  display: none !important;\n}\n.tabs-content.no-animation .tab-panel {\n  animation-duration: 0s !important;\n}\n.tabs-content.slide-animation .tab-panel.show.slide-left {\n  animation: flatify-slide-left-in-min var(--flatify__tab-animation-show-duration) ease;\n}\n.tabs-content.slide-animation .tab-panel.show.slide-left.tab-will-be-hidden {\n  animation: flatify-slide-left-out-min var(--flatify__tab-animation-hide-duration) ease;\n}\n.tabs-content.slide-animation .tab-panel.show.slide-right {\n  animation: flatify-slide-right-in-min var(--flatify__tab-animation-show-duration) ease;\n}\n.tabs-content.slide-animation .tab-panel.show.slide-right.tab-will-be-hidden {\n  animation: flatify-slide-right-out-min var(--flatify__tab-animation-hide-duration) ease;\n}\n.tabs-content.fade-animation .tab-panel.show {\n  animation: flatify-fade-in var(--flatify__tab-animation-show-duration) ease;\n}\n.tabs-content.fade-animation .tab-panel.show.tab-will-be-hidden {\n  animation: flatify-fade-out var(--flatify__tab-animation-hide-duration) ease;\n}\n\n.tab-panel.show {\n  animation: var(--flatify__tab-animation-show);\n}\n.tab-panel.show.tab-will-be-hidden {\n  animation: var(--flatify__tab-animation-hide);\n}\n\n:root {\n  --flatify__toast-txt-color: var(--flatify__txt-color);\n  --flatify__toast-bg-color: var(--flatify__bg-color);\n  --flatify__toast-border-color: var(--flatify__bg-color-darker);\n  --flatify__toast-inner-space: 2.5em;\n  --flatify__toast-animation-show-duration: 300ms;\n  --flatify__toast-animation-hide-duration: 200ms;\n  --flatify__toast-animation-show: flatify-slide-up-in-min var(--flatify__toast-animation-show-duration)\n    ease;\n  --flatify__toast-animation-hide: flatify-slide-down-out-min var(--flatify__toast-animation-hide-duration)\n    ease both;\n}\n\n.toast-wrapper {\n  position: fixed;\n  width: 20em;\n  max-width: 100vw;\n  display: flex;\n  flex-direction: column;\n  z-index: 1100;\n}\n.toast-wrapper.bottom {\n  flex-direction: column-reverse;\n  bottom: var(--flatify__toast-inner-space);\n}\n.toast-wrapper.top {\n  flex-direction: column;\n  top: var(--flatify__toast-inner-space);\n}\n.toast-wrapper.left {\n  left: var(--flatify__toast-inner-space);\n}\n.toast-wrapper.right {\n  right: var(--flatify__toast-inner-space);\n}\n.toast-wrapper.center {\n  left: 0;\n  right: 0;\n  margin: 0 auto;\n}\n@media screen and (max-width: 575.98px) {\n  .toast-wrapper {\n    --flatify__toast-inner-space: 0.5em;\n    width: calc(100% - 1em);\n  }\n  .toast-wrapper.left, .toast-wrapper.right {\n    left: 0;\n    right: 0;\n    margin: 0 auto;\n  }\n}\n\n.toast {\n  --flatify__local-txt-color: var(--flatify__toast-txt-color);\n  --flatify__local-bg-color: var(--flatify__toast-bg-color);\n  --flatify__local-border-color: var(--flatify__toast-border-color);\n  overflow: hidden;\n  position: relative;\n  width: 100%;\n  padding: 0.9em;\n  margin: 0.25em 0;\n  color: var(--flatify__local-txt-color);\n  background: var(--flatify__local-bg-color);\n  border: var(--flatify__border-width) solid var(--flatify__local-border-color);\n  box-shadow: inset 0 -0.125em 0 var(--flatify__local-border-color);\n  border-radius: var(--flatify__border-radius);\n}\n.toast:not(.toast-will-be-removed) {\n  animation: var(--flatify__toast-animation-show);\n}\n.toast.toast-will-be-removed {\n  animation: var(--flatify__toast-animation-hide);\n}\n.toast:hover .close-button {\n  transition-delay: 0.15s;\n  transform: scale(1);\n}\n.toast .toast-svg {\n  display: inline-block;\n  width: 2em;\n  max-height: 2em;\n  margin-inline-end: 0.32em;\n  opacity: 0.75;\n}\n.toast .toast-svg:not([fill=none]) {\n  fill: currentColor;\n}\n.toast .close-button {\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  inset-inline-end: 0.25em;\n  font-size: 0.85em;\n  margin: auto 0;\n  background: var(--flatify__local-bg-color);\n  box-shadow: 0 0 0.32em 0.32em var(--flatify__local-bg-color);\n  transform: scale(0);\n}\n\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-inline-start: 0.38em;\n}\n.form-label:not(.inline) {\n  display: block;\n  margin-inline-start: 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  inset-inline-start: 1em;\n}\n.floating-label.is-textarea .form-label {\n  top: 1.5em;\n  bottom: unset;\n}\n\n:dir(ltr) .floating-label .form-label,\n.ltr .floating-label .form-label {\n  transform-origin: left top;\n}\n\n:dir(rtl) .floating-label .form-label,\n.rtl .floating-label .form-label {\n  transform-origin: right top;\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-inline-start: 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-inline-end: 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 !important;\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-inline-end: 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  inset-inline-end: 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  inset-inline-end: 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  inset-inline-end: 1.75em;\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  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  inset-inline-end: 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  inset-inline-end: 0.5em;\n  z-index: 3;\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  top: 0;\n  bottom: 0;\n  inset-inline-end: 0.5em;\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-block-start: 0;\n  margin-block-end: 0;\n  margin-inline-end: 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-inline-end: 2.5em;\n  background-image: var(--flatify__select-icon);\n  background-repeat: no-repeat;\n  background-position: inline-end 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 .check {\n  min-width: 3em;\n  width: 3em;\n}\n.toggle-wrapper .check:after {\n  top: 0;\n  bottom: 0;\n  inset-inline-start: 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  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:dir(ltr) {\n    transform: translateX(1.2em) scaleY(0.7) scaleX(1.4) !important;\n  }\n  .toggle-wrapper:active input:checked + .check:after:dir(rtl) {\n    transform: translateX(-1.2em) scaleY(0.7) scaleX(1.4) !important;\n  }\n}\n\n:dir(ltr) .toggle-wrapper:hover:not(:focus-within) input:not(:disabled) + .check:after,\n.ltr .toggle-wrapper:hover:not(:focus-within) input:not(:disabled) + .check:after {\n  transform: translateX(0.3em);\n}\n\n:dir(rtl) .toggle-wrapper:hover:not(:focus-within) input:not(:disabled) + .check:after,\n.rtl .toggle-wrapper:hover:not(:focus-within) input:not(:disabled) + .check:after {\n  transform: translateX(-0.3em);\n}\n\n:dir(ltr) .toggle-wrapper input:checked + .check:after,\n.ltr .toggle-wrapper input:checked + .check:after {\n  transform: translateX(1.4em) !important;\n}\n\n:dir(rtl) .toggle-wrapper input:checked + .check:after,\n.rtl .toggle-wrapper input:checked + .check:after {\n  transform: translateX(-1.4em) !important;\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-inline-end: 0.5em;\n}\n.items-group .item-icon svg {\n  width: 3em;\n  height: 3em;\n  padding: 0.32em;\n}\n.items-group .item-icon svg:not([fill=none]) {\n  fill: currentColor;\n}\n.items-group .item-text {\n  width: 100%;\n  text-align: start;\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: scale(0.92);\n  }\n}\n@keyframes flatify-dropdown-show {\n  from {\n    opacity: 0;\n    transform: scale(0.9);\n  }\n  to {\n    opacity: 1;\n    transform: scale(1);\n  }\n}\n@keyframes flatify-dropdown-hide {\n  from {\n    opacity: 1;\n    transform: scale(1);\n  }\n  to {\n    opacity: 0;\n    transform: scale(0.85);\n  }\n}\n@keyframes flatify-pulse {\n  0% {\n    transform: scale(1);\n  }\n  60%, 100% {\n    opacity: 0;\n    transform: scale(1.75);\n  }\n}\n@keyframes flatify-eye-blink {\n  0% {\n    transform: scaleY(1);\n  }\n  40% {\n    transform: scaleY(1);\n  }\n  42% {\n    transform: scaleY(0.3);\n  }\n  45% {\n    transform: scaleY(1);\n  }\n  100% {\n    transform: scaleY(1);\n  }\n}\n@keyframes flatify-hue {\n  0% {\n    filter: hue-rotate(0);\n  }\n  40% {\n    filter: hue-rotate(360deg);\n  }\n  80% {\n    filter: hue-rotate(-360deg);\n  }\n  100% {\n    filter: hue-rotate(0);\n  }\n}\n@keyframes flatify-hue-min {\n  0% {\n    filter: hue-rotate(0);\n  }\n  40% {\n    filter: hue-rotate(45deg);\n  }\n  80% {\n    filter: hue-rotate(-45deg);\n  }\n  100% {\n    filter: hue-rotate(0);\n  }\n}\n@keyframes flatify-loading-dot-first {\n  0% {\n    opacity: 0;\n    transform: scale(var(--flatify__loading-dot-animation-start-scale)) translateX(-0.25em);\n  }\n  50% {\n    opacity: 1;\n    transform: scale(1);\n  }\n  90% {\n    opacity: 1;\n  }\n  100% {\n    opacity: 0;\n  }\n}\n@keyframes flatify-loading-dot-second {\n  0%, 25% {\n    opacity: 0;\n    transform: scale(var(--flatify__loading-dot-animation-start-scale));\n  }\n  65%, 100% {\n    opacity: 1;\n    transform: scale(1);\n  }\n}\n@keyframes flatify-loading-dot-third {\n  0%, 45% {\n    opacity: 0;\n    transform: scale(var(--flatify__loading-dot-animation-start-scale)) translateX(0.25em);\n  }\n  85%, 100% {\n    opacity: 1;\n    transform: scale(1);\n  }\n}\n.style-blue {\n  color: var(--flatify__txt-color-inverted) !important;\n  --flatify__local-txt-color: var(--flatify__txt-color-inverted) !important;\n  background-color: var(--flatify__color-blue-primary) !important;\n  --flatify__local-bg-color: var(--flatify__color-blue-primary) !important;\n  border-color: var(--flatify__color-blue-dark) !important;\n  --flatify__local-border-color: var(--flatify__color-blue-dark) !important;\n  --flatify__local-border-color-dark: var(--flatify__color-blue-darker) !important;\n}\n\n.style-blue-light {\n  color: var(--flatify__color-blue-darker) !important;\n  --flatify__local-txt-color: var(--flatify__color-blue-darker) !important;\n  background-color: var(--flatify__color-blue-light) !important;\n  --flatify__local-bg-color: var(--flatify__color-blue-light) !important;\n  border-color: var(--flatify__color-blue-primary) !important;\n  --flatify__local-border-color: var(--flatify__color-blue-primary) !important;\n  --flatify__local-border-color-dark: var(--flatify__color-blue-dark) !important;\n}\n\n.style-green {\n  color: var(--flatify__txt-color-inverted) !important;\n  --flatify__local-txt-color: var(--flatify__txt-color-inverted) !important;\n  background-color: var(--flatify__color-green-primary) !important;\n  --flatify__local-bg-color: var(--flatify__color-green-primary) !important;\n  border-color: var(--flatify__color-green-dark) !important;\n  --flatify__local-border-color: var(--flatify__color-green-dark) !important;\n  --flatify__local-border-color-dark: var(--flatify__color-green-darker) !important;\n}\n\n.style-green-light {\n  color: var(--flatify__color-green-darker) !important;\n  --flatify__local-txt-color: var(--flatify__color-green-darker) !important;\n  background-color: var(--flatify__color-green-light) !important;\n  --flatify__local-bg-color: var(--flatify__color-green-light) !important;\n  border-color: var(--flatify__color-green-primary) !important;\n  --flatify__local-border-color: var(--flatify__color-green-primary) !important;\n  --flatify__local-border-color-dark: var(--flatify__color-green-dark) !important;\n}\n\n.style-yellow {\n  color: var(--flatify__color-yellow-darker) !important;\n  --flatify__local-txt-color: var(--flatify__color-yellow-darker) !important;\n  background-color: var(--flatify__color-yellow-primary) !important;\n  --flatify__local-bg-color: var(--flatify__color-yellow-primary) !important;\n  border-color: var(--flatify__color-yellow-dark) !important;\n  --flatify__local-border-color: var(--flatify__color-yellow-dark) !important;\n  --flatify__local-border-color-dark: var(--flatify__color-yellow-darker) !important;\n}\n\n.style-yellow-light {\n  color: var(--flatify__color-yellow-darker) !important;\n  --flatify__local-txt-color: var(--flatify__color-yellow-darker) !important;\n  background-color: var(--flatify__color-yellow-light) !important;\n  --flatify__local-bg-color: var(--flatify__color-yellow-light) !important;\n  border-color: var(--flatify__color-yellow-primary) !important;\n  --flatify__local-border-color: var(--flatify__color-yellow-primary) !important;\n  --flatify__local-border-color-dark: var(--flatify__color-yellow-dark) !important;\n}\n\n.style-orange {\n  color: var(--flatify__txt-color-inverted) !important;\n  --flatify__local-txt-color: var(--flatify__txt-color-inverted) !important;\n  background-color: var(--flatify__color-orange-primary) !important;\n  --flatify__local-bg-color: var(--flatify__color-orange-primary) !important;\n  border-color: var(--flatify__color-orange-dark) !important;\n  --flatify__local-border-color: var(--flatify__color-orange-dark) !important;\n  --flatify__local-border-color-dark: var(--flatify__color-orange-darker) !important;\n}\n\n.style-orange-light {\n  color: var(--flatify__color-orange-darker) !important;\n  --flatify__local-txt-color: var(--flatify__color-orange-darker) !important;\n  background-color: var(--flatify__color-orange-light) !important;\n  --flatify__local-bg-color: var(--flatify__color-orange-light) !important;\n  border-color: var(--flatify__color-orange-primary) !important;\n  --flatify__local-border-color: var(--flatify__color-orange-primary) !important;\n  --flatify__local-border-color-dark: var(--flatify__color-orange-dark) !important;\n}\n\n.style-red {\n  color: var(--flatify__txt-color-inverted) !important;\n  --flatify__local-txt-color: var(--flatify__txt-color-inverted) !important;\n  background-color: var(--flatify__color-red-primary) !important;\n  --flatify__local-bg-color: var(--flatify__color-red-primary) !important;\n  border-color: var(--flatify__color-red-dark) !important;\n  --flatify__local-border-color: var(--flatify__color-red-dark) !important;\n  --flatify__local-border-color-dark: var(--flatify__color-red-darker) !important;\n}\n\n.style-red-light {\n  color: var(--flatify__color-red-darker) !important;\n  --flatify__local-txt-color: var(--flatify__color-red-darker) !important;\n  background-color: var(--flatify__color-red-light) !important;\n  --flatify__local-bg-color: var(--flatify__color-red-light) !important;\n  border-color: var(--flatify__color-red-primary) !important;\n  --flatify__local-border-color: var(--flatify__color-red-primary) !important;\n  --flatify__local-border-color-dark: var(--flatify__color-red-dark) !important;\n}\n\n.style-pink {\n  color: var(--flatify__color-pink-darker) !important;\n  --flatify__local-txt-color: var(--flatify__color-pink-darker) !important;\n  background-color: var(--flatify__color-pink-primary) !important;\n  --flatify__local-bg-color: var(--flatify__color-pink-primary) !important;\n  border-color: var(--flatify__color-pink-dark) !important;\n  --flatify__local-border-color: var(--flatify__color-pink-dark) !important;\n  --flatify__local-border-color-dark: var(--flatify__color-pink-darker) !important;\n}\n\n.style-pink-light {\n  color: var(--flatify__color-pink-darker) !important;\n  --flatify__local-txt-color: var(--flatify__color-pink-darker) !important;\n  background-color: var(--flatify__color-pink-light) !important;\n  --flatify__local-bg-color: var(--flatify__color-pink-light) !important;\n  border-color: var(--flatify__color-pink-primary) !important;\n  --flatify__local-border-color: var(--flatify__color-pink-primary) !important;\n  --flatify__local-border-color-dark: var(--flatify__color-pink-dark) !important;\n}\n\n.style-purple {\n  color: var(--flatify__txt-color-inverted) !important;\n  --flatify__local-txt-color: var(--flatify__txt-color-inverted) !important;\n  background-color: var(--flatify__color-purple-primary) !important;\n  --flatify__local-bg-color: var(--flatify__color-purple-primary) !important;\n  border-color: var(--flatify__color-purple-dark) !important;\n  --flatify__local-border-color: var(--flatify__color-purple-dark) !important;\n  --flatify__local-border-color-dark: var(--flatify__color-purple-darker) !important;\n}\n\n.style-purple-light {\n  color: var(--flatify__color-purple-darker) !important;\n  --flatify__local-txt-color: var(--flatify__color-purple-darker) !important;\n  background-color: var(--flatify__color-purple-light) !important;\n  --flatify__local-bg-color: var(--flatify__color-purple-light) !important;\n  border-color: var(--flatify__color-purple-primary) !important;\n  --flatify__local-border-color: var(--flatify__color-purple-primary) !important;\n  --flatify__local-border-color-dark: var(--flatify__color-purple-dark) !important;\n}\n\n.style-accent {\n  color: var(--flatify__txt-color-inverted) !important;\n  --flatify__local-txt-color: var(--flatify__txt-color-inverted) !important;\n  background-color: var(--flatify__color-accent-primary) !important;\n  --flatify__local-bg-color: var(--flatify__color-accent-primary) !important;\n  border-color: var(--flatify__color-accent-dark) !important;\n  --flatify__local-border-color: var(--flatify__color-accent-dark) !important;\n  --flatify__local-border-color-dark: var(--flatify__color-accent-darker) !important;\n}\n\n.style-accent-light {\n  color: var(--flatify__color-accent-darker) !important;\n  --flatify__local-txt-color: var(--flatify__color-accent-darker) !important;\n  background-color: var(--flatify__color-accent-light) !important;\n  --flatify__local-bg-color: var(--flatify__color-accent-light) !important;\n  border-color: var(--flatify__color-accent-primary) !important;\n  --flatify__local-border-color: var(--flatify__color-accent-primary) !important;\n  --flatify__local-border-color-dark: var(--flatify__color-accent-dark) !important;\n}\n\n.style-success {\n  color: var(--flatify__txt-color-inverted) !important;\n  --flatify__local-txt-color: var(--flatify__txt-color-inverted) !important;\n  background-color: var(--flatify__color-success-primary) !important;\n  --flatify__local-bg-color: var(--flatify__color-success-primary) !important;\n  border-color: var(--flatify__color-success-dark) !important;\n  --flatify__local-border-color: var(--flatify__color-success-dark) !important;\n  --flatify__local-border-color-dark: var(--flatify__color-success-darker) !important;\n}\n\n.style-success-light {\n  color: var(--flatify__color-success-darker) !important;\n  --flatify__local-txt-color: var(--flatify__color-success-darker) !important;\n  background-color: var(--flatify__color-success-light) !important;\n  --flatify__local-bg-color: var(--flatify__color-success-light) !important;\n  border-color: var(--flatify__color-success-primary) !important;\n  --flatify__local-border-color: var(--flatify__color-success-primary) !important;\n  --flatify__local-border-color-dark: var(--flatify__color-success-dark) !important;\n}\n\n.style-info {\n  color: var(--flatify__txt-color-inverted) !important;\n  --flatify__local-txt-color: var(--flatify__txt-color-inverted) !important;\n  background-color: var(--flatify__color-info-primary) !important;\n  --flatify__local-bg-color: var(--flatify__color-info-primary) !important;\n  border-color: var(--flatify__color-info-dark) !important;\n  --flatify__local-border-color: var(--flatify__color-info-dark) !important;\n  --flatify__local-border-color-dark: var(--flatify__color-info-darker) !important;\n}\n\n.style-info-light {\n  color: var(--flatify__color-info-darker) !important;\n  --flatify__local-txt-color: var(--flatify__color-info-darker) !important;\n  background-color: var(--flatify__color-info-light) !important;\n  --flatify__local-bg-color: var(--flatify__color-info-light) !important;\n  border-color: var(--flatify__color-info-primary) !important;\n  --flatify__local-border-color: var(--flatify__color-info-primary) !important;\n  --flatify__local-border-color-dark: var(--flatify__color-info-dark) !important;\n}\n\n.style-warning {\n  color: var(--flatify__txt-color-inverted) !important;\n  --flatify__local-txt-color: var(--flatify__txt-color-inverted) !important;\n  background-color: var(--flatify__color-warning-primary) !important;\n  --flatify__local-bg-color: var(--flatify__color-warning-primary) !important;\n  border-color: var(--flatify__color-warning-dark) !important;\n  --flatify__local-border-color: var(--flatify__color-warning-dark) !important;\n  --flatify__local-border-color-dark: var(--flatify__color-warning-darker) !important;\n}\n\n.style-warning-light {\n  color: var(--flatify__color-warning-darker) !important;\n  --flatify__local-txt-color: var(--flatify__color-warning-darker) !important;\n  background-color: var(--flatify__color-warning-light) !important;\n  --flatify__local-bg-color: var(--flatify__color-warning-light) !important;\n  border-color: var(--flatify__color-warning-primary) !important;\n  --flatify__local-border-color: var(--flatify__color-warning-primary) !important;\n  --flatify__local-border-color-dark: var(--flatify__color-warning-dark) !important;\n}\n\n.style-danger {\n  color: var(--flatify__txt-color-inverted) !important;\n  --flatify__local-txt-color: var(--flatify__txt-color-inverted) !important;\n  background-color: var(--flatify__color-danger-primary) !important;\n  --flatify__local-bg-color: var(--flatify__color-danger-primary) !important;\n  border-color: var(--flatify__color-danger-dark) !important;\n  --flatify__local-border-color: var(--flatify__color-danger-dark) !important;\n  --flatify__local-border-color-dark: var(--flatify__color-danger-darker) !important;\n}\n\n.style-danger-light {\n  color: var(--flatify__color-danger-darker) !important;\n  --flatify__local-txt-color: var(--flatify__color-danger-darker) !important;\n  background-color: var(--flatify__color-danger-light) !important;\n  --flatify__local-bg-color: var(--flatify__color-danger-light) !important;\n  border-color: var(--flatify__color-danger-primary) !important;\n  --flatify__local-border-color: var(--flatify__color-danger-primary) !important;\n  --flatify__local-border-color-dark: var(--flatify__color-danger-dark) !important;\n}\n\n.style-light {\n  color: var(--flatify__txt-color) !important;\n  --flatify__local-txt-color: var(--flatify__txt-color) !important;\n  background-color: var(--flatify__color-light-primary) !important;\n  --flatify__local-bg-color: var(--flatify__color-light-primary) !important;\n  border-color: var(--flatify__color-light-dark) !important;\n  --flatify__local-border-color: var(--flatify__color-light-dark) !important;\n  --flatify__local-border-color-dark: var(--flatify__color-light-darker) !important;\n}\n\n.style-light-light {\n  color: var(--flatify__txt-color) !important;\n  --flatify__local-txt-color: var(--flatify__txt-color) !important;\n  background-color: var(--flatify__color-light-light) !important;\n  --flatify__local-bg-color: var(--flatify__color-light-light) !important;\n  border-color: var(--flatify__color-light-primary) !important;\n  --flatify__local-border-color: var(--flatify__color-light-primary) !important;\n  --flatify__local-border-color-dark: var(--flatify__color-light-dark) !important;\n}\n\n.style-dark {\n  color: var(--flatify__txt-color-inverted) !important;\n  --flatify__local-txt-color: var(--flatify__txt-color-inverted) !important;\n  background-color: var(--flatify__color-dark-primary) !important;\n  --flatify__local-bg-color: var(--flatify__color-dark-primary) !important;\n  border-color: var(--flatify__color-dark-dark) !important;\n  --flatify__local-border-color: var(--flatify__color-dark-dark) !important;\n  --flatify__local-border-color-dark: var(--flatify__color-dark-darker) !important;\n}\n\n.style-dark-light {\n  color: var(--flatify__txt-color-inverted) !important;\n  --flatify__local-txt-color: var(--flatify__txt-color-inverted) !important;\n  background-color: var(--flatify__color-dark-light) !important;\n  --flatify__local-bg-color: var(--flatify__color-dark-light) !important;\n  border-color: var(--flatify__color-dark-primary) !important;\n  --flatify__local-border-color: var(--flatify__color-dark-primary) !important;\n  --flatify__local-border-color-dark: var(--flatify__color-dark-dark) !important;\n}\n\n[class*=style-] {\n  --flatify__link-color: var(--flatify__local-txt-color);\n  --flatify__link-color__hover: var(--flatify__local-txt-color);\n  --flatify__link-color__focus: var(--flatify__local-txt-color);\n}\n\n[class*=style-]:not([class*=style-accent]) {\n  --flatify__color-accent-light: var(--flatify__local-border-color);\n  --flatify__color-accent-primary: var(--flatify__local-border-color-dark);\n  --flatify__color-accent-dark: var(--flatify__local-border-color-dark);\n}\n\n.color-blue {\n  color: var(--flatify__color-blue-primary) !important;\n}\n\n.color-blue-light {\n  color: var(--flatify__color-blue-light) !important;\n}\n\n.color-green {\n  color: var(--flatify__color-green-primary) !important;\n}\n\n.color-green-light {\n  color: var(--flatify__color-green-light) !important;\n}\n\n.color-yellow {\n  color: var(--flatify__color-yellow-primary) !important;\n}\n\n.color-yellow-light {\n  color: var(--flatify__color-yellow-light) !important;\n}\n\n.color-orange {\n  color: var(--flatify__color-orange-primary) !important;\n}\n\n.color-orange-light {\n  color: var(--flatify__color-orange-light) !important;\n}\n\n.color-red {\n  color: var(--flatify__color-red-primary) !important;\n}\n\n.color-red-light {\n  color: var(--flatify__color-red-light) !important;\n}\n\n.color-pink {\n  color: var(--flatify__color-pink-primary) !important;\n}\n\n.color-pink-light {\n  color: var(--flatify__color-pink-light) !important;\n}\n\n.color-purple {\n  color: var(--flatify__color-purple-primary) !important;\n}\n\n.color-purple-light {\n  color: var(--flatify__color-purple-light) !important;\n}\n\n.color-accent {\n  color: var(--flatify__color-accent-primary) !important;\n}\n\n.color-accent-light {\n  color: var(--flatify__color-accent-light) !important;\n}\n\n.color-success {\n  color: var(--flatify__color-success-primary) !important;\n}\n\n.color-success-light {\n  color: var(--flatify__color-success-light) !important;\n}\n\n.color-info {\n  color: var(--flatify__color-info-primary) !important;\n}\n\n.color-info-light {\n  color: var(--flatify__color-info-light) !important;\n}\n\n.color-warning {\n  color: var(--flatify__color-warning-primary) !important;\n}\n\n.color-warning-light {\n  color: var(--flatify__color-warning-light) !important;\n}\n\n.color-danger {\n  color: var(--flatify__color-danger-primary) !important;\n}\n\n.color-danger-light {\n  color: var(--flatify__color-danger-light) !important;\n}\n\n.color-light {\n  color: var(--flatify__color-light-primary) !important;\n}\n\n.color-light-light {\n  color: var(--flatify__color-light-light) !important;\n}\n\n.color-dark {\n  color: var(--flatify__color-dark-primary) !important;\n}\n\n.color-dark-light {\n  color: var(--flatify__color-dark-light) !important;\n}\n\n.container-sm {\n  max-width: 576px;\n}\n\n.container-md {\n  max-width: 768px;\n}\n\n.container-lg {\n  max-width: 992px;\n}\n\n.container-xl {\n  max-width: 1200px;\n}\n\n.container-xxl {\n  max-width: 1400px;\n}\n\n[class*=container-] {\n  padding-left: 0.64em;\n  padding-right: 0.64em;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n.opacity-0 {\n  opacity: 0;\n}\n\n.opacity-10 {\n  opacity: 0.1;\n}\n\n.opacity-20 {\n  opacity: 0.2;\n}\n\n.opacity-30 {\n  opacity: 0.3;\n}\n\n.opacity-40 {\n  opacity: 0.4;\n}\n\n.opacity-50 {\n  opacity: 0.5;\n}\n\n.opacity-60 {\n  opacity: 0.6;\n}\n\n.opacity-70 {\n  opacity: 0.7;\n}\n\n.opacity-80 {\n  opacity: 0.8;\n}\n\n.opacity-90 {\n  opacity: 0.9;\n}\n\n.opacity-100 {\n  opacity: 1;\n}\n\n.edge-sharp {\n  border-radius: 0em !important;\n}\n\n.edge-round-xs {\n  border-radius: 0.32em !important;\n}\n\n.edge-round-sm {\n  border-radius: 0.5em !important;\n}\n\n.edge-round-md {\n  border-radius: 0.75em !important;\n}\n\n.edge-round-lg {\n  border-radius: 1em !important;\n}\n\n.edge-circle {\n  border-radius: 50em !important;\n}\n\n.edge-oval {\n  border-radius: 50% !important;\n}\n\n.edge-triangle {\n  border-radius: 100% 50% 50% 100%/75% 69% 69% 75% !important;\n}\n\n.width-0p {\n  width: 0 !important;\n}\n\n.width-10p {\n  width: 10% !important;\n}\n\n.width-15p {\n  width: 15% !important;\n}\n\n.width-25p {\n  width: 25% !important;\n}\n\n.width-30p {\n  width: 30% !important;\n}\n\n.width-50p {\n  width: 50% !important;\n}\n\n.width-60p {\n  width: 60% !important;\n}\n\n.width-75p {\n  width: 75% !important;\n}\n\n.width-90p {\n  width: 90% !important;\n}\n\n.width-95p {\n  width: 95% !important;\n}\n\n.width-100p {\n  width: 100% !important;\n}\n\n.height-0p {\n  height: 0 !important;\n}\n\n.height-10p {\n  height: 10% !important;\n}\n\n.height-15p {\n  height: 15% !important;\n}\n\n.height-25p {\n  height: 25% !important;\n}\n\n.height-30p {\n  height: 30% !important;\n}\n\n.height-50p {\n  height: 50% !important;\n}\n\n.height-60p {\n  height: 60% !important;\n}\n\n.height-75p {\n  height: 75% !important;\n}\n\n.height-90p {\n  height: 90% !important;\n}\n\n.height-95p {\n  height: 95% !important;\n}\n\n.height-100p {\n  height: 100% !important;\n}\n\n.inline-flex {\n  display: inline-flex !important;\n}\n\n.flex-center {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.flex-center-x {\n  display: flex;\n  justify-content: center;\n}\n\n.flex-center-y {\n  display: flex;\n  align-items: center;\n}\n\n.flex-column-center {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n}\n\n.flex-column-center-x {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n}\n\n.flex-column-center-y {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n}\n\n.float-left {\n  float: left;\n}\n\n.float-right {\n  float: right;\n}\n\n.float-none {\n  float: none;\n}\n\n.margin-auto {\n  margin: auto;\n}\n\n.margin-ya {\n  margin-top: auto;\n  margin-bottom: auto;\n}\n\n.margin-ta {\n  margin-top: auto;\n}\n\n.margin-ba {\n  margin-bottom: auto;\n}\n\n.push-center,\n.margin-xa {\n  margin-left: auto;\n  margin-right: auto;\n}\n\n.push-right,\n.margin-la {\n  margin-left: auto;\n}\n\n.push-left,\n.margin-ra {\n  margin-right: auto;\n}\n\n.position-relative {\n  position: relative;\n}\n\n.position-absolute {\n  position: absolute;\n}\n\n.place-expand {\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n}\n\n.place-expand-x {\n  left: 0;\n  right: 0;\n}\n\n.place-expand-y {\n  top: 0;\n  bottom: 0;\n}\n\n.sticky-top,\n.fixed-top,\n.place-top {\n  top: 0;\n}\n\n.sticky-bottom,\n.fixed-bottom,\n.place-bottom {\n  bottom: 0;\n}\n\n.sticky-left,\n.fixed-left,\n.place-left {\n  left: 0;\n}\n\n.sticky-right,\n.fixed-right,\n.place-right {\n  right: 0;\n}\n\n.fixed-left,\n.fixed-right,\n.fixed-bottom,\n.fixed-top {\n  position: fixed;\n  z-index: 1020;\n}\n\n.sticky-left,\n.sticky-right,\n.sticky-bottom,\n.sticky-top {\n  position: sticky;\n  z-index: 1010;\n}\n\n.fixed-bottom,\n.fixed-top,\n.sticky-bottom,\n.sticky-top {\n  left: 0;\n}\n\n.scrollable {\n  overflow: auto;\n}\n\n.scrollable-x {\n  overflow-x: auto;\n  overflow-y: hidden;\n}\n\n.scrollable-y {\n  overflow-x: hidden;\n  overflow-y: auto;\n}\n\n:root {\n  --flatify__overlay-layer-priority: 10;\n  --flatify__overlay-layer-bg-color: var(--flatify__bg-color);\n  --flatify__overlay-layer-opacity: 1;\n  --flatify__overlay-layer-blending-mode: normal;\n  --flatify__overlay-layer-backdrop-filter: none;\n}\n\n.overlay-layer, .two-layer-button {\n  --flatify__local-bg-color: var(--flatify__overlay-layer-bg-color);\n  position: relative;\n}\n.overlay-layer:before, .two-layer-button:before {\n  content: \" \";\n  position: absolute;\n  top: 0;\n  left: 0;\n  z-index: var(--flatify__overlay-layer-priority);\n  width: 100%;\n  height: 100%;\n  background: var(--flatify__local-bg-color);\n  border-radius: inherit;\n  opacity: var(--flatify__overlay-layer-opacity);\n  mix-blend-mode: var(--flatify__overlay-layer-blending-mode);\n  backdrop-filter: var(--flatify__overlay-layer-backdrop-filter);\n}\n\n.pulse {\n  position: relative;\n  isolation: isolate;\n}\n.pulse:after {\n  content: \" \";\n  position: absolute;\n  top: 0;\n  left: 0;\n  z-index: -1;\n  display: block;\n  width: 100%;\n  height: 100%;\n  background: inherit;\n  border-radius: inherit;\n  will-change: opacity, transform;\n  animation: flatify-pulse 1.4s infinite;\n}\n\n.text-filled {\n  hyphens: auto;\n  text-align: justify;\n}\n\n.text-center {\n  text-align: center;\n}\n\n.text-left {\n  text-align: left;\n}\n\n.text-right {\n  text-align: right;\n}\n\n.size-xs,\n.text-xs {\n  font-size: 0.75em !important;\n}\n\n.size-sm,\n.text-sm {\n  font-size: 0.9em !important;\n}\n\n.size-md,\n.text-md {\n  font-size: 1em !important;\n}\n\n.size-lg,\n.text-lg {\n  font-size: 1.25em !important;\n}\n\n.size-2x,\n.text-2x {\n  font-size: 1.5em !important;\n}\n\n.size-3x,\n.text-3x {\n  font-size: 2.2em !important;\n}\n\n.size-4x,\n.text-4x {\n  font-size: 2.5em !important;\n}\n\n.size-5x,\n.text-5x {\n  font-size: 3.14em !important;\n}\n\n.truncate:not(.show-text) {\n  white-space: nowrap !important;\n  overflow: hidden !important;\n  text-overflow: ellipsis !important;\n}\n.truncate.add-space {\n  padding: 0.18em 0;\n}\n\n@media (prefers-reduced-motion: reduce) {\n  body *,\nbody ::before,\nbody ::after {\n    background-attachment: initial !important;\n    scroll-behavior: auto !important;\n  }\n  body * {\n    --flatify__simple-transition: 0s !important;\n    --flatify__long-transition: 0s !important;\n    --flatify__bouncing-transition: 0s !important;\n  }\n  body .dropdown.show,\nbody .modal.show,\nbody .tab-panel.show {\n    animation-name: flatify-fade-in !important;\n  }\n  body .menu-item:focus-within > .submenu, body .menu-item:hover > .submenu {\n    animation-name: flatify-fade-in !important;\n  }\n  body .two-layer-button {\n    --flatify__two-layer-button-animation-show: flatify-fade-in 0.3s ease-in-out !important;\n  }\n  body .accordion-collapse {\n    transition: none !important;\n  }\n  body .accordion-collapse.show .accordion-body {\n    animation-name: flatify-fade-in !important;\n  }\n  body .accordion-collapse.accordion-will-be-hidden .accordion-body {\n    animation-name: flatify-fade-out !important;\n  }\n  body .toast:not(.toast-will-be-removed) {\n    animation-name: flatify-fade-in !important;\n  }\n  body .toast.toast-will-be-removed {\n    animation-name: flatify-fade-out !important;\n  }\n  body .alert:not(.alert-will-be-removed) {\n    animation-name: flatify-fade-in !important;\n  }\n  body .alert.alert-will-be-removed {\n    animation-name: flatify-fade-out !important;\n  }\n  body .loading {\n    animation: flatify-fade-in-out 2s infinite !important;\n  }\n  body .loading:before, body .loading:after {\n    opacity: 1 !important;\n    animation: none !important;\n  }\n  body .progress-bar:before {\n    filter: opacity(60%);\n    animation: flatify-fade-in-out 3s infinite !important;\n  }\n  body .show.dropdown-will-be-hidden, body .show.modal-will-be-hidden, body .show.tab-will-be-hidden {\n    animation-name: flatify-fade-out !important;\n  }\n  body .spinner:before {\n    animation-timing-function: steps(4, end) !important;\n    animation-duration: 2s !important;\n  }\n\n  @keyframes flatify-pulse {\n    0%, 100% {\n      transform: scale(1.25);\n      opacity: 0.2;\n    }\n    40% {\n      transform: scale(1.25);\n      opacity: 0.5;\n    }\n  }\n}","@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\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  padding-inline-start: 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(--#{$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  }\n\n  &:dir(rtl) .inline:before,\n  .rtl &.inline:before {\n    transform: rotate(3deg) scale(1.1, 1.2) skew(10deg);\n  }\n\n  &:dir(ltr) .inline:before,\n  .ltr &.inline:before {\n    transform: rotate(-3deg) scale(1.1, 1.2) skew(-10deg);\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-`<button>` buttons\n[role=\"button\"] {\n  cursor: pointer;\n}\n\nselect {\n  // Remove the inheritance of word-wrap in Safari.\n  word-wrap: normal;\n\n  // Undo the opacity change from Chrome\n  &:disabled {\n    opacity: 1;\n  }\n}\n\n// Remove the dropdown arrow in Chrome from inputs built with datalists.\n// See https://stackoverflow.com/a/54997118\n\n[list]::-webkit-calendar-picker-indicator {\n  display: none;\n}\n\n// 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`\n//    controls in Android 4.\n// 2. Correct the inability to style clickable types in iOS and Safari.\n// 3. Opinionated: add \"hand\" cursor to non-disabled button elements.\n\nbutton,\n  [type=\"button\"], // 1\n  [type=\"reset\"],\n  [type=\"submit\"] {\n  -webkit-appearance: button; // 2\n\n  &:not(:disabled) {\n    cursor: pointer; // 3\n  }\n}\n\n// Remove inner border and padding from Firefox, but don't restore the outline like Normalize.\n\n::-moz-focus-inner {\n  padding: 0;\n  border-style: none;\n}\n\n// 1. Textareas should really only resize vertically so they don't break their (horizontal) containers.\n\ntextarea {\n  resize: vertical; // 1\n}\n\n// 1. Browsers set a default `min-width: min-content;` on fieldsets,\n//    unlike e.g. `<div>`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  border-width: 0;\n  border-inline-start-width: 0.5em;\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    border-start-start-radius: calc(var(--#{$CSS_VAR_PFX}border-radius) * 0.5);\n    border-start-end-radius: var(--#{$CSS_VAR_PFX}border-radius);\n    border-end-end-radius: var(--#{$CSS_VAR_PFX}border-radius);\n    border-end-start-radius: calc(var(--#{$CSS_VAR_PFX}border-radius) * 0.5);\n\n    &:before {\n      // blockquote icon\n      top: 1em;\n      width: 7em;\n      height: 7em;\n      inset-inline-start: 1em;\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    inset-inline-end: 1em;\n  }\n\n  &.fill {\n    width: 100% !important;\n  }\n\n  &.centered {\n    margin-left: auto;\n    margin-right: auto;\n  }\n\n  &.overlay-caption {\n    overflow: hidden;\n\n    figcaption {\n      position: absolute;\n      bottom: 0;\n      left: 0;\n      width: 100%;\n      padding-left: 1em;\n      padding-right: 1em;\n      color: var(--#{$CSS_VAR_PFX}txt-color-inverted);\n      background: linear-gradient(0, var(--#{$CSS_VAR_PFX}txt-color-dark), transparent);\n    }\n  }\n}\n","// hr: default, dots, short\nhr {\n  margin: 1em 0;\n  opacity: 0.5;\n  color: currentColor;\n  background-color: currentColor;\n  border: none;\n  border-radius: var(--#{$CSS_VAR_PFX}border-radius);\n\n  &:not([size]) {\n    height: var(--#{$CSS_VAR_PFX}border-width);\n  }\n\n  &.dots {\n    line-height: 1;\n    display: block;\n    height: auto;\n    padding: 2em;\n    text-align: center;\n    background: transparent;\n\n    &:before {\n      content: \"‌•••\";\n      letter-spacing: 1.4em;\n      font-size: 1.4em;\n      font-weight: bold;\n    }\n  }\n\n  &.short {\n    width: 9em;\n    margin: 3em auto;\n  }\n}\n","kbd {\n  --#{$CSS_VAR_PFX}local-border-color: var(--#{$CSS_VAR_PFX}bg-color-darker);\n  vertical-align: middle;\n  text-align: center;\n  font-size: 0.85em;\n  font-weight: normal;\n  line-height: 1;\n  display: inline-block;\n  min-width: 1.75em;\n  padding: 0.18em 0.32em 0.32em;\n  margin: 0 0.25em;\n  background: var(--#{$CSS_VAR_PFX}bg-color-dark);\n  border: var(--#{$CSS_VAR_PFX}border-width) solid var(--#{$CSS_VAR_PFX}local-border-color);\n  border-radius: calc(var(--#{$CSS_VAR_PFX}border-radius) * 0.5);\n  box-shadow: inset 0 -0.125em 0 var(--#{$CSS_VAR_PFX}local-border-color);\n  will-change: transform;\n  transition: all var(--#{$CSS_VAR_PFX}simple-transition) 0.15s;\n\n  &:hover {\n    box-shadow: inset 0 0 0 var(--#{$CSS_VAR_PFX}local-border-color);\n    transform: translateY(0.15em);\n  }\n\n  kbd {\n    padding: 0;\n    background: transparent;\n    border: none;\n    box-shadow: none;\n    transform: none !important;\n  }\n}\n",":root {\n  --#{$CSS_VAR_PFX}table-border-color: var(--#{$CSS_VAR_PFX}bg-color-darker);\n  --#{$CSS_VAR_PFX}table-bg-color: var(--#{$CSS_VAR_PFX}bg-color);\n  --#{$CSS_VAR_PFX}table-bg-color-dark: var(--#{$CSS_VAR_PFX}bg-color-dark);\n  --#{$CSS_VAR_PFX}table-bg-color-darker: var(--#{$CSS_VAR_PFX}bg-color-darker);\n  --#{$CSS_VAR_PFX}table-txt-color: var(--#{$CSS_VAR_PFX}txt-color);\n}\n\ntable {\n  $table_radius: var(--#{$CSS_VAR_PFX}border-radius);\n  $table_border: var(--#{$CSS_VAR_PFX}border-width) solid var(--#{$CSS_VAR_PFX}table-border-color);\n\n  display: table;\n  table-layout: fixed;\n  caption-side: bottom;\n  color: var(--#{$CSS_VAR_PFX}table-txt-color);\n  width: 100%;\n\n  td,\n  th {\n    padding: 0.75em 1em;\n    background: var(--#{$CSS_VAR_PFX}table-bg-color);\n  }\n\n  thead {\n    word-break: break-word;\n\n    td,\n    th {\n      background: var(--#{$CSS_VAR_PFX}table-bg-color-dark);\n    }\n  }\n\n  &:not(.bordered) {\n    border-collapse: collapse;\n  }\n\n  &.bordered:not(.horizontal) {\n    border-spacing: 0;\n\n    tr:first-child {\n      th,\n      td {\n        border-top: $table_border;\n      }\n    }\n\n    td,\n    th {\n      border-inline-start: $table_border;\n\n      &:last-child {\n        border-inline-end: $table_border;\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      float: inline-start;\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          border-inline-end: $table_border;\n        }\n        td,\n        th {\n          border-inline-start: $table_border;\n        }\n      }\n      tbody {\n        th,\n        td {\n          border-inline-end: $table_border;\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    thead tr {\n      th,\n      td {\n        &:first-child {\n          border-start-start-radius: var(--#{$CSS_VAR_PFX}table-radius);\n        }\n        &:last-child {\n          border-start-end-radius: var(--#{$CSS_VAR_PFX}table-radius);\n        }\n      }\n    }\n    tbody tr:last-child {\n      th,\n      td {\n        &:first-child {\n          border-end-start-radius: var(--#{$CSS_VAR_PFX}table-radius);\n        }\n        &:last-child {\n          border-end-end-radius: var(--#{$CSS_VAR_PFX}table-radius);\n        }\n      }\n    }\n  }\n\n  // vertical border radius\n  &:not(.horizontal) {\n    tr:last-child {\n      th {\n        &:first-child {\n          border-start-start-radius: var(--#{$CSS_VAR_PFX}table-radius);\n        }\n        &:last-child {\n          border-start-end-radius: var(--#{$CSS_VAR_PFX}table-radius);\n        }\n      }\n      td {\n        &:first-child {\n          border-end-start-radius: var(--#{$CSS_VAR_PFX}table-radius);\n        }\n        &:last-child {\n          border-end-end-radius: var(--#{$CSS_VAR_PFX}table-radius);\n        }\n      }\n    }\n  }\n\n  &.striped {\n    thead {\n      th,\n      td {\n        background: var(--#{$CSS_VAR_PFX}table-bg-color-darker);\n      }\n    }\n    tbody tr:nth-child(odd) {\n      td,\n      th {\n        background: var(--#{$CSS_VAR_PFX}table-bg-color-dark);\n      }\n    }\n  }\n}\n\ncaption {\n  font-size: 0.9em;\n  padding: 0.75em 0;\n  opacity: 0.8;\n}\n\nth {\n  font-weight: var(--#{$CSS_VAR_PFX}medium-font-weight);\n  text-align: inherit;\n  text-align: -webkit-match-parent;\n}\n\n.table-active {\n  background: var(--#{$CSS_VAR_PFX}table-bg-color-darker);\n}\n",":root {\n  --#{$CSS_VAR_PFX}accordion-txt-color: var(--#{$CSS_VAR_PFX}txt-color);\n  --#{$CSS_VAR_PFX}accordion-bg-color: var(--#{$CSS_VAR_PFX}bg-color);\n  --#{$CSS_VAR_PFX}accordion-border-color: var(--#{$CSS_VAR_PFX}bg-color-darker);\n\n  --#{$CSS_VAR_PFX}accordion-animation-show-duration: #{$ACCORDION_SHOW_ANIMATION_DURATION};\n  --#{$CSS_VAR_PFX}accordion-animation-hide-duration: #{$ACCORDION_HIDE_ANIMATION_DURATION};\n  --#{$CSS_VAR_PFX}accordion-animation-show: flatify-blow-in var(--#{$CSS_VAR_PFX}accordion-animation-show-duration)\n    0.1s ease-in-out;\n  --#{$CSS_VAR_PFX}accordion-animation-hide: flatify-blow-out var(--#{$CSS_VAR_PFX}accordion-animation-hide-duration)\n    ease-in-out;\n}\n\n.accordion {\n  --#{$CSS_VAR_PFX}local-txt-color: var(--#{$CSS_VAR_PFX}accordion-txt-color);\n  --#{$CSS_VAR_PFX}local-bg-color: var(--#{$CSS_VAR_PFX}accordion-bg-color);\n  --#{$CSS_VAR_PFX}local-border-color: var(--#{$CSS_VAR_PFX}accordion-border-color);\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  color: var(--#{$CSS_VAR_PFX}local-txt-color);\n  background: var(--#{$CSS_VAR_PFX}local-bg-color);\n\n  &.bordered {\n    border-radius: 1em;\n\n    .accordion-item {\n      overflow: hidden;\n      color: var(--#{$CSS_VAR_PFX}local-txt-color);\n      background: var(--#{$CSS_VAR_PFX}local-bg-color);\n      border: var(--#{$CSS_VAR_PFX}border-width) solid var(--#{$CSS_VAR_PFX}local-border-color);\n\n      &[class*=\"style-\"] {\n        --#{$CSS_VAR_PFX}local-txt-color: var(--#{$CSS_VAR_PFX}accordion-txt-color);\n        --#{$CSS_VAR_PFX}local-bg-color: var(--#{$CSS_VAR_PFX}accordion-bg-color);\n        --#{$CSS_VAR_PFX}local-border-color: var(--#{$CSS_VAR_PFX}accordion-border-color);\n      }\n\n      &:last-child {\n        box-shadow: inset 0 -0.125em 0 var(--#{$CSS_VAR_PFX}local-border-color);\n      }\n\n      &:not(.active) .accordion-header,\n      &:not(:last-child) {\n        border-bottom: none;\n      }\n\n      &:first-child:not(:last-child) {\n        border-radius: var(--#{$CSS_VAR_PFX}border-radius) var(--#{$CSS_VAR_PFX}border-radius) 0 0;\n      }\n\n      &:last-child:not(:first-child) {\n        border-radius: 0 0 var(--#{$CSS_VAR_PFX}border-radius) var(--#{$CSS_VAR_PFX}border-radius);\n      }\n\n      // if there is just one accordion item round it\n      &:first-child:last-child {\n        border-radius: var(--#{$CSS_VAR_PFX}border-radius);\n      }\n    }\n  }\n}\n\n.accordion-item:not(.active) {\n  .accordion-collapse {\n    display: none;\n  }\n}\n\n.accordion-header {\n  font-size: 1em;\n  margin: 0;\n\n  &.active {\n    border-bottom: var(--#{$CSS_VAR_PFX}border-width) solid var(--#{$CSS_VAR_PFX}local-border-color);\n  }\n\n  .accordion-toggle {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    text-align: initial;\n    width: 100%;\n    height: 100%;\n    padding: 1em;\n    color: currentColor;\n    background: transparent;\n    border: none;\n  }\n\n  .add-button {\n    font-size: 0.75em;\n    opacity: 0.75;\n  }\n}\n\n.accordion-collapse {\n  overflow: hidden;\n  padding: 0;\n  margin: 0;\n  will-change: height;\n  transition: height 0.2s ease-in-out;\n\n  &.show .accordion-body {\n    animation: var(--#{$CSS_VAR_PFX}accordion-animation-show) both;\n  }\n\n  &.accordion-will-be-hidden .accordion-body {\n    animation: var(--#{$CSS_VAR_PFX}accordion-animation-hide) forwards;\n  }\n}\n\n.accordion-body {\n  padding: 1em;\n}\n\n.fade-animation {\n  .show {\n    .accordion-body {\n      animation: flatify-fade-in var(--#{$CSS_VAR_PFX}accordion-animation-show-duration) 0.1s ease-in-out both;\n    }\n  }\n\n  .accordion-will-be-hidden {\n    .accordion-body {\n      animation: flatify-fade-out var(--#{$CSS_VAR_PFX}accordion-animation-hide-duration) ease-in-out both;\n    }\n  }\n}\n",":root {\n  --#{$CSS_VAR_PFX}alert-bg-color: var(--#{$CSS_VAR_PFX}bg-color-dark);\n  --#{$CSS_VAR_PFX}alert-txt-color: var(--#{$CSS_VAR_PFX}txt-color);\n  --#{$CSS_VAR_PFX}alert-border-color: var(--#{$CSS_VAR_PFX}bg-color-darker);\n  --#{$CSS_VAR_PFX}alert-animation-show-duration: #{$ALERT_SHOW_ANIMATION_DURATION};\n  --#{$CSS_VAR_PFX}alert-animation-hide-duration: #{$ALERT_HIDE_ANIMATION_DURATION};\n  --#{$CSS_VAR_PFX}alert-animation-show: flatify-blow-in var(--#{$CSS_VAR_PFX}alert-animation-show-duration) ease;\n  --#{$CSS_VAR_PFX}alert-animation-hide: flatify-alert-will-be-removed\n    var(--#{$CSS_VAR_PFX}alert-animation-hide-duration) ease;\n}\n\n.alert {\n  --#{$CSS_VAR_PFX}local-bg-color: var(--#{$CSS_VAR_PFX}alert-bg-color);\n  --#{$CSS_VAR_PFX}local-border-color: var(--#{$CSS_VAR_PFX}alert-border-color);\n  position: relative;\n  font-size: 0.9em;\n  line-height: var(--#{$CSS_VAR_PFX}large-line-height);\n  padding: 1.25em;\n  margin-bottom: 1em;\n  color: var(--#{$CSS_VAR_PFX}alert-txt-color);\n  background: var(--#{$CSS_VAR_PFX}alert-bg-color);\n  border: var(--#{$CSS_VAR_PFX}border-width) solid var(--#{$CSS_VAR_PFX}local-border-color);\n  border-radius: var(--#{$CSS_VAR_PFX}border-radius);\n\n  &:not(.alert-will-be-removed) {\n    animation: var(--#{$CSS_VAR_PFX}alert-animation-show) both;\n  }\n\n  &.alert-will-be-removed {\n    animation: var(--#{$CSS_VAR_PFX}alert-animation-hide) both;\n  }\n\n  &:hover {\n    .close-button.floating {\n      transform: scale(1);\n    }\n  }\n\n  .close-button {\n    position: relative;\n    top: -0.38em;\n    float: inline-end;\n    inset-inline-end: -0.38em;\n\n    &.floating {\n      position: absolute;\n      top: 0.75em;\n      inset-inline-end: 0.75em;\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    padding-inline-start: 2.75em;\n    margin-inline-start: 1.5em;\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    inset-inline-start: -1.4em;\n    padding: 0.5em;\n    color: inherit;\n    background: var(--#{$CSS_VAR_PFX}local-bg-color);\n    border: var(--#{$CSS_VAR_PFX}border-width) solid var(--#{$CSS_VAR_PFX}local-border-color);\n    border-radius: calc(var(--#{$CSS_VAR_PFX}border-radius) * 0.9);\n\n    svg {\n      width: 2em;\n      height: 2em;\n\n      &:not([fill=\"none\"]) {\n        fill: currentColor;\n      }\n    }\n  }\n\n  // It should be darker\n  &.style-light-light .alert-svg {\n    filter: brightness(95%);\n  }\n}\n",":root {\n  --#{$CSS_VAR_PFX}badge-txt-color: var(--#{$CSS_VAR_PFX}txt-color-inverted);\n  --#{$CSS_VAR_PFX}badge-bg-color: var(--#{$CSS_VAR_PFX}color-accent-primary);\n}\n\n.badge {\n  user-select: none;\n  display: inline-block;\n  min-width: 1.35em;\n  min-height: 1.35em;\n  padding: 0.35em 0.65em;\n  text-decoration: none !important;\n  font-size: 0.64em;\n  font-weight: var(--#{$CSS_VAR_PFX}medium-font-weight);\n  line-height: 1;\n  text-align: center;\n  white-space: nowrap;\n  vertical-align: baseline;\n  color: var(--#{$CSS_VAR_PFX}badge-txt-color);\n  background: var(--#{$CSS_VAR_PFX}badge-bg-color);\n  border-radius: calc(var(--#{$CSS_VAR_PFX}border-radius) * 0.5);\n}\n",":root {\n  --#{$CSS_VAR_PFX}backdrop-priority: #{$ZINDEX_BACKDROP};\n  --#{$CSS_VAR_PFX}backdrop-color: var(--#{$CSS_VAR_PFX}txt-color);\n  --#{$CSS_VAR_PFX}backdrop-opacity: 0.5;\n  --#{$CSS_VAR_PFX}backdrop-filter: none;\n\n  --#{$CSS_VAR_PFX}modal-backdrop-color: var(--#{$CSS_VAR_PFX}backdrop-color);\n}\n\n.backdrop-layer {\n  position: fixed;\n  top: 0;\n  left: 0;\n  z-index: var(--#{$CSS_VAR_PFX}backdrop-priority); // default z-index\n  display: none;\n  width: 100%;\n  height: 100%;\n  background: var(--#{$CSS_VAR_PFX}backdrop-color);\n  opacity: var(--#{$CSS_VAR_PFX}backdrop-opacity);\n  backdrop-filter: var(--#{$CSS_VAR_PFX}backdrop-filter);\n\n  &.show {\n    display: block;\n    animation: flatify-backdrop-fade-in var(--#{$CSS_VAR_PFX}modal-animation-show-duration);\n  }\n\n  &.backdrop-will-be-removed {\n    animation: flatify-fade-out var(--#{$CSS_VAR_PFX}modal-animation-hide-duration) both;\n  }\n\n  &.modal-backdrop {\n    --#{$CSS_VAR_PFX}backdrop-priority: #{$ZINDEX_MODAL_BACKDROP};\n    --#{$CSS_VAR_PFX}backdrop-color: var(--#{$CSS_VAR_PFX}modal-backdrop-color);\n  }\n}\n",":root {\n  --#{$CSS_VAR_PFX}breadcrumbs-txt-color: var(--#{$CSS_VAR_PFX}txt-color);\n  --#{$CSS_VAR_PFX}breadcrumbs-bg-color: var(--#{$CSS_VAR_PFX}bg-color);\n  --#{$CSS_VAR_PFX}breadcrumbs-border-color: var(--#{$CSS_VAR_PFX}bg-color-darker);\n}\n\n.breadcrumbs-wrapper {\n  --#{$CSS_VAR_PFX}local-txt-color: var(--#{$CSS_VAR_PFX}breadcrumbs-txt-color);\n  --#{$CSS_VAR_PFX}local-bg-color: var(--#{$CSS_VAR_PFX}breadcrumbs-bg-color);\n  --#{$CSS_VAR_PFX}local-border-color: var(--#{$CSS_VAR_PFX}breadcrumbs-border-color);\n  width: 100%;\n  border: var(--#{$CSS_VAR_PFX}border-width) solid var(--#{$CSS_VAR_PFX}local-border-color);\n  border-radius: var(--#{$CSS_VAR_PFX}border-radius);\n}\n\n.breadcrumbs {\n  overflow-x: auto;\n  overflow-y: hidden;\n  scrollbar-width: thin;\n  list-style: none;\n  padding: 0;\n  margin: 0;\n  border-radius: var(--#{$CSS_VAR_PFX}border-radius);\n\n  &[class*=\"style-\"] {\n    background: transparent !important;\n  }\n\n  .crumb {\n    overflow: hidden;\n    position: relative;\n    white-space: nowrap;\n    display: table-cell;\n    padding: 0.64em 1em;\n    color: var(--#{$CSS_VAR_PFX}local-txt-color);\n    background: var(--#{$CSS_VAR_PFX}local-bg-color);\n    border-color: var(--#{$CSS_VAR_PFX}local-border-color);\n\n    &:not(:first-child) {\n      padding-inline-start: 3em;\n\n      &:before {\n        content: \" \";\n        position: absolute;\n        top: 0;\n        bottom: 0;\n        inset-inline-start: -1.2em;\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      padding-inline-start: 2em;\n    }\n\n    &:last-child {\n      padding-inline-end: 2em;\n    }\n\n    &:hover,\n    &:focus-within {\n      &:before {\n        transform: rotate(45deg) scale(1.15);\n      }\n    }\n  }\n}\n",":root {\n  --#{$CSS_VAR_PFX}button-txt-color: var(--#{$CSS_VAR_PFX}txt-color);\n  --#{$CSS_VAR_PFX}button-bg-color: var(--#{$CSS_VAR_PFX}bg-color-dark);\n  --#{$CSS_VAR_PFX}button-border-color: var(--#{$CSS_VAR_PFX}bg-color-darker);\n}\n\n// .static for prevent hover/active/focus/focus-visible effects\n// .bordered for buttons with border\n// .outline for buttons with transparent background and just border\n// .active for setting pressed button style\n// .disabled for setting disabled button style\n%button {\n  --#{$CSS_VAR_PFX}local-bg-color: var(--#{$CSS_VAR_PFX}button-bg-color);\n  user-select: none;\n  appearance: none;\n  vertical-align: middle;\n  text-align: center;\n  text-decoration: none !important;\n  font-weight: var(--#{$CSS_VAR_PFX}medium-font-weight);\n  display: inline-block;\n  padding: 0.75em 0.85em 0.5em;\n  margin: 0.32em 0.32em 0.5em;\n  color: var(--#{$CSS_VAR_PFX}button-txt-color);\n  background: var(--#{$CSS_VAR_PFX}button-bg-color);\n  border: none;\n  border-radius: var(--#{$CSS_VAR_PFX}border-radius);\n  box-shadow: 0 calc(var(--#{$CSS_VAR_PFX}border-width) * 1.38) 0 var(--#{$CSS_VAR_PFX}button-border-color);\n  // filter affects box-shadow width, so it should be set as default to prevent bugs on hover\n  filter: brightness(100%);\n  will-change: transform, filter;\n  // !important to replace input transition\n  transition: filter var(--#{$CSS_VAR_PFX}simple-transition) !important;\n\n  &:not(.static) {\n    // button has its special pressed effect, there is no need for outline,\n    // unless the button is static which does not support hover/focus\n    outline: none !important;\n  }\n\n  .radio-button:focus + &,\n  &:not(.static):hover {\n    filter: brightness(var(--#{$CSS_VAR_PFX}hover-brightness));\n  }\n\n  // active state\n  .checkbox-button:checked + &,\n  .radio-button:checked + &,\n  &.active,\n  &:not(.static):focus-visible,\n  &:not(.static):active {\n    box-shadow: inset 0 0 0 var(--#{$CSS_VAR_PFX}button-border-color);\n    filter: brightness(var(--#{$CSS_VAR_PFX}hover-brightness));\n    transform: translateY(calc(var(--#{$CSS_VAR_PFX}border-width) * 1.38));\n  }\n\n  &.outline {\n    color: var(--#{$CSS_VAR_PFX}button-txt-color) !important;\n    background: transparent !important;\n  }\n\n  &.outline,\n  &.bordered {\n    box-shadow: 0 calc(var(--#{$CSS_VAR_PFX}border-width) * 1.38) 0 var(--#{$CSS_VAR_PFX}button-border-color),\n      inset 0 calc(var(--#{$CSS_VAR_PFX}border-width) * 0.38) 0 var(--#{$CSS_VAR_PFX}button-border-color),\n      inset calc(var(--#{$CSS_VAR_PFX}border-width) * -0.38) 0 0 var(--#{$CSS_VAR_PFX}button-border-color),\n      inset calc(var(--#{$CSS_VAR_PFX}border-width) * 0.38) 0 0 var(--#{$CSS_VAR_PFX}button-border-color),\n      0 calc(var(--#{$CSS_VAR_PFX}border-width) * -0.38) 0 var(--#{$CSS_VAR_PFX}button-border-color),\n      calc(var(--#{$CSS_VAR_PFX}border-width) * 0.38) 0 0 var(--#{$CSS_VAR_PFX}button-border-color),\n      calc(var(--#{$CSS_VAR_PFX}border-width) * -0.38) 0 0 var(--#{$CSS_VAR_PFX}button-border-color);\n  }\n\n  // active state for outline & bordered\n  &.outline,\n  &.bordered {\n    &.active,\n    &:not(.static):focus-visible,\n    &:not(.static):active {\n      box-shadow: inset 0 0 0 calc(var(--#{$CSS_VAR_PFX}border-width) * 0.38) var(--#{$CSS_VAR_PFX}button-border-color),\n        0 0 0 calc(var(--#{$CSS_VAR_PFX}border-width) * 0.38) var(--#{$CSS_VAR_PFX}button-border-color);\n      transform: translateY(calc(var(--#{$CSS_VAR_PFX}border-width) * 1.2));\n    }\n  }\n\n  // if has color setter class use local values\n  &[class*=\"style-\"] {\n    --#{$CSS_VAR_PFX}button-bg-color: var(--#{$CSS_VAR_PFX}local-bg-color);\n    --#{$CSS_VAR_PFX}button-border-color: var(--#{$CSS_VAR_PFX}local-border-color);\n\n    // if it is light color setter, use local text color for texts\n    &[class*=\"light\"] {\n      --#{$CSS_VAR_PFX}button-txt-color: var(--#{$CSS_VAR_PFX}local-txt-color);\n    }\n\n    // if it is default color setter, use local border color for texts\n    &:not([class*=\"light\"]) {\n      --#{$CSS_VAR_PFX}button-txt-color: var(--#{$CSS_VAR_PFX}local-border-color);\n    }\n\n    // Exception: for outline dark-light color setter use text color\n    &.outline.style-dark-light {\n      --#{$CSS_VAR_PFX}button-txt-color: var(--#{$CSS_VAR_PFX}txt-color);\n    }\n  }\n\n  &.disabled,\n  &:disabled {\n    pointer-events: none;\n    background: var(--#{$CSS_VAR_PFX}button-border-color) !important;\n    box-shadow: inset 0 0 0 var(--#{$CSS_VAR_PFX}button-border-color);\n    filter: contrast(85%) brightness(85%) opacity(70%) !important;\n    transform: translateY(calc(var(--#{$CSS_VAR_PFX}border-width) * 1.38));\n  }\n}\n\n.button {\n  @extend %button;\n\n  // active state for bordered & outline checkbox & radio button\n  .checkbox-button:checked + &.outline,\n  .radio-button:checked + &.outline,\n  .checkbox-button:checked + &.bordered,\n  .radio-button:checked + &.bordered {\n    box-shadow: inset 0 0 0 calc(var(--#{$CSS_VAR_PFX}border-width) * 0.38) var(--#{$CSS_VAR_PFX}button-border-color),\n      0 0 0 calc(var(--#{$CSS_VAR_PFX}border-width) * 0.38) var(--#{$CSS_VAR_PFX}button-border-color);\n    transform: translateY(calc(var(--#{$CSS_VAR_PFX}border-width) * 1.2));\n  }\n\n  // disabled button style\n  .checkbox-button:disabled + &,\n  .radio-button:disabled + & {\n    pointer-events: none;\n    background: var(--#{$CSS_VAR_PFX}button-border-color) !important;\n    box-shadow: inset 0 0 0 var(--#{$CSS_VAR_PFX}button-border-color);\n    filter: contrast(85%) brightness(85%) opacity(70%) !important;\n    transform: translateY(calc(var(--#{$CSS_VAR_PFX}border-width) * 1.38));\n  }\n\n  svg:not([fill=\"none\"]) {\n    fill: currentColor;\n  }\n}\n\n.link-button {\n  @extend %anchor-style;\n  padding: 0.75em 0.85em;\n  background: transparent;\n  border: none;\n}\n\n// reset default button styles\nbutton.no-style {\n  padding: 0 0.38em;\n  margin: 0;\n  cursor: pointer;\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  color: currentColor;\n  background: transparent;\n  border: none;\n  outline: none;\n  box-shadow: none;\n  transform: none !important;\n}\n",":root {\n  --#{$CSS_VAR_PFX}two-layer-button-animation-show: flatify-blow-in 0.2s 0.2s ease-in-out;\n}\n\n.two-layer-button {\n  @extend .overlay-layer;\n  --#{$CSS_VAR_PFX}overlay-layer-priority: 0;\n  --#{$CSS_VAR_PFX}overlay-layer-opacity: 0;\n  overflow: hidden;\n\n  .secondary-text {\n    position: absolute;\n    top: 0;\n    left: 0;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    width: 100%;\n    height: 100%;\n    padding-top: 0.32em;\n    opacity: 0;\n\n    svg {\n      width: 1.75em;\n    }\n  }\n\n  &:before,\n  .secondary-text {\n    transition: all var(--#{$CSS_VAR_PFX}simple-transition) 0.1s;\n  }\n\n  &:hover,\n  &:focus-visible {\n    &:before {\n      --#{$CSS_VAR_PFX}overlay-layer-opacity: 1;\n    }\n\n    .secondary-text {\n      opacity: 1;\n      animation: var(--#{$CSS_VAR_PFX}two-layer-button-animation-show);\n      animation-fill-mode: both;\n    }\n  }\n}\n",".add-button {\n  position: relative;\n  display: inline-block;\n  width: 1.2em;\n  height: 1.2em;\n  background: transparent;\n  border: none;\n\n  &:before,\n  &:after {\n    content: \" \";\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    height: max(3px, 0.18em);\n    margin: auto;\n    background: currentColor;\n    border-radius: var(--#{$CSS_VAR_PFX}border-radius);\n    will-change: transform;\n    transition: transform var(--#{$CSS_VAR_PFX}simple-transition);\n  }\n\n  &:not(.active) {\n    &:before {\n      transform: rotate(90deg);\n    }\n  }\n\n  &.active {\n    &:before {\n      transform: rotate(0);\n    }\n    &:after {\n      transform: rotate(-180deg);\n    }\n  }\n}\n",".hamburger {\n  position: relative;\n  width: 1.2em;\n  height: 1.2em;\n  background: transparent;\n  border: none;\n\n  &:before,\n  &:after {\n    content: \" \";\n    position: absolute;\n    left: 0;\n    height: max(3px, 0.18em);\n    background: currentColor;\n    border-radius: var(--#{$CSS_VAR_PFX}border-radius);\n    will-change: width, transform;\n    transition: transform var(--#{$CSS_VAR_PFX}simple-transition), width var(--#{$CSS_VAR_PFX}simple-transition);\n  }\n\n  &:not(.active) {\n    &:before {\n      top: 0.25em;\n      width: 100%;\n    }\n\n    &:after {\n      bottom: 0.25em;\n      width: 75%;\n    }\n\n    &:hover,\n    &:focus {\n      &:before {\n        width: 75%;\n      }\n\n      &:after {\n        width: 100%;\n      }\n    }\n  }\n\n  &.active {\n    &:before,\n    &:after {\n      top: 0;\n      bottom: 0;\n      width: 100%;\n      margin: auto 0;\n      animation: flatify-fade-in 0.25s ease-in-out;\n    }\n    &:before {\n      transform: rotate(45deg);\n    }\n    &:after {\n      transform: rotate(-45deg);\n    }\n  }\n}\n",".arrow-button {\n  display: flex;\n  align-items: center;\n  background: var(--#{$CSS_VAR_PFX}bg-color-dark);\n  border: none;\n  border-radius: var(--#{$CSS_VAR_PFX}border-radius);\n\n  &:after {\n    content: \" \";\n    position: relative;\n    z-index: 1;\n    display: inline-block;\n    width: 1.2em;\n    height: 1.2em;\n    background-color: currentColor;\n    mask: var(--#{$CSS_VAR_PFX}arrow-down-icon) no-repeat 50% 50%;\n    -webkit-mask: var(--#{$CSS_VAR_PFX}arrow-down-icon) no-repeat 50% 50%;\n    will-change: transform;\n    transition: all var(--#{$CSS_VAR_PFX}bouncing-transition);\n  }\n\n  // the arrow should have a side space when there is text\n  &:not(:empty) {\n    &:after {\n      margin-inline-start: 0.32em;\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 created,\n      // to fix this -1px margin is practical.\n      margin: 0 -1px !important;\n\n      &:first-child {\n        border-start-start-radius: var(--#{$CSS_VAR_PFX}border-radius);\n        border-end-start-radius: var(--#{$CSS_VAR_PFX}border-radius);\n      }\n\n      &:last-child {\n        border-start-end-radius: var(--#{$CSS_VAR_PFX}border-radius);\n        border-end-end-radius: var(--#{$CSS_VAR_PFX}border-radius);\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",":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      inset-inline-end: 0.5em;\n    }\n  }\n\n  &.horizontal {\n    gap: 1em;\n\n    .card-header {\n      width: 40%;\n\n      .card-badges {\n        inset-inline-start: 0.5em;\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          inset-inline-start: 0.5em;\n          z-index: 10;\n          display: none;\n\n          // second level or more\n          .submenu {\n            top: -50%;\n            inset-inline-start: 115%;\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              inset-inline-start: -3.6em;\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      margin-inline-end: 0.64em;\n\n      img {\n        height: 100%;\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 <li>\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      margin-inline-end: 0.75em;\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    inset-inline-start: 2em;\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    border-inline-start-color: transparent;\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        inset-inline-start: 0;\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\n:dir(ltr) .progress.processing .progress-bar:before,\n.ltr .progress.processing .progress-bar:before {\n  transform-origin: left;\n}\n\n:dir(rtl) .progress.processing .progress-bar:before,\n.rtl .progress.processing .progress-bar:before {\n  transform-origin: right;\n}\n",".search-bar {\n  position: relative;\n\n  input[type=\"text\"],\n  input[type=\"search\"] {\n    width: 100%;\n    padding-inline-end: 3.14em;\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    inset-inline-end: 0.5em;\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      margin-inline-start: 0.5em;\n    }\n  }\n\n  &.line-at-top {\n    .tab-button:before {\n      bottom: unset;\n      top: 0;\n      border-radius: 0 0 calc(var(--#{$CSS_VAR_PFX}border-radius) * 0.32)\n        calc(var(--#{$CSS_VAR_PFX}border-radius) * 0.32);\n      transform-origin: top center;\n    }\n  }\n}\n\n.tabs-content {\n  overflow: hidden;\n  color: var(--#{$CSS_VAR_PFX}tab-txt-color);\n  background: var(--#{$CSS_VAR_PFX}tab-bg-color);\n\n  .tab-panel {\n    padding: 1em;\n  }\n\n  .tab-panel:not(.show) {\n    display: none !important;\n  }\n\n  &.no-animation {\n    .tab-panel {\n      animation-duration: 0s !important;\n    }\n  }\n\n  &.slide-animation {\n    .tab-panel.show {\n      &.slide-left {\n        animation: flatify-slide-left-in-min var(--#{$CSS_VAR_PFX}tab-animation-show-duration) ease;\n        &.tab-will-be-hidden {\n          animation: flatify-slide-left-out-min var(--#{$CSS_VAR_PFX}tab-animation-hide-duration) ease;\n        }\n      }\n      &.slide-right {\n        animation: flatify-slide-right-in-min var(--#{$CSS_VAR_PFX}tab-animation-show-duration) ease;\n        &.tab-will-be-hidden {\n          animation: flatify-slide-right-out-min var(--#{$CSS_VAR_PFX}tab-animation-hide-duration) ease;\n        }\n      }\n    }\n  }\n\n  &.fade-animation {\n    .tab-panel.show {\n      animation: flatify-fade-in var(--#{$CSS_VAR_PFX}tab-animation-show-duration) ease;\n\n      &.tab-will-be-hidden {\n        animation: flatify-fade-out var(--#{$CSS_VAR_PFX}tab-animation-hide-duration) ease;\n      }\n    }\n  }\n}\n\n.tab-panel.show {\n  animation: var(--#{$CSS_VAR_PFX}tab-animation-show);\n\n  &.tab-will-be-hidden {\n    animation: var(--#{$CSS_VAR_PFX}tab-animation-hide);\n  }\n}\n",":root {\n  --#{$CSS_VAR_PFX}toast-txt-color: var(--#{$CSS_VAR_PFX}txt-color);\n  --#{$CSS_VAR_PFX}toast-bg-color: var(--#{$CSS_VAR_PFX}bg-color);\n  --#{$CSS_VAR_PFX}toast-border-color: var(--#{$CSS_VAR_PFX}bg-color-darker);\n  --#{$CSS_VAR_PFX}toast-inner-space: 2.5em;\n  --#{$CSS_VAR_PFX}toast-animation-show-duration: #{$TOAST_SHOW_ANIMATION_DURATION};\n  --#{$CSS_VAR_PFX}toast-animation-hide-duration: #{$TOAST_HIDE_ANIMATION_DURATION};\n  --#{$CSS_VAR_PFX}toast-animation-show: flatify-slide-up-in-min var(--#{$CSS_VAR_PFX}toast-animation-show-duration)\n    ease;\n  --#{$CSS_VAR_PFX}toast-animation-hide: flatify-slide-down-out-min var(--#{$CSS_VAR_PFX}toast-animation-hide-duration)\n    ease both;\n}\n\n.toast-wrapper {\n  position: fixed;\n  width: 20em;\n  max-width: 100vw;\n  display: flex;\n  flex-direction: column;\n  z-index: $ZINDEX_TOAST;\n\n  &.bottom {\n    flex-direction: column-reverse;\n    bottom: var(--#{$CSS_VAR_PFX}toast-inner-space);\n  }\n  &.top {\n    flex-direction: column;\n    top: var(--#{$CSS_VAR_PFX}toast-inner-space);\n  }\n  &.left {\n    left: var(--#{$CSS_VAR_PFX}toast-inner-space);\n  }\n  &.right {\n    right: var(--#{$CSS_VAR_PFX}toast-inner-space);\n  }\n  &.center {\n    left: 0;\n    right: 0;\n    margin: 0 auto;\n  }\n\n  @include break-xs() {\n    &.left,\n    &.right {\n      left: 0;\n      right: 0;\n      margin: 0 auto;\n    }\n    --#{$CSS_VAR_PFX}toast-inner-space: 0.5em;\n    width: calc(100% - 1em);\n  }\n}\n\n.toast {\n  --#{$CSS_VAR_PFX}local-txt-color: var(--#{$CSS_VAR_PFX}toast-txt-color);\n  --#{$CSS_VAR_PFX}local-bg-color: var(--#{$CSS_VAR_PFX}toast-bg-color);\n  --#{$CSS_VAR_PFX}local-border-color: var(--#{$CSS_VAR_PFX}toast-border-color);\n  overflow: hidden;\n  position: relative;\n  width: 100%;\n  padding: 0.9em;\n  margin: 0.25em 0;\n  color: var(--#{$CSS_VAR_PFX}local-txt-color);\n  background: var(--#{$CSS_VAR_PFX}local-bg-color);\n  border: var(--#{$CSS_VAR_PFX}border-width) solid var(--#{$CSS_VAR_PFX}local-border-color);\n  box-shadow: inset 0 -0.125em 0 var(--#{$CSS_VAR_PFX}local-border-color);\n  border-radius: var(--#{$CSS_VAR_PFX}border-radius);\n\n  &:not(.toast-will-be-removed) {\n    animation: var(--#{$CSS_VAR_PFX}toast-animation-show);\n  }\n\n  &.toast-will-be-removed {\n    animation: var(--#{$CSS_VAR_PFX}toast-animation-hide);\n  }\n\n  &:hover {\n    .close-button {\n      transition-delay: 0.15s;\n      transform: scale(1);\n    }\n  }\n\n  .toast-svg {\n    display: inline-block;\n    width: 2em;\n    max-height: 2em;\n    margin-inline-end: 0.32em;\n    opacity: 0.75;\n\n    &:not([fill=\"none\"]) {\n      fill: currentColor;\n    }\n  }\n\n  .close-button {\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    inset-inline-end: 0.25em;\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    margin-inline-start: 0.38em;\n  }\n\n  &:not(.inline) {\n    display: block;\n    margin-inline-start: 0.38em;\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    inset-inline-start: 1em;\n  }\n\n  &.is-textarea {\n    .form-label {\n      top: 1.5em;\n      bottom: unset;\n    }\n  }\n}\n\n:dir(ltr) .floating-label .form-label,\n.ltr .floating-label .form-label {\n  transform-origin: left top;\n}\n\n:dir(rtl) .floating-label .form-label,\n.rtl .floating-label .form-label {\n  transform-origin: right top;\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      margin-inline-start: 0.5em;\n    }\n\n    &:not(.after-label) {\n      margin-inline-end: 0.5em;\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 !important;\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      padding-inline-end: 3.5em;\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      inset-inline-end: 1.35em;\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      inset-inline-end: 1.55em;\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      inset-inline-end: 1.75em;\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      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      inset-inline-end: 1em;\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    inset-inline-end: 0.5em;\n    // should be over [.input-wrapper] ::before and ::after\n    z-index: 3;\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      top: 0;\n      bottom: 0;\n      inset-inline-end: 0.5em;\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    margin-block-start: 0;\n    margin-block-end: 0;\n    margin-inline-end: 0.75em;\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  padding-inline-end: 2.5em;\n  background-image: var(--#{$CSS_VAR_PFX}select-icon);\n  background-repeat: no-repeat;\n  background-position: inline-end 0.64em center;\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  .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      inset-inline-start: 0.18em;\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      background: var(--#{$CSS_VAR_PFX}form-element-accent-color);\n    }\n  }\n\n  // To prevent delayed animation it is not available for touch users\n  @media (pointer: fine) and (prefers-reduced-motion: no-preference) {\n    &:active {\n      .check:after {\n        transition: all 0.1s 0.05s;\n      }\n\n      input:disabled {\n        &:not(:checked) + .check:after {\n          transform: scale(1) !important;\n        }\n        &:checked + .check:after {\n          transform: scale(1) translateX(1.4em) !important;\n        }\n      }\n\n      input:not(:checked) + .check:after {\n        transform: scaleX(1.2) scaleY(0.7) !important;\n      }\n\n      input:checked + .check:after {\n        &:dir(ltr) {\n          transform: translateX(1.2em) scaleY(0.7) scaleX(1.4) !important;\n        }\n        &:dir(rtl) {\n          transform: translateX(-1.2em) scaleY(0.7) scaleX(1.4) !important;\n        }\n      }\n    }\n  }\n}\n\n:dir(ltr) .toggle-wrapper:hover:not(:focus-within) input:not(:disabled) + .check:after,\n.ltr .toggle-wrapper:hover:not(:focus-within) input:not(:disabled) + .check:after {\n  transform: translateX(0.3em);\n}\n:dir(rtl) .toggle-wrapper:hover:not(:focus-within) input:not(:disabled) + .check:after,\n.rtl .toggle-wrapper:hover:not(:focus-within) input:not(:disabled) + .check:after {\n  transform: translateX(-0.3em);\n}\n\n:dir(ltr) .toggle-wrapper input:checked + .check:after,\n.ltr .toggle-wrapper input:checked + .check:after {\n  transform: translateX(1.4em) !important;\n}\n:dir(rtl) .toggle-wrapper input:checked + .check:after,\n.rtl .toggle-wrapper input:checked + .check:after {\n  transform: translateX(-1.4em) !important;\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    margin-inline-end: 0.5em;\n\n    svg {\n      width: 3em;\n      height: 3em;\n      padding: 0.32em;\n\n      &:not([fill=\"none\"]) {\n        fill: currentColor;\n      }\n    }\n  }\n\n  .item-text {\n    width: 100%;\n    text-align: start;\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    transform: scale(0.92);\n  }\n}\n\n// Dropdown show & hide\n@keyframes flatify-dropdown-show {\n  from {\n    opacity: 0;\n    transform: scale(0.9);\n  }\n  to {\n    opacity: 1;\n    transform: scale(1);\n  }\n}\n\n@keyframes flatify-dropdown-hide {\n  from {\n    opacity: 1;\n    transform: scale(1);\n  }\n  to {\n    opacity: 0;\n    transform: scale(0.85);\n  }\n}\n\n// Pulse animation for .pulse\n@keyframes flatify-pulse {\n  0% {\n    transform: scale(1);\n  }\n  60%,\n  100% {\n    opacity: 0;\n    transform: scale(1.75);\n  }\n}\n\n// animation for eyes blinking\n@keyframes flatify-eye-blink {\n  0% {\n    transform: scaleY(1);\n  }\n  40% {\n    transform: scaleY(1);\n  }\n  42% {\n    transform: scaleY(0.3);\n  }\n  45% {\n    transform: scaleY(1);\n  }\n  100% {\n    transform: scaleY(1);\n  }\n}\n\n// hue rotation\n@keyframes flatify-hue {\n  0% {\n    filter: hue-rotate(0);\n  }\n  40% {\n    filter: hue-rotate(360deg);\n  }\n  80% {\n    filter: hue-rotate(-360deg);\n  }\n  100% {\n    filter: hue-rotate(0);\n  }\n}\n\n@keyframes flatify-hue-min {\n  0% {\n    filter: hue-rotate(0);\n  }\n\n  40% {\n    filter: hue-rotate(45deg);\n  }\n  80% {\n    filter: hue-rotate(-45deg);\n  }\n  100% {\n    filter: hue-rotate(0);\n  }\n}\n\n// loading dots animation\n@keyframes flatify-loading-dot-first {\n  0% {\n    opacity: 0;\n    transform: scale(var(--#{$CSS_VAR_PFX}loading-dot-animation-start-scale)) translateX(-0.25em);\n  }\n  50% {\n    opacity: 1;\n    transform: scale(1);\n  }\n  90% {\n    opacity: 1;\n  }\n  100% {\n    opacity: 0;\n  }\n}\n\n@keyframes flatify-loading-dot-second {\n  0%,\n  25% {\n    opacity: 0;\n    transform: scale(var(--#{$CSS_VAR_PFX}loading-dot-animation-start-scale));\n  }\n  65%,\n  100% {\n    opacity: 1;\n    transform: scale(1);\n  }\n}\n\n@keyframes flatify-loading-dot-third {\n  0%,\n  45% {\n    opacity: 0;\n    transform: scale(var(--#{$CSS_VAR_PFX}loading-dot-animation-start-scale)) translateX(0.25em);\n  }\n  85%,\n  100% {\n    opacity: 1;\n    transform: scale(1);\n  }\n}\n","// .style-[color] is a background, color and border color setter that can be practical for table items and other elements\n@each $name, $colors in $PALETTE {\n  // Original version\n  .style-#{\"\" + $name} {\n    // These are exceptions that should have special text color\n    @if $name == yellow or $name == pink {\n      color: var(--#{$CSS_VAR_PFX + \"color-\" + $name + \"-\" + \"darker\"}) !important;\n      // Local text color\n      --#{$CSS_VAR_PFX}local-txt-color: var(--#{$CSS_VAR_PFX + \"color-\" + $name + \"-\" + \"darker\"}) !important;\n    } @else if $name == light {\n      color: var(--#{$CSS_VAR_PFX}txt-color) !important;\n      // Local text color\n      --#{$CSS_VAR_PFX}local-txt-color: var(--#{$CSS_VAR_PFX}txt-color) !important;\n    } @else {\n      color: var(--#{$CSS_VAR_PFX}txt-color-inverted) !important;\n      // Local text color\n      --#{$CSS_VAR_PFX}local-txt-color: var(--#{$CSS_VAR_PFX}txt-color-inverted) !important;\n    }\n\n    background-color: var(--#{$CSS_VAR_PFX + \"color-\" + $name + \"-\" + \"primary\"}) !important;\n    // Local background color can be used as background of <mark.inline> [: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 <mark.inline> [:before]\n    --#{$CSS_VAR_PFX}local-bg-color: var(--#{$CSS_VAR_PFX + \"color-\" + $name + \"-\" + \"light\"}) !important;\n\n    border-color: var(--#{$CSS_VAR_PFX + \"color-\" + $name + \"-\" + \"primary\"}) !important;\n    // Local border color can be used as color of box shadow e.g. buttons\n    --#{$CSS_VAR_PFX}local-border-color: var(--#{$CSS_VAR_PFX + \"color-\" + $name + \"-\" + \"primary\"}) !important;\n    --#{$CSS_VAR_PFX}local-border-color-dark: var(--#{$CSS_VAR_PFX + \"color-\" + $name + \"-\" + \"dark\"}) !important;\n  }\n}\n\n[class*=\"style-\"] {\n  // change link text color for color setter classes\n  --#{$CSS_VAR_PFX}link-color: var(--#{$CSS_VAR_PFX}local-txt-color);\n  --#{$CSS_VAR_PFX}link-color__hover: var(--#{$CSS_VAR_PFX}local-txt-color);\n  --#{$CSS_VAR_PFX}link-color__focus: var(--#{$CSS_VAR_PFX}local-txt-color);\n}\n\n[class*=\"style-\"]:not([class*=\"style-accent\"]) {\n  // reset accent color when class is not accent color,\n  // for example for style-red accent color should be red.\n  --#{$CSS_VAR_PFX}color-accent-light: var(--#{$CSS_VAR_PFX}local-border-color);\n  --#{$CSS_VAR_PFX}color-accent-primary: var(--#{$CSS_VAR_PFX}local-border-color-dark);\n  --#{$CSS_VAR_PFX}color-accent-dark: var(--#{$CSS_VAR_PFX}local-border-color-dark);\n}\n\n// .color-[color] is a text color setter\n@each $name, $colors in $PALETTE {\n  // Original version\n  .color-#{\"\" + $name} {\n    color: var(--#{$CSS_VAR_PFX + \"color-\" + $name + \"-\" + \"primary\"}) !important;\n  }\n\n  // Light version\n  .color-#{\"\" + $name}-light {\n    color: var(--#{$CSS_VAR_PFX + \"color-\" + $name + \"-\" + \"light\"}) !important;\n  }\n}\n","@use \"sass:math\";\n\n@each $name, $value in $RESPONSIVE_BREAKPOINTS {\n  // xs and sm are the same\n  @if $name != \"xs\" {\n    .container-#{$name} {\n      max-width: math.floor($value);\n    }\n  }\n}\n\n[class*=\"container-\"] {\n  padding-left: 0.64em;\n  padding-right: 0.64em;\n\n  @if $CENTERED_CONTAINERS {\n    margin-left: auto;\n    margin-right: auto;\n  }\n}\n","@use \"sass:math\";\n\n// List of opacity helper classes\n@each $value in $OPACITY_LIST {\n  // e.g. [.opacity-10]\n  .opacity-#{$value} {\n    opacity: math.div($value, 100);\n  }\n}\n\n// List of border-radius helper classes\n@each $type, $value in $BORDER_RADIUS_LIST {\n  .edge-#{$type} {\n    border-radius: #{$value} !important;\n  }\n}\n\n// List of width helper classes\n@each $type, $value in $WIDTH_LIST {\n  .width-#{$type} {\n    width: #{$value} !important;\n  }\n}\n\n// List of height helper classes\n@each $type, $value in $HEIGHT_LIST {\n  .height-#{$type} {\n    height: #{$value} !important;\n  }\n}\n","// Center align children with flex\n.inline-flex {\n  display: inline-flex !important;\n}\n\n.flex-center {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.flex-center-x {\n  display: flex;\n  justify-content: center;\n}\n\n.flex-center-y {\n  display: flex;\n  align-items: center;\n}\n\n.flex-column-center {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n}\n\n.flex-column-center-x {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n}\n\n.flex-column-center-y {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n}\n\n// float\n.float-left {\n  float: left;\n}\n.float-right {\n  float: right;\n}\n.float-none {\n  float: none;\n}\n\n// margin\n.margin-auto {\n  margin: auto;\n}\n\n.margin-ya {\n  margin-top: auto;\n  margin-bottom: auto;\n}\n.margin-ta {\n  margin-top: auto;\n}\n.margin-ba {\n  margin-bottom: auto;\n}\n\n.push-center,\n.margin-xa {\n  margin-left: auto;\n  margin-right: auto;\n}\n\n.push-right,\n.margin-la {\n  margin-left: auto;\n}\n\n.push-left,\n.margin-ra {\n  margin-right: auto;\n}\n\n// position\n.position-relative {\n  position: relative;\n}\n\n.position-absolute {\n  position: absolute;\n}\n\n.place-expand {\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n}\n\n.place-expand-x {\n  left: 0;\n  right: 0;\n}\n\n.place-expand-y {\n  top: 0;\n  bottom: 0;\n}\n\n.sticky-top,\n.fixed-top,\n.place-top {\n  top: 0;\n}\n.sticky-bottom,\n.fixed-bottom,\n.place-bottom {\n  bottom: 0;\n}\n.sticky-left,\n.fixed-left,\n.place-left {\n  left: 0;\n}\n.sticky-right,\n.fixed-right,\n.place-right {\n  right: 0;\n}\n\n.fixed-left,\n.fixed-right,\n.fixed-bottom,\n.fixed-top {\n  position: fixed;\n  z-index: $ZINDEX_FIXED;\n}\n\n.sticky-left,\n.sticky-right,\n.sticky-bottom,\n.sticky-top {\n  position: sticky;\n  z-index: $ZINDEX_STICKY;\n}\n\n.fixed-bottom,\n.fixed-top,\n.sticky-bottom,\n.sticky-top {\n  left: 0;\n}\n\n// overflow classes\n.scrollable {\n  overflow: auto;\n}\n.scrollable-x {\n  overflow-x: auto;\n  overflow-y: hidden;\n}\n.scrollable-y {\n  overflow-x: hidden;\n  overflow-y: auto;\n}\n","// overlay layer that hide content\n// class should be added to the wrapper, and wrapper should have [--flatify__local-bg-color] set.\n:root {\n  --#{$CSS_VAR_PFX}overlay-layer-priority: 10;\n  --#{$CSS_VAR_PFX}overlay-layer-bg-color: var(--#{$CSS_VAR_PFX}bg-color);\n  --#{$CSS_VAR_PFX}overlay-layer-opacity: 1;\n  --#{$CSS_VAR_PFX}overlay-layer-blending-mode: normal;\n  --#{$CSS_VAR_PFX}overlay-layer-backdrop-filter: none;\n}\n\n.overlay-layer {\n  --#{$CSS_VAR_PFX}local-bg-color: var(--#{$CSS_VAR_PFX}overlay-layer-bg-color);\n  position: relative;\n\n  &:before {\n    content: \" \";\n    position: absolute;\n    top: 0;\n    left: 0;\n    z-index: var(--#{$CSS_VAR_PFX}overlay-layer-priority);\n    width: 100%;\n    height: 100%;\n    background: var(--#{$CSS_VAR_PFX}local-bg-color);\n    border-radius: inherit;\n    opacity: var(--#{$CSS_VAR_PFX}overlay-layer-opacity);\n    mix-blend-mode: var(--#{$CSS_VAR_PFX}overlay-layer-blending-mode);\n    backdrop-filter: var(--#{$CSS_VAR_PFX}overlay-layer-backdrop-filter);\n  }\n}\n",".pulse {\n  position: relative;\n  isolation: isolate;\n\n  &:after {\n    content: \" \";\n    position: absolute;\n    top: 0;\n    left: 0;\n    z-index: -1;\n    display: block;\n    width: 100%;\n    height: 100%;\n    background: inherit;\n    border-radius: inherit;\n    will-change: opacity, transform;\n    animation: flatify-pulse 1.4s infinite;\n  }\n}\n","// though justify is not a good practice for text align, but with it hyphens becomes better.\n.text-filled {\n  hyphens: auto;\n  text-align: justify;\n}\n\n.text-center {\n  text-align: center;\n}\n\n.text-left {\n  text-align: left;\n}\n\n.text-right {\n  text-align: right;\n}\n\n// text sizes\n@each $size, $value in $FONT_SIZE_LIST {\n  .size-#{$size},\n  .text-#{$size} {\n    font-size: $value !important;\n  }\n}\n\n// text truncation\n.truncate {\n  &:not(.show-text) {\n    white-space: nowrap !important;\n    overflow: hidden !important;\n    text-overflow: ellipsis !important;\n  }\n  &.add-space {\n    padding: 0.18em 0;\n  }\n}\n","@media (prefers-reduced-motion: reduce) {\n  // mentions body for higher priority\n  body {\n    *,\n    ::before,\n    ::after {\n      background-attachment: initial !important;\n      scroll-behavior: auto !important;\n    }\n\n    // Do not need transition in this case\n    * {\n      --#{$CSS_VAR_PFX}simple-transition: 0s !important;\n      --#{$CSS_VAR_PFX}long-transition: 0s !important;\n      --#{$CSS_VAR_PFX}bouncing-transition: 0s !important;\n    }\n\n    // Fade instead of custom animations\n    // Fade In\n    .dropdown,\n    .modal,\n    .tab-panel {\n      &.show {\n        animation-name: flatify-fade-in !important;\n      }\n    }\n\n    .menu-item {\n      &:focus-within > .submenu,\n      &:hover > .submenu {\n        animation-name: flatify-fade-in !important;\n      }\n    }\n\n    .two-layer-button {\n      --#{$CSS_VAR_PFX}two-layer-button-animation-show: flatify-fade-in 0.3s ease-in-out !important;\n    }\n\n    // accordion fade in/out\n    .accordion-collapse {\n      transition: none !important;\n\n      &.show .accordion-body {\n        animation-name: flatify-fade-in !important;\n      }\n      &.accordion-will-be-hidden .accordion-body {\n        animation-name: flatify-fade-out !important;\n      }\n    }\n\n    // toast fade in/out\n    .toast {\n      &:not(.toast-will-be-removed) {\n        animation-name: flatify-fade-in !important;\n      }\n      &.toast-will-be-removed {\n        animation-name: flatify-fade-out !important;\n      }\n    }\n\n    // alert fade in/out\n    .alert {\n      &:not(.alert-will-be-removed) {\n        animation-name: flatify-fade-in !important;\n      }\n      &.alert-will-be-removed {\n        animation-name: flatify-fade-out !important;\n      }\n    }\n\n    // Fade in out like a fresh breath\n    .loading {\n      animation: flatify-fade-in-out 2s infinite !important;\n\n      &:before,\n      &:after {\n        opacity: 1 !important;\n        animation: none !important;\n      }\n    }\n\n    .progress-bar:before {\n      filter: opacity(60%);\n      animation: flatify-fade-in-out 3s infinite !important;\n    }\n\n    // Fade Out\n    .show {\n      &.dropdown-will-be-hidden,\n      &.modal-will-be-hidden,\n      &.tab-will-be-hidden {\n        animation-name: flatify-fade-out !important;\n      }\n    }\n\n    // limit steps for to have a simple animation\n    .spinner:before {\n      animation-timing-function: steps(4, end) !important;\n      animation-duration: 2s !important;\n    }\n  }\n\n  // Custom pulse animation\n  @keyframes flatify-pulse {\n    0%,\n    100% {\n      transform: scale(1.25);\n      opacity: 0.2;\n    }\n    40% {\n      transform: scale(1.25);\n      opacity: 0.5;\n    }\n  }\n}\n"]}