{"version":3,"sources":["flatify.scss","_root.scss","flatify-rtl.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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E,qDAAA,CACA,4DAAA,CACA,4DzCs4HF,CyCn4HA,2CAGE,gEAAA,CACA,uEAAA,CACA,oEzCo4HF,CyC93HE,YACE,kDzCi4HJ,CyC73HE,kBACE,gDzCg4HJ,CyCt4HE,aACE,mDzCy4HJ,CyCr4HE,mBACE,iDzCw4HJ,CyC94HE,cACE,oDzCi5HJ,CyC74HE,oBACE,kDzCg5HJ,CyCt5HE,cACE,oDzCy5HJ,CyCr5HE,oBACE,kDzCw5HJ,CyC95HE,WACE,iDzCi6HJ,CyC75HE,iBACE,+CzCg6HJ,CyCt6HE,YACE,kDzCy6HJ,CyCr6HE,kBACE,gDzCw6HJ,CyC96HE,cACE,oDzCi7HJ,CyC76HE,oBACE,kDzCg7HJ,CyCt7HE,cACE,oDzCy7HJ,CyCr7HE,oBACE,kDzCw7HJ,CyC97HE,eACE,qDzCi8HJ,CyC77HE,qBACE,mDzCg8HJ,CyCt8HE,YACE,kDzCy8HJ,CyCr8HE,kBACE,gDzCw8HJ,CyC98HE,eACE,qDzCi9HJ,CyC78HE,qBACE,mDzCg9HJ,CyCt9HE,cACE,oDzCy9HJ,CyCr9HE,oBACE,kDzCw9HJ,CyC99HE,aACE,mDzCi+HJ,CyC79HE,mBACE,iDzCg+HJ,CyCt+HE,YACE,kDzCy+HJ,CyCr+HE,kBACE,gDzCw+HJ,C0CpjII,cACE,e1CujIN,C0CxjII,cACE,e1C2jIN,C0C5jII,cACE,e1C+jIN,C0ChkII,cACE,gB1CmkIN,C0CpkII,eACE,gB1CukIN,C0ClkIA,oBAKI,gBAAA,CACA,iBAAA,CALF,kBAAA,CACA,mB1CukIF,C2C/kIE,WACE,S3CklIJ,C2CnlIE,YACE,U3CslIJ,C2CvlIE,YACE,U3C0lIJ,C2C3lIE,YACE,U3C8lIJ,C2C/lIE,YACE,U3CkmIJ,C2CnmIE,YACE,U3CsmIJ,C2CvmIE,YACE,U3C0mIJ,C2C3mIE,YACE,U3C8mIJ,C2C/mIE,YACE,U3CknIJ,C2CnnIE,YACE,U3CsnIJ,C2CvnIE,aACE,S3C0nIJ,C2CpnIE,YACE,yB3CunIJ,C2CxnIE,eACE,6B3C2nIJ,C2C5nIE,eACE,4B3C+nIJ,C2ChoIE,eACE,6B3CmoIJ,C2CpoIE,eACE,2B3CuoIJ,C2CxoIE,aACE,4B3C2oIJ,C2C5oIE,WACE,2B3C+oIJ,C2ChpIE,eACE,yD3CmpIJ,C2C7oIE,UACE,iB3CgpIJ,C2CjpIE,WACE,mB3CopIJ,C2CrpIE,WACE,mB3CwpIJ,C2CzpIE,WACE,mB3C4pIJ,C2C7pIE,WACE,mB3CgqIJ,C2CjqIE,WACE,mB3CoqIJ,C2CrqIE,WACE,mB3CwqIJ,C2CzqIE,WACE,mB3C4qIJ,C2C7qIE,WACE,mB3CgrIJ,C2CjrIE,WACE,mB3CorIJ,C2CrrIE,YACE,oB3CwrIJ,C2ClrIE,WACE,kB3CqrIJ,C2CtrIE,YACE,oB3CyrIJ,C2C1rIE,YACE,oB3C6rIJ,C2C9rIE,YACE,oB3CisIJ,C2ClsIE,YACE,oB3CqsIJ,C2CtsIE,YACE,oB3CysIJ,C2C1sIE,YACE,oB3C6sIJ,C2C9sIE,YACE,oB3CitIJ,C2CltIE,YACE,oB3CqtIJ,C2CttIE,YACE,oB3CytIJ,C2C1tIE,aACE,qB3C6tIJ,C4CvvIA,aACE,6B5C0vIF,C4CvvIA,aAGE,kB5C0vIF,C4CvvIA,4BALE,YAAA,CACA,sB5CgwIF,C4ClvIA,mCAHE,kBAAA,CADA,Y5CkwIF,C4C9vIA,oBAEE,qBAAA,CACA,sB5C2vIF,C4CvvIA,sBAGE,kBAAA,CAFA,YAAA,CACA,qB5C2vIF,C4CvvIA,sBACE,YAAA,CACA,qBAAA,CACA,sB5C0vIF,C4CtvIA,YACE,U5CyvIF,C4CvvIA,aACE,W5C0vIF,C4CxvIA,YACE,U5C2vIF,C4CvvIA,aACE,W5C0vIF,C4CvvIA,WAEE,kB5C0vIF,C4CxvIA,sBAHE,e5C+vIF,C4CzvIA,WACE,kB5C4vIF,C4CzvIA,wBAEE,gBAAA,CACA,iB5C4vIF,C4CzvIA,uBAEE,gB5C4vIF,C4CzvIA,sBAEE,iB5C4vIF,C4CxvIA,mBACE,iB5C2vIF,C4CxvIA,mBACE,iB5C2vIF,C4CxvIA,cAEE,QAAA,CADA,K5C8vIF,C4CxvIA,8BAJE,MAAA,CACA,O5CgwIF,C4CxvIA,gBAEE,QAAA,CADA,K5C4vIF,C4CxvIA,kCAGE,K5C2vIF,C4CzvIA,2CAGE,Q5C4vIF,C4C1vIA,qCAGE,M5C6vIF,C4C3vIA,wCAGE,O5C8vIF,C4C3vIA,kDAIE,cAAA,CACA,Y5C8vIF,C4C3vIA,sDAIE,eAAA,CACA,Y5C8vIF,C4C3vIA,oDAIE,M5C8vIF,C4C1vIA,YACE,a5C6vIF,C4C3vIA,cACE,eAAA,CACA,iB5C8vIF,C4C5vIA,cACE,iBAAA,CACA,e5C+vIF,C6Ch6IA,MACE,oCAAA,CACA,0DAAA,CACA,kCAAA,CACA,6CAAA,CACA,6C7Cm6IF,C6Ch6IA,iCACE,gEAAA,CACA,iB7Cm6IF,C6Cj6IE,+CAYE,6DAAA,CAJA,yCAAA,CACA,qBAAA,CARA,WAAA,CAMA,WAAA,CAHA,MAAA,CAOA,0DAAA,CADA,6CAAA,CARA,iBAAA,CACA,KAAA,CAGA,UAAA,CADA,8C7C06IJ,C8C77IA,OAEE,iBAAA,CADA,iB9Ci8IF,C8C97IE,aAYE,qCAAA,CAHA,kBAAA,CACA,qBAAA,CATA,WAAA,CAKA,aAAA,CAEA,WAAA,CAJA,MAAA,CAFA,iBAAA,CACA,KAAA,CAIA,UAAA,CAIA,6BAAA,CANA,U9Cu8IJ,C+C/8IA,aACE,YAAA,CACA,kB/Ck9IF,C+C/8IA,aACE,iB/Ck9IF,C+C/8IA,WACE,e/Ck9IF,C+C/8IA,YACE,gB/Ck9IF,C+C78IE,kBAEE,yB/Cg9IJ,C+Cl9IE,kBAEE,wB/Cq9IJ,C+Cv9IE,kBAEE,uB/C09IJ,C+C59IE,kBAEE,0B/C+9IJ,C+Cj+IE,kBAEE,yB/Co+IJ,C+Ct+IE,kBAEE,yB/Cy+IJ,C+C3+IE,kBAEE,yB/C8+IJ,C+Ch/IE,kBAEE,0B/Cm/IJ,C+C7+IE,0BAEE,yBAAA,CACA,gCAAA,CAFA,4B/Ck/IJ,C+C9+IE,oBACE,e/Cg/IJ,CgDlhJA,uCAGI,gCAGE,sCAAA,CACA,8BhDmhJJ,CgD/gJE,OACE,yCAAA,CACA,uCAAA,CACA,2ChDihJJ,CgDzgJI,0DACE,wChD6gJN,CgDxgJI,qEAEE,wChDygJN,CgDrgJE,uBACE,qFhDugJJ,CgDngJE,yBACE,yBhDqgJJ,CgDngJI,8CACE,wChDqgJN,CgDngJI,kEACE,yChDqgJN,CgD//II,wCACE,wChDigJN,CgD//II,kCACE,yChDigJN,CgD3/II,wCACE,wChD6/IN,CgD3/II,kCACE,yChD6/IN,CgDx/IE,cACE,mDhD0/IJ,CgDx/II,yCAGE,wBAAA,CADA,mBhD0/IN,CgDr/IE,0BAEE,mDAAA,CADA,mBhDw/IJ,CgDl/II,iGAGE,yChDk/IN,CgD7+IE,qBAEE,+BAAA,CADA,4ChDg/IJ,CgD1+IA,yBACE,MAGE,UAAA,CADA,qBhD6+IF,CgD1+IA,IAEE,UAAA,CADA,qBhD6+IF,CACF,CACF","file":"../scss/flatify-rtl-noprefix-min.css","sourcesContent":["/*!\n * FlatifyCSS version 1.5.3\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 1.5.3\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:root {\n  direction: rtl;\n}\n@media screen and (max-width: 575.98px) {\n  :root {\n    font-size: var(--flatify__min-font-size);\n  }\n}\n@media (min-width: 576px) and (max-width: 1200px) {\n  :root {\n    font-size: calc( var(--flatify__min-font-size) + ( var(--flatify__max-font-size) - var(--flatify__min-font-size) ) * ( ( 100vw - 576px ) / ( 1200 - 576 ) ) );\n  }\n}\n@media screen and (min-width: 1200px) {\n  :root {\n    font-size: var(--flatify__max-font-size);\n  }\n}\n@media (prefers-reduced-motion: no-preference) {\n  :root {\n    scroll-behavior: smooth;\n  }\n}\n\nbody {\n  margin: 0;\n  font-family: var(--flatify__primary-font-family);\n  line-height: var(--flatify__base-line-height);\n  text-align: var(--flatify__body-text-align);\n  color: var(--flatify__txt-color);\n  background-color: var(--flatify__bg-color);\n  -webkit-tap-highlight-color: var(--flatify__tap-highlight-color);\n  -webkit-text-size-adjust: 100%;\n  -webkit-font-smoothing: antialiased;\n  text-rendering: optimizeLegibility;\n}\n\np,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  overflow-wrap: break-word;\n}\n\nh6, h5, h4, h3, h2, h1 {\n  margin-top: 0;\n  margin-bottom: var(--flatify__heading-mb);\n  font-family: var(--flatify__heading-font-family, --flatify__primary-font-family);\n  font-style: var(--flatify__heading-font-style);\n  font-weight: var(--flatify__heading-font-weight);\n  color: var(--flatify__heading-color);\n}\nh6 strong, h5 strong, h4 strong, h3 strong, h2 strong, h1 strong,\nh6 b,\nh5 b,\nh4 b,\nh3 b,\nh2 b,\nh1 b {\n  font-weight: var(--flatify__extra-bold-font-weight);\n}\n\nh1 {\n  font-size: 3.5em;\n  line-height: var(--flatify__small-line-height);\n}\n\nh2 {\n  font-size: 3em;\n  line-height: var(--flatify__small-line-height);\n}\n\nh3 {\n  font-size: 2.35em;\n  line-height: var(--flatify__small-line-height);\n}\n\nh4 {\n  font-size: 2em;\n  line-height: var(--flatify__base-line-height);\n}\n\nh5 {\n  font-size: 1.65em;\n  line-height: var(--flatify__base-line-height);\n}\n\nh6 {\n  font-size: 1.35em;\n  line-height: var(--flatify__base-line-height);\n}\n\np {\n  line-height: var(--flatify__large-line-height);\n  margin-top: 0;\n  margin-bottom: var(--flatify__paragraph-mb);\n}\np:last-of-type {\n  margin-bottom: 0;\n}\n\nabbr[title] {\n  cursor: help;\n  text-decoration: var(--flatify__txt-color-light) underline dotted 0.125em;\n  text-decoration-skip-ink: none;\n}\n\naddress {\n  margin-bottom: 1em;\n  font-style: normal;\n  line-height: inherit;\n}\n\nol,\nul {\n  padding-right: 2em;\n}\n\nol,\nul,\ndl {\n  margin-top: 0;\n  margin-bottom: 1em;\n}\n\nol ol,\nul ul,\nol ul,\nul ol {\n  margin-bottom: 0;\n}\n\ndt {\n  font-weight: var(--flatify__medium-font-weight);\n}\n\ndd {\n  margin-bottom: 0.5em;\n  margin-left: 0;\n}\n\nb,\nstrong {\n  font-weight: var(--flatify__bold-font-weight);\n}\n\n.mark,\nmark {\n  color: var(--flatify__txt-color-dark);\n}\n.mark:not(.inline),\nmark:not(.inline) {\n  border-radius: calc(var(--flatify__border-radius) * 0.38);\n  padding: 0 0.32em;\n  background: var(--flatify__color-yellow-light);\n}\n.mark.inline,\nmark.inline {\n  --flatify__local-bg-color: var(--flatify__color-yellow-light);\n  isolation: isolate;\n  position: relative;\n  white-space: nowrap;\n  margin: 0 0.32em;\n  background: transparent !important;\n}\n.mark.inline:before,\nmark.inline:before {\n  content: \" \";\n  position: absolute;\n  top: 0;\n  left: 0;\n  z-index: -1;\n  width: 100%;\n  height: 100%;\n  background: var(--flatify__local-bg-color);\n  border-radius: calc(var(--flatify__border-radius) * 0.38);\n  opacity: 0.9;\n  transform: rotate(3deg) scale(1.1, 1.2) skew(10deg);\n}\n\nsub,\nsup {\n  position: relative;\n  font-size: 0.75em;\n  line-height: 0;\n  vertical-align: baseline;\n}\n\nsub {\n  bottom: -0.25em;\n}\n\nsup {\n  top: -0.5em;\n}\n\n.link-button, a:not(.button) {\n  color: var(--flatify__link-color);\n  text-decoration: var(--flatify__link-decoration);\n  text-underline-position: under;\n  transition: color var(--flatify__simple-transition), background var(--flatify__simple-transition), border var(--flatify__simple-transition);\n}\n.link-button:hover, a:hover:not(.button) {\n  color: var(--flatify__link-color__hover);\n  text-decoration: var(--flatify__link-decoration__hover);\n}\n.link-button:focus, a:focus:not(.button) {\n  color: var(--flatify__link-color__focus);\n  text-decoration: var(--flatify__link-decoration__focus);\n}\n\npre,\ncode,\nkbd,\nsamp {\n  direction: ltr;\n  unicode-bidi: bidi-override;\n  font-size: 1em;\n  font-family: var(--flatify__code-font-family);\n}\n\npre {\n  overflow: auto;\n  display: block;\n  padding: 1em;\n  margin-top: 0;\n  margin-bottom: 1em;\n  background: var(--flatify__bg-color-dark);\n  border: var(--flatify__border-width) solid var(--flatify__bg-color-darker);\n  border-radius: var(--flatify__border-radius);\n}\npre code {\n  color: inherit;\n  word-break: normal;\n}\n\ncode {\n  vertical-align: middle;\n  font-size: 0.85em;\n  word-wrap: break-word;\n  padding: 0.18em 0.32em;\n  color: var(--flatify__txt-color);\n  background: var(--flatify__bg-color-dark);\n  border: var(--flatify__border-width) solid var(--flatify__bg-color-darker);\n  border-radius: calc(var(--flatify__border-radius) * 0.5);\n}\na > code {\n  color: inherit;\n}\n\na:focus-visible,\nbutton:focus-visible {\n  outline: 0.18em solid currentColor;\n}\n\nimg,\nsvg {\n  vertical-align: middle;\n}\n\nimg,\npicture,\nvideo,\ncanvas {\n  display: block;\n  max-width: 100%;\n}\n\nlabel {\n  display: inline-block;\n}\n\nbutton:focus:not(:focus-visible) {\n  outline: 0;\n}\n\ninput,\nbutton,\ntextarea,\nselect {\n  font: inherit;\n}\n\ninput,\nbutton,\nselect,\noptgroup,\ntextarea {\n  margin: 0;\n  font-family: inherit;\n  line-height: inherit;\n}\n\nbutton,\nselect {\n  text-transform: none;\n}\n\n[role=button] {\n  cursor: pointer;\n}\n\nselect {\n  word-wrap: normal;\n}\nselect:disabled {\n  opacity: 1;\n}\n\n[list]::-webkit-calendar-picker-indicator {\n  display: none;\n}\n\nbutton,\n[type=button],\n[type=reset],\n[type=submit] {\n  -webkit-appearance: button;\n}\nbutton:not(:disabled),\n[type=button]:not(:disabled),\n[type=reset]:not(:disabled),\n[type=submit]:not(:disabled) {\n  cursor: pointer;\n}\n\n::-moz-focus-inner {\n  padding: 0;\n  border-style: none;\n}\n\ntextarea {\n  resize: vertical;\n}\n\nfieldset {\n  min-width: 0;\n  padding: 0;\n  margin: 0;\n  border: 0;\n}\n\nlegend {\n  float: left;\n  width: 100%;\n  padding: 0;\n  margin-bottom: 0.5em;\n  font-weight: var(--flatify__bold-font-weight);\n  line-height: inherit;\n}\nlegend + * {\n  clear: left;\n}\n\n::-webkit-datetime-edit-fields-wrapper,\n::-webkit-datetime-edit-text,\n::-webkit-datetime-edit-minute,\n::-webkit-datetime-edit-hour-field,\n::-webkit-datetime-edit-day-field,\n::-webkit-datetime-edit-month-field,\n::-webkit-datetime-edit-year-field {\n  padding: 0;\n}\n\n::-webkit-inner-spin-button {\n  height: auto;\n}\n\n[type=search] {\n  outline-offset: -2px;\n  -webkit-appearance: textfield;\n}\n\n[type=tel],\n[type=url],\n[type=email],\n[type=number] {\n  direction: ltr;\n}\n\n::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n\n::-webkit-color-swatch-wrapper {\n  padding: 0;\n}\n\n::file-selector-button {\n  font: inherit;\n}\n\n::-webkit-file-upload-button {\n  font: inherit;\n  -webkit-appearance: button;\n}\n\noutput {\n  display: inline-block;\n}\n\niframe {\n  border: 0;\n}\n\nsummary {\n  display: list-item;\n  cursor: pointer;\n}\n\nprogress {\n  vertical-align: baseline;\n}\n\n[hidden] {\n  display: none !important;\n}\n\n:root {\n  --flatify__blockquote-accent-color: var(--flatify__color-accent-primary);\n}\n\nblockquote {\n  position: relative;\n  z-index: 0;\n  overflow: hidden;\n  line-height: var(--flatify__large-line-height);\n  margin: 0 0 var(--flatify__paragraph-mb);\n  border-radius: calc(var(--flatify__border-radius) * 0.5);\n  border-style: solid;\n  border-color: var(--flatify__blockquote-accent-color);\n  border-width: 0 0.5em 0 0;\n}\nblockquote:not(.no-icon):before {\n  content: \" \";\n  position: absolute;\n  z-index: -1;\n  opacity: 0.1;\n  background-color: currentColor;\n  mask: var(--flatify__blockquote-icon) no-repeat 50% 50%;\n  -webkit-mask: var(--flatify__blockquote-icon) no-repeat 50% 50%;\n  filter: brightness(100%);\n}\nblockquote:not(.large) {\n  font-size: 1em;\n  line-height: var(--flatify__large-line-height);\n  padding: 0.75em 1.25em;\n  border-radius: var(--flatify__border-radius) calc(var(--flatify__border-radius) * 0.5) calc(var(--flatify__border-radius) * 0.5) var(--flatify__border-radius);\n}\nblockquote:not(.large):before {\n  top: 1em;\n  width: 7em;\n  height: 7em;\n  right: 1em;\n}\nblockquote.large {\n  font-size: 1.25em;\n  border-width: 0.5em 0;\n  padding: 1.25em 0.75em;\n  margin-top: 2em;\n}\nblockquote.large:before {\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  width: 15em;\n  height: 15em;\n  margin: auto;\n}\nblockquote.large:not(.text-align-fill) {\n  text-align: center;\n}\nblockquote cite {\n  display: block;\n  font-size: 0.64em;\n  font-style: normal;\n  letter-spacing: 0.18em;\n  text-transform: uppercase;\n  padding-top: 1.5em;\n  opacity: 0.8;\n}\n\nfigure {\n  position: relative;\n  width: max-content;\n  max-width: 100%;\n  height: max-content;\n  margin: 0 0 1em;\n  border-radius: var(--flatify__border-radius);\n}\nfigure img {\n  width: 100%;\n  height: 100%;\n  border-radius: var(--flatify__border-radius);\n}\nfigure figcaption {\n  font-size: 0.9em;\n  padding: 1em 0;\n}\nfigure .source {\n  --flatify__local-border-color: var(--flatify__txt-color-light);\n  position: absolute;\n  top: 1em;\n  font-size: 0.75em;\n  line-height: 1;\n  padding: 0.5em;\n  color: var(--flatify__txt-color-inverted);\n  background: var(--flatify__txt-color-dark);\n  border: var(--flatify__border-width) solid var(--flatify__local-border-color);\n  border-radius: calc(var(--flatify__border-radius) * 0.75);\n  left: 1em;\n}\nfigure.fill {\n  width: 100% !important;\n}\nfigure.centered {\n  margin-left: auto;\n  margin-right: auto;\n}\nfigure.overlay-caption {\n  overflow: hidden;\n}\nfigure.overlay-caption figcaption {\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 100%;\n  padding-left: 1em;\n  padding-right: 1em;\n  color: var(--flatify__txt-color-inverted);\n  background: linear-gradient(0, var(--flatify__txt-color-dark), transparent);\n}\n\nhr {\n  margin: 1em 0;\n  opacity: 0.5;\n  color: currentColor;\n  background-color: currentColor;\n  border: none;\n  border-radius: var(--flatify__border-radius);\n}\nhr:not([size]) {\n  height: var(--flatify__border-width);\n}\nhr.dots {\n  line-height: 1;\n  display: block;\n  height: auto;\n  padding: 2em;\n  text-align: center;\n  background: transparent;\n}\nhr.dots:before {\n  content: \"‌•••\";\n  letter-spacing: 1.4em;\n  font-size: 1.4em;\n  font-weight: bold;\n}\nhr.short {\n  width: 9em;\n  margin: 3em auto;\n}\n\nkbd {\n  --flatify__local-border-color: var(--flatify__bg-color-darker);\n  vertical-align: middle;\n  text-align: center;\n  font-size: 0.85em;\n  font-weight: normal;\n  line-height: 1;\n  display: inline-block;\n  min-width: 1.75em;\n  padding: 0.18em 0.32em 0.32em;\n  margin: 0 0.25em;\n  background: var(--flatify__bg-color-dark);\n  border: var(--flatify__border-width) solid var(--flatify__local-border-color);\n  border-radius: calc(var(--flatify__border-radius) * 0.5);\n  box-shadow: inset 0 -0.125em 0 var(--flatify__local-border-color);\n  will-change: transform;\n  transition: all var(--flatify__simple-transition) 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-right: var(--flatify__border-width) solid var(--flatify__table-border-color);\n}\ntable.bordered:not(.horizontal) td:last-child,\ntable.bordered:not(.horizontal) th:last-child {\n  border-left: var(--flatify__border-width) solid var(--flatify__table-border-color);\n}\ntable.bordered:not(.horizontal) td,\ntable.bordered:not(.horizontal) th {\n  border-bottom: var(--flatify__border-width) solid var(--flatify__table-border-color);\n}\ntable.bordered:not(.horizontal) thead + tbody tr td,\ntable.bordered:not(.horizontal) thead + tbody tr th {\n  border-top: none !important;\n}\ntable.horizontal tr {\n  flex-basis: 100%;\n  white-space: nowrap;\n}\ntable.horizontal thead {\n  float: right;\n}\ntable.horizontal thead td,\ntable.horizontal thead th {\n  display: block;\n}\ntable.horizontal tbody {\n  display: flex;\n  overflow-x: auto;\n}\ntable.horizontal tbody tr {\n  display: inline-block;\n}\ntable.horizontal tbody td,\ntable.horizontal tbody th {\n  display: block;\n}\ntable.horizontal.bordered {\n  border-spacing: 0;\n}\ntable.horizontal.bordered thead tr {\n  display: block;\n  border-left: var(--flatify__border-width) solid var(--flatify__table-border-color);\n}\ntable.horizontal.bordered thead td,\ntable.horizontal.bordered thead th {\n  border-right: var(--flatify__border-width) solid var(--flatify__table-border-color);\n}\ntable.horizontal.bordered tbody th,\ntable.horizontal.bordered tbody td {\n  border-left: var(--flatify__border-width) solid var(--flatify__table-border-color);\n}\ntable.horizontal.bordered td,\ntable.horizontal.bordered th {\n  border-top: var(--flatify__border-width) solid var(--flatify__table-border-color);\n}\ntable.horizontal.bordered td:last-child,\ntable.horizontal.bordered th:last-child {\n  border-bottom: var(--flatify__border-width) solid var(--flatify__table-border-color);\n}\ntable.horizontal thead tr th:first-child,\ntable.horizontal thead tr td:first-child {\n  border-top-right-radius: var(--flatify__border-radius);\n}\ntable.horizontal thead tr th:last-child,\ntable.horizontal thead tr td:last-child {\n  border-bottom-right-radius: var(--flatify__border-radius);\n}\ntable.horizontal tbody tr:last-child th:first-child,\ntable.horizontal tbody tr:last-child td:first-child {\n  border-top-left-radius: var(--flatify__border-radius);\n}\ntable.horizontal tbody tr:last-child th:last-child,\ntable.horizontal tbody tr:last-child td:last-child {\n  border-bottom-left-radius: var(--flatify__border-radius);\n}\ntable:not(.horizontal) tr:last-child th:first-child {\n  border-top-right-radius: var(--flatify__border-radius);\n}\ntable:not(.horizontal) tr:last-child th:last-child {\n  border-top-left-radius: var(--flatify__border-radius);\n}\ntable:not(.horizontal) tr:last-child td:first-child {\n  border-bottom-right-radius: var(--flatify__border-radius);\n}\ntable:not(.horizontal) tr:last-child td:last-child {\n  border-bottom-left-radius: var(--flatify__border-radius);\n}\ntable.striped thead th,\ntable.striped thead td {\n  background: var(--flatify__table-bg-color-darker);\n}\ntable.striped tbody tr:nth-child(odd) td,\ntable.striped tbody tr:nth-child(odd) th {\n  background: var(--flatify__table-bg-color-dark);\n}\n\ncaption {\n  font-size: 0.9em;\n  padding: 0.75em 0;\n  opacity: 0.8;\n}\n\nth {\n  font-weight: var(--flatify__medium-font-weight);\n  text-align: inherit;\n  text-align: -webkit-match-parent;\n}\n\n.table-active {\n  background: var(--flatify__table-bg-color-darker);\n}\n\n:root {\n  --flatify__accordion-txt-color: var(--flatify__txt-color);\n  --flatify__accordion-bg-color: var(--flatify__bg-color);\n  --flatify__accordion-border-color: var(--flatify__bg-color-darker);\n  --flatify__accordion-animation-show-duration: 300ms;\n  --flatify__accordion-animation-hide-duration: 200ms;\n  --flatify__accordion-animation-show: flatify-blow-in var(--flatify__accordion-animation-show-duration)\n    0.1s ease-in-out;\n  --flatify__accordion-animation-hide: flatify-blow-out var(--flatify__accordion-animation-hide-duration)\n    ease-in-out;\n}\n\n.accordion {\n  --flatify__local-txt-color: var(--flatify__accordion-txt-color);\n  --flatify__local-bg-color: var(--flatify__accordion-bg-color);\n  --flatify__local-border-color: var(--flatify__accordion-border-color);\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  color: var(--flatify__local-txt-color);\n  background: var(--flatify__local-bg-color);\n}\n.accordion.bordered {\n  border-radius: 1em;\n}\n.accordion.bordered .accordion-item {\n  overflow: hidden;\n  color: var(--flatify__local-txt-color);\n  background: var(--flatify__local-bg-color);\n  border: var(--flatify__border-width) solid var(--flatify__local-border-color);\n}\n.accordion.bordered .accordion-item[class*=style-] {\n  --flatify__local-txt-color: var(--flatify__accordion-txt-color);\n  --flatify__local-bg-color: var(--flatify__accordion-bg-color);\n  --flatify__local-border-color: var(--flatify__accordion-border-color);\n}\n.accordion.bordered .accordion-item:last-child {\n  box-shadow: inset 0 -0.125em 0 var(--flatify__local-border-color);\n}\n.accordion.bordered .accordion-item:not(.active) .accordion-header, .accordion.bordered .accordion-item:not(:last-child) {\n  border-bottom: none;\n}\n.accordion.bordered .accordion-item:first-child:not(:last-child) {\n  border-radius: var(--flatify__border-radius) var(--flatify__border-radius) 0 0;\n}\n.accordion.bordered .accordion-item:last-child:not(:first-child) {\n  border-radius: 0 0 var(--flatify__border-radius) var(--flatify__border-radius);\n}\n.accordion.bordered .accordion-item:first-child:last-child {\n  border-radius: var(--flatify__border-radius);\n}\n\n.accordion-item:not(.active) .accordion-collapse {\n  display: none;\n}\n\n.accordion-header {\n  font-size: 1em;\n  margin: 0;\n}\n.accordion-header.active {\n  border-bottom: var(--flatify__border-width) solid var(--flatify__local-border-color);\n}\n.accordion-header .accordion-toggle {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  text-align: initial;\n  width: 100%;\n  height: 100%;\n  padding: 1em;\n  color: currentColor;\n  background: transparent;\n  border: none;\n}\n.accordion-header .add-button {\n  font-size: 0.75em;\n  opacity: 0.75;\n}\n\n.accordion-collapse {\n  overflow: hidden;\n  padding: 0;\n  margin: 0;\n  will-change: height;\n  transition: height 0.2s ease-in-out;\n}\n.accordion-collapse.show .accordion-body {\n  animation: var(--flatify__accordion-animation-show) both;\n}\n.accordion-collapse.accordion-will-be-hidden .accordion-body {\n  animation: var(--flatify__accordion-animation-hide) forwards;\n}\n\n.accordion-body {\n  padding: 1em;\n}\n\n.fade-animation .show .accordion-body {\n  animation: flatify-fade-in var(--flatify__accordion-animation-show-duration) 0.1s ease-in-out both;\n}\n.fade-animation .accordion-will-be-hidden .accordion-body {\n  animation: flatify-fade-out var(--flatify__accordion-animation-hide-duration) ease-in-out both;\n}\n\n:root {\n  --flatify__alert-bg-color: var(--flatify__bg-color-dark);\n  --flatify__alert-txt-color: var(--flatify__txt-color);\n  --flatify__alert-border-color: var(--flatify__bg-color-darker);\n  --flatify__alert-animation-show-duration: 200ms;\n  --flatify__alert-animation-hide-duration: 300ms;\n  --flatify__alert-animation-show: flatify-blow-in var(--flatify__alert-animation-show-duration) ease;\n  --flatify__alert-animation-hide: flatify-alert-will-be-removed\n    var(--flatify__alert-animation-hide-duration) ease;\n}\n\n.alert {\n  --flatify__local-bg-color: var(--flatify__alert-bg-color);\n  --flatify__local-border-color: var(--flatify__alert-border-color);\n  position: relative;\n  font-size: 0.9em;\n  line-height: var(--flatify__large-line-height);\n  padding: 1.25em;\n  margin-bottom: 1em;\n  color: var(--flatify__alert-txt-color);\n  background: var(--flatify__alert-bg-color);\n  border: var(--flatify__border-width) solid var(--flatify__local-border-color);\n  border-radius: var(--flatify__border-radius);\n}\n.alert:not(.alert-will-be-removed) {\n  animation: var(--flatify__alert-animation-show) both;\n}\n.alert.alert-will-be-removed {\n  animation: var(--flatify__alert-animation-hide) both;\n}\n.alert:hover .close-button.floating {\n  transform: scale(1);\n}\n.alert .close-button {\n  position: relative;\n  top: -0.38em;\n  float: left;\n  left: -0.38em;\n}\n.alert .close-button.floating {\n  position: absolute;\n  top: 0.75em;\n  left: 0.75em;\n  background: transparent !important;\n  transform: scale(0);\n}\n.alert .close-button.floating:after {\n  content: \" \";\n  position: absolute;\n  top: 0;\n  left: 0;\n  z-index: 0;\n  display: block;\n  width: 100%;\n  height: 100%;\n  border-radius: 100em;\n  background: var(--flatify__local-bg-color);\n  box-shadow: 0 0 0.64em 0.5em var(--flatify__local-bg-color);\n}\n.alert .close-button:focus {\n  transform: scale(1);\n}\n.alert:not(.has-icon) {\n  width: 100%;\n}\n.alert.has-icon {\n  padding-right: 2.75em;\n  margin-right: 1.5em;\n}\n.alert .alert-svg {\n  position: absolute;\n  height: 3.3em;\n  margin: auto 0;\n  top: 0;\n  bottom: 0;\n  filter: brightness(115%);\n  right: -1.4em;\n  padding: 0.5em;\n  color: inherit;\n  background: var(--flatify__local-bg-color);\n  border: var(--flatify__border-width) solid var(--flatify__local-border-color);\n  border-radius: calc(var(--flatify__border-radius) * 0.9);\n}\n.alert .alert-svg svg {\n  width: 2em;\n  height: 2em;\n}\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-right: 3em;\n}\n.breadcrumbs .crumb:not(:first-child):before {\n  content: \" \";\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  right: -1.2em;\n  display: block;\n  width: 2.5em;\n  height: 2.5em;\n  margin: auto 0;\n  background: transparent;\n  border: var(--flatify__border-width) solid var(--flatify__local-border-color);\n  border-radius: 0.18em;\n  transform: rotate(45deg);\n  transition: transform var(--flatify__simple-transition);\n}\n.breadcrumbs .crumb:first-child {\n  padding-right: 2em;\n}\n.breadcrumbs .crumb:last-child {\n  padding-left: 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-right: 0.32em;\n}\n.arrow-button.arrow-flip:after {\n  transform: rotate(180deg);\n}\n.arrow-button.arrow-top:after {\n  transform: rotate(180deg);\n}\n.arrow-button.arrow-top.arrow-flip:after {\n  transform: rotate(0);\n}\n.arrow-button.arrow-left:after {\n  transform: rotate(90deg);\n}\n.arrow-button.arrow-left.arrow-flip:after {\n  transform: rotate(-90deg);\n}\n.arrow-button.arrow-right:after {\n  transform: rotate(-90deg);\n}\n.arrow-button.arrow-right.arrow-flip:after {\n  transform: rotate(90deg);\n}\n\n.search-button, .close-button {\n  width: 2.5em;\n  height: 2.5em;\n  padding: 0.5em;\n  color: inherit;\n  background: var(--flatify__bg-color-dark);\n  border: none;\n  border-radius: var(--flatify__border-radius);\n  will-change: transform;\n  transition: all var(--flatify__simple-transition);\n}\n@media (prefers-reduced-motion: no-preference) {\n  .search-button:not(.button):focus-visible, .close-button:not(.button):focus-visible, .search-button:not(.button):active, .close-button:not(.button):active {\n    transform: scale(0.85) !important;\n  }\n}\n.search-button:before, .close-button:before {\n  content: \" \";\n  position: relative;\n  z-index: 1;\n  display: block;\n  width: 100%;\n  height: 100%;\n  background-color: currentColor;\n}\n\n.close-button:before {\n  mask: var(--flatify__close-icon) no-repeat 50% 50%;\n  -webkit-mask: var(--flatify__close-icon) no-repeat 50% 50%;\n}\n\n.search-button:before {\n  mask: var(--flatify__search-icon) no-repeat 50% 50%;\n  -webkit-mask: var(--flatify__search-icon) no-repeat 50% 50%;\n}\n\n.button-group {\n  display: flex;\n  margin: 0.25em 0.125em;\n}\n.button-group .button {\n  border-radius: 0;\n}\n.button-group .button.outline, .button-group .button.bordered {\n  margin: 0 !important;\n}\n.button-group:not(.vertical) .button {\n  margin: 0 -1px !important;\n}\n.button-group:not(.vertical) .button:first-child {\n  border-radius: 0 var(--flatify__border-radius) var(--flatify__border-radius) 0;\n}\n.button-group:not(.vertical) .button:last-child {\n  border-radius: var(--flatify__border-radius) 0 0 var(--flatify__border-radius);\n}\n.button-group.vertical {\n  flex-direction: column;\n}\n.button-group.vertical .button {\n  margin: -1px 0 !important;\n}\n.button-group.vertical .button:first-child {\n  border-radius: var(--flatify__border-radius) var(--flatify__border-radius) 0 0;\n}\n.button-group.vertical .button:last-child {\n  border-radius: 0 0 var(--flatify__border-radius) var(--flatify__border-radius);\n}\n\n:root {\n  --flatify__firework-color-main: var(--flatify__color-blue-primary);\n  --flatify__firework-color-center-top-bottom: var(--flatify__color-blue-primary);\n  --flatify__firework-color-center-left-right: var(--flatify__color-blue-primary);\n  --flatify__firework-color-left-top-bottom: var(--flatify__color-purple-primary);\n  --flatify__firework-color-right-top-bottom: var(--flatify__color-purple-primary);\n  --flatify__firework-animation-delay: 0s;\n  --flatify__firework-animation-duration: 4s;\n  --flatify__firework-animation-iteration-count: infinite;\n}\n\n.fireworks {\n  position: relative;\n  z-index: 1025;\n  width: 2.5em;\n  height: 2em;\n  background: transparent;\n  animation: flatify-firework ease-in-out var(--flatify__firework-animation-duration) var(--flatify__firework-animation-delay) var(--flatify__firework-animation-iteration-count);\n}\n.fireworks:before,\n.fireworks .spark:before,\n.fireworks .spark:after {\n  content: \" \";\n  position: absolute;\n  height: 0.25em;\n  border-radius: 50em;\n  background: var(--flatify__firework-color-main);\n}\n.fireworks:not(.simple):before {\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  width: 0.25em;\n  margin: auto;\n  animation: flatify-firework-main ease-in-out var(--flatify__firework-animation-duration) var(--flatify__firework-animation-delay) var(--flatify__firework-animation-iteration-count) both;\n}\n.fireworks .spark {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  animation: flatify-firework-sparks ease-in-out var(--flatify__firework-animation-duration) var(--flatify__firework-animation-delay) var(--flatify__firework-animation-iteration-count) both;\n}\n.fireworks .spark:nth-child(1):before, .fireworks .spark:nth-child(1):after, .fireworks .spark:nth-child(2):before, .fireworks .spark:nth-child(2):after {\n  top: 0;\n  bottom: 0;\n  width: 1.5em;\n  margin: auto;\n}\n.fireworks .spark:nth-child(1):before, .fireworks .spark:nth-child(2):before {\n  left: -0.25em;\n  animation: flatify-firework-spark-left ease-in-out var(--flatify__firework-animation-duration) var(--flatify__firework-animation-delay) var(--flatify__firework-animation-iteration-count);\n}\n.fireworks .spark:nth-child(1):after, .fireworks .spark:nth-child(2):after {\n  right: -0.25em;\n  animation: flatify-firework-spark-right ease-in-out var(--flatify__firework-animation-duration) var(--flatify__firework-animation-delay) var(--flatify__firework-animation-iteration-count);\n}\n.fireworks .spark:nth-child(1) {\n  --flatify__firework-color-main: var(--flatify__firework-color-center-left-right);\n}\n.fireworks .spark:nth-child(2) {\n  --flatify__firework-color-main: var(--flatify__firework-color-center-top-bottom);\n  transform: rotate(90deg);\n}\n.fireworks .spark:nth-child(3), .fireworks .spark:nth-child(4) {\n  left: 0;\n}\n.fireworks .spark:nth-child(3):before, .fireworks .spark:nth-child(3):after, .fireworks .spark:nth-child(4):before, .fireworks .spark:nth-child(4):after {\n  width: 0.75em;\n}\n.fireworks .spark:nth-child(3):before, .fireworks .spark:nth-child(4):before {\n  top: 0;\n  transform: rotate(45deg);\n  animation: flatify-firework-spark-corner-top ease-in-out var(--flatify__firework-animation-duration) var(--flatify__firework-animation-delay) var(--flatify__firework-animation-iteration-count);\n}\n.fireworks .spark:nth-child(3):after, .fireworks .spark:nth-child(4):after {\n  bottom: 0;\n  transform: rotate(-45deg);\n  animation: flatify-firework-spark-corner-bottom ease-in-out var(--flatify__firework-animation-duration) var(--flatify__firework-animation-delay) var(--flatify__firework-animation-iteration-count);\n}\n.fireworks .spark:nth-child(3) {\n  --flatify__firework-color-main: var(--flatify__firework-color-left-top-bottom);\n}\n.fireworks .spark:nth-child(4) {\n  --flatify__firework-color-main: var(--flatify__firework-color-right-top-bottom);\n  transform: rotate(180deg);\n}\n\n@keyframes flatify-firework {\n  0%, 20% {\n    transform: translateY(0);\n  }\n  40% {\n    transform: translateY(-1em);\n  }\n  80%, 100% {\n    transform: translateY(0.5em);\n  }\n}\n@keyframes flatify-firework-main {\n  0% {\n    opacity: 0;\n    transform: scale(0) translateY(1em);\n  }\n  5% {\n    opacity: 1;\n    transform: scale(0, 6) translateY(1em);\n  }\n  26% {\n    transform: scaleY(2) translateY(0);\n  }\n  30% {\n    transform: scale(9) translateY(0);\n  }\n  40%, 100% {\n    transform: scale(0) translateY(0);\n  }\n}\n@keyframes flatify-firework-sparks {\n  0%, 30% {\n    clip-path: circle(0 at center);\n    opacity: 0;\n  }\n  38% {\n    clip-path: circle(100% at center);\n    opacity: 1;\n  }\n  65%, 100% {\n    opacity: 0;\n  }\n}\n@keyframes flatify-firework-spark-corner-top {\n  0%, 30% {\n    opacity: 1;\n    clip-path: circle(100% at left);\n    transform: scale(1) translate(0) rotate(45deg);\n  }\n  40% {\n    clip-path: circle(100% at left);\n  }\n  60%, 100% {\n    opacity: 0;\n    clip-path: circle(0 at left);\n    transform: scale(1.5) translate(-0.5em, -0.25em) rotate(45deg);\n  }\n}\n@keyframes flatify-firework-spark-corner-bottom {\n  0%, 30% {\n    opacity: 1;\n    clip-path: circle(100% at left);\n    transform: scale(1) translate(0) rotate(-45deg);\n  }\n  40% {\n    clip-path: circle(100% at left);\n  }\n  60%, 100% {\n    opacity: 0;\n    clip-path: circle(0 at left);\n    transform: scale(1.5) translate(-0.5em, 0.25em) rotate(-45deg);\n  }\n}\n@keyframes flatify-firework-spark-left {\n  0%, 30% {\n    opacity: 1;\n    clip-path: circle(100% at left);\n    transform: scale(1) translate(0);\n  }\n  40% {\n    clip-path: circle(100% at left);\n  }\n  60%, 100% {\n    opacity: 0;\n    clip-path: circle(0 at left);\n    transform: scaleX(2) translate(-0.5em);\n  }\n}\n@keyframes flatify-firework-spark-right {\n  0%, 30% {\n    opacity: 1;\n    clip-path: circle(100% at right);\n    transform: scale(1) translate(0);\n  }\n  40% {\n    clip-path: circle(100% at right);\n  }\n  60%, 100% {\n    opacity: 0;\n    clip-path: circle(0 at right);\n    transform: scaleX(2) translate(0.5em);\n  }\n}\n:root {\n  --flatify__card-txt-color: var(--flatify__txt-color);\n  --flatify__card-bg-color: var(--flatify__bg-color);\n  --flatify__card-border-color: var(--flatify__bg-color-darker);\n}\n\n.card {\n  --flatify__local-txt-color: var(--flatify__card-txt-color);\n  --flatify__local-bg-color: var(--flatify__card-bg-color);\n  --flatify__local-border-color: var(--flatify__card-border-color);\n  overflow: hidden;\n  position: relative;\n  display: flex;\n  flex-grow: 1;\n  max-width: 100%;\n  padding: 0.75em;\n  color: var(--flatify__local-txt-color);\n  background: var(--flatify__local-bg-color);\n  border: var(--flatify__border-width) solid var(--flatify__local-border-color);\n  box-shadow: inset 0 -0.125em 0 var(--flatify__local-border-color);\n  border-radius: var(--flatify__border-radius);\n}\n.card:not(.horizontal) {\n  flex-direction: column;\n  width: 20em;\n}\n.card:not(.horizontal) .card-badges {\n  left: 0.5em;\n}\n.card.horizontal {\n  gap: 1em;\n}\n.card.horizontal .card-header {\n  width: 40%;\n}\n.card.horizontal .card-header .card-badges {\n  right: 0.5em;\n}\n.card.horizontal .card-image {\n  height: 100%;\n}\n.card.horizontal .card-right {\n  display: flex;\n  flex-direction: column;\n  flex-grow: 1;\n  width: 60%;\n}\n.card .card-header {\n  overflow: hidden;\n  position: relative;\n  font-size: 1.2em;\n  border-radius: calc(var(--flatify__border-radius) * 0.6);\n}\n.card .card-header .card-badges {\n  position: absolute;\n  top: 0.5em;\n  display: flex;\n  gap: 0.38em;\n}\n.card .card-body {\n  hyphens: auto;\n  height: 100%;\n}\n.card .card-footer {\n  display: flex;\n  align-items: center;\n  font-size: 0.9em;\n  padding-top: 0.75em;\n}\n.card .card-footer .button {\n  padding-top: 0.64em;\n  padding-bottom: 0.32em;\n}\n.card .card-image {\n  width: 100%;\n  height: 10em;\n  object-fit: cover;\n  border-radius: calc(var(--flatify__border-radius) * 0.6);\n}\n.card .card-title {\n  font-size: 1.2em;\n  margin: 0.75em 0 0.38em;\n}\n\n:root {\n  --flatify__menu-bg-color: var(--flatify__bg-color-dark);\n  --flatify__menu-txt-color: var(--flatify__txt-color);\n  --flatify__menu-border-color: var(--flatify__bg-color-darker);\n  --flatify__menu-active-item-bg-color: var(--flatify__bg-color-darker);\n  --flatify__menu-active-item-txt-color: var(--flatify__txt-color);\n  --flatify__menu-item-bg-color: var(--flatify__bg-color-dark);\n  --flatify__menu-item-bg-color__hover: var(--flatify__bg-color-dark);\n  --flatify__menu-item-bg-color__focus: var(--flatify__bg-color-dark);\n  --flatify__menu-item-txt-color: var(--flatify__txt-color);\n  --flatify__menu-item-txt-color__hover: var(--flatify__txt-color);\n  --flatify__menu-item-txt-color__focus: var(--flatify__txt-color);\n  --flatify__submenu-bg-color: var(--flatify__bg-color);\n  --flatify__submenu-txt-color: var(--flatify__txt-color);\n  --flatify__submenu-border-color: var(--flatify__bg-color-darker);\n  --flatify__submenu-item-bg-color: var(--flatify__bg-color);\n  --flatify__submenu-item-bg-color__hover: var(--flatify__bg-color-dark);\n  --flatify__submenu-item-bg-color__focus: var(--flatify__bg-color-dark);\n  --flatify__submenu-item-txt-color: var(--flatify__txt-color);\n  --flatify__submenu-item-txt-color__hover: var(--flatify__txt-color);\n  --flatify__submenu-item-txt-color__focus: var(--flatify__txt-color);\n  --flatify__submenu-animation-show-duration: 350ms;\n  --flatify__submenu-animation-show-delay: 200ms;\n  --flatify__submenu-animation-show: flatify-dropdown-show var(--flatify__submenu-animation-show-duration)\n    var(--flatify__submenu-animation-show-delay) cubic-bezier(0.52, 0.42, 0.44, 1.44) both;\n}\n\n.menu-items-wrapper {\n  list-style: none;\n  padding: 0.5em;\n  margin: 0;\n  color: var(--flatify__menu-txt-color);\n  background: var(--flatify__menu-bg-color);\n}\n.menu-items-wrapper.navbar {\n  scrollbar-width: thin;\n  display: flex;\n  align-items: center;\n  width: 100%;\n  height: 4.25em;\n  padding-left: 1.24em;\n  padding-right: 1.24em;\n  border-bottom: var(--flatify__border-width) solid var(--flatify__menu-border-color);\n}\n.menu-items-wrapper.navbar.scrollable-x .search-bar, .menu-items-wrapper.navbar.scrollable .search-bar {\n  min-width: 12em;\n}\n.menu-items-wrapper.navbar .links {\n  white-space: nowrap;\n  list-style: none;\n  display: flex;\n  padding: 0;\n  margin-bottom: 0;\n}\n.menu-items-wrapper.navbar .links .menu-item {\n  position: relative;\n  font-weight: var(--flatify__medium-font-weight);\n  border-radius: calc(var(--flatify__border-radius) * 0.9);\n}\n.menu-items-wrapper.navbar .links .menu-item button,\n.menu-items-wrapper.navbar .links .menu-item a {\n  color: inherit;\n  font-size: 1em;\n  font-weight: var(--flatify__medium-font-weight);\n  background: transparent;\n}\n.menu-items-wrapper.navbar .links .menu-item.active {\n  font-weight: var(--flatify__bold-font-weight);\n}\n.menu-items-wrapper.navbar .links .menu-item:focus-within > .submenu, .menu-items-wrapper.navbar .links .menu-item:hover > .submenu {\n  display: block;\n  animation: var(--flatify__submenu-animation-show);\n}\n.menu-items-wrapper.navbar .links .menu-item .submenu {\n  position: absolute;\n  top: 100%;\n  right: 0.5em;\n  z-index: 10;\n  display: none;\n}\n.menu-items-wrapper.navbar .links .menu-item .submenu .submenu {\n  top: -50%;\n  right: 115%;\n}\n.menu-items-wrapper.navbar .links .menu-item .submenu .submenu:after {\n  content: \" \";\n  position: absolute;\n  top: 0.64em;\n  right: -3.6em;\n  width: 4em;\n  min-height: 4em;\n  background: transparent !important;\n  border-radius: 1em;\n}\n.menu-items-wrapper.navbar .navbar-logo {\n  height: 3em;\n  margin-left: 0.64em;\n}\n.menu-items-wrapper.navbar .navbar-logo img {\n  height: 100%;\n}\n.menu-items-wrapper[class*=style-] {\n  --flatify__menu-active-item-bg-color: var(--flatify__local-border-color);\n  --flatify__menu-active-item-txt-color: var(--flatify__local-txt-color);\n  --flatify__menu-item-bg-color: var(--flatify__local-bg-color);\n  --flatify__menu-item-bg-color__hover: var(--flatify__local-bg-color);\n  --flatify__menu-item-bg-color__focus: var(--flatify__local-bg-color);\n  --flatify__menu-item-txt-color: var(--flatify__local-txt-color);\n  --flatify__menu-item-txt-color__hover: var(--flatify__local-txt-color);\n  --flatify__menu-item-txt-color__focus: var(--flatify__local-txt-color);\n}\n.menu-items-wrapper .menu-item {\n  display: flex;\n  align-items: center;\n  margin: 0 0.25em;\n  color: var(--flatify__menu-item-txt-color);\n  background: var(--flatify__menu-item-bg-color);\n  border-radius: calc(var(--flatify__border-radius) * 0.75);\n  transition: all var(--flatify__simple-transition);\n}\n.menu-items-wrapper .menu-item.disabled {\n  pointer-events: none;\n  user-select: none;\n  opacity: 0.5;\n}\n.menu-items-wrapper .menu-item > button, .menu-items-wrapper .menu-item > a {\n  width: 100%;\n  padding: 0.64em 1em;\n  color: inherit;\n  text-decoration: none !important;\n}\n.menu-items-wrapper .menu-item:hover {\n  color: var(--flatify__menu-item-txt-color__hover);\n  background: var(--flatify__menu-item-bg-color__hover);\n}\n.menu-items-wrapper .menu-item.active {\n  color: var(--flatify__menu-active-item-txt-color);\n  background: var(--flatify__menu-active-item-bg-color);\n}\n.menu-items-wrapper .menu-item:focus, .menu-items-wrapper .menu-item:focus-within {\n  color: var(--flatify__menu-item-txt-color__focus);\n  background: var(--flatify__menu-item-bg-color__focus);\n}\n\n.dropdown,\n.menu-items-wrapper .submenu {\n  --flatify__local-bg-color: var(--flatify__submenu-bg-color);\n  --flatify__local-txt-color: var(--flatify__submenu-txt-color);\n  --flatify__local-border-color: var(--flatify__submenu-border-color);\n  position: relative;\n  min-width: 12em;\n  padding: 0.5em;\n  margin-bottom: 0;\n  color: var(--flatify__submenu-txt-color);\n  background: var(--flatify__submenu-bg-color);\n  border: var(--flatify__border-width) solid var(--flatify__local-border-color);\n  border-radius: var(--flatify__border-radius);\n}\n.dropdown[class*=style-],\n.menu-items-wrapper .submenu[class*=style-] {\n  --flatify__submenu-bg-color: var(--flatify__local-bg-color);\n  --flatify__submenu-txt-color: var(--flatify__local-txt-color);\n  --flatify__submenu-border-color: var(--flatify__local-border-color);\n  --flatify__submenu-item-bg-color: var(--flatify__local-bg-color);\n  --flatify__submenu-item-bg-color__hover: var(--flatify__local-bg-color);\n  --flatify__submenu-item-bg-color__focus: var(--flatify__local-bg-color);\n  --flatify__submenu-item-txt-color: var(--flatify__local-txt-color);\n  --flatify__submenu-item-txt-color__hover: var(--flatify__local-txt-color);\n  --flatify__submenu-item-txt-color__focus: var(--flatify__local-txt-color);\n}\n.dropdown .menu-item,\n.menu-items-wrapper .submenu .menu-item {\n  font-size: 0.9em;\n  margin: 0;\n  color: var(--flatify__submenu-item-txt-color);\n  background: var(--flatify__submenu-item-bg-color);\n}\n.dropdown .menu-item:not(:first-child),\n.menu-items-wrapper .submenu .menu-item:not(:first-child) {\n  margin-top: 0.32em;\n}\n.dropdown .menu-item a,\n.menu-items-wrapper .submenu .menu-item a {\n  padding: 0.64em 1.25em;\n}\n.dropdown .menu-item:hover,\n.menu-items-wrapper .submenu .menu-item:hover {\n  color: var(--flatify__submenu-item-txt-color__hover);\n  background: var(--flatify__submenu-item-bg-color__hover);\n}\n.dropdown .menu-item.active,\n.menu-items-wrapper .submenu .menu-item.active {\n  color: var(--flatify__submenu-active-item-txt-color);\n  background: var(--flatify__submenu-active-item-bg-color);\n}\n.dropdown .menu-item:focus, .dropdown .menu-item:focus-within,\n.menu-items-wrapper .submenu .menu-item:focus,\n.menu-items-wrapper .submenu .menu-item:focus-within {\n  color: var(--flatify__submenu-item-txt-color__focus);\n  background: var(--flatify__submenu-item-bg-color__focus);\n}\n.dropdown .menu-item.arrow-button:after,\n.menu-items-wrapper .submenu .menu-item.arrow-button:after {\n  margin-left: 0.75em;\n}\n.dropdown .menu-item.heading,\n.menu-items-wrapper .submenu .menu-item.heading {\n  font-weight: var(--flatify__medium-font-weight);\n  padding: 1em 0.75em 0.5em;\n  color: var(--flatify__submenu-txt-color) !important;\n  background: var(--flatify__submenu-bg-color) !important;\n}\n.dropdown .menu-item.separator,\n.menu-items-wrapper .submenu .menu-item.separator {\n  height: var(--flatify__border-width);\n  margin: 0.5em 0 !important;\n  background: var(--flatify__local-border-color) !important;\n  opacity: 0.5;\n}\n.dropdown .pointer-arrow, .dropdown[class*=arrow-]:before,\n.menu-items-wrapper .submenu .pointer-arrow,\n.menu-items-wrapper .submenu[class*=arrow-]:before {\n  content: \" \";\n  position: absolute;\n  height: 0;\n  width: 0;\n  border-style: solid;\n  will-change: top, bottom, left, right;\n}\n.dropdown[data-popper-placement=bottom] .pointer-arrow, .dropdown.arrow-top:before,\n.menu-items-wrapper .submenu[data-popper-placement=bottom] .pointer-arrow,\n.menu-items-wrapper .submenu.arrow-top:before {\n  top: -0.5em;\n  bottom: -0.5em;\n  border-width: 0 0.64em 0.64em 0.64em;\n  border-color: var(--flatify__local-bg-color) transparent;\n  filter: drop-shadow(0 calc(var(--flatify__border-width) * -1) 0 var(--flatify__local-border-color));\n}\n.dropdown[data-popper-placement=top] .pointer-arrow, .dropdown.arrow-bottom:before,\n.menu-items-wrapper .submenu[data-popper-placement=top] .pointer-arrow,\n.menu-items-wrapper .submenu.arrow-bottom:before {\n  bottom: -0.5em;\n  border-width: 0.64em 0.64em 0 0.64em;\n  border-color: var(--flatify__local-bg-color) transparent;\n  filter: drop-shadow(0 var(--flatify__border-width) 0 var(--flatify__local-border-color));\n}\n.dropdown[data-popper-placement=right] .pointer-arrow, .dropdown.arrow-left:before,\n.menu-items-wrapper .submenu[data-popper-placement=right] .pointer-arrow,\n.menu-items-wrapper .submenu.arrow-left:before {\n  left: -0.5em;\n  border-width: 0.64em 0.64em 0.64em 0;\n  border-color: transparent var(--flatify__local-bg-color);\n  filter: drop-shadow(calc(var(--flatify__border-width) * -1) 0 0 var(--flatify__local-border-color));\n}\n.dropdown[data-popper-placement=left] .pointer-arrow, .dropdown.arrow-right:before,\n.menu-items-wrapper .submenu[data-popper-placement=left] .pointer-arrow,\n.menu-items-wrapper .submenu.arrow-right:before {\n  right: -0.5em;\n  border-width: 0.64em 0 0.64em 0.64em;\n  border-color: transparent var(--flatify__local-bg-color);\n  filter: drop-shadow(var(--flatify__border-width) 0 0 var(--flatify__local-border-color));\n}\n.dropdown.arrow-top:before, .dropdown.arrow-bottom:before,\n.menu-items-wrapper .submenu.arrow-top:before,\n.menu-items-wrapper .submenu.arrow-bottom:before {\n  right: 2em;\n}\n.dropdown.arrow-left:before, .dropdown.arrow-right:before,\n.menu-items-wrapper .submenu.arrow-left:before,\n.menu-items-wrapper .submenu.arrow-right:before {\n  top: 2em;\n}\n\n:root {\n  --flatify__dropdown-animation-show-duration: 300ms;\n  --flatify__dropdown-animation-hide-duration: 200ms;\n  --flatify__dropdown-animation-show: flatify-dropdown-show var(--flatify__dropdown-animation-show-duration)\n    cubic-bezier(0.52, 0.42, 0.44, 1.44);\n  --flatify__dropdown-animation-hide: flatify-dropdown-hide var(--flatify__dropdown-animation-hide-duration)\n    cubic-bezier(0.52, 0.42, 0.44, 1.44) both;\n}\n\n.dropdown-wrapper {\n  position: relative;\n  display: inline-block;\n}\n.dropdown-wrapper:not(.free-size) .dropdown {\n  width: 110%;\n}\n\n.dropdown {\n  position: absolute;\n  z-index: 1000;\n  display: none;\n  will-change: top, bottom, left, right;\n}\n.dropdown.show {\n  display: block;\n  animation: var(--flatify__dropdown-animation-show);\n}\n.dropdown.dropdown-will-be-hidden {\n  animation: var(--flatify__dropdown-animation-hide);\n}\n\n.popover .dropdown {\n  font-size: 0.9em;\n  z-index: 1060;\n}\n\n:root {\n  --flatify__modal-bg-color: var(--flatify__bg-color);\n  --flatify__modal-txt-color: var(--flatify__txt-color);\n  --flatify__modal-border-color: var(--flatify__bg-color-darker);\n  --flatify__modal-animation-show-duration: 350ms;\n  --flatify__modal-animation-hide-duration: 250ms;\n  --flatify__modal-animation-default-show: flatify-blow-in var(--flatify__modal-animation-show-duration)\n    cubic-bezier(0.52, 0.42, 0.44, 1.44);\n  --flatify__modal-animation-default-hide: flatify-blow-out var(--flatify__modal-animation-hide-duration)\n    cubic-bezier(0.52, 0.42, 0.44, 1.44) both;\n  --flatify__modal-animation-top-show: flatify-slide-down-in var(--flatify__modal-animation-show-duration)\n    ease;\n  --flatify__modal-animation-top-hide: flatify-slide-down-out var(--flatify__modal-animation-hide-duration)\n    ease both;\n  --flatify__modal-animation-bottom-show: flatify-slide-up-in var(--flatify__modal-animation-show-duration)\n    ease;\n  --flatify__modal-animation-bottom-hide: flatify-slide-up-out var(--flatify__modal-animation-hide-duration)\n    ease both;\n  --flatify__modal-animation-left-show: flatify-slide-right-in var(--flatify__modal-animation-show-duration)\n    ease;\n  --flatify__modal-animation-left-hide: flatify-slide-right-out\n    var(--flatify__modal-animation-hide-duration) ease both;\n  --flatify__modal-animation-right-show: flatify-slide-left-in var(--flatify__modal-animation-show-duration)\n    ease;\n  --flatify__modal-animation-right-hide: flatify-slide-left-out\n    var(--flatify__modal-animation-hide-duration) ease both;\n}\n\n.modal {\n  --flatify__local-bg-color: var(--flatify__modal-bg-color);\n  --flatify__local-border-color: var(--flatify__modal-border-color);\n  overflow: hidden;\n  position: fixed;\n  z-index: 1040;\n  top: 5em;\n  left: 0;\n  right: 0;\n  display: none;\n  width: 90%;\n  height: fit-content;\n  max-width: 32em;\n  margin: 0 auto;\n  color: var(--flatify__modal-txt-color);\n  background: var(--flatify__modal-bg-color);\n  border: var(--flatify__border-width) solid var(--flatify__local-border-color);\n  box-shadow: inset 0 -0.125em 0 var(--flatify__local-border-color);\n  border-radius: var(--flatify__border-radius);\n}\n.modal.modal-sm {\n  font-size: 0.9em;\n  max-width: 20em;\n}\n.modal.modal-lg {\n  font-size: 1.2em;\n  max-width: 45em;\n}\n.modal.show {\n  display: block;\n  animation: var(--flatify__modal-animation-default-show);\n}\n.modal.modal-will-be-hidden {\n  animation: var(--flatify__modal-animation-default-hide);\n}\n.modal.modal-center {\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  margin: auto;\n}\n.modal.modal-top {\n  bottom: unset;\n  top: 0;\n  left: 0;\n  right: 0;\n  margin: 0 auto;\n  border-top: none !important;\n  border-radius: 0 0 var(--flatify__border-radius) var(--flatify__border-radius);\n}\n.modal.modal-top.show {\n  animation: var(--flatify__modal-animation-top-show);\n}\n.modal.modal-top.modal-will-be-hidden {\n  animation: var(--flatify__modal-animation-top-hide);\n}\n.modal.modal-bottom {\n  top: unset;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  margin: 0 auto;\n  border-bottom: none !important;\n  box-shadow: inset 0 0.125em 0 var(--flatify__local-border-color);\n  border-radius: var(--flatify__border-radius) var(--flatify__border-radius) 0 0;\n}\n.modal.modal-bottom.show {\n  animation: var(--flatify__modal-animation-bottom-show);\n}\n.modal.modal-bottom.modal-will-be-hidden {\n  animation: var(--flatify__modal-animation-bottom-hide);\n}\n.modal.modal-left {\n  right: unset;\n  left: 0;\n  top: 0;\n  bottom: 0;\n  margin: auto 0;\n  border-left: none !important;\n  box-shadow: inset -0.125em 0 0 var(--flatify__local-border-color);\n  border-radius: 0 var(--flatify__border-radius) var(--flatify__border-radius) 0;\n}\n.modal.modal-left.show {\n  animation: var(--flatify__modal-animation-left-show);\n}\n.modal.modal-left.modal-will-be-hidden {\n  animation: var(--flatify__modal-animation-left-hide);\n}\n.modal.modal-right {\n  left: unset;\n  right: 0;\n  top: 0;\n  bottom: 0;\n  margin: auto 0;\n  border-right: none !important;\n  box-shadow: inset 0.125em 0 0 var(--flatify__local-border-color);\n  border-radius: var(--flatify__border-radius) 0 0 var(--flatify__border-radius);\n}\n.modal.modal-right.show {\n  animation: var(--flatify__modal-animation-right-show);\n}\n.modal.modal-right.modal-will-be-hidden {\n  animation: var(--flatify__modal-animation-right-hide);\n}\n.modal.bordered .modal-header {\n  border-bottom: var(--flatify__border-width) solid var(--flatify__local-border-color);\n}\n.modal.bordered .modal-footer {\n  border-top: var(--flatify__border-width) solid var(--flatify__local-border-color);\n}\n.modal[class*=width-] {\n  max-width: unset;\n}\n.modal .close-modal {\n  background: var(--flatify__local-bg-color);\n}\n\n.modal-content {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n}\n\n.modal-header {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 0.75em 1.25em;\n}\n.modal-header .modal-title {\n  font-size: 1.4em;\n  font-weight: var(--flatify__medium-font-weight);\n  margin-bottom: 0;\n}\n\n.modal-body {\n  flex-grow: 1;\n  padding: 0.75em 1.25em;\n}\n\n.modal-footer {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 0.5em 1.25em;\n}\n\n:root {\n  --flatify__loading-color: currentColor;\n  --flatify__loading-dot-width: 0.5em;\n  --flatify__loading-dot-height: 0.5em;\n  --flatify__loading-dot-animation-start-scale: 1.5;\n  --flatify__loading-dot-animation-duration: 1.2s;\n  --flatify__loading-spinner-animation-duration: 0.75s;\n}\n\n.loading:before, .loading:after, .loading {\n  --flatify__local-txt-color: var(--flatify__loading-color);\n  display: block;\n  width: var(--flatify__loading-dot-width);\n  height: var(--flatify__loading-dot-height);\n  background: var(--flatify__local-txt-color);\n  border-radius: 10em;\n  opacity: 0;\n}\n\n.loading {\n  position: relative;\n  margin-right: calc(var(--flatify__loading-dot-width) * 4);\n  animation: flatify-loading-dot-first var(--flatify__loading-dot-animation-duration) infinite;\n}\n.loading.stop-animation:before, .loading.stop-animation:after, .loading.stop-animation {\n  opacity: 1 !important;\n}\n.loading:before, .loading:after {\n  content: \" \";\n  position: absolute;\n}\n.loading:before {\n  left: calc(var(--flatify__loading-dot-width) * 2);\n  animation: flatify-loading-dot-second var(--flatify__loading-dot-animation-duration) infinite;\n}\n.loading:after {\n  left: calc(var(--flatify__loading-dot-width) * 4);\n  animation: flatify-loading-dot-third var(--flatify__loading-dot-animation-duration) infinite;\n}\n\n.overlay-layer > .spinner, .two-layer-button > .spinner, .overlay-layer > .loading, .two-layer-button > .loading {\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  z-index: 12;\n  margin: auto;\n}\n.overlay-layer > .loading, .two-layer-button > .loading {\n  left: calc(var(--flatify__loading-dot-width) * -4);\n}\n.overlay-layer.button > .spinner, .button.two-layer-button > .spinner {\n  font-size: 0.9em;\n}\n\n.spinner {\n  --flatify__local-txt-color: var(--flatify__loading-color);\n  display: flex;\n  justify-content: space-between;\n  width: 2em;\n  height: 2em;\n  border: 0.25em solid transparent;\n  border-radius: 50em;\n}\n.spinner[class*=style-] {\n  border-color: transparent !important;\n}\n.spinner:before {\n  content: \" \";\n  position: relative;\n  width: 100%;\n  height: 100%;\n  border: 0.25em solid var(--flatify__local-txt-color);\n  border-right-color: transparent;\n  border-radius: 50em;\n  animation: flatify-spin var(--flatify__loading-spinner-animation-duration) linear infinite;\n}\n\n:root {\n  --flatify__progress-bg-color: var(--flatify__bg-color-dark);\n  --flatify__progress-txt-color: var(--flatify__txt-color-inverted);\n  --flatify__progress-border-color: var(--flatify__bg-color-darker);\n  --flatify__progress-animation-duration: 2.5s;\n}\n\n.progress {\n  --flatify__local-txt-color: var(--flatify__progress-txt-color);\n  overflow: hidden;\n  display: block;\n  width: 100%;\n  margin: 0.5em 0;\n  color: var(--flatify__local-txt-color);\n  background: var(--flatify__progress-bg-color);\n  border-radius: var(--flatify__border-radius);\n}\n.progress.bordered {\n  border: var(--flatify__border-width) solid var(--flatify__progress-border-color);\n}\n.progress .progress-bar {\n  overflow: hidden;\n  position: relative;\n  font-size: 0.75em;\n  min-height: 1.4em;\n  padding: 0.125em 0.5em;\n  color: var(--flatify__local-txt-color);\n  background: var(--flatify__color-accent-primary);\n  border-radius: var(--flatify__border-radius);\n  will-change: width, transform;\n  transition: width var(--flatify__long-transition), transform var(--flatify__long-transition), background var(--flatify__simple-transition);\n}\n.progress .progress-bar:after {\n  content: \" \";\n  position: absolute;\n  top: 30%;\n  left: 0;\n  right: 0;\n  width: min(90%, 100% - 2em);\n  height: 0.32em;\n  margin: 0 auto;\n  background: currentColor;\n  border-radius: var(--flatify__border-radius);\n  opacity: 0.2;\n}\n.progress.processing {\n  cursor: wait;\n}\n.progress.processing .progress-bar:before {\n  content: \" \";\n  position: absolute;\n  top: 0;\n  right: 0;\n  transform-origin: right;\n  width: 100%;\n  height: 110%;\n  background: var(--flatify__color-accent-light);\n  animation: flatify-processing linear var(--flatify__progress-animation-duration) infinite;\n}\n\n.search-bar {\n  position: relative;\n}\n.search-bar input[type=text],\n.search-bar input[type=search] {\n  width: 100%;\n  padding-left: 3.14em;\n}\n.search-bar input[type=text].style-light:focus,\n.search-bar input[type=search].style-light:focus {\n  background: var(--flatify__bg-color) !important;\n  filter: none !important;\n}\n.search-bar .search-button {\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  width: 2.2em;\n  height: 2.2em;\n  margin: auto 0;\n  font-size: 1em;\n  color: var(--flatify__form-element-txt-color);\n  border-radius: calc(var(--flatify__border-radius) * 0.75);\n  left: 0.5em;\n}\n\n:root {\n  --flatify__tab-txt-color: var(--flatify__txt-color);\n  --flatify__tab-bg-color: var(--flatify__bg-color);\n  --flatify__tab-border-color: var(--flatify__bg-color-darker);\n  --flatify__tab-animation-show-duration: 300ms;\n  --flatify__tab-animation-hide-duration: 200ms;\n  --flatify__tab-animation-show: flatify-blow-in var(--flatify__tab-animation-show-duration) ease;\n  --flatify__tab-animation-hide: flatify-blow-out var(--flatify__tab-animation-hide-duration)\n    cubic-bezier(0.52, 0.42, 0.44, 1.44) both;\n}\n\n.tabs-wrapper[class*=style-],\n.tabs-header[class*=style-],\n.tabs-content[class*=style-] {\n  --flatify__tab-txt-color: var(--flatify__local-txt-color);\n  --flatify__tab-bg-color: var(--flatify__local-bg-color);\n  --flatify__tab-border-color: var(--flatify__local-border-color);\n}\n.tabs-wrapper[class*=style-] .tab-button.active,\n.tabs-header[class*=style-] .tab-button.active,\n.tabs-content[class*=style-] .tab-button.active {\n  color: var(--flatify__tab-txt-color);\n}\n\n.tabs-wrapper {\n  overflow: hidden;\n  margin: 1em 0;\n  color: var(--flatify__tab-txt-color);\n  background: var(--flatify__tab-bg-color);\n  border-radius: var(--flatify__border-radius);\n}\n.tabs-wrapper.bordered {\n  border: var(--flatify__border-width) solid var(--flatify__tab-border-color);\n  box-shadow: 0 0.125em 0 var(--flatify__tab-border-color);\n}\n\n.tabs-header {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  padding: 0 1em;\n  color: var(--flatify__tab-txt-color);\n  background: var(--flatify__tab-bg-color);\n  border-bottom: var(--flatify__border-width) solid var(--flatify__tab-border-color);\n}\n.tabs-header.scrollable {\n  flex-wrap: nowrap;\n  overflow-x: auto;\n  overflow-y: hidden;\n  scrollbar-width: thin;\n}\n.tabs-header.scrollable .tab-button {\n  white-space: nowrap;\n}\n.tabs-header.scrollable:not(.line-at-top) .tab-button:before {\n  bottom: -1px;\n}\n@media screen and (max-width: 575.98px) {\n  .tabs-header {\n    font-size: 0.9em;\n    padding: 0;\n  }\n}\n.tabs-header .tab-button {\n  position: relative;\n  text-align: center;\n  font-weight: var(--flatify__medium-font-weight);\n  appearance: none;\n  vertical-align: middle;\n  width: auto;\n  height: 100%;\n  padding: 0.75em 1.5em;\n  margin: 0 0.38em;\n  text-decoration: none !important;\n  color: inherit !important;\n  background: transparent;\n  border: none;\n  outline: none;\n  opacity: 0.6;\n  transition: all var(--flatify__simple-transition) !important;\n}\n.tabs-header .tab-button:hover, .tabs-header .tab-button:focus {\n  opacity: 1;\n}\n.tabs-header .tab-button:hover:not(.active):before, .tabs-header .tab-button:focus:not(.active):before {\n  transform: scaleY(1.2) scaleX(0.85);\n}\n.tabs-header .tab-button:before {\n  content: \" \";\n  position: absolute;\n  bottom: calc(var(--flatify__border-width) * -0.5);\n  left: 0;\n  width: 100%;\n  height: calc(var(--flatify__border-width) * 1.5);\n  background: var(--flatify__tab-border-color);\n  border-radius: calc(var(--flatify__border-radius) * 0.32) calc(var(--flatify__border-radius) * 0.32) 0 0;\n  transform-origin: bottom center;\n  transition: all var(--flatify__simple-transition) !important;\n}\n.tabs-header .tab-button:not(.active):before {\n  transform: scaleY(0);\n}\n.tabs-header .tab-button.active {\n  color: var(--flatify__color-accent-primary) !important;\n  opacity: 1;\n}\n.tabs-header .tab-button.active:before {\n  background: var(--flatify__color-accent-primary);\n}\n.tabs-header .tab-button .badge {\n  vertical-align: middle;\n  margin-right: 0.5em;\n}\n.tabs-header.line-at-top .tab-button:before {\n  bottom: unset;\n  top: 0;\n  border-radius: 0 0 calc(var(--flatify__border-radius) * 0.32) calc(var(--flatify__border-radius) * 0.32);\n  transform-origin: top center;\n}\n\n.tabs-content {\n  overflow: hidden;\n  color: var(--flatify__tab-txt-color);\n  background: var(--flatify__tab-bg-color);\n}\n.tabs-content .tab-panel {\n  padding: 1em;\n}\n.tabs-content .tab-panel:not(.show) {\n  display: none !important;\n}\n.tabs-content.no-animation .tab-panel {\n  animation-duration: 0s !important;\n}\n.tabs-content.slide-animation .tab-panel.show.slide-left {\n  animation: flatify-slide-left-in-min var(--flatify__tab-animation-show-duration) ease;\n}\n.tabs-content.slide-animation .tab-panel.show.slide-left.tab-will-be-hidden {\n  animation: flatify-slide-left-out-min var(--flatify__tab-animation-hide-duration) ease;\n}\n.tabs-content.slide-animation .tab-panel.show.slide-right {\n  animation: flatify-slide-right-in-min var(--flatify__tab-animation-show-duration) ease;\n}\n.tabs-content.slide-animation .tab-panel.show.slide-right.tab-will-be-hidden {\n  animation: flatify-slide-right-out-min var(--flatify__tab-animation-hide-duration) ease;\n}\n.tabs-content.fade-animation .tab-panel.show {\n  animation: flatify-fade-in var(--flatify__tab-animation-show-duration) ease;\n}\n.tabs-content.fade-animation .tab-panel.show.tab-will-be-hidden {\n  animation: flatify-fade-out var(--flatify__tab-animation-hide-duration) ease;\n}\n\n.tab-panel.show {\n  animation: var(--flatify__tab-animation-show);\n}\n.tab-panel.show.tab-will-be-hidden {\n  animation: var(--flatify__tab-animation-hide);\n}\n\n:root {\n  --flatify__toast-txt-color: var(--flatify__txt-color);\n  --flatify__toast-bg-color: var(--flatify__bg-color);\n  --flatify__toast-border-color: var(--flatify__bg-color-darker);\n  --flatify__toast-inner-space: 2.5em;\n  --flatify__toast-animation-show-duration: 300ms;\n  --flatify__toast-animation-hide-duration: 200ms;\n  --flatify__toast-animation-show: flatify-slide-up-in-min var(--flatify__toast-animation-show-duration)\n    ease;\n  --flatify__toast-animation-hide: flatify-slide-down-out-min var(--flatify__toast-animation-hide-duration)\n    ease both;\n}\n\n.toast-wrapper {\n  position: fixed;\n  width: 20em;\n  max-width: 100vw;\n  display: flex;\n  flex-direction: column;\n  z-index: 1100;\n}\n.toast-wrapper.bottom {\n  flex-direction: column-reverse;\n  bottom: var(--flatify__toast-inner-space);\n}\n.toast-wrapper.top {\n  flex-direction: column;\n  top: var(--flatify__toast-inner-space);\n}\n.toast-wrapper.left {\n  left: var(--flatify__toast-inner-space);\n}\n.toast-wrapper.right {\n  right: var(--flatify__toast-inner-space);\n}\n.toast-wrapper.center {\n  left: 0;\n  right: 0;\n  margin: 0 auto;\n}\n@media screen and (max-width: 575.98px) {\n  .toast-wrapper {\n    --flatify__toast-inner-space: 0.5em;\n    width: calc(100% - 1em);\n  }\n  .toast-wrapper.left, .toast-wrapper.right {\n    left: 0;\n    right: 0;\n    margin: 0 auto;\n  }\n}\n\n.toast {\n  --flatify__local-txt-color: var(--flatify__toast-txt-color);\n  --flatify__local-bg-color: var(--flatify__toast-bg-color);\n  --flatify__local-border-color: var(--flatify__toast-border-color);\n  overflow: hidden;\n  position: relative;\n  width: 100%;\n  padding: 0.9em;\n  margin: 0.25em 0;\n  color: var(--flatify__local-txt-color);\n  background: var(--flatify__local-bg-color);\n  border: var(--flatify__border-width) solid var(--flatify__local-border-color);\n  box-shadow: inset 0 -0.125em 0 var(--flatify__local-border-color);\n  border-radius: var(--flatify__border-radius);\n}\n.toast:not(.toast-will-be-removed) {\n  animation: var(--flatify__toast-animation-show);\n}\n.toast.toast-will-be-removed {\n  animation: var(--flatify__toast-animation-hide);\n}\n.toast:hover .close-button {\n  transition-delay: 0.15s;\n  transform: scale(1);\n}\n.toast .toast-svg {\n  display: inline-block;\n  width: 2em;\n  max-height: 2em;\n  margin-left: 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  left: 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-right: 0.38em;\n}\n.form-label:not(.inline) {\n  display: block;\n  margin-right: 0.38em;\n}\n\n.floating-label textarea,\n.floating-label input {\n  padding: 1.64em 1em 0.5em !important;\n}\n.floating-label textarea:not(:placeholder-shown) + .form-label, .floating-label textarea:focus + .form-label,\n.floating-label input:not(:placeholder-shown) + .form-label,\n.floating-label input:focus + .form-label {\n  opacity: 0.5;\n  transform: scale(0.75) translateY(-0.9em);\n}\n.floating-label textarea::placeholder,\n.floating-label input::placeholder {\n  opacity: 0 !important;\n}\n.floating-label .form-label {\n  pointer-events: none;\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  margin: auto 0;\n  height: fit-content;\n  opacity: 0.8;\n  will-change: opacity, transform;\n  transition: all var(--flatify__bouncing-transition);\n  transform-origin: top right;\n  right: 1em;\n}\n.floating-label.is-textarea .form-label {\n  top: 1.5em;\n  bottom: unset;\n}\n\ntextarea:not(.default), select:not(.default), input:not(.default) {\n  font-size: 0.9em;\n  padding: 0.8em 1em;\n  margin: 0.38em 0;\n  color: var(--flatify__form-element-txt-color);\n  background: var(--flatify__form-element-bg-color);\n  border: var(--flatify__border-width) solid var(--flatify__form-element-border-color);\n  border-radius: var(--flatify__border-radius);\n  filter: brightness(100%);\n  outline: none !important;\n  will-change: filter;\n  transition: all var(--flatify__simple-transition);\n}\ntextarea:hover:not(:focus):not(.default), select:hover:not(:focus):not(.default), input:hover:not(:focus):not(.default) {\n  filter: brightness(var(--flatify__hover-brightness));\n}\ntextarea:focus:not(.default), select:focus:not(.default), input:focus:not(.default) {\n  border-color: var(--flatify__form-element-border-color__focus) !important;\n}\ntextarea:not(.default)::placeholder, select:not(.default)::placeholder, input:not(.default)::placeholder {\n  color: inherit;\n  opacity: 0.45;\n  transition: all var(--flatify__simple-transition);\n}\ntextarea:focus:not(.default)::placeholder, select:focus:not(.default)::placeholder, input:focus:not(.default)::placeholder {\n  opacity: 0;\n}\ntextarea[class*=style-]:not(.default), select[class*=style-]:not(.default), input[class*=style-]:not(.default) {\n  --flatify__form-element-bg-color: var(--flatify__local-bg-color);\n  --flatify__form-element-txt-color: var(--flatify__local-txt-color);\n  --flatify__form-element-border-color: var(--flatify__local-border-color);\n  --flatify__form-element-border-color__focus: var(--flatify__local-border-color-dark);\n}\n.input-wrapper.invalid textarea:not(.default), .input-wrapper.invalid select:not(.default), .input-wrapper.invalid input:not(.default), textarea.invalid:not(.default), select.invalid:not(.default), input.invalid:not(.default) {\n  border-color: var(--flatify__form-element-border-color) !important;\n  --flatify__form-element-border-color: var(--flatify__form-element-border-color__invalid) !important;\n  --flatify__form-element-border-color__focus: var(\n    --flatify__form-element-border-color__invalid\n  ) !important;\n}\ntextarea:focus:invalid:not(.default), select:focus:invalid:not(.default), input:focus:invalid:not(.default) {\n  --flatify__form-element-border-color__focus: var(\n    --flatify__form-element-border-color__invalid\n  ) !important;\n}\n.input-wrapper.warning textarea:not(.default), .input-wrapper.warning select:not(.default), .input-wrapper.warning input:not(.default), textarea.warning:not(.default), select.warning:not(.default), input.warning:not(.default) {\n  border-color: var(--flatify__form-element-border-color) !important;\n  --flatify__form-element-border-color: var(--flatify__form-element-border-color__warning) !important;\n  --flatify__form-element-border-color__focus: var(\n    --flatify__form-element-border-color__warning\n  ) !important;\n}\n.input-wrapper.valid textarea:not(.default), .input-wrapper.valid select:not(.default), .input-wrapper.valid input:not(.default), textarea.valid:not(.default), select.valid:not(.default), input.valid:not(.default) {\n  border-color: var(--flatify__form-element-border-color) !important;\n  --flatify__form-element-border-color: var(--flatify__form-element-border-color__valid);\n  --flatify__form-element-border-color__focus: var(--flatify__form-element-border-color__valid);\n}\ntextarea[readonly]:not(.default), select[readonly]:not(.default), input[readonly]:not(.default) {\n  filter: none !important;\n  --flatify__form-element-border-color__focus: var(--flatify__form-element-border-color) !important;\n}\ntextarea.disabled:not(.default), select.disabled:not(.default), input.disabled:not(.default), textarea:disabled:not(.default), select:disabled:not(.default), input:disabled:not(.default) {\n  pointer-events: none;\n  filter: contrast(85%) brightness(85%) opacity(70%) !important;\n}\n\n.checkbox-wrapper,\n.radio-wrapper,\n.toggle-wrapper {\n  position: relative;\n  display: flex;\n  align-items: center;\n  margin: 0.75em 0;\n}\n.checkbox-wrapper:hover .check, .checkbox-wrapper:focus-within .check,\n.radio-wrapper:hover .check,\n.radio-wrapper:focus-within .check,\n.toggle-wrapper:hover .check,\n.toggle-wrapper:focus-within .check {\n  filter: brightness(var(--flatify__hover-brightness));\n}\n.checkbox-wrapper.valid .check,\n.radio-wrapper.valid .check,\n.toggle-wrapper.valid .check {\n  border-color: var(--flatify__form-element-border-color__valid);\n}\n.checkbox-wrapper.warning .check,\n.radio-wrapper.warning .check,\n.toggle-wrapper.warning .check {\n  border-color: var(--flatify__form-element-border-color__warning);\n}\n.checkbox-wrapper input:invalid + .check, .checkbox-wrapper.invalid .check,\n.radio-wrapper input:invalid + .check,\n.radio-wrapper.invalid .check,\n.toggle-wrapper input:invalid + .check,\n.toggle-wrapper.invalid .check {\n  border-color: var(--flatify__form-element-border-color__invalid);\n}\n.checkbox-wrapper .check,\n.radio-wrapper .check,\n.toggle-wrapper .check {\n  position: relative;\n  display: inline-block;\n  min-width: 1.5em;\n  max-width: 1.5em;\n  height: 1.5em;\n  background: var(--flatify__form-element-bg-color);\n  border: var(--flatify__border-width) solid var(--flatify__form-element-border-color);\n  border-radius: calc(var(--flatify__border-radius) * 0.5);\n  transition: all var(--flatify__simple-transition);\n}\n.checkbox-wrapper .check.after-label,\n.radio-wrapper .check.after-label,\n.toggle-wrapper .check.after-label {\n  margin-right: 0.5em;\n}\n.checkbox-wrapper .check:not(.after-label),\n.radio-wrapper .check:not(.after-label),\n.toggle-wrapper .check:not(.after-label) {\n  margin-left: 0.5em;\n}\n.checkbox-wrapper .check:after,\n.radio-wrapper .check:after,\n.toggle-wrapper .check:after {\n  content: \" \";\n  position: absolute;\n  top: 0;\n  left: 0;\n  z-index: 1;\n  border-radius: var(--flatify__border-radius);\n  transition: all var(--flatify__simple-transition);\n}\n.checkbox-wrapper input:not(:disabled) + .check,\n.radio-wrapper input:not(:disabled) + .check,\n.toggle-wrapper input:not(:disabled) + .check {\n  cursor: pointer;\n}\n.checkbox-wrapper input:disabled + .check,\n.radio-wrapper input:disabled + .check,\n.toggle-wrapper input:disabled + .check {\n  pointer-events: none;\n  filter: contrast(85%) brightness(85%) opacity(70%) !important;\n}\n.checkbox-wrapper input:disabled + .check:after,\n.radio-wrapper input:disabled + .check:after,\n.toggle-wrapper input:disabled + .check:after {\n  background: var(--flatify__form-element-border-color__invalid);\n}\n.checkbox-wrapper input,\n.radio-wrapper input,\n.toggle-wrapper input {\n  position: absolute;\n  top: 0;\n  left: 0;\n  opacity: 0 !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-left: 3.5em;\n}\n.input-wrapper.toggle-password:after, .input-wrapper.invalid:after, .input-wrapper.warning:after, .input-wrapper.valid:after {\n  content: \" \";\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  z-index: 1;\n  margin: auto 0;\n  border-radius: var(--flatify__border-radius);\n  transition: all var(--flatify__simple-transition);\n}\n.input-wrapper.invalid:after {\n  left: 1.35em;\n  width: 1em;\n  height: 0.25em;\n  background: var(--flatify__form-element-border-color__invalid);\n}\n.input-wrapper.warning:after {\n  left: 1.55em;\n  width: 0.5em;\n  height: 0.5em;\n  background: var(--flatify__form-element-border-color__warning);\n}\n.input-wrapper.warning:focus-within:after {\n  animation: flatify-fade-out 1s infinite;\n}\n.input-wrapper.valid:before {\n  content: \" \";\n  position: absolute;\n  top: 0.45em;\n  bottom: 0;\n  z-index: 1;\n  margin: auto 0;\n  border-radius: var(--flatify__border-radius);\n  transition: all var(--flatify__simple-transition);\n  animation: flatify-fade-in 0.35s;\n  left: 0.8em;\n  width: 0.64em;\n  height: 0.25em;\n  background: var(--flatify__form-element-border-color__valid);\n  transform: rotate(45deg);\n}\n.input-wrapper.valid:after {\n  left: 1em;\n  width: 1.2em;\n  height: 0.25em;\n  background: var(--flatify__form-element-border-color__valid);\n  transform: rotate(-55deg);\n}\n.input-wrapper .show-password-button {\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  z-index: 3;\n  left: 0.5em;\n  font-size: 1em;\n  width: 2.5em;\n  height: 2.5em;\n  padding: 0.5em;\n  margin: auto 0;\n  color: var(--flatify__form-element-txt-color);\n  background: transparent;\n  border: none;\n  border-radius: calc(var(--flatify__border-radius) * 0.75);\n}\n@media (prefers-reduced-motion: no-preference) {\n  .input-wrapper .show-password-button:active:before, .input-wrapper .show-password-button:focus-visible:before {\n    transform: scale(0.85) !important;\n  }\n}\n.input-wrapper .show-password-button:before {\n  content: \"\";\n  display: block;\n  width: 100%;\n  height: 100%;\n  background-color: currentColor;\n  mask: var(--flatify__eye-icon) no-repeat 50% 50%;\n  -webkit-mask: var(--flatify__eye-icon) no-repeat 50% 50%;\n  transition: all var(--flatify__simple-transition);\n}\n.input-wrapper .show-password-button:after {\n  content: \" \";\n  position: absolute;\n  left: 0.5em;\n  top: 0;\n  bottom: 0;\n  z-index: 1;\n  width: 1.5em;\n  height: 0.18em;\n  margin: auto 0;\n  background: currentColor;\n  border-radius: var(--flatify__border-radius);\n  transform: rotate(-30deg);\n  clip-path: circle(200% at right);\n  transition: all var(--flatify__bouncing-transition);\n}\n.input-wrapper.visible-password .show-password-button:after {\n  clip-path: circle(0% at right);\n}\n@media (prefers-reduced-motion: no-preference) {\n  .input-wrapper.visible-password .show-password-button:not(:active):before {\n    animation: flatify-eye-blink 7s infinite;\n  }\n}\n\ninput[type=password]:not(:placeholder-shown) {\n  letter-spacing: 0.18em;\n}\n\ninput[type=color]:not(.default) {\n  width: 3.14em;\n  height: 2.75em;\n  padding: 0.5em;\n  border-radius: calc(var(--flatify__border-radius) * 0.75);\n}\n\ninput[type=file]:not(.default) {\n  filter: brightness(100%);\n}\ninput[type=file]:not(.default)::file-selector-button {\n  cursor: pointer;\n  font-size: 0.9em;\n  color: inherit;\n  background: inherit !important;\n  filter: brightness(var(--flatify__hover-brightness));\n  vertical-align: baseline;\n  margin: 0 0 0 0.75em;\n}\n\ninput[type=submit].button,\ninput[type=reset].button,\ninput[type=button].button {\n  border: none !important;\n}\n\n.checkbox-wrapper input:not(:checked) + .check:after {\n  clip-path: circle(0% at left);\n}\n.checkbox-wrapper input:checked:not(:indeterminate) + .check:before {\n  content: \" \";\n  position: absolute;\n  top: 0.7em;\n  left: 0.15em;\n  z-index: 1;\n  width: 0.5em;\n  height: 0.22em;\n  background: var(--flatify__form-element-border-color__valid);\n  border-radius: var(--flatify__border-radius);\n  transition: all var(--flatify__simple-transition);\n  transform: rotate(45deg);\n  animation: flatify-fade-in 0.35s;\n}\n.checkbox-wrapper input:checked:not(:indeterminate) + .check:after {\n  top: 0.55em;\n  left: 0.3em;\n  width: 0.9em;\n  height: 0.22em;\n  background: var(--flatify__form-element-border-color__valid);\n  clip-path: circle(200% at bottom);\n  transform: rotate(-50deg);\n  transition: clip-path linear 0.5s 0.1s;\n}\n.checkbox-wrapper input:indeterminate + .check:after {\n  background: var(--flatify__form-element-accent-color);\n}\n.checkbox-wrapper input:indeterminate + .check:after,\n.checkbox-wrapper input:disabled:not(:checked) + .check:after {\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  width: 0.75em;\n  height: 0.2em;\n  margin: auto;\n  clip-path: circle(200% at bottom);\n  transition: clip-path linear 0.4s 0.1s;\n  animation: flatify-grow-x 0.2s both;\n}\n\n.radio-wrapper .check:after {\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  width: 0.5em;\n  height: 0.5em;\n  margin: auto;\n  border-radius: calc(var(--flatify__border-radius) * 0.2);\n}\n.radio-wrapper input:checked + .check:after {\n  background: var(--flatify__form-element-border-color__valid);\n  animation: flatify-grow 0.25s cubic-bezier(0.85, -0.57, 0.36, 1.72) both;\n}\n\ninput[type=range]:not(.default) {\n  -webkit-appearance: none;\n  width: 100%;\n  background: transparent !important;\n  border: none;\n  filter: none !important;\n}\ninput[type=range]:not(.default)::-moz-range-track {\n  cursor: pointer;\n  width: 100%;\n  height: max(3px, var(--flatify__border-width) * 1.5);\n  background: var(--flatify__form-element-border-color);\n  border-radius: calc(var(--flatify__border-radius) * 0.5);\n}\ninput[type=range]:not(.default)::-webkit-slider-runnable-track {\n  cursor: pointer;\n  width: 100%;\n  height: max(3px, var(--flatify__border-width) * 1.5);\n  background: var(--flatify__form-element-border-color);\n  border-radius: calc(var(--flatify__border-radius) * 0.5);\n}\ninput[type=range]:not(.default)::-moz-range-thumb {\n  -webkit-appearance: none;\n  cursor: pointer;\n  height: 1.24em;\n  width: 1.24em;\n  background: var(--flatify__form-element-bg-color);\n  border-radius: calc(var(--flatify__border-radius) * 0.5);\n  border: max(1px, var(--flatify__border-width)) solid var(--flatify__form-element-border-color);\n  transition: all var(--flatify__simple-transition);\n}\ninput[type=range]:not(.default)::-webkit-slider-thumb {\n  -webkit-appearance: none;\n  cursor: pointer;\n  height: 1.24em;\n  width: 1.24em;\n  margin: -0.55em;\n  background: var(--flatify__form-element-bg-color);\n  border-radius: calc(var(--flatify__border-radius) * 0.5);\n  border: max(1px, var(--flatify__border-width)) solid var(--flatify__form-element-border-color);\n  transition: all var(--flatify__simple-transition);\n}\ninput[type=range]:not(.default):hover::-moz-range-thumb {\n  filter: brightness(var(--flatify__hover-brightness));\n}\ninput[type=range]:not(.default):hover::-webkit-slider-thumb {\n  filter: brightness(var(--flatify__hover-brightness));\n}\n@media (prefers-reduced-motion: no-preference) {\n  input[type=range]:not(.default):active::-moz-range-thumb {\n    transform: scale(0.85);\n  }\n  input[type=range]:not(.default):active::-webkit-slider-thumb {\n    transform: scale(0.85);\n  }\n}\ninput[type=range]:not(.default):focus::-moz-range-thumb {\n  border-color: var(--flatify__form-element-border-color__focus);\n  filter: brightness(var(--flatify__hover-brightness));\n}\ninput[type=range]:not(.default):focus::-webkit-slider-thumb {\n  border-color: var(--flatify__form-element-border-color__focus);\n  filter: brightness(var(--flatify__hover-brightness));\n}\n\nselect:not(.default) {\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  min-width: 15em;\n  max-width: 100%;\n  padding-left: 2.5em;\n  background-image: var(--flatify__select-icon);\n  background-repeat: no-repeat;\n  background-position: left 0.64em center;\n}\nselect:not(.default)[multiple] {\n  overflow-y: auto;\n  padding: 1em !important;\n  background-image: none !important;\n}\n\nselect option {\n  padding: 0.32em;\n  color: var(--flatify__form-element-txt-color);\n  background: var(--flatify__form-element-bg-color);\n}\n\n.toggle-wrapper:hover:not(:focus-within) input:not(:disabled) + .check:after {\n  transform: translateX(-0.3em);\n}\n.toggle-wrapper .check {\n  min-width: 3em;\n  width: 3em;\n}\n.toggle-wrapper .check:after {\n  top: 0;\n  bottom: 0;\n  right: 0.18em;\n  width: 0.9em;\n  height: 0.9em;\n  margin: auto 0;\n  background: var(--flatify__form-element-border-color);\n  border-radius: calc(var(--flatify__border-radius) * 0.3);\n  transition: all var(--flatify__bouncing-transition);\n}\n.toggle-wrapper input:checked + .check:after {\n  transform: translateX(-1.4em) !important;\n  background: var(--flatify__form-element-accent-color);\n}\n@media (pointer: fine) and (prefers-reduced-motion: no-preference) {\n  .toggle-wrapper:active .check:after {\n    transition: all 0.1s 0.05s;\n  }\n  .toggle-wrapper:active input:disabled:not(:checked) + .check:after {\n    transform: scale(1) !important;\n  }\n  .toggle-wrapper:active input:disabled:checked + .check:after {\n    transform: scale(1) translateX(1.4em) !important;\n  }\n  .toggle-wrapper:active input:not(:checked) + .check:after {\n    transform: scaleX(1.2) scaleY(0.7) !important;\n  }\n  .toggle-wrapper:active input:checked + .check:after {\n    transform: translateX(-1.2em) scaleY(0.7) scaleX(1.4) !important;\n  }\n}\n\ntextarea:not(.default) {\n  font-size: 1em;\n  transition: border-color var(--flatify__simple-transition), filter var(--flatify__simple-transition);\n}\n\n:root {\n  --flatify__item-group-bg-color: var(--flatify__bg-color);\n  --flatify__item-group-txt-color: var(--flatify__txt-color);\n}\n\n.items-group {\n  --flatify__local-txt-color: var(--flatify__item-group-txt-color);\n  --flatify__local-bg-color: var(--flatify__item-group-bg-color);\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  color: var(--flatify__local-txt-color);\n  background: var(--flatify__local-bg-color);\n}\n.items-group .item-button {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  width: 100%;\n  padding: 0.125em 0.5em;\n  border: none;\n  color: var(--flatify__local-txt-color);\n  background: var(--flatify__local-bg-color);\n  border-radius: calc(var(--flatify__border-radius) * 0.65);\n  transition: all var(--flatify__simple-transition);\n}\n.items-group .item-button:not(:last-child) {\n  margin-bottom: 0.5em;\n}\n.items-group .item-button:focus-visible, .items-group .item-button:hover {\n  filter: brightness(var(--flatify__hover-brightness));\n}\n.items-group .item-button.active {\n  color: var(--flatify__txt-color-inverted);\n  background: var(--flatify__color-accent-primary);\n}\n.items-group .item-icon {\n  opacity: 0.75;\n  margin-left: 0.5em;\n}\n.items-group .item-icon svg {\n  width: 3em;\n  height: 3em;\n  padding: 0.32em;\n}\n.items-group .item-icon svg:not([fill=none]) {\n  fill: currentColor;\n}\n.items-group .item-text {\n  width: 100%;\n  text-align: right;\n}\n.items-group .item-title,\n.items-group .item-subtitle {\n  line-height: 1;\n}\n.items-group .item-title {\n  font-size: 1.125em;\n  margin: 0.5em 0;\n}\n.items-group .item-title + .item-subtitle {\n  margin: 0 0 0.64em;\n}\n.items-group .item-subtitle {\n  font-size: 0.9em;\n  opacity: 0.65;\n}\n\n.no-transition {\n  transition-duration: 0s !important;\n}\n\n.no-animation {\n  animation-duration: 0s !important;\n}\n\n.play-animation:before,\n.play-animation:after,\n.play-animation {\n  animation-play-state: running !important;\n}\n\n.pause-animation:before,\n.pause-animation:after,\n.pause-animation {\n  animation-play-state: paused !important;\n}\n\n.stop-animation:before,\n.stop-animation:after,\n.stop-animation {\n  animation: none !important;\n}\n\n.anim-spin {\n  animation: flatify-spin 0.75s linear infinite !important;\n}\n\n.anim-heart {\n  animation: flatify-heart 1s ease infinite !important;\n}\n\n.anim-required {\n  animation: flatify-heart 1s ease 2 !important;\n}\n\n.anim-pulse {\n  animation: flatify-pulse ease 1.5s !important;\n}\n\n.anim-fade-in {\n  animation: flatify-fade-in 0.3s ease !important;\n}\n\n.anim-fade-out {\n  animation: flatify-fade-out 0.3s ease !important;\n}\n\n.anim-hue {\n  animation: flatify-hue 15s ease infinite !important;\n}\n\n.anim-hue-min {\n  animation: flatify-hue-min 5s ease infinite !important;\n}\n\n@keyframes flatify-fade-in {\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 1;\n  }\n}\n@keyframes flatify-fade-in-out {\n  from {\n    opacity: 0;\n  }\n  50% {\n    opacity: 1;\n  }\n  to {\n    opacity: 0;\n  }\n}\n@keyframes flatify-backdrop-fade-in {\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: var(--flatify__backdrop-opacity);\n  }\n}\n@keyframes flatify-fade-out {\n  to {\n    opacity: 0;\n  }\n}\n@keyframes flatify-grow {\n  from {\n    transform: scale(0);\n  }\n  to {\n    transform: scale(1);\n  }\n}\n@keyframes flatify-grow-x {\n  from {\n    transform: scaleX(0);\n  }\n  to {\n    transform: scaleX(1);\n  }\n}\n@keyframes flatify-grow-y {\n  from {\n    transform: scaleY(0);\n  }\n  to {\n    transform: scaleY(1);\n  }\n}\n@keyframes flatify-processing {\n  from {\n    opacity: 0.85;\n    transform: scaleX(0);\n  }\n  100% {\n    opacity: 0;\n    transform: scaleX(1);\n  }\n}\n@keyframes flatify-blow-in {\n  0% {\n    opacity: 0;\n    transform: scale(0.9);\n  }\n  100% {\n    opacity: 1;\n    transform: scale(1);\n  }\n}\n@keyframes flatify-blow-out {\n  0% {\n    opacity: 1;\n    transform: scale(1);\n  }\n  100% {\n    opacity: 0;\n    transform: scale(0.95);\n  }\n}\n@keyframes flatify-heart {\n  0% {\n    transform: scale(1);\n  }\n  65% {\n    transform: scale(1.05);\n  }\n  80% {\n    transform: scale(1.1);\n  }\n  100% {\n    transform: scale(1);\n  }\n}\n@keyframes flatify-spin {\n  from {\n    transform: rotate(0);\n  }\n  to {\n    transform: rotate(1turn);\n  }\n}\n@keyframes flatify-slide-up-in {\n  from {\n    transform: translateY(100%) scale(0.95);\n  }\n  to {\n    transform: translateY(0);\n  }\n}\n@keyframes flatify-slide-up-in-min {\n  from {\n    opacity: 0;\n    transform: translateY(3em) scale(0.95);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n@keyframes flatify-slide-up-out {\n  from {\n    transform: translateY(0);\n  }\n  to {\n    transform: translateY(100%) scale(0.95);\n  }\n}\n@keyframes flatify-slide-down-in {\n  from {\n    transform: translateY(-100%) scale(0.95);\n  }\n  to {\n    transform: translateY(0);\n  }\n}\n@keyframes flatify-slide-down-out {\n  from {\n    transform: translateY(0);\n  }\n  to {\n    transform: translateY(-100%) scale(0.95);\n  }\n}\n@keyframes flatify-slide-down-out-min {\n  from {\n    opacity: 1;\n    transform: translateY(0);\n  }\n  to {\n    opacity: 0;\n    transform: translateY(-3em) scale(0.95);\n  }\n}\n@keyframes flatify-slide-left-in {\n  from {\n    transform: translateX(100%) scale(0.95);\n  }\n  to {\n    transform: translateX(0);\n  }\n}\n@keyframes flatify-slide-left-in-min {\n  from {\n    opacity: 0;\n    transform: translateX(3em);\n  }\n  to {\n    opacity: 1;\n    transform: translateX(0);\n  }\n}\n@keyframes flatify-slide-left-out {\n  from {\n    transform: translateX(0);\n  }\n  to {\n    transform: translateX(100%) scale(0.95);\n  }\n}\n@keyframes flatify-slide-left-out-min {\n  from {\n    opacity: 1;\n    transform: translateX(0);\n  }\n  to {\n    opacity: 0;\n    transform: translateX(3em);\n  }\n}\n@keyframes flatify-slide-right-in {\n  from {\n    transform: translateX(-100%) scale(0.95);\n  }\n  to {\n    transform: translateX(0);\n  }\n}\n@keyframes flatify-slide-right-in-min {\n  from {\n    opacity: 0;\n    transform: translateX(-3em);\n  }\n  to {\n    opacity: 1;\n    transform: translateX(0);\n  }\n}\n@keyframes flatify-slide-right-out {\n  from {\n    transform: translateX(0);\n  }\n  to {\n    transform: translateX(-100%) scale(0.95);\n  }\n}\n@keyframes flatify-slide-right-out-min {\n  from {\n    opacity: 1;\n    transform: translateX(0);\n  }\n  to {\n    opacity: 0;\n    transform: translateX(-3em);\n  }\n}\n@keyframes flatify-alert-will-be-removed {\n  85% {\n    opacity: 0;\n  }\n  100% {\n    opacity: 0;\n    transform-origin: top left;\n    transform: scale(0.92) rotate(0.5deg);\n  }\n}\n@keyframes flatify-dropdown-show {\n  from {\n    opacity: 0;\n    transform: scale(0.9) rotate(-3deg);\n  }\n  to {\n    opacity: 1;\n    transform: scale(1);\n  }\n}\n@keyframes flatify-dropdown-hide {\n  from {\n    opacity: 1;\n    transform: scale(1);\n  }\n  to {\n    opacity: 0;\n    transform: scale(0.85);\n  }\n}\n@keyframes flatify-pulse {\n  0% {\n    transform: scale(1);\n  }\n  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  @if not $IS_LTR {\n    direction: rtl;\n  }\n}\n\n// *** Body\nbody {\n  margin: 0;\n  font-family: var(--#{$CSS_VAR_PFX}primary-font-family);\n  line-height: var(--#{$CSS_VAR_PFX}base-line-height);\n  text-align: var(--#{$CSS_VAR_PFX}body-text-align);\n  color: var(--#{$CSS_VAR_PFX}txt-color);\n  background-color: var(--#{$CSS_VAR_PFX}bg-color);\n  -webkit-tap-highlight-color: var(--#{$CSS_VAR_PFX}tap-highlight-color);\n  -webkit-text-size-adjust: 100%;\n  -webkit-font-smoothing: antialiased;\n  text-rendering: optimizeLegibility;\n}\n\n// *** Typography\n// Avoid text overflows\np,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  overflow-wrap: break-word;\n}\n\n%heading {\n  margin-top: 0;\n  margin-bottom: var(--#{$CSS_VAR_PFX}heading-mb);\n  font-family: var(--#{$CSS_VAR_PFX}heading-font-family, --#{$CSS_VAR_PFX}primary-font-family);\n  font-style: var(--#{$CSS_VAR_PFX}heading-font-style);\n  font-weight: var(--#{$CSS_VAR_PFX}heading-font-weight);\n  color: var(--#{$CSS_VAR_PFX}heading-color);\n\n  strong,\n  b {\n    font-weight: var(--#{$CSS_VAR_PFX}extra-bold-font-weight);\n  }\n}\n\nh1 {\n  @extend %heading;\n  font-size: 3.5em;\n  line-height: var(--#{$CSS_VAR_PFX}small-line-height);\n}\n\nh2 {\n  @extend %heading;\n  font-size: 3em;\n  line-height: var(--#{$CSS_VAR_PFX}small-line-height);\n}\n\nh3 {\n  @extend %heading;\n  font-size: 2.35em;\n  line-height: var(--#{$CSS_VAR_PFX}small-line-height);\n}\n\nh4 {\n  @extend %heading;\n  font-size: 2em;\n  line-height: var(--#{$CSS_VAR_PFX}base-line-height);\n}\n\nh5 {\n  @extend %heading;\n  font-size: 1.65em;\n  line-height: var(--#{$CSS_VAR_PFX}base-line-height);\n}\n\nh6 {\n  @extend %heading;\n  font-size: 1.35em;\n  line-height: var(--#{$CSS_VAR_PFX}base-line-height);\n}\n\np {\n  line-height: var(--#{$CSS_VAR_PFX}large-line-height);\n  margin-top: 0;\n  margin-bottom: var(--#{$CSS_VAR_PFX}paragraph-mb);\n\n  // last p in the parent should not have margin e.g. the paragraph in a button\n  &:last-of-type {\n    margin-bottom: 0;\n  }\n}\n\nabbr[title] {\n  cursor: help;\n  text-decoration: var(--#{$CSS_VAR_PFX}txt-color-light) underline dotted 0.125em;\n  text-decoration-skip-ink: none;\n}\n\naddress {\n  margin-bottom: 1em;\n  font-style: normal;\n  line-height: inherit;\n}\n\n// *** Lists\nol,\nul {\n  @if $IS_LTR {\n    padding-left: 2em;\n  } @else {\n    padding-right: 2em;\n  }\n}\n\nol,\nul,\ndl {\n  margin-top: 0;\n  margin-bottom: 1em;\n}\n\nol ol,\nul ul,\nol ul,\nul ol {\n  margin-bottom: 0;\n}\n\ndt {\n  font-weight: var(--#{$CSS_VAR_PFX}medium-font-weight);\n}\n\ndd {\n  margin-bottom: 0.5em;\n  margin-left: 0;\n}\n\n// *** Text formatting\nb,\nstrong {\n  font-weight: var(--#{$CSS_VAR_PFX}bold-font-weight);\n}\n\n.mark,\nmark {\n  color: var(--#{$CSS_VAR_PFX}txt-color-dark);\n\n  &:not(.inline) {\n    border-radius: calc(var(--#{$CSS_VAR_PFX}border-radius) * 0.38);\n    padding: 0 0.32em;\n    background: var(--#{$CSS_VAR_PFX}color-yellow-light);\n  }\n\n  &.inline {\n    --#{$CSS_VAR_PFX}local-bg-color: var(--#{$CSS_VAR_PFX}color-yellow-light);\n    isolation: isolate;\n    position: relative;\n    white-space: nowrap;\n    margin: 0 0.32em;\n    background: transparent !important;\n\n    &:before {\n      content: \" \";\n      position: absolute;\n      top: 0;\n      left: 0;\n      z-index: -1;\n      width: 100%;\n      height: 100%;\n      background: var(--#{$CSS_VAR_PFX}local-bg-color);\n      border-radius: calc(var(--#{$CSS_VAR_PFX}border-radius) * 0.38);\n      opacity: 0.9;\n\n      @if $IS_LTR {\n        transform: rotate(-3deg) scale(1.1, 1.2) skew(-10deg);\n      } @else {\n        transform: rotate(3deg) scale(1.1, 1.2) skew(10deg);\n      }\n    }\n  }\n\n  // color: var(--#{$CSS_VAR_PFX}txt-color-inverted);\n}\n\n// Sub & Sup\nsub,\nsup {\n  position: relative;\n  font-size: 0.75em;\n  line-height: 0;\n  vertical-align: baseline;\n}\n\nsub {\n  bottom: -0.25em;\n}\nsup {\n  top: -0.5em;\n}\n\n// Anchor\n%anchor-style {\n  color: var(--#{$CSS_VAR_PFX}link-color);\n  text-decoration: var(--#{$CSS_VAR_PFX}link-decoration);\n  text-underline-position: under;\n  transition: color var(--#{$CSS_VAR_PFX}simple-transition), background var(--#{$CSS_VAR_PFX}simple-transition),\n    border var(--#{$CSS_VAR_PFX}simple-transition);\n\n  &:hover {\n    color: var(--#{$CSS_VAR_PFX}link-color__hover);\n    text-decoration: var(--#{$CSS_VAR_PFX}link-decoration__hover);\n  }\n\n  &:focus {\n    color: var(--#{$CSS_VAR_PFX}link-color__focus);\n    text-decoration: var(--#{$CSS_VAR_PFX}link-decoration__focus);\n  }\n}\n\na:not(.button) {\n  @extend %anchor-style;\n}\n\n// Code\npre,\ncode,\nkbd,\nsamp {\n  direction: ltr;\n  unicode-bidi: bidi-override;\n  font-size: 1em;\n  font-family: var(--#{$CSS_VAR_PFX}code-font-family);\n}\n\npre {\n  overflow: auto;\n  display: block;\n  padding: 1em;\n  margin-top: 0;\n  margin-bottom: 1em;\n  background: var(--#{$CSS_VAR_PFX}bg-color-dark);\n  border: var(--#{$CSS_VAR_PFX}border-width) solid var(--#{$CSS_VAR_PFX}bg-color-darker);\n  border-radius: var(--#{$CSS_VAR_PFX}border-radius);\n\n  code {\n    color: inherit;\n    word-break: normal;\n  }\n}\n\ncode {\n  vertical-align: middle;\n  font-size: 0.85em;\n  word-wrap: break-word;\n  padding: 0.18em 0.32em;\n  color: var(--#{$CSS_VAR_PFX}txt-color);\n  background: var(--#{$CSS_VAR_PFX}bg-color-dark);\n  border: var(--#{$CSS_VAR_PFX}border-width) solid var(--#{$CSS_VAR_PFX}bg-color-darker);\n  border-radius: calc(var(--#{$CSS_VAR_PFX}border-radius) * 0.5);\n\n  a > & {\n    color: inherit;\n  }\n}\n\n// focus-visible outline\na,\nbutton {\n  &:focus-visible {\n    outline: 0.18em solid currentColor;\n  }\n}\n\n// ** Fixes\n// Media\nimg,\nsvg {\n  vertical-align: middle;\n}\n\n// Improve media defaults\nimg,\npicture,\nvideo,\ncanvas {\n  display: block;\n  max-width: 100%;\n}\n\n// Forms\n//\n// 1. Allow labels to use `margin` for spacing.\n\nlabel {\n  display: inline-block; // 1\n}\n\n// Explicitly remove focus outline in Chromium when it shouldn't be\n// visible (e.g. as result of mouse click or touch tap). It already\n// should be doing this automatically, but seems to currently be\n// confused and applies its very visible two-tone outline anyway.\n\nbutton:focus:not(:focus-visible) {\n  outline: 0;\n}\n\n// Remove built-in form typography styles\ninput,\nbutton,\ntextarea,\nselect {\n  font: inherit;\n}\n\n// 1. Remove the margin in Firefox and Safari\n\ninput,\nbutton,\nselect,\noptgroup,\ntextarea {\n  margin: 0; // 1\n  font-family: inherit;\n  line-height: inherit;\n}\n\n// Remove the inheritance of text transform in Firefox\nbutton,\nselect {\n  text-transform: none;\n}\n// Set the cursor for non-`<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\n  @if $IS_LTR {\n    border-width: 0 0 0 0.5em;\n  } @else {\n    border-width: 0 0.5em 0 0;\n  }\n\n  &:not(.no-icon):before {\n    content: \" \";\n    position: absolute;\n    z-index: -1;\n    opacity: 0.1;\n    background-color: currentColor;\n    mask: var(--#{$CSS_VAR_PFX}blockquote-icon) no-repeat 50% 50%;\n    -webkit-mask: var(--#{$CSS_VAR_PFX}blockquote-icon) no-repeat 50% 50%;\n    filter: brightness(100%);\n  }\n\n  &:not(.large) {\n    font-size: 1em;\n    line-height: var(--#{$CSS_VAR_PFX}large-line-height);\n    padding: 0.75em 1.25em;\n\n    @if $IS_LTR {\n      border-radius: calc(var(--#{$CSS_VAR_PFX}border-radius) * 0.5)\n        var(--#{$CSS_VAR_PFX}border-radius)\n        var(--#{$CSS_VAR_PFX}border-radius)\n        calc(var(--#{$CSS_VAR_PFX}border-radius) * 0.5);\n    } @else {\n      border-radius: var(--#{$CSS_VAR_PFX}border-radius)\n        calc(var(--#{$CSS_VAR_PFX}border-radius) * 0.5)\n        calc(var(--#{$CSS_VAR_PFX}border-radius) * 0.5)\n        var(--#{$CSS_VAR_PFX}border-radius);\n    }\n\n    &:before {\n      // blockquote icon\n      top: 1em;\n      width: 7em;\n      height: 7em;\n\n      @if $IS_LTR {\n        left: 1em;\n      } @else {\n        right: 1em;\n      }\n    }\n  }\n\n  &.large {\n    font-size: 1.25em;\n    border-width: 0.5em 0;\n    padding: 1.25em 0.75em;\n    margin-top: 2em;\n\n    &:before {\n      // blockquote icon\n      top: 0;\n      bottom: 0;\n      left: 0;\n      right: 0;\n      width: 15em;\n      height: 15em;\n      margin: auto;\n    }\n  }\n\n  &.large:not(.text-align-fill) {\n    text-align: center;\n  }\n\n  cite {\n    display: block;\n    font-size: 0.64em;\n    font-style: normal;\n    letter-spacing: 0.18em;\n    text-transform: uppercase;\n    padding-top: 1.5em;\n    opacity: 0.8;\n  }\n}\n","figure {\n  position: relative;\n  width: max-content;\n  max-width: 100%;\n  height: max-content;\n  margin: 0 0 1em;\n  border-radius: var(--#{$CSS_VAR_PFX}border-radius);\n\n  img {\n    width: 100%;\n    height: 100%;\n    border-radius: var(--#{$CSS_VAR_PFX}border-radius);\n  }\n\n  figcaption {\n    font-size: 0.9em;\n    padding: 1em 0;\n  }\n\n  .source {\n    --#{$CSS_VAR_PFX}local-border-color: var(--#{$CSS_VAR_PFX}txt-color-light);\n    position: absolute;\n    top: 1em;\n    font-size: 0.75em;\n    line-height: 1;\n    padding: 0.5em;\n    color: var(--#{$CSS_VAR_PFX}txt-color-inverted);\n    background: var(--#{$CSS_VAR_PFX}txt-color-dark);\n    border: var(--#{$CSS_VAR_PFX}border-width) solid var(--#{$CSS_VAR_PFX}local-border-color);\n    border-radius: calc(var(--#{$CSS_VAR_PFX}border-radius) * 0.75);\n\n    @if $IS_LTR {\n      right: 1em;\n    } @else {\n      left: 1em;\n    }\n  }\n\n  &.fill {\n    width: 100% !important;\n  }\n\n  &.centered {\n    margin-left: auto;\n    margin-right: auto;\n  }\n\n  &.overlay-caption {\n    overflow: hidden;\n\n    figcaption {\n      position: absolute;\n      bottom: 0;\n      left: 0;\n      width: 100%;\n      padding-left: 1em;\n      padding-right: 1em;\n      color: var(--#{$CSS_VAR_PFX}txt-color-inverted);\n      background: linear-gradient(0, var(--#{$CSS_VAR_PFX}txt-color-dark), transparent);\n    }\n  }\n}\n","// hr: default, dots, short\nhr {\n  margin: 1em 0;\n  opacity: 0.5;\n  color: currentColor;\n  background-color: currentColor;\n  border: none;\n  border-radius: var(--#{$CSS_VAR_PFX}border-radius);\n\n  &:not([size]) {\n    height: var(--#{$CSS_VAR_PFX}border-width);\n  }\n\n  &.dots {\n    line-height: 1;\n    display: block;\n    height: auto;\n    padding: 2em;\n    text-align: center;\n    background: transparent;\n\n    &:before {\n      content: \"‌•••\";\n      letter-spacing: 1.4em;\n      font-size: 1.4em;\n      font-weight: bold;\n    }\n  }\n\n  &.short {\n    width: 9em;\n    margin: 3em auto;\n  }\n}\n","kbd {\n  --#{$CSS_VAR_PFX}local-border-color: var(--#{$CSS_VAR_PFX}bg-color-darker);\n  vertical-align: middle;\n  text-align: center;\n  font-size: 0.85em;\n  font-weight: normal;\n  line-height: 1;\n  display: inline-block;\n  min-width: 1.75em;\n  padding: 0.18em 0.32em 0.32em;\n  margin: 0 0.25em;\n  background: var(--#{$CSS_VAR_PFX}bg-color-dark);\n  border: var(--#{$CSS_VAR_PFX}border-width) solid var(--#{$CSS_VAR_PFX}local-border-color);\n  border-radius: calc(var(--#{$CSS_VAR_PFX}border-radius) * 0.5);\n  box-shadow: inset 0 -0.125em 0 var(--#{$CSS_VAR_PFX}local-border-color);\n  will-change: transform;\n  transition: all var(--#{$CSS_VAR_PFX}simple-transition) 0.15s;\n\n  &:hover {\n    box-shadow: inset 0 0 0 var(--#{$CSS_VAR_PFX}local-border-color);\n    transform: translateY(0.15em);\n  }\n\n  kbd {\n    padding: 0;\n    background: transparent;\n    border: none;\n    box-shadow: none;\n    transform: none !important;\n  }\n}\n",":root {\n  --#{$CSS_VAR_PFX}table-border-color: var(--#{$CSS_VAR_PFX}bg-color-darker);\n  --#{$CSS_VAR_PFX}table-bg-color: var(--#{$CSS_VAR_PFX}bg-color);\n  --#{$CSS_VAR_PFX}table-bg-color-dark: var(--#{$CSS_VAR_PFX}bg-color-dark);\n  --#{$CSS_VAR_PFX}table-bg-color-darker: var(--#{$CSS_VAR_PFX}bg-color-darker);\n  --#{$CSS_VAR_PFX}table-txt-color: var(--#{$CSS_VAR_PFX}txt-color);\n}\n\ntable {\n  $table_radius: var(--#{$CSS_VAR_PFX}border-radius);\n  $table_border: var(--#{$CSS_VAR_PFX}border-width) solid var(--#{$CSS_VAR_PFX}table-border-color);\n\n  display: table;\n  table-layout: fixed;\n  caption-side: bottom;\n  color: var(--#{$CSS_VAR_PFX}table-txt-color);\n  width: 100%;\n\n  td,\n  th {\n    padding: 0.75em 1em;\n    background: var(--#{$CSS_VAR_PFX}table-bg-color);\n  }\n\n  thead {\n    word-break: break-word;\n    \n    td,\n    th {\n      background: var(--#{$CSS_VAR_PFX}table-bg-color-dark);\n    }\n  }\n\n  &:not(.bordered) {\n    border-collapse: collapse;\n  }\n\n  &.bordered:not(.horizontal) {\n    border-spacing: 0;\n\n    tr:first-child {\n      th,\n      td {\n        border-top: $table_border;\n      }\n    }\n\n    td,\n    th {\n      @if $IS_LTR {\n        border-left: $table_border;\n\n        &:last-child {\n          border-right: $table_border;\n        }\n      } @else {\n        border-right: $table_border;\n\n        &:last-child {\n          border-left: $table_border;\n        }\n      }\n    }\n\n    td,\n    th {\n      border-bottom: $table_border;\n    }\n\n    thead + tbody tr {\n      td,\n      th {\n        border-top: none !important;\n      }\n    }\n  }\n\n  &.horizontal {\n    tr {\n      flex-basis: 100%;\n      white-space: nowrap;\n    }\n    thead {\n      @if $IS_LTR {\n        float: left;\n      } @else {\n        float: right;\n      }\n\n      td,\n      th {\n        display: block;\n      }\n    }\n    tbody {\n      display: flex;\n      overflow-x: auto;\n\n      tr {\n        display: inline-block;\n      }\n      td,\n      th {\n        display: block;\n      }\n    }\n\n    &.bordered {\n      border-spacing: 0;\n      thead {\n        tr {\n          display: block;\n          @if $IS_LTR {\n            border-right: $table_border;\n          } @else {\n            border-left: $table_border;\n          }\n        }\n        td,\n        th {\n          @if $IS_LTR {\n            border-left: $table_border;\n          } @else {\n            border-right: $table_border;\n          }\n        }\n      }\n      tbody {\n        th,\n        td {\n          @if $IS_LTR {\n            border-right: $table_border;\n          } @else {\n            border-left: $table_border;\n          }\n        }\n      }\n      td,\n      th {\n        border-top: $table_border;\n        &:last-child {\n          border-bottom: $table_border;\n        }\n      }\n    }\n\n    // horizontal border radius\n    @if $IS_LTR {\n      thead tr {\n        th,\n        td {\n          &:first-child {\n            border-top-left-radius: $table_radius;\n          }\n          &:last-child {\n            border-bottom-left-radius: $table_radius;\n          }\n        }\n      }\n      tbody tr:last-child {\n        th,\n        td {\n          &:first-child {\n            border-top-right-radius: $table_radius;\n          }\n          &:last-child {\n            border-bottom-right-radius: $table_radius;\n          }\n        }\n      }\n    } @else {\n      thead tr {\n        th,\n        td {\n          &:first-child {\n            border-top-right-radius: $table_radius;\n          }\n          &:last-child {\n            border-bottom-right-radius: $table_radius;\n          }\n        }\n      }\n      tbody tr:last-child {\n        th,\n        td {\n          &:first-child {\n            border-top-left-radius: $table_radius;\n          }\n          &:last-child {\n            border-bottom-left-radius: $table_radius;\n          }\n        }\n      }\n    }\n  }\n\n  // vertical border radius\n  &:not(.horizontal) {\n    @if $IS_LTR {\n      tr:last-child {\n        th {\n          &:first-child {\n            border-top-left-radius: $table_radius;\n          }\n          &:last-child {\n            border-top-right-radius: $table_radius;\n          }\n        }\n        td {\n          &:first-child {\n            border-bottom-left-radius: $table_radius;\n          }\n          &:last-child {\n            border-bottom-right-radius: $table_radius;\n          }\n        }\n      }\n    } @else {\n      tr:last-child {\n        th {\n          &:first-child {\n            border-top-right-radius: $table_radius;\n          }\n          &:last-child {\n            border-top-left-radius: $table_radius;\n          }\n        }\n        td {\n          &:first-child {\n            border-bottom-right-radius: $table_radius;\n          }\n          &:last-child {\n            border-bottom-left-radius: $table_radius;\n          }\n        }\n      }\n    }\n  }\n\n  &.striped {\n    thead {\n      th,\n      td {\n        background: var(--#{$CSS_VAR_PFX}table-bg-color-darker);\n      }\n    }\n    tbody tr:nth-child(odd) {\n      td,\n      th {\n        background: var(--#{$CSS_VAR_PFX}table-bg-color-dark);\n      }\n    }\n  }\n}\n\ncaption {\n  font-size: 0.9em;\n  padding: 0.75em 0;\n  opacity: 0.8;\n}\n\nth {\n  font-weight: var(--#{$CSS_VAR_PFX}medium-font-weight);\n  text-align: inherit;\n  text-align: -webkit-match-parent;\n}\n\n.table-active {\n  background: var(--#{$CSS_VAR_PFX}table-bg-color-darker);\n}\n",":root {\n  --#{$CSS_VAR_PFX}accordion-txt-color: var(--#{$CSS_VAR_PFX}txt-color);\n  --#{$CSS_VAR_PFX}accordion-bg-color: var(--#{$CSS_VAR_PFX}bg-color);\n  --#{$CSS_VAR_PFX}accordion-border-color: var(--#{$CSS_VAR_PFX}bg-color-darker);\n\n  --#{$CSS_VAR_PFX}accordion-animation-show-duration: #{$ACCORDION_SHOW_ANIMATION_DURATION};\n  --#{$CSS_VAR_PFX}accordion-animation-hide-duration: #{$ACCORDION_HIDE_ANIMATION_DURATION};\n  --#{$CSS_VAR_PFX}accordion-animation-show: flatify-blow-in var(--#{$CSS_VAR_PFX}accordion-animation-show-duration)\n    0.1s ease-in-out;\n  --#{$CSS_VAR_PFX}accordion-animation-hide: flatify-blow-out var(--#{$CSS_VAR_PFX}accordion-animation-hide-duration)\n    ease-in-out;\n}\n\n.accordion {\n  --#{$CSS_VAR_PFX}local-txt-color: var(--#{$CSS_VAR_PFX}accordion-txt-color);\n  --#{$CSS_VAR_PFX}local-bg-color: var(--#{$CSS_VAR_PFX}accordion-bg-color);\n  --#{$CSS_VAR_PFX}local-border-color: var(--#{$CSS_VAR_PFX}accordion-border-color);\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  color: var(--#{$CSS_VAR_PFX}local-txt-color);\n  background: var(--#{$CSS_VAR_PFX}local-bg-color);\n\n  &.bordered {\n    border-radius: 1em;\n\n    .accordion-item {\n      overflow: hidden;\n      color: var(--#{$CSS_VAR_PFX}local-txt-color);\n      background: var(--#{$CSS_VAR_PFX}local-bg-color);\n      border: var(--#{$CSS_VAR_PFX}border-width) solid var(--#{$CSS_VAR_PFX}local-border-color);\n\n      &[class*=\"style-\"] {\n        --#{$CSS_VAR_PFX}local-txt-color: var(--#{$CSS_VAR_PFX}accordion-txt-color);\n        --#{$CSS_VAR_PFX}local-bg-color: var(--#{$CSS_VAR_PFX}accordion-bg-color);\n        --#{$CSS_VAR_PFX}local-border-color: var(--#{$CSS_VAR_PFX}accordion-border-color);\n      }\n\n      &:last-child {\n        box-shadow: inset 0 -0.125em 0 var(--#{$CSS_VAR_PFX}local-border-color);\n      }\n\n      &:not(.active) .accordion-header,\n      &:not(:last-child) {\n        border-bottom: none;\n      }\n\n      &:first-child:not(:last-child) {\n        border-radius: var(--#{$CSS_VAR_PFX}border-radius) var(--#{$CSS_VAR_PFX}border-radius) 0 0;\n      }\n\n      &:last-child:not(:first-child) {\n        border-radius: 0 0 var(--#{$CSS_VAR_PFX}border-radius) var(--#{$CSS_VAR_PFX}border-radius);\n      }\n\n      // if there is just one accordion item round it\n      &:first-child:last-child {\n        border-radius: var(--#{$CSS_VAR_PFX}border-radius);\n      }\n    }\n  }\n}\n\n.accordion-item:not(.active) {\n  .accordion-collapse {\n    display: none;\n  }\n}\n\n.accordion-header {\n  font-size: 1em;\n  margin: 0;\n\n  &.active {\n    border-bottom: var(--#{$CSS_VAR_PFX}border-width) solid var(--#{$CSS_VAR_PFX}local-border-color);\n  }\n\n  .accordion-toggle {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    text-align: initial;\n    width: 100%;\n    height: 100%;\n    padding: 1em;\n    color: currentColor;\n    background: transparent;\n    border: none;\n  }\n\n  .add-button {\n    font-size: 0.75em;\n    opacity: 0.75;\n  }\n}\n\n.accordion-collapse {\n  overflow: hidden;\n  padding: 0;\n  margin: 0;\n  will-change: height;\n  transition: height 0.2s ease-in-out;\n\n  &.show .accordion-body {\n    animation: var(--#{$CSS_VAR_PFX}accordion-animation-show) both;\n  }\n\n  &.accordion-will-be-hidden .accordion-body {\n    animation: var(--#{$CSS_VAR_PFX}accordion-animation-hide) forwards;\n  }\n}\n\n.accordion-body {\n  padding: 1em;\n}\n\n.fade-animation {\n  .show {\n    .accordion-body {\n      animation: flatify-fade-in var(--#{$CSS_VAR_PFX}accordion-animation-show-duration) 0.1s ease-in-out both;\n    }\n  }\n\n  .accordion-will-be-hidden {\n    .accordion-body {\n      animation: flatify-fade-out var(--#{$CSS_VAR_PFX}accordion-animation-hide-duration) ease-in-out both;\n    }\n  }\n}\n",":root {\n  --#{$CSS_VAR_PFX}alert-bg-color: var(--#{$CSS_VAR_PFX}bg-color-dark);\n  --#{$CSS_VAR_PFX}alert-txt-color: var(--#{$CSS_VAR_PFX}txt-color);\n  --#{$CSS_VAR_PFX}alert-border-color: var(--#{$CSS_VAR_PFX}bg-color-darker);\n  --#{$CSS_VAR_PFX}alert-animation-show-duration: #{$ALERT_SHOW_ANIMATION_DURATION};\n  --#{$CSS_VAR_PFX}alert-animation-hide-duration: #{$ALERT_HIDE_ANIMATION_DURATION};\n  --#{$CSS_VAR_PFX}alert-animation-show: flatify-blow-in var(--#{$CSS_VAR_PFX}alert-animation-show-duration) ease;\n  --#{$CSS_VAR_PFX}alert-animation-hide: flatify-alert-will-be-removed\n    var(--#{$CSS_VAR_PFX}alert-animation-hide-duration) ease;\n}\n\n.alert {\n  --#{$CSS_VAR_PFX}local-bg-color: var(--#{$CSS_VAR_PFX}alert-bg-color);\n  --#{$CSS_VAR_PFX}local-border-color: var(--#{$CSS_VAR_PFX}alert-border-color);\n  position: relative;\n  font-size: 0.9em;\n  line-height: var(--#{$CSS_VAR_PFX}large-line-height);\n  padding: 1.25em;\n  margin-bottom: 1em;\n  color: var(--#{$CSS_VAR_PFX}alert-txt-color);\n  background: var(--#{$CSS_VAR_PFX}alert-bg-color);\n  border: var(--#{$CSS_VAR_PFX}border-width) solid var(--#{$CSS_VAR_PFX}local-border-color);\n  border-radius: var(--#{$CSS_VAR_PFX}border-radius);\n\n  &:not(.alert-will-be-removed) {\n    animation: var(--#{$CSS_VAR_PFX}alert-animation-show) both;\n  }\n\n  &.alert-will-be-removed {\n    animation: var(--#{$CSS_VAR_PFX}alert-animation-hide) both;\n  }\n\n  &:hover {\n    .close-button.floating {\n      transform: scale(1);\n    }\n  }\n\n  .close-button {\n    position: relative;\n    top: -0.38em;\n\n    @if $IS_LTR {\n      float: right;\n      right: -0.38em;\n    } @else {\n      float: left;\n      left: -0.38em;\n    }\n\n    &.floating {\n      position: absolute;\n      top: 0.75em;\n\n      @if $IS_LTR {\n        right: 0.75em;\n      } @else {\n        left: 0.75em;\n      }\n\n      background: transparent !important;\n      transform: scale(0);\n\n      &:after {\n        content: \" \";\n        position: absolute;\n        top: 0;\n        left: 0;\n        z-index: 0;\n        display: block;\n        width: 100%;\n        height: 100%;\n        border-radius: 100em;\n        background: var(--#{$CSS_VAR_PFX}local-bg-color);\n        box-shadow: 0 0 0.64em 0.5em var(--flatify__local-bg-color);\n      }\n    }\n\n    &:focus {\n      transform: scale(1);\n    }\n  }\n\n  &:not(.has-icon) {\n    width: 100%;\n  }\n\n  &.has-icon {\n    @if $IS_LTR {\n      padding-left: 2.75em;\n      margin-left: 1.5em;\n    } @else {\n      padding-right: 2.75em;\n      margin-right: 1.5em;\n    }\n  }\n\n  .alert-svg {\n    position: absolute;\n    height: 3.3em;\n    margin: auto 0;\n    top: 0;\n    bottom: 0;\n    filter: brightness(115%);\n\n    @if $IS_LTR {\n      left: -1.4em;\n    } @else {\n      right: -1.4em;\n    }\n\n    padding: 0.5em;\n    color: inherit;\n    background: var(--#{$CSS_VAR_PFX}local-bg-color);\n    border: var(--#{$CSS_VAR_PFX}border-width) solid var(--#{$CSS_VAR_PFX}local-border-color);\n    border-radius: calc(var(--#{$CSS_VAR_PFX}border-radius) * 0.9);\n\n    svg {\n      width: 2em;\n      height: 2em;\n\n      &:not([fill=\"none\"]) {\n        fill: currentColor;\n      }\n    }\n  }\n\n  // It should be darker\n  &.style-light-light .alert-svg {\n    filter: brightness(95%);\n  }\n}\n",":root {\n  --#{$CSS_VAR_PFX}badge-txt-color: var(--#{$CSS_VAR_PFX}txt-color-inverted);\n  --#{$CSS_VAR_PFX}badge-bg-color: var(--#{$CSS_VAR_PFX}color-accent-primary);\n}\n\n.badge {\n  user-select: none;\n  display: inline-block;\n  min-width: 1.35em;\n  min-height: 1.35em;\n  padding: 0.35em 0.65em;\n  text-decoration: none !important;\n  font-size: 0.64em;\n  font-weight: var(--#{$CSS_VAR_PFX}medium-font-weight);\n  line-height: 1;\n  text-align: center;\n  white-space: nowrap;\n  vertical-align: baseline;\n  color: var(--#{$CSS_VAR_PFX}badge-txt-color);\n  background: var(--#{$CSS_VAR_PFX}badge-bg-color);\n  border-radius: calc(var(--#{$CSS_VAR_PFX}border-radius) * 0.5);\n}\n",":root {\n  --#{$CSS_VAR_PFX}backdrop-priority: #{$ZINDEX_BACKDROP};\n  --#{$CSS_VAR_PFX}backdrop-color: var(--#{$CSS_VAR_PFX}txt-color);\n  --#{$CSS_VAR_PFX}backdrop-opacity: 0.5;\n  --#{$CSS_VAR_PFX}backdrop-filter: none;\n\n  --#{$CSS_VAR_PFX}modal-backdrop-color: var(--#{$CSS_VAR_PFX}backdrop-color);\n}\n\n.backdrop-layer {\n  position: fixed;\n  top: 0;\n  left: 0;\n  z-index: var(--#{$CSS_VAR_PFX}backdrop-priority); // default z-index\n  display: none;\n  width: 100%;\n  height: 100%;\n  background: var(--#{$CSS_VAR_PFX}backdrop-color);\n  opacity: var(--#{$CSS_VAR_PFX}backdrop-opacity);\n  backdrop-filter: var(--#{$CSS_VAR_PFX}backdrop-filter);\n\n  &.show {\n    display: block;\n    animation: flatify-backdrop-fade-in var(--#{$CSS_VAR_PFX}modal-animation-show-duration);\n  }\n\n  &.backdrop-will-be-removed {\n    animation: flatify-fade-out var(--#{$CSS_VAR_PFX}modal-animation-hide-duration) both;\n  }\n\n  &.modal-backdrop {\n    --#{$CSS_VAR_PFX}backdrop-priority: #{$ZINDEX_MODAL_BACKDROP};\n    --#{$CSS_VAR_PFX}backdrop-color: var(--#{$CSS_VAR_PFX}modal-backdrop-color);\n  }\n}\n",":root {\n  --#{$CSS_VAR_PFX}breadcrumbs-txt-color: var(--#{$CSS_VAR_PFX}txt-color);\n  --#{$CSS_VAR_PFX}breadcrumbs-bg-color: var(--#{$CSS_VAR_PFX}bg-color);\n  --#{$CSS_VAR_PFX}breadcrumbs-border-color: var(--#{$CSS_VAR_PFX}bg-color-darker);\n}\n\n.breadcrumbs-wrapper {\n  --#{$CSS_VAR_PFX}local-txt-color: var(--#{$CSS_VAR_PFX}breadcrumbs-txt-color);\n  --#{$CSS_VAR_PFX}local-bg-color: var(--#{$CSS_VAR_PFX}breadcrumbs-bg-color);\n  --#{$CSS_VAR_PFX}local-border-color: var(--#{$CSS_VAR_PFX}breadcrumbs-border-color);\n  width: 100%;\n  border: var(--#{$CSS_VAR_PFX}border-width) solid var(--#{$CSS_VAR_PFX}local-border-color);\n  border-radius: var(--#{$CSS_VAR_PFX}border-radius);\n}\n\n.breadcrumbs {\n  overflow-x: auto;\n  overflow-y: hidden;\n  scrollbar-width: thin;\n  list-style: none;\n  padding: 0;\n  margin: 0;\n  border-radius: var(--#{$CSS_VAR_PFX}border-radius);\n\n  &[class*=\"style-\"] {\n    background: transparent !important;\n  }\n\n  .crumb {\n    overflow: hidden;\n    position: relative;\n    white-space: nowrap;\n    display: table-cell;\n    padding: 0.64em 1em;\n    color: var(--#{$CSS_VAR_PFX}local-txt-color);\n    background: var(--#{$CSS_VAR_PFX}local-bg-color);\n    border-color: var(--#{$CSS_VAR_PFX}local-border-color);\n\n    &:not(:first-child) {\n      @if $IS_LTR {\n        padding-left: 3em;\n      } @else {\n        padding-right: 3em;\n      }\n\n      &:before {\n        content: \" \";\n        position: absolute;\n        top: 0;\n        bottom: 0;\n        @if $IS_LTR {\n          left: -1.2em;\n        } @else {\n          right: -1.2em;\n        }\n        display: block;\n        width: 2.5em;\n        height: 2.5em;\n        margin: auto 0;\n        background: transparent;\n        border: var(--#{$CSS_VAR_PFX}border-width) solid var(--#{$CSS_VAR_PFX}local-border-color);\n        border-radius: 0.18em;\n        transform: rotate(45deg);\n        transition: transform var(--#{$CSS_VAR_PFX}simple-transition);\n      }\n    }\n\n    &:first-child {\n      @if $IS_LTR {\n        padding-left: 2em;\n      } @else {\n        padding-right: 2em;\n      }\n    }\n\n    &:last-child {\n      @if $IS_LTR {\n        padding-right: 2em;\n      } @else {\n        padding-left: 2em;\n      }\n    }\n\n    &:hover,\n    &:focus-within {\n      &:before {\n        transform: rotate(45deg) scale(1.15);\n      }\n    }\n  }\n}\n",":root {\n  --#{$CSS_VAR_PFX}button-txt-color: var(--#{$CSS_VAR_PFX}txt-color);\n  --#{$CSS_VAR_PFX}button-bg-color: var(--#{$CSS_VAR_PFX}bg-color-dark);\n  --#{$CSS_VAR_PFX}button-border-color: var(--#{$CSS_VAR_PFX}bg-color-darker);\n}\n\n// .static for prevent hover/active/focus/focus-visible effects\n// .bordered for buttons with border\n// .outline for buttons with transparent background and just border\n// .active for setting pressed button style\n// .disabled for setting disabled button style\n%button {\n  --#{$CSS_VAR_PFX}local-bg-color: var(--#{$CSS_VAR_PFX}button-bg-color);\n  user-select: none;\n  appearance: none;\n  vertical-align: middle;\n  text-align: center;\n  text-decoration: none !important;\n  font-weight: var(--#{$CSS_VAR_PFX}medium-font-weight);\n  display: inline-block;\n  padding: 0.75em 0.85em 0.5em;\n  margin: 0.32em 0.32em 0.5em;\n  color: var(--#{$CSS_VAR_PFX}button-txt-color);\n  background: var(--#{$CSS_VAR_PFX}button-bg-color);\n  border: none;\n  border-radius: var(--#{$CSS_VAR_PFX}border-radius);\n  box-shadow: 0 calc(var(--#{$CSS_VAR_PFX}border-width) * 1.38) 0 var(--#{$CSS_VAR_PFX}button-border-color);\n  // filter affects box-shadow width, so it should be set as default to prevent bugs on hover\n  filter: brightness(100%);\n  will-change: transform, filter;\n  // !important to replace input transition\n  transition: filter var(--#{$CSS_VAR_PFX}simple-transition) !important;\n\n  &:not(.static) {\n    // button has its special pressed effect, there is no need for outline,\n    // unless the button is static which does not support hover/focus\n    outline: none !important;\n  }\n\n  .radio-button:focus + &,\n  &:not(.static):hover {\n    filter: brightness(var(--#{$CSS_VAR_PFX}hover-brightness));\n  }\n\n  // active state\n  .checkbox-button:checked + &,\n  .radio-button:checked + &,\n  &.active,\n  &:not(.static):focus-visible,\n  &:not(.static):active {\n    box-shadow: inset 0 0 0 var(--#{$CSS_VAR_PFX}button-border-color);\n    filter: brightness(var(--#{$CSS_VAR_PFX}hover-brightness));\n    transform: translateY(calc(var(--#{$CSS_VAR_PFX}border-width) * 1.38));\n  }\n\n  &.outline {\n    color: var(--#{$CSS_VAR_PFX}button-txt-color) !important;\n    background: transparent !important;\n  }\n\n  &.outline,\n  &.bordered {\n    box-shadow: 0 calc(var(--#{$CSS_VAR_PFX}border-width) * 1.38) 0 var(--#{$CSS_VAR_PFX}button-border-color),\n      inset 0 calc(var(--#{$CSS_VAR_PFX}border-width) * 0.38) 0 var(--#{$CSS_VAR_PFX}button-border-color),\n      inset calc(var(--#{$CSS_VAR_PFX}border-width) * -0.38) 0 0 var(--#{$CSS_VAR_PFX}button-border-color),\n      inset calc(var(--#{$CSS_VAR_PFX}border-width) * 0.38) 0 0 var(--#{$CSS_VAR_PFX}button-border-color),\n      0 calc(var(--#{$CSS_VAR_PFX}border-width) * -0.38) 0 var(--#{$CSS_VAR_PFX}button-border-color),\n      calc(var(--#{$CSS_VAR_PFX}border-width) * 0.38) 0 0 var(--#{$CSS_VAR_PFX}button-border-color),\n      calc(var(--#{$CSS_VAR_PFX}border-width) * -0.38) 0 0 var(--#{$CSS_VAR_PFX}button-border-color);\n  }\n\n  // active state for outline & bordered\n  &.outline,\n  &.bordered {\n    &.active,\n    &:not(.static):focus-visible,\n    &:not(.static):active {\n      box-shadow: inset 0 0 0 calc(var(--#{$CSS_VAR_PFX}border-width) * 0.38) var(--#{$CSS_VAR_PFX}button-border-color),\n        0 0 0 calc(var(--#{$CSS_VAR_PFX}border-width) * 0.38) var(--#{$CSS_VAR_PFX}button-border-color);\n      transform: translateY(calc(var(--#{$CSS_VAR_PFX}border-width) * 1.2));\n    }\n  }\n\n  // if has color setter class use local values\n  &[class*=\"style-\"] {\n    --#{$CSS_VAR_PFX}button-bg-color: var(--#{$CSS_VAR_PFX}local-bg-color);\n    --#{$CSS_VAR_PFX}button-border-color: var(--#{$CSS_VAR_PFX}local-border-color);\n\n    // if it is light color setter, use local text color for texts\n    &[class*=\"light\"] {\n      --#{$CSS_VAR_PFX}button-txt-color: var(--#{$CSS_VAR_PFX}local-txt-color);\n    }\n\n    // if it is default color setter, use local border color for texts\n    &:not([class*=\"light\"]) {\n      --#{$CSS_VAR_PFX}button-txt-color: var(--#{$CSS_VAR_PFX}local-border-color);\n    }\n\n    // Exception: for outline dark-light color setter use text color\n    &.outline.style-dark-light {\n      --#{$CSS_VAR_PFX}button-txt-color: var(--#{$CSS_VAR_PFX}txt-color);\n    }\n  }\n\n  &.disabled,\n  &:disabled {\n    pointer-events: none;\n    background: var(--#{$CSS_VAR_PFX}button-border-color) !important;\n    box-shadow: inset 0 0 0 var(--#{$CSS_VAR_PFX}button-border-color);\n    filter: contrast(85%) brightness(85%) opacity(70%) !important;\n    transform: translateY(calc(var(--#{$CSS_VAR_PFX}border-width) * 1.38));\n  }\n}\n\n.button {\n  @extend %button;\n\n  // active state for bordered & outline checkbox & radio button\n  .checkbox-button:checked + &.outline,\n  .radio-button:checked + &.outline,\n  .checkbox-button:checked + &.bordered,\n  .radio-button:checked + &.bordered {\n    box-shadow: inset 0 0 0 calc(var(--#{$CSS_VAR_PFX}border-width) * 0.38) var(--#{$CSS_VAR_PFX}button-border-color),\n      0 0 0 calc(var(--#{$CSS_VAR_PFX}border-width) * 0.38) var(--#{$CSS_VAR_PFX}button-border-color);\n    transform: translateY(calc(var(--#{$CSS_VAR_PFX}border-width) * 1.2));\n  }\n\n  // disabled button style\n  .checkbox-button:disabled + &,\n  .radio-button:disabled + & {\n    pointer-events: none;\n    background: var(--#{$CSS_VAR_PFX}button-border-color) !important;\n    box-shadow: inset 0 0 0 var(--#{$CSS_VAR_PFX}button-border-color);\n    filter: contrast(85%) brightness(85%) opacity(70%) !important;\n    transform: translateY(calc(var(--#{$CSS_VAR_PFX}border-width) * 1.38));\n  }\n\n  svg:not([fill=\"none\"]) {\n    fill: currentColor;\n  }\n}\n\n.link-button {\n  @extend %anchor-style;\n  padding: 0.75em 0.85em;\n  background: transparent;\n  border: none;\n}\n\n// reset default button styles\nbutton.no-style {\n  padding: 0 0.38em;\n  margin: 0;\n  cursor: pointer;\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  color: currentColor;\n  background: transparent;\n  border: none;\n  outline: none;\n  box-shadow: none;\n  transform: none !important;\n}\n",":root {\n  --#{$CSS_VAR_PFX}two-layer-button-animation-show: flatify-blow-in 0.2s 0.2s ease-in-out;\n}\n\n.two-layer-button {\n  @extend .overlay-layer;\n  --#{$CSS_VAR_PFX}overlay-layer-priority: 0;\n  --#{$CSS_VAR_PFX}overlay-layer-opacity: 0;\n  overflow: hidden;\n\n  .secondary-text {\n    position: absolute;\n    top: 0;\n    left: 0;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    width: 100%;\n    height: 100%;\n    padding-top: 0.32em;\n    opacity: 0;\n\n    svg {\n      width: 1.75em;\n    }\n  }\n\n  &:before,\n  .secondary-text {\n    transition: all var(--#{$CSS_VAR_PFX}simple-transition) 0.1s;\n  }\n\n  &:hover,\n  &:focus-visible {\n    &:before {\n      --#{$CSS_VAR_PFX}overlay-layer-opacity: 1;\n    }\n\n    .secondary-text {\n      opacity: 1;\n      animation: var(--#{$CSS_VAR_PFX}two-layer-button-animation-show);\n      animation-fill-mode: both;\n    }\n  }\n}\n",".add-button {\n  position: relative;\n  display: inline-block;\n  width: 1.2em;\n  height: 1.2em;\n  background: transparent;\n  border: none;\n\n  &:before,\n  &:after {\n    content: \" \";\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    height: max(3px, 0.18em);\n    margin: auto;\n    background: currentColor;\n    border-radius: var(--#{$CSS_VAR_PFX}border-radius);\n    will-change: transform;\n    transition: transform var(--#{$CSS_VAR_PFX}simple-transition);\n  }\n\n  &:not(.active) {\n    &:before {\n      transform: rotate(90deg);\n    }\n  }\n\n  &.active {\n    &:before {\n      transform: rotate(0);\n    }\n    &:after {\n      transform: rotate(-180deg);\n    }\n  }\n}\n",".hamburger {\n  position: relative;\n  width: 1.2em;\n  height: 1.2em;\n  background: transparent;\n  border: none;\n\n  &:before,\n  &:after {\n    content: \" \";\n    position: absolute;\n    left: 0;\n    height: max(3px, 0.18em);\n    background: currentColor;\n    border-radius: var(--#{$CSS_VAR_PFX}border-radius);\n    will-change: width, transform;\n    transition: transform var(--#{$CSS_VAR_PFX}simple-transition), width var(--#{$CSS_VAR_PFX}simple-transition);\n  }\n\n  &:not(.active) {\n    &:before {\n      top: 0.25em;\n      width: 100%;\n    }\n\n    &:after {\n      bottom: 0.25em;\n      width: 75%;\n    }\n\n    &:hover,\n    &:focus {\n      &:before {\n        width: 75%;\n      }\n\n      &:after {\n        width: 100%;\n      }\n    }\n  }\n\n  &.active {\n    &:before,\n    &:after {\n      top: 0;\n      bottom: 0;\n      width: 100%;\n      margin: auto 0;\n      animation: flatify-fade-in 0.25s ease-in-out;\n    }\n    &:before {\n      transform: rotate(45deg);\n    }\n    &:after {\n      transform: rotate(-45deg);\n    }\n  }\n}\n",".arrow-button {\n  display: flex;\n  align-items: center;\n  background: var(--#{$CSS_VAR_PFX}bg-color-dark);\n  border: none;\n  border-radius: var(--#{$CSS_VAR_PFX}border-radius);\n\n  &:after {\n    content: \" \";\n    position: relative;\n    z-index: 1;\n    display: inline-block;\n    width: 1.2em;\n    height: 1.2em;\n    background-color: currentColor;\n    mask: var(--#{$CSS_VAR_PFX}arrow-down-icon) no-repeat 50% 50%;\n    -webkit-mask: var(--#{$CSS_VAR_PFX}arrow-down-icon) no-repeat 50% 50%;\n    will-change: transform;\n    transition: all var(--#{$CSS_VAR_PFX}bouncing-transition);\n  }\n\n  // the arrow should have a side space when there is text\n  &:not(:empty) {\n    &:after {\n      @if $IS_LTR {\n        margin-left: 0.32em;\n      } @else {\n        margin-right: 0.32em;\n      }\n    }\n  }\n\n  // default is bottom arrow\n  &.arrow-flip:after {\n    transform: rotate(180deg);\n  }\n\n  &.arrow-top {\n    &:after {\n      transform: rotate(180deg);\n    }\n\n    &.arrow-flip:after {\n      transform: rotate(0);\n    }\n  }\n\n  &.arrow-left {\n    &:after {\n      transform: rotate(90deg);\n    }\n\n    &.arrow-flip:after {\n      transform: rotate(-90deg);\n    }\n  }\n\n  &.arrow-right {\n    &:after {\n      transform: rotate(-90deg);\n    }\n\n    &.arrow-flip:after {\n      transform: rotate(90deg);\n    }\n  }\n}\n","// It is basically a button which accepts SVG icon for [::before] as mask.\n%icon-button {\n  width: 2.5em;\n  height: 2.5em;\n  padding: 0.5em;\n  color: inherit;\n  background: var(--#{$CSS_VAR_PFX}bg-color-dark);\n  border: none;\n  border-radius: var(--#{$CSS_VAR_PFX}border-radius);\n  will-change: transform;\n  transition: all var(--#{$CSS_VAR_PFX}simple-transition);\n\n  // if does not have button styles, enable scale down effect for active state\n  &:not(.button) {\n    @media (prefers-reduced-motion: no-preference) {\n      &:focus-visible,\n      &:active {\n        transform: scale(0.85) !important;\n      }\n    }\n  }\n\n  &:before {\n    content: \" \";\n    position: relative;\n    z-index: 1;\n    display: block;\n    width: 100%;\n    height: 100%;\n    background-color: currentColor;\n  }\n}\n\n.close-button {\n  @extend %icon-button;\n\n  &:before {\n    mask: var(--#{$CSS_VAR_PFX}close-icon) no-repeat 50% 50%;\n    -webkit-mask: var(--#{$CSS_VAR_PFX}close-icon) no-repeat 50% 50%;\n  }\n}\n\n.search-button {\n  @extend %icon-button;\n\n  &:before {\n    mask: var(--#{$CSS_VAR_PFX}search-icon) no-repeat 50% 50%;\n    -webkit-mask: var(--#{$CSS_VAR_PFX}search-icon) no-repeat 50% 50%;\n  }\n}\n",".button-group {\n  display: flex;\n  margin: 0.25em 0.125em;\n\n  .button {\n    border-radius: 0;\n    &.outline,\n    &.bordered {\n      margin: 0 !important;\n    }\n  }\n\n  &:not(.vertical) {\n    .button {\n      // sometimes on active/focus-visible a white space will be create,\n      // to fix this -1px margin is practical.\n      margin: 0 -1px !important;\n\n      @if $IS_LTR {\n        &:first-child {\n          border-radius: var(--#{$CSS_VAR_PFX}border-radius) 0 0 var(--#{$CSS_VAR_PFX}border-radius);\n        }\n\n        &:last-child {\n          border-radius: 0 var(--#{$CSS_VAR_PFX}border-radius) var(--#{$CSS_VAR_PFX}border-radius) 0;\n        }\n      } @else {\n        &:first-child {\n          border-radius: 0 var(--#{$CSS_VAR_PFX}border-radius) var(--#{$CSS_VAR_PFX}border-radius) 0;\n        }\n\n        &:last-child {\n          border-radius: var(--#{$CSS_VAR_PFX}border-radius) 0 0 var(--#{$CSS_VAR_PFX}border-radius);\n        }\n      }\n    }\n  }\n\n  &.vertical {\n    // sometimes on active/focus-visible a white space will be create,\n    // to fix this -1px margin is practical.\n    flex-direction: column;\n\n    .button {\n      margin: -1px 0 !important;\n\n      &:first-child {\n        border-radius: var(--#{$CSS_VAR_PFX}border-radius) var(--#{$CSS_VAR_PFX}border-radius) 0 0;\n      }\n\n      &:last-child {\n        border-radius: 0 0 var(--#{$CSS_VAR_PFX}border-radius) var(--#{$CSS_VAR_PFX}border-radius);\n      }\n    }\n  }\n}\n",":root {\n  --#{$CSS_VAR_PFX}firework-color-main: var(--#{$CSS_VAR_PFX}color-blue-primary);\n  --#{$CSS_VAR_PFX}firework-color-center-top-bottom: var(--#{$CSS_VAR_PFX}color-blue-primary);\n  --#{$CSS_VAR_PFX}firework-color-center-left-right: var(--#{$CSS_VAR_PFX}color-blue-primary);\n  --#{$CSS_VAR_PFX}firework-color-left-top-bottom: var(--#{$CSS_VAR_PFX}color-purple-primary);\n  --#{$CSS_VAR_PFX}firework-color-right-top-bottom: var(--#{$CSS_VAR_PFX}color-purple-primary);\n  --#{$CSS_VAR_PFX}firework-animation-delay: 0s;\n  --#{$CSS_VAR_PFX}firework-animation-duration: 4s;\n  --#{$CSS_VAR_PFX}firework-animation-iteration-count: infinite;\n}\n\n.fireworks {\n  position: relative;\n  z-index: $ZINDEX_FIREWORKS;\n  width: 2.5em;\n  height: 2em;\n  background: transparent;\n  animation: flatify-firework ease-in-out var(--#{$CSS_VAR_PFX}firework-animation-duration)\n    var(--#{$CSS_VAR_PFX}firework-animation-delay) var(--#{$CSS_VAR_PFX}firework-animation-iteration-count);\n\n  &:before,\n  .spark:before,\n  .spark:after {\n    content: \" \";\n    position: absolute;\n    height: 0.25em;\n    border-radius: 50em;\n    background: var(--#{$CSS_VAR_PFX}firework-color-main);\n  }\n\n  &:not(.simple):before {\n    top: 0;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    width: 0.25em;\n    margin: auto;\n    animation: flatify-firework-main ease-in-out var(--#{$CSS_VAR_PFX}firework-animation-duration)\n      var(--#{$CSS_VAR_PFX}firework-animation-delay) var(--#{$CSS_VAR_PFX}firework-animation-iteration-count) both;\n  }\n\n  .spark {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    animation: flatify-firework-sparks ease-in-out var(--#{$CSS_VAR_PFX}firework-animation-duration)\n      var(--#{$CSS_VAR_PFX}firework-animation-delay) var(--#{$CSS_VAR_PFX}firework-animation-iteration-count) both;\n\n    // left-right & top-bottom\n    &:nth-child(1),\n    &:nth-child(2) {\n      &:before,\n      &:after {\n        top: 0;\n        bottom: 0;\n        width: 1.5em;\n        margin: auto;\n      }\n\n      &:before {\n        left: -0.25em;\n        animation: flatify-firework-spark-left ease-in-out var(--#{$CSS_VAR_PFX}firework-animation-duration)\n          var(--#{$CSS_VAR_PFX}firework-animation-delay) var(--#{$CSS_VAR_PFX}firework-animation-iteration-count);\n      }\n      &:after {\n        right: -0.25em;\n        animation: flatify-firework-spark-right ease-in-out var(--#{$CSS_VAR_PFX}firework-animation-duration)\n          var(--#{$CSS_VAR_PFX}firework-animation-delay) var(--#{$CSS_VAR_PFX}firework-animation-iteration-count);\n      }\n    }\n\n    &:nth-child(1) {\n      --#{$CSS_VAR_PFX}firework-color-main: var(--#{$CSS_VAR_PFX}firework-color-center-left-right);\n    }\n    &:nth-child(2) {\n      --#{$CSS_VAR_PFX}firework-color-main: var(--#{$CSS_VAR_PFX}firework-color-center-top-bottom);\n      transform: rotate(90deg);\n    }\n\n    // top-left-top-right & bottom-left-bottom-right\n    &:nth-child(3),\n    &:nth-child(4) {\n      left: 0;\n\n      &:before,\n      &:after {\n        width: 0.75em;\n      }\n\n      &:before {\n        top: 0;\n        transform: rotate(45deg);\n        animation: flatify-firework-spark-corner-top ease-in-out var(--#{$CSS_VAR_PFX}firework-animation-duration)\n          var(--#{$CSS_VAR_PFX}firework-animation-delay) var(--#{$CSS_VAR_PFX}firework-animation-iteration-count);\n      }\n      &:after {\n        bottom: 0;\n        transform: rotate(-45deg);\n        animation: flatify-firework-spark-corner-bottom ease-in-out var(--#{$CSS_VAR_PFX}firework-animation-duration)\n          var(--#{$CSS_VAR_PFX}firework-animation-delay) var(--#{$CSS_VAR_PFX}firework-animation-iteration-count);\n      }\n    }\n\n    &:nth-child(3) {\n      --#{$CSS_VAR_PFX}firework-color-main: var(--#{$CSS_VAR_PFX}firework-color-left-top-bottom);\n    }\n    &:nth-child(4) {\n      --#{$CSS_VAR_PFX}firework-color-main: var(--#{$CSS_VAR_PFX}firework-color-right-top-bottom);\n      transform: rotate(180deg);\n    }\n  }\n}\n\n@keyframes flatify-firework {\n  0%,\n  20% {\n    transform: translateY(0);\n  }\n  40% {\n    transform: translateY(-1em);\n  }\n  80%,\n  100% {\n    transform: translateY(0.5em);\n  }\n}\n\n@keyframes flatify-firework-main {\n  0% {\n    opacity: 0;\n    transform: scale(0) translateY(1em);\n  }\n  5% {\n    opacity: 1;\n    transform: scale(0, 6) translateY(1em);\n  }\n  26% {\n    transform: scaleY(2) translateY(0);\n  }\n  30% {\n    transform: scale(9) translateY(0);\n  }\n  40%,\n  100% {\n    transform: scale(0) translateY(0);\n  }\n}\n\n@keyframes flatify-firework-sparks {\n  0%,\n  30% {\n    clip-path: circle(0 at center);\n    opacity: 0;\n  }\n  38% {\n    clip-path: circle(100% at center);\n    opacity: 1;\n  }\n  65%,\n  100% {\n    opacity: 0;\n  }\n}\n\n// corners\n@keyframes flatify-firework-spark-corner-top {\n  0%,\n  30% {\n    opacity: 1;\n    clip-path: circle(100% at left);\n    transform: scale(1) translate(0) rotate(45deg);\n  }\n  40% {\n    clip-path: circle(100% at left);\n  }\n  60%,\n  100% {\n    opacity: 0;\n    clip-path: circle(0 at left);\n    transform: scale(1.5) translate(-0.5em, -0.25em) rotate(45deg);\n  }\n}\n\n@keyframes flatify-firework-spark-corner-bottom {\n  0%,\n  30% {\n    opacity: 1;\n    clip-path: circle(100% at left);\n    transform: scale(1) translate(0) rotate(-45deg);\n  }\n  40% {\n    clip-path: circle(100% at left);\n  }\n  60%,\n  100% {\n    opacity: 0;\n    clip-path: circle(0 at left);\n    transform: scale(1.5) translate(-0.5em, 0.25em) rotate(-45deg);\n  }\n}\n\n// left & right\n@keyframes flatify-firework-spark-left {\n  0%,\n  30% {\n    opacity: 1;\n    clip-path: circle(100% at left);\n    transform: scale(1) translate(0);\n  }\n  40% {\n    clip-path: circle(100% at left);\n  }\n  60%,\n  100% {\n    opacity: 0;\n    clip-path: circle(0 at left);\n    transform: scaleX(2) translate(-0.5em);\n  }\n}\n\n@keyframes flatify-firework-spark-right {\n  0%,\n  30% {\n    opacity: 1;\n    clip-path: circle(100% at right);\n    transform: scale(1) translate(0);\n  }\n  40% {\n    clip-path: circle(100% at right);\n  }\n  60%,\n  100% {\n    opacity: 0;\n    clip-path: circle(0 at right);\n    transform: scaleX(2) translate(0.5em);\n  }\n}\n",":root {\n  --#{$CSS_VAR_PFX}card-txt-color: var(--#{$CSS_VAR_PFX}txt-color);\n  --#{$CSS_VAR_PFX}card-bg-color: var(--#{$CSS_VAR_PFX}bg-color);\n  --#{$CSS_VAR_PFX}card-border-color: var(--#{$CSS_VAR_PFX}bg-color-darker);\n}\n\n.card {\n  --#{$CSS_VAR_PFX}local-txt-color: var(--#{$CSS_VAR_PFX}card-txt-color);\n  --#{$CSS_VAR_PFX}local-bg-color: var(--#{$CSS_VAR_PFX}card-bg-color);\n  --#{$CSS_VAR_PFX}local-border-color: var(--#{$CSS_VAR_PFX}card-border-color);\n  overflow: hidden;\n  position: relative;\n  display: flex;\n  flex-grow: 1;\n  max-width: 100%;\n  padding: 0.75em;\n  color: var(--#{$CSS_VAR_PFX}local-txt-color);\n  background: var(--#{$CSS_VAR_PFX}local-bg-color);\n  border: var(--#{$CSS_VAR_PFX}border-width) solid var(--#{$CSS_VAR_PFX}local-border-color);\n  box-shadow: inset 0 -0.125em 0 var(--#{$CSS_VAR_PFX}local-border-color);\n  border-radius: var(--#{$CSS_VAR_PFX}border-radius);\n\n  &:not(.horizontal) {\n    flex-direction: column;\n    width: 20em;\n\n    .card-badges {\n      @if $IS_LTR {\n        right: 0.5em;\n      } @else {\n        left: 0.5em;\n      }\n    }\n  }\n\n  &.horizontal {\n    gap: 1em;\n\n    .card-header {\n      width: 40%;\n\n      .card-badges {\n        @if $IS_LTR {\n          left: 0.5em;\n        } @else {\n          right: 0.5em;\n        }\n      }\n    }\n\n    .card-image {\n      height: 100%;\n    }\n\n    .card-right {\n      display: flex;\n      flex-direction: column;\n      flex-grow: 1;\n      width: 60%;\n    }\n  }\n\n  .card-header {\n    overflow: hidden;\n    position: relative;\n    font-size: 1.2em;\n    border-radius: calc(var(--#{$CSS_VAR_PFX}border-radius) * 0.6);\n\n    .card-badges {\n      position: absolute;\n      top: 0.5em;\n      display: flex;\n      gap: 0.38em;\n    }\n  }\n\n  .card-body {\n    hyphens: auto;\n    height: 100%;\n  }\n\n  .card-footer {\n    display: flex;\n    align-items: center;\n    font-size: 0.9em;\n    padding-top: 0.75em;\n\n    .button {\n      padding-top: 0.64em;\n      padding-bottom: 0.32em;\n    }\n  }\n\n  .card-image {\n    width: 100%;\n    height: 10em;\n    object-fit: cover;\n    border-radius: calc(var(--#{$CSS_VAR_PFX}border-radius) * 0.6);\n  }\n\n  .card-title {\n    font-size: 1.2em;\n    margin: 0.75em 0 0.38em;\n  }\n}\n",":root {\n  // menu and its items\n  --#{$CSS_VAR_PFX}menu-bg-color: var(--#{$CSS_VAR_PFX}bg-color-dark);\n  --#{$CSS_VAR_PFX}menu-txt-color: var(--#{$CSS_VAR_PFX}txt-color);\n  --#{$CSS_VAR_PFX}menu-border-color: var(--#{$CSS_VAR_PFX}bg-color-darker);\n\n  --#{$CSS_VAR_PFX}menu-active-item-bg-color: var(--#{$CSS_VAR_PFX}bg-color-darker);\n  --#{$CSS_VAR_PFX}menu-active-item-txt-color: var(--#{$CSS_VAR_PFX}txt-color);\n\n  --#{$CSS_VAR_PFX}menu-item-bg-color: var(--#{$CSS_VAR_PFX}bg-color-dark);\n  --#{$CSS_VAR_PFX}menu-item-bg-color__hover: var(--#{$CSS_VAR_PFX}bg-color-dark);\n  --#{$CSS_VAR_PFX}menu-item-bg-color__focus: var(--#{$CSS_VAR_PFX}bg-color-dark);\n\n  --#{$CSS_VAR_PFX}menu-item-txt-color: var(--#{$CSS_VAR_PFX}txt-color);\n  --#{$CSS_VAR_PFX}menu-item-txt-color__hover: var(--#{$CSS_VAR_PFX}txt-color);\n  --#{$CSS_VAR_PFX}menu-item-txt-color__focus: var(--#{$CSS_VAR_PFX}txt-color);\n\n  // submenu and its items\n  --#{$CSS_VAR_PFX}submenu-bg-color: var(--#{$CSS_VAR_PFX}bg-color);\n  --#{$CSS_VAR_PFX}submenu-txt-color: var(--#{$CSS_VAR_PFX}txt-color);\n  --#{$CSS_VAR_PFX}submenu-border-color: var(--#{$CSS_VAR_PFX}bg-color-darker);\n\n  --#{$CSS_VAR_PFX}submenu-item-bg-color: var(--#{$CSS_VAR_PFX}bg-color);\n  --#{$CSS_VAR_PFX}submenu-item-bg-color__hover: var(--#{$CSS_VAR_PFX}bg-color-dark);\n  --#{$CSS_VAR_PFX}submenu-item-bg-color__focus: var(--#{$CSS_VAR_PFX}bg-color-dark);\n\n  --#{$CSS_VAR_PFX}submenu-item-txt-color: var(--#{$CSS_VAR_PFX}txt-color);\n  --#{$CSS_VAR_PFX}submenu-item-txt-color__hover: var(--#{$CSS_VAR_PFX}txt-color);\n  --#{$CSS_VAR_PFX}submenu-item-txt-color__focus: var(--#{$CSS_VAR_PFX}txt-color);\n\n  --#{$CSS_VAR_PFX}submenu-animation-show-duration: #{$SUBMENU_SHOW_ANIMATION_DURATION};\n  --#{$CSS_VAR_PFX}submenu-animation-show-delay: #{$SUBMENU_SHOW_ANIMATION_DELAY};\n\n  --#{$CSS_VAR_PFX}submenu-animation-show: flatify-dropdown-show var(--#{$CSS_VAR_PFX}submenu-animation-show-duration)\n    var(--#{$CSS_VAR_PFX}submenu-animation-show-delay) cubic-bezier(0.52, 0.42, 0.44, 1.44) both;\n}\n\n.menu-items-wrapper {\n  list-style: none;\n  padding: 0.5em;\n  margin: 0;\n  color: var(--#{$CSS_VAR_PFX}menu-txt-color);\n  background: var(--#{$CSS_VAR_PFX}menu-bg-color);\n\n  &.navbar {\n    scrollbar-width: thin;\n    display: flex;\n    align-items: center;\n    width: 100%;\n    height: 4.25em;\n    padding-left: 1.24em;\n    padding-right: 1.24em;\n    border-bottom: var(--#{$CSS_VAR_PFX}border-width) solid var(--#{$CSS_VAR_PFX}menu-border-color);\n\n    // scrollable navbar does not support dropdown or submenu, but it a good choice especially for small screens\n    &.scrollable-x,\n    &.scrollable {\n      // for small screen it should have a minimum width to prevent being compressed\n      .search-bar {\n        min-width: 12em;\n      }\n    }\n\n    .links {\n      white-space: nowrap;\n      list-style: none;\n      display: flex;\n      padding: 0;\n      margin-bottom: 0;\n\n      .menu-item {\n        position: relative;\n        font-weight: var(--#{$CSS_VAR_PFX}medium-font-weight);\n        border-radius: calc(var(--#{$CSS_VAR_PFX}border-radius) * 0.9);\n\n        button,\n        a {\n          color: inherit;\n          font-size: 1em;\n          font-weight: var(--#{$CSS_VAR_PFX}medium-font-weight);\n          background: transparent;\n        }\n\n        &.active {\n          font-weight: var(--#{$CSS_VAR_PFX}bold-font-weight);\n        }\n\n        // show submenu on parent hover or when child is focused\n        &:focus-within > .submenu,\n        &:hover > .submenu {\n          display: block;\n          animation: var(--#{$CSS_VAR_PFX}submenu-animation-show);\n        }\n\n        .submenu {\n          position: absolute;\n          top: 100%;\n          @if $IS_LTR {\n            left: 0.5em;\n          } @else {\n            right: 0.5em;\n          }\n          z-index: 10;\n          display: none;\n\n          // second level or more\n          .submenu {\n            top: -50%;\n            @if $IS_LTR {\n              left: 115%;\n            } @else {\n              right: 115%;\n            }\n\n            // this a middleman to preserve connection between parent menu item\n            // and its children list on hover\n            &:after {\n              content: \" \";\n              position: absolute;\n              top: 0.64em;\n              @if $IS_LTR {\n                left: -3.6em;\n              } @else {\n                right: -3.6em;\n              }\n              width: 4em;\n              min-height: 4em;\n              // it will block other submenus\n              // height: 50%;\n              background: transparent !important;\n              border-radius: 1em;\n            }\n          }\n        }\n      }\n    }\n\n    .navbar-logo {\n      height: 3em;\n\n      img {\n        height: 100%;\n      }\n\n      @if $IS_LTR {\n        margin-right: 0.64em;\n      } @else {\n        margin-left: 0.64em;\n      }\n    }\n  }\n\n  &[class*=\"style-\"] {\n    --#{$CSS_VAR_PFX}menu-active-item-bg-color: var(--#{$CSS_VAR_PFX}local-border-color);\n    --#{$CSS_VAR_PFX}menu-active-item-txt-color: var(--#{$CSS_VAR_PFX}local-txt-color);\n    --#{$CSS_VAR_PFX}menu-item-bg-color: var(--#{$CSS_VAR_PFX}local-bg-color);\n    --#{$CSS_VAR_PFX}menu-item-bg-color__hover: var(--#{$CSS_VAR_PFX}local-bg-color);\n    --#{$CSS_VAR_PFX}menu-item-bg-color__focus: var(--#{$CSS_VAR_PFX}local-bg-color);\n    --#{$CSS_VAR_PFX}menu-item-txt-color: var(--#{$CSS_VAR_PFX}local-txt-color);\n    --#{$CSS_VAR_PFX}menu-item-txt-color__hover: var(--#{$CSS_VAR_PFX}local-txt-color);\n    --#{$CSS_VAR_PFX}menu-item-txt-color__focus: var(--#{$CSS_VAR_PFX}local-txt-color);\n  }\n\n  .menu-item {\n    display: flex;\n    align-items: center;\n    margin: 0 0.25em;\n    color: var(--#{$CSS_VAR_PFX}menu-item-txt-color);\n    background: var(--#{$CSS_VAR_PFX}menu-item-bg-color);\n    border-radius: calc(var(--#{$CSS_VAR_PFX}border-radius) * 0.75);\n    transition: all var(--#{$CSS_VAR_PFX}simple-transition);\n\n    &.disabled {\n      pointer-events: none;\n      user-select: none;\n      opacity: 0.5;\n    }\n\n    & > button,\n    & > a {\n      width: 100%;\n      padding: 0.64em 1em;\n      color: inherit;\n      text-decoration: none !important;\n    }\n\n    &:hover {\n      color: var(--#{$CSS_VAR_PFX}menu-item-txt-color__hover);\n      background: var(--#{$CSS_VAR_PFX}menu-item-bg-color__hover);\n    }\n\n    &.active {\n      color: var(--#{$CSS_VAR_PFX}menu-active-item-txt-color);\n      background: var(--#{$CSS_VAR_PFX}menu-active-item-bg-color);\n    }\n\n    // menu items are not focusable because they are usually <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      @if $IS_LTR {\n        margin-right: 0.75em;\n      } @else {\n        margin-left: 0.75em;\n      }\n    }\n\n    &.heading {\n      font-weight: var(--#{$CSS_VAR_PFX}medium-font-weight);\n      padding: 1em 0.75em 0.5em;\n      color: var(--#{$CSS_VAR_PFX}submenu-txt-color) !important;\n      background: var(--#{$CSS_VAR_PFX}submenu-bg-color) !important;\n    }\n\n    &.separator {\n      height: var(--#{$CSS_VAR_PFX}border-width);\n      margin: 0.5em 0 !important;\n      background: var(--#{$CSS_VAR_PFX}local-border-color) !important;\n      opacity: 0.5;\n    }\n  }\n\n  .pointer-arrow,\n  &[class*=\"arrow-\"]:before {\n    content: \" \";\n    position: absolute;\n    height: 0;\n    width: 0;\n    border-style: solid;\n    will-change: top, bottom, left, right;\n  }\n\n  &[data-popper-placement=\"bottom\"] .pointer-arrow,\n  &.arrow-top:before {\n    top: -0.5em;\n    bottom: -0.5em;\n    border-width: 0 0.64em 0.64em 0.64em;\n    border-color: var(--#{$CSS_VAR_PFX}local-bg-color) transparent;\n    filter: drop-shadow(0 calc(var(--#{$CSS_VAR_PFX}border-width) * -1) 0 var(--#{$CSS_VAR_PFX}local-border-color));\n  }\n\n  &[data-popper-placement=\"top\"] .pointer-arrow,\n  &.arrow-bottom:before {\n    bottom: -0.5em;\n    border-width: 0.64em 0.64em 0 0.64em;\n    border-color: var(--#{$CSS_VAR_PFX}local-bg-color) transparent;\n    filter: drop-shadow(0 var(--#{$CSS_VAR_PFX}border-width) 0 var(--#{$CSS_VAR_PFX}local-border-color));\n  }\n\n  &[data-popper-placement=\"right\"] .pointer-arrow,\n  &.arrow-left:before {\n    left: -0.5em;\n    border-width: 0.64em 0.64em 0.64em 0;\n    border-color: transparent var(--#{$CSS_VAR_PFX}local-bg-color);\n    filter: drop-shadow(calc(var(--#{$CSS_VAR_PFX}border-width) * -1) 0 0 var(--#{$CSS_VAR_PFX}local-border-color));\n  }\n\n  &[data-popper-placement=\"left\"] .pointer-arrow,\n  &.arrow-right:before {\n    right: -0.5em;\n    border-width: 0.64em 0 0.64em 0.64em;\n    border-color: transparent var(--#{$CSS_VAR_PFX}local-bg-color);\n    filter: drop-shadow(var(--#{$CSS_VAR_PFX}border-width) 0 0 var(--#{$CSS_VAR_PFX}local-border-color));\n  }\n\n  &.arrow-top:before,\n  &.arrow-bottom:before {\n    @if $IS_LTR {\n      left: 2em;\n    } @else {\n      right: 2em;\n    }\n  }\n  &.arrow-left:before,\n  &.arrow-right:before {\n    top: 2em;\n  }\n}\n",":root {\n  --#{$CSS_VAR_PFX}dropdown-animation-show-duration: #{$DROPDOWN_SHOW_ANIMATION_DURATION};\n  --#{$CSS_VAR_PFX}dropdown-animation-hide-duration: #{$DROPDOWN_HIDE_ANIMATION_DURATION};\n\n  --#{$CSS_VAR_PFX}dropdown-animation-show: flatify-dropdown-show var(--#{$CSS_VAR_PFX}dropdown-animation-show-duration)\n    cubic-bezier(0.52, 0.42, 0.44, 1.44);\n  --#{$CSS_VAR_PFX}dropdown-animation-hide: flatify-dropdown-hide var(--#{$CSS_VAR_PFX}dropdown-animation-hide-duration)\n    cubic-bezier(0.52, 0.42, 0.44, 1.44) both;\n}\n\n.dropdown-wrapper {\n  position: relative;\n  display: inline-block;\n\n  &:not(.free-size) {\n    .dropdown {\n      width: 110%;\n    }\n  }\n}\n\n.dropdown {\n  position: absolute;\n  z-index: $ZINDEX_DROPDOWN;\n  display: none;\n  will-change: top, bottom, left, right;\n\n  &.show {\n    display: block;\n    animation: var(--#{$CSS_VAR_PFX}dropdown-animation-show);\n  }\n\n  &.dropdown-will-be-hidden {\n    animation: var(--#{$CSS_VAR_PFX}dropdown-animation-hide);\n  }\n}\n",".popover {\n  .dropdown {\n    font-size: 0.9em;\n    z-index: $ZINDEX_POPOVER;\n  }\n}\n",":root {\n  --#{$CSS_VAR_PFX}modal-bg-color: var(--#{$CSS_VAR_PFX}bg-color);\n  --#{$CSS_VAR_PFX}modal-txt-color: var(--#{$CSS_VAR_PFX}txt-color);\n  --#{$CSS_VAR_PFX}modal-border-color: var(--#{$CSS_VAR_PFX}bg-color-darker);\n\n  // *** modal animations\n  --#{$CSS_VAR_PFX}modal-animation-show-duration: #{$MODAL_SHOW_ANIMATION_DURATION};\n  --#{$CSS_VAR_PFX}modal-animation-hide-duration: #{$MODAL_HIDE_ANIMATION_DURATION};\n\n  // default\n  --#{$CSS_VAR_PFX}modal-animation-default-show: flatify-blow-in var(--#{$CSS_VAR_PFX}modal-animation-show-duration)\n    cubic-bezier(0.52, 0.42, 0.44, 1.44);\n  --#{$CSS_VAR_PFX}modal-animation-default-hide: flatify-blow-out var(--#{$CSS_VAR_PFX}modal-animation-hide-duration)\n    cubic-bezier(0.52, 0.42, 0.44, 1.44) both;\n\n  // top\n  --#{$CSS_VAR_PFX}modal-animation-top-show: flatify-slide-down-in var(--#{$CSS_VAR_PFX}modal-animation-show-duration)\n    ease;\n  --#{$CSS_VAR_PFX}modal-animation-top-hide: flatify-slide-down-out var(--#{$CSS_VAR_PFX}modal-animation-hide-duration)\n    ease both;\n\n  // bottom\n  --#{$CSS_VAR_PFX}modal-animation-bottom-show: flatify-slide-up-in var(--#{$CSS_VAR_PFX}modal-animation-show-duration)\n    ease;\n  --#{$CSS_VAR_PFX}modal-animation-bottom-hide: flatify-slide-up-out var(--#{$CSS_VAR_PFX}modal-animation-hide-duration)\n    ease both;\n\n  // left\n  --#{$CSS_VAR_PFX}modal-animation-left-show: flatify-slide-right-in var(--#{$CSS_VAR_PFX}modal-animation-show-duration)\n    ease;\n  --#{$CSS_VAR_PFX}modal-animation-left-hide: flatify-slide-right-out\n    var(--#{$CSS_VAR_PFX}modal-animation-hide-duration) ease both;\n\n  // right\n  --#{$CSS_VAR_PFX}modal-animation-right-show: flatify-slide-left-in var(--#{$CSS_VAR_PFX}modal-animation-show-duration)\n    ease;\n  --#{$CSS_VAR_PFX}modal-animation-right-hide: flatify-slide-left-out\n    var(--#{$CSS_VAR_PFX}modal-animation-hide-duration) ease both;\n}\n\n$modal-border: var(--#{$CSS_VAR_PFX}border-width) solid var(--#{$CSS_VAR_PFX}local-border-color);\n\n.modal {\n  --#{$CSS_VAR_PFX}local-bg-color: var(--#{$CSS_VAR_PFX}modal-bg-color);\n  --#{$CSS_VAR_PFX}local-border-color: var(--#{$CSS_VAR_PFX}modal-border-color);\n  // Basically there is no need for scrolling, if there is it should be the [.modal-body] not the modal itself.\n  overflow: hidden;\n  position: fixed;\n  z-index: $ZINDEX_MODAL;\n  top: 5em;\n  left: 0;\n  right: 0;\n  display: none;\n  width: 90%;\n  height: fit-content;\n  max-width: 32em; // 512px\n  margin: 0 auto;\n  color: var(--#{$CSS_VAR_PFX}modal-txt-color);\n  background: var(--#{$CSS_VAR_PFX}modal-bg-color);\n  border: $modal-border;\n  box-shadow: inset 0 -0.125em 0 var(--#{$CSS_VAR_PFX}local-border-color);\n  border-radius: var(--#{$CSS_VAR_PFX}border-radius);\n\n  &.modal-sm {\n    font-size: 0.9em;\n    max-width: 20em;\n  }\n\n  &.modal-lg {\n    font-size: 1.2em;\n    max-width: 45em;\n  }\n\n  &.show {\n    display: block;\n    animation: var(--#{$CSS_VAR_PFX}modal-animation-default-show);\n  }\n\n  &.modal-will-be-hidden {\n    animation: var(--#{$CSS_VAR_PFX}modal-animation-default-hide);\n  }\n\n  &.modal-center {\n    top: 0;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    margin: auto;\n  }\n  &.modal-top {\n    bottom: unset;\n    top: 0;\n    left: 0;\n    right: 0;\n    margin: 0 auto;\n    border-top: none !important;\n    border-radius: 0 0 var(--#{$CSS_VAR_PFX}border-radius) var(--#{$CSS_VAR_PFX}border-radius);\n\n    &.show {\n      animation: var(--#{$CSS_VAR_PFX}modal-animation-top-show);\n    }\n\n    &.modal-will-be-hidden {\n      animation: var(--#{$CSS_VAR_PFX}modal-animation-top-hide);\n    }\n  }\n  &.modal-bottom {\n    top: unset;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    margin: 0 auto;\n    border-bottom: none !important;\n    box-shadow: inset 0 0.125em 0 var(--#{$CSS_VAR_PFX}local-border-color);\n    border-radius: var(--#{$CSS_VAR_PFX}border-radius) var(--#{$CSS_VAR_PFX}border-radius) 0 0;\n\n    &.show {\n      animation: var(--#{$CSS_VAR_PFX}modal-animation-bottom-show);\n    }\n\n    &.modal-will-be-hidden {\n      animation: var(--#{$CSS_VAR_PFX}modal-animation-bottom-hide);\n    }\n  }\n  &.modal-left {\n    right: unset;\n    left: 0;\n    top: 0;\n    bottom: 0;\n    margin: auto 0;\n    border-left: none !important;\n    box-shadow: inset -0.125em 0 0 var(--#{$CSS_VAR_PFX}local-border-color);\n    border-radius: 0 var(--#{$CSS_VAR_PFX}border-radius) var(--#{$CSS_VAR_PFX}border-radius) 0;\n\n    &.show {\n      animation: var(--#{$CSS_VAR_PFX}modal-animation-left-show);\n    }\n\n    &.modal-will-be-hidden {\n      animation: var(--#{$CSS_VAR_PFX}modal-animation-left-hide);\n    }\n  }\n  &.modal-right {\n    left: unset;\n    right: 0;\n    top: 0;\n    bottom: 0;\n    margin: auto 0;\n    border-right: none !important;\n    box-shadow: inset 0.125em 0 0 var(--#{$CSS_VAR_PFX}local-border-color);\n    border-radius: var(--#{$CSS_VAR_PFX}border-radius) 0 0 var(--#{$CSS_VAR_PFX}border-radius);\n\n    &.show {\n      animation: var(--#{$CSS_VAR_PFX}modal-animation-right-show);\n    }\n\n    &.modal-will-be-hidden {\n      animation: var(--#{$CSS_VAR_PFX}modal-animation-right-hide);\n    }\n  }\n\n  &.bordered {\n    .modal-header {\n      border-bottom: $modal-border;\n    }\n    .modal-footer {\n      border-top: $modal-border;\n    }\n  }\n\n  // Do not limit width when width setter class is added.\n  &[class*=\"width-\"] {\n    max-width: unset;\n  }\n\n  .close-modal {\n    background: var(--#{$CSS_VAR_PFX}local-bg-color);\n  }\n}\n\n.modal-content {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n}\n\n.modal-header {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 0.75em 1.25em;\n\n  .modal-title {\n    font-size: 1.4em;\n    font-weight: var(--#{$CSS_VAR_PFX}medium-font-weight);\n    margin-bottom: 0;\n  }\n}\n\n.modal-body {\n  flex-grow: 1; // fill the space when height is 100%\n  padding: 0.75em 1.25em;\n}\n\n.modal-footer {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 0.5em 1.25em;\n}\n",":root {\n  --#{$CSS_VAR_PFX}loading-color: currentColor;\n  --#{$CSS_VAR_PFX}loading-dot-width: 0.5em;\n  --#{$CSS_VAR_PFX}loading-dot-height: 0.5em;\n  --#{$CSS_VAR_PFX}loading-dot-animation-start-scale: 1.5;\n  --#{$CSS_VAR_PFX}loading-dot-animation-duration: 1.2s;\n  --#{$CSS_VAR_PFX}loading-spinner-animation-duration: 0.75s;\n}\n\n%loading-dot {\n  --#{$CSS_VAR_PFX}local-txt-color: var(--#{$CSS_VAR_PFX}loading-color);\n  display: block;\n  width: var(--#{$CSS_VAR_PFX}loading-dot-width);\n  height: var(--#{$CSS_VAR_PFX}loading-dot-height);\n  background: var(--#{$CSS_VAR_PFX}local-txt-color);\n  border-radius: 10em;\n  opacity: 0;\n}\n\n.loading {\n  @extend %loading-dot;\n  position: relative;\n  margin-right: calc(var(--#{$CSS_VAR_PFX}loading-dot-width) * 4);\n  // first of all parent should be shown\n  animation: flatify-loading-dot-first var(--#{$CSS_VAR_PFX}loading-dot-animation-duration) infinite;\n\n  &.stop-animation:before,\n  &.stop-animation:after,\n  &.stop-animation {\n    opacity: 1 !important;\n  }\n\n  &:before,\n  &:after {\n    content: \" \";\n    position: absolute;\n    @extend %loading-dot;\n  }\n\n  &:before {\n    left: calc(var(--#{$CSS_VAR_PFX}loading-dot-width) * 2);\n    animation: flatify-loading-dot-second var(--#{$CSS_VAR_PFX}loading-dot-animation-duration) infinite;\n  }\n\n  &:after {\n    left: calc(var(--#{$CSS_VAR_PFX}loading-dot-width) * 4);\n    animation: flatify-loading-dot-third var(--#{$CSS_VAR_PFX}loading-dot-animation-duration) infinite;\n  }\n}\n\n.overlay-layer {\n  & > .spinner,\n  & > .loading {\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    z-index: 12;\n    margin: auto;\n  }\n\n  & > .loading {\n    left: calc(var(--#{$CSS_VAR_PFX}loading-dot-width) * -4);\n  }\n\n  // if spinner is inside button make it smaller\n  &.button > .spinner {\n    font-size: 0.9em;\n  }\n}\n\n.spinner {\n  --#{$CSS_VAR_PFX}local-txt-color: var(--#{$CSS_VAR_PFX}loading-color);\n  display: flex;\n  justify-content: space-between;\n  width: 2em;\n  height: 2em;\n  // padding: 0.25em; // is not a wise choice with EM and spin animation, it ruins the circle radius\n  border: 0.25em solid transparent;\n  border-radius: 50em;\n\n  &[class*=\"style-\"] {\n    border-color: transparent !important;\n  }\n\n  &:before {\n    content: \" \";\n    position: relative;\n    width: 100%;\n    height: 100%;\n    border: 0.25em solid var(--#{$CSS_VAR_PFX}local-txt-color);\n    @if $IS_LTR {\n      border-left-color: transparent;\n    } @else {\n      border-right-color: transparent;\n    }\n    border-radius: 50em;\n    animation: flatify-spin var(--#{$CSS_VAR_PFX}loading-spinner-animation-duration) linear infinite;\n  }\n}\n",":root {\n  --#{$CSS_VAR_PFX}progress-bg-color: var(--#{$CSS_VAR_PFX}bg-color-dark);\n  --#{$CSS_VAR_PFX}progress-txt-color: var(--#{$CSS_VAR_PFX}txt-color-inverted);\n  --#{$CSS_VAR_PFX}progress-border-color: var(--#{$CSS_VAR_PFX}bg-color-darker);\n  --#{$CSS_VAR_PFX}progress-animation-duration: 2.5s;\n}\n\n.progress {\n  --#{$CSS_VAR_PFX}local-txt-color: var(--#{$CSS_VAR_PFX}progress-txt-color);\n  overflow: hidden;\n  display: block;\n  width: 100%;\n  margin: 0.5em 0;\n  color: var(--#{$CSS_VAR_PFX}local-txt-color);\n  background: var(--#{$CSS_VAR_PFX}progress-bg-color);\n  border-radius: var(--#{$CSS_VAR_PFX}border-radius);\n\n  &.bordered {\n    border: var(--#{$CSS_VAR_PFX}border-width) solid var(--#{$CSS_VAR_PFX}progress-border-color);\n  }\n\n  .progress-bar {\n    overflow: hidden;\n    position: relative;\n    font-size: 0.75em;\n    min-height: 1.4em;\n    padding: 0.125em 0.5em;\n    color: var(--#{$CSS_VAR_PFX}local-txt-color);\n    background: var(--#{$CSS_VAR_PFX}color-accent-primary);\n    border-radius: var(--#{$CSS_VAR_PFX}border-radius);\n    will-change: width, transform;\n    transition: width var(--#{$CSS_VAR_PFX}long-transition), transform var(--#{$CSS_VAR_PFX}long-transition),\n      background var(--#{$CSS_VAR_PFX}simple-transition);\n\n    &:after {\n      content: \" \";\n      position: absolute;\n      top: 30%;\n      left: 0;\n      right: 0;\n      width: min(90%, calc(100% - 2em));\n      height: 0.32em;\n      margin: 0 auto;\n      background: currentColor;\n      border-radius: var(--#{$CSS_VAR_PFX}border-radius);\n      opacity: 0.2;\n    }\n  }\n\n  &.processing {\n    cursor: wait;\n\n    .progress-bar {\n      &:before {\n        content: \" \";\n        position: absolute;\n        top: 0;\n        @if $IS_LTR {\n          left: 0;\n          transform-origin: left;\n        } @else {\n          right: 0;\n          transform-origin: right;\n        }\n\n        width: 100%;\n        // 110% because of FireFox bug\n        height: 110%;\n        background: var(--#{$CSS_VAR_PFX}color-accent-light);\n        // mix-blend-mode: color-dodge;\n        animation: flatify-processing linear var(--#{$CSS_VAR_PFX}progress-animation-duration) infinite;\n      }\n    }\n  }\n}\n",".search-bar {\n  position: relative;\n\n  input[type=\"text\"],\n  input[type=\"search\"] {\n    width: 100%;\n\n    @if $IS_LTR {\n      padding-right: 3.14em;\n    } @else {\n      padding-left: 3.14em;\n    }\n\n    // on focus background should be lighter.\n    &.style-light:focus {\n      background: var(--#{$CSS_VAR_PFX}bg-color) !important;\n      filter: none !important;\n    }\n  }\n\n  .search-button {\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    width: 2.2em;\n    height: 2.2em;\n    margin: auto 0;\n    font-size: 1em;\n    color: var(--#{$CSS_VAR_PFX}form-element-txt-color);\n    border-radius: calc(var(--#{$CSS_VAR_PFX}border-radius) * 0.75);\n\n    @if $IS_LTR {\n      right: 0.5em;\n    } @else {\n      left: 0.5em;\n    }\n  }\n}\n",":root {\n  --#{$CSS_VAR_PFX}tab-txt-color: var(--#{$CSS_VAR_PFX}txt-color);\n  --#{$CSS_VAR_PFX}tab-bg-color: var(--#{$CSS_VAR_PFX}bg-color);\n  --#{$CSS_VAR_PFX}tab-border-color: var(--#{$CSS_VAR_PFX}bg-color-darker);\n\n  --#{$CSS_VAR_PFX}tab-animation-show-duration: #{$TAB_SHOW_ANIMATION_DURATION};\n  --#{$CSS_VAR_PFX}tab-animation-hide-duration: #{$TAB_HIDE_ANIMATION_DURATION};\n  --#{$CSS_VAR_PFX}tab-animation-show: flatify-blow-in var(--#{$CSS_VAR_PFX}tab-animation-show-duration) ease;\n  --#{$CSS_VAR_PFX}tab-animation-hide: flatify-blow-out var(--#{$CSS_VAR_PFX}tab-animation-hide-duration)\n    cubic-bezier(0.52, 0.42, 0.44, 1.44) both;\n}\n\n// if color setter classes are used, reset tab CSS variables to local\n.tabs-wrapper[class*=\"style-\"],\n.tabs-header[class*=\"style-\"],\n.tabs-content[class*=\"style-\"] {\n  --#{$CSS_VAR_PFX}tab-txt-color: var(--#{$CSS_VAR_PFX}local-txt-color);\n  --#{$CSS_VAR_PFX}tab-bg-color: var(--#{$CSS_VAR_PFX}local-bg-color);\n  --#{$CSS_VAR_PFX}tab-border-color: var(--#{$CSS_VAR_PFX}local-border-color);\n\n  .tab-button.active {\n    color: var(--#{$CSS_VAR_PFX}tab-txt-color);\n  }\n}\n\n.tabs-wrapper {\n  overflow: hidden;\n  margin: 1em 0;\n  color: var(--#{$CSS_VAR_PFX}tab-txt-color);\n  background: var(--#{$CSS_VAR_PFX}tab-bg-color);\n  border-radius: var(--#{$CSS_VAR_PFX}border-radius);\n\n  &.bordered {\n    border: var(--#{$CSS_VAR_PFX}border-width) solid var(--#{$CSS_VAR_PFX}tab-border-color);\n    box-shadow: 0 0.125em 0 var(--#{$CSS_VAR_PFX}tab-border-color);\n  }\n}\n\n.tabs-header {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  padding: 0 1em;\n  color: var(--#{$CSS_VAR_PFX}tab-txt-color);\n  background: var(--#{$CSS_VAR_PFX}tab-bg-color);\n  border-bottom: var(--#{$CSS_VAR_PFX}border-width) solid var(--#{$CSS_VAR_PFX}tab-border-color);\n\n  &.scrollable {\n    flex-wrap: nowrap;\n    overflow-x: auto;\n    overflow-y: hidden;\n    scrollbar-width: thin;\n\n    .tab-button {\n      white-space: nowrap;\n    }\n\n    // because of the scrollbar they should stick to beginning of the container\n    &:not(.line-at-top) {\n      .tab-button:before {\n        bottom: -1px;\n      }\n    }\n  }\n\n  @include break-xs() {\n    font-size: 0.9em;\n    padding: 0;\n  }\n\n  .tab-button {\n    position: relative;\n    text-align: center;\n    font-weight: var(--#{$CSS_VAR_PFX}medium-font-weight);\n    appearance: none;\n    vertical-align: middle;\n    width: auto;\n    height: 100%;\n    padding: 0.75em 1.5em;\n    margin: 0 0.38em;\n    text-decoration: none !important;\n    color: inherit !important;\n    background: transparent;\n    border: none;\n    outline: none;\n    opacity: 0.6;\n    transition: all var(--#{$CSS_VAR_PFX}simple-transition) !important;\n\n    &:hover,\n    &:focus {\n      opacity: 1;\n\n      &:not(.active):before {\n        transform: scaleY(1.2) scaleX(0.85);\n      }\n    }\n\n    &:before {\n      content: \" \";\n      position: absolute;\n      bottom: calc(var(--#{$CSS_VAR_PFX}border-width) * -0.5);\n      left: 0;\n      width: 100%;\n      height: calc(var(--#{$CSS_VAR_PFX}border-width) * 1.5);\n      background: var(--#{$CSS_VAR_PFX}tab-border-color);\n      border-radius: calc(var(--#{$CSS_VAR_PFX}border-radius) * 0.32) calc(var(--#{$CSS_VAR_PFX}border-radius) * 0.32) 0\n        0;\n      transform-origin: bottom center;\n      transition: all var(--#{$CSS_VAR_PFX}simple-transition) !important;\n    }\n    &:not(.active) {\n      &:before {\n        transform: scaleY(0);\n      }\n    }\n\n    &.active {\n      color: var(--#{$CSS_VAR_PFX}color-accent-primary) !important;\n      opacity: 1;\n\n      &:before {\n        background: var(--#{$CSS_VAR_PFX}color-accent-primary);\n      }\n    }\n\n    .badge {\n      vertical-align: middle;\n\n      @if $IS_LTR {\n        margin-left: 0.5em;\n      } @else {\n        margin-right: 0.5em;\n      }\n    }\n  }\n\n  &.line-at-top {\n    .tab-button:before {\n      bottom: unset;\n      top: 0;\n      border-radius: 0 0 calc(var(--#{$CSS_VAR_PFX}border-radius) * 0.32)\n        calc(var(--#{$CSS_VAR_PFX}border-radius) * 0.32);\n      transform-origin: top center;\n    }\n  }\n}\n\n.tabs-content {\n  overflow: hidden;\n  color: var(--#{$CSS_VAR_PFX}tab-txt-color);\n  background: var(--#{$CSS_VAR_PFX}tab-bg-color);\n\n  .tab-panel {\n    padding: 1em;\n  }\n\n  .tab-panel:not(.show) {\n    display: none !important;\n  }\n\n  &.no-animation {\n    .tab-panel {\n      animation-duration: 0s !important;\n    }\n  }\n\n  &.slide-animation {\n    .tab-panel.show {\n      &.slide-left {\n        animation: flatify-slide-left-in-min var(--#{$CSS_VAR_PFX}tab-animation-show-duration) ease;\n        &.tab-will-be-hidden {\n          animation: flatify-slide-left-out-min var(--#{$CSS_VAR_PFX}tab-animation-hide-duration) ease;\n        }\n      }\n      &.slide-right {\n        animation: flatify-slide-right-in-min var(--#{$CSS_VAR_PFX}tab-animation-show-duration) ease;\n        &.tab-will-be-hidden {\n          animation: flatify-slide-right-out-min var(--#{$CSS_VAR_PFX}tab-animation-hide-duration) ease;\n        }\n      }\n    }\n  }\n\n  &.fade-animation {\n    .tab-panel.show {\n      animation: flatify-fade-in var(--#{$CSS_VAR_PFX}tab-animation-show-duration) ease;\n\n      &.tab-will-be-hidden {\n        animation: flatify-fade-out var(--#{$CSS_VAR_PFX}tab-animation-hide-duration) ease;\n      }\n    }\n  }\n}\n\n.tab-panel.show {\n  animation: var(--#{$CSS_VAR_PFX}tab-animation-show);\n\n  &.tab-will-be-hidden {\n    animation: var(--#{$CSS_VAR_PFX}tab-animation-hide);\n  }\n}\n",":root {\n  --#{$CSS_VAR_PFX}toast-txt-color: var(--#{$CSS_VAR_PFX}txt-color);\n  --#{$CSS_VAR_PFX}toast-bg-color: var(--#{$CSS_VAR_PFX}bg-color);\n  --#{$CSS_VAR_PFX}toast-border-color: var(--#{$CSS_VAR_PFX}bg-color-darker);\n  --#{$CSS_VAR_PFX}toast-inner-space: 2.5em;\n  --#{$CSS_VAR_PFX}toast-animation-show-duration: #{$TOAST_SHOW_ANIMATION_DURATION};\n  --#{$CSS_VAR_PFX}toast-animation-hide-duration: #{$TOAST_HIDE_ANIMATION_DURATION};\n  --#{$CSS_VAR_PFX}toast-animation-show: flatify-slide-up-in-min var(--#{$CSS_VAR_PFX}toast-animation-show-duration)\n    ease;\n  --#{$CSS_VAR_PFX}toast-animation-hide: flatify-slide-down-out-min var(--#{$CSS_VAR_PFX}toast-animation-hide-duration)\n    ease both;\n}\n\n.toast-wrapper {\n  position: fixed;\n  width: 20em;\n  max-width: 100vw;\n  display: flex;\n  flex-direction: column;\n  z-index: $ZINDEX_TOAST;\n\n  &.bottom {\n    flex-direction: column-reverse;\n    bottom: var(--#{$CSS_VAR_PFX}toast-inner-space);\n  }\n  &.top {\n    flex-direction: column;\n    top: var(--#{$CSS_VAR_PFX}toast-inner-space);\n  }\n  &.left {\n    left: var(--#{$CSS_VAR_PFX}toast-inner-space);\n  }\n  &.right {\n    right: var(--#{$CSS_VAR_PFX}toast-inner-space);\n  }\n  &.center {\n    left: 0;\n    right: 0;\n    margin: 0 auto;\n  }\n\n  @include break-xs() {\n    &.left,\n    &.right {\n      left: 0;\n      right: 0;\n      margin: 0 auto;\n    }\n    --#{$CSS_VAR_PFX}toast-inner-space: 0.5em;\n    width: calc(100% - 1em);\n  }\n}\n\n.toast {\n  --#{$CSS_VAR_PFX}local-txt-color: var(--#{$CSS_VAR_PFX}toast-txt-color);\n  --#{$CSS_VAR_PFX}local-bg-color: var(--#{$CSS_VAR_PFX}toast-bg-color);\n  --#{$CSS_VAR_PFX}local-border-color: var(--#{$CSS_VAR_PFX}toast-border-color);\n  overflow: hidden;\n  position: relative;\n  width: 100%;\n  padding: 0.9em;\n  margin: 0.25em 0;\n  color: var(--#{$CSS_VAR_PFX}local-txt-color);\n  background: var(--#{$CSS_VAR_PFX}local-bg-color);\n  border: var(--#{$CSS_VAR_PFX}border-width) solid var(--#{$CSS_VAR_PFX}local-border-color);\n  box-shadow: inset 0 -0.125em 0 var(--#{$CSS_VAR_PFX}local-border-color);\n  border-radius: var(--#{$CSS_VAR_PFX}border-radius);\n\n  &:not(.toast-will-be-removed) {\n    animation: var(--#{$CSS_VAR_PFX}toast-animation-show);\n  }\n\n  &.toast-will-be-removed {\n    animation: var(--#{$CSS_VAR_PFX}toast-animation-hide);\n  }\n\n  &:hover {\n    .close-button {\n      transition-delay: 0.15s;\n      transform: scale(1);\n    }\n  }\n\n  .toast-svg {\n    display: inline-block;\n    width: 2em;\n    max-height: 2em;\n    @if $IS_LTR {\n      margin-right: 0.32em;\n    } @else {\n      margin-left: 0.32em;\n    }\n    opacity: 0.75;\n\n    &:not([fill=\"none\"]) {\n      fill: currentColor;\n    }\n  }\n\n  .close-button {\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    @if $IS_LTR {\n      right: 0.25em;\n    } @else {\n      left: 0.25em;\n    }\n    font-size: 0.85em;\n    margin: auto 0;\n    background: var(--#{$CSS_VAR_PFX}local-bg-color);\n    box-shadow: 0 0 0.32em 0.32em var(--#{$CSS_VAR_PFX}local-bg-color);\n    transform: scale(0);\n  }\n}\n",":root {\n  --#{$CSS_VAR_PFX}form-element-accent-color: var(--#{$CSS_VAR_PFX}color-accent-primary);\n  --#{$CSS_VAR_PFX}form-element-bg-color: var(--#{$CSS_VAR_PFX}bg-color-dark);\n  --#{$CSS_VAR_PFX}form-element-txt-color: var(--#{$CSS_VAR_PFX}txt-color);\n  --#{$CSS_VAR_PFX}form-element-border-color: var(--#{$CSS_VAR_PFX}bg-color-darker);\n  --#{$CSS_VAR_PFX}form-element-border-color__focus: var(--#{$CSS_VAR_PFX}form-element-accent-color);\n  --#{$CSS_VAR_PFX}form-element-border-color__valid: var(--#{$CSS_VAR_PFX}color-success-primary);\n  --#{$CSS_VAR_PFX}form-element-border-color__warning: var(--#{$CSS_VAR_PFX}color-warning-primary);\n  --#{$CSS_VAR_PFX}form-element-border-color__invalid: var(--#{$CSS_VAR_PFX}color-danger-primary);\n}\n\n.form-label {\n  &:not(:first-of-type) {\n    margin-top: 0.9em;\n  }\n\n  &.inline:not(:first-child) {\n    @if $IS_LTR {\n      margin-left: 0.38em;\n    } @else {\n      margin-right: 0.38em;\n    }\n  }\n\n  &:not(.inline) {\n    display: block;\n    @if $IS_LTR {\n      margin-left: 0.38em;\n    } @else {\n      margin-right: 0.38em;\n    }\n  }\n}\n\n// [.floating-label] should added to [.input-wrapper]\n.floating-label {\n  textarea,\n  input {\n    padding: 1.64em 1em 0.5em !important;\n\n    &:not(:placeholder-shown) + .form-label,\n    &:focus + .form-label {\n      opacity: 0.5;\n      transform: scale(0.75) translateY(-0.9em);\n    }\n\n    &::placeholder {\n      opacity: 0 !important;\n    }\n  }\n\n  .form-label {\n    pointer-events: none;\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    margin: auto 0;\n    height: fit-content;\n    opacity: 0.8;\n    will-change: opacity, transform;\n    transition: all var(--#{$CSS_VAR_PFX}bouncing-transition);\n\n    @if $IS_LTR {\n      transform-origin: top left;\n      left: 1em;\n    } @else {\n      transform-origin: top right;\n      right: 1em;\n    }\n  }\n\n  &.is-textarea {\n    .form-label {\n      top: 1.5em;\n      bottom: unset;\n    }\n  }\n}\n\n%form-element {\n  font-size: 0.9em;\n  padding: 0.8em 1em;\n  margin: 0.38em 0;\n  color: var(--#{$CSS_VAR_PFX}form-element-txt-color);\n  background: var(--#{$CSS_VAR_PFX}form-element-bg-color);\n  border: var(--#{$CSS_VAR_PFX}border-width) solid var(--#{$CSS_VAR_PFX}form-element-border-color);\n  border-radius: var(--#{$CSS_VAR_PFX}border-radius);\n  filter: brightness(100%);\n  outline: none !important;\n  will-change: filter;\n  transition: all var(--#{$CSS_VAR_PFX}simple-transition);\n\n  &:hover:not(:focus) {\n    filter: brightness(var(--#{$CSS_VAR_PFX}hover-brightness));\n  }\n\n  &:focus {\n    border-color: var(--#{$CSS_VAR_PFX}form-element-border-color__focus) !important;\n  }\n\n  &::placeholder {\n    color: inherit;\n    opacity: 0.45;\n    transition: all var(--#{$CSS_VAR_PFX}simple-transition);\n  }\n\n  &:focus::placeholder {\n    // hide placeholder on focus\n    opacity: 0;\n  }\n\n  &[class*=\"style-\"] {\n    --#{$CSS_VAR_PFX}form-element-bg-color: var(--#{$CSS_VAR_PFX}local-bg-color);\n    --#{$CSS_VAR_PFX}form-element-txt-color: var(--#{$CSS_VAR_PFX}local-txt-color);\n    --#{$CSS_VAR_PFX}form-element-border-color: var(--#{$CSS_VAR_PFX}local-border-color);\n    --#{$CSS_VAR_PFX}form-element-border-color__focus: var(--#{$CSS_VAR_PFX}local-border-color-dark);\n  }\n\n  .input-wrapper.invalid &,\n  &.invalid {\n    border-color: var(--#{$CSS_VAR_PFX}form-element-border-color) !important;\n    --#{$CSS_VAR_PFX}form-element-border-color: var(--#{$CSS_VAR_PFX}form-element-border-color__invalid) !important;\n    --#{$CSS_VAR_PFX}form-element-border-color__focus: var(\n      --#{$CSS_VAR_PFX}form-element-border-color__invalid\n    ) !important;\n  }\n\n  &:focus:invalid {\n    --#{$CSS_VAR_PFX}form-element-border-color__focus: var(\n      --#{$CSS_VAR_PFX}form-element-border-color__invalid\n    ) !important;\n  }\n\n  .input-wrapper.warning &,\n  &.warning {\n    border-color: var(--#{$CSS_VAR_PFX}form-element-border-color) !important;\n    --#{$CSS_VAR_PFX}form-element-border-color: var(--#{$CSS_VAR_PFX}form-element-border-color__warning) !important;\n    --#{$CSS_VAR_PFX}form-element-border-color__focus: var(\n      --#{$CSS_VAR_PFX}form-element-border-color__warning\n    ) !important;\n  }\n\n  .input-wrapper.valid &,\n  &.valid {\n    border-color: var(--#{$CSS_VAR_PFX}form-element-border-color) !important;\n    --#{$CSS_VAR_PFX}form-element-border-color: var(--#{$CSS_VAR_PFX}form-element-border-color__valid);\n    --#{$CSS_VAR_PFX}form-element-border-color__focus: var(--#{$CSS_VAR_PFX}form-element-border-color__valid);\n  }\n\n  // Just elements with [readonly] attribute instead of CSS [:read-only] that also considers [disabled] elements.\n  &[readonly] {\n    filter: none !important;\n    --#{$CSS_VAR_PFX}form-element-border-color__focus: var(--#{$CSS_VAR_PFX}form-element-border-color) !important;\n  }\n\n  &.disabled,\n  &:disabled {\n    pointer-events: none;\n    filter: contrast(85%) brightness(85%) opacity(70%) !important;\n  }\n}\n\n.checkbox-wrapper,\n.radio-wrapper,\n.toggle-wrapper {\n  position: relative;\n  display: flex;\n  align-items: center;\n  margin: 0.75em 0;\n\n  &:hover,\n  &:focus-within {\n    .check {\n      filter: brightness(var(--#{$CSS_VAR_PFX}hover-brightness));\n    }\n  }\n\n  &.valid {\n    .check {\n      border-color: var(--#{$CSS_VAR_PFX}form-element-border-color__valid);\n    }\n  }\n  &.warning {\n    .check {\n      border-color: var(--#{$CSS_VAR_PFX}form-element-border-color__warning);\n    }\n  }\n  input:invalid + .check,\n  &.invalid .check {\n    border-color: var(--#{$CSS_VAR_PFX}form-element-border-color__invalid);\n  }\n\n  .check {\n    position: relative;\n    display: inline-block;\n    min-width: 1.5em;\n    max-width: 1.5em;\n    height: 1.5em;\n    background: var(--#{$CSS_VAR_PFX}form-element-bg-color);\n    border: var(--#{$CSS_VAR_PFX}border-width) solid var(--#{$CSS_VAR_PFX}form-element-border-color);\n    border-radius: calc(var(--#{$CSS_VAR_PFX}border-radius) * 0.5);\n    transition: all var(--#{$CSS_VAR_PFX}simple-transition);\n\n    &.after-label {\n      @if $IS_LTR {\n        margin-left: 0.5em;\n      } @else {\n        margin-right: 0.5em;\n      }\n    }\n\n    &:not(.after-label) {\n      @if $IS_LTR {\n        margin-right: 0.5em;\n      } @else {\n        margin-left: 0.5em;\n      }\n    }\n\n    &:after {\n      content: \" \";\n      position: absolute;\n      top: 0;\n      left: 0;\n      z-index: 1;\n      border-radius: var(--#{$CSS_VAR_PFX}border-radius);\n      transition: all var(--#{$CSS_VAR_PFX}simple-transition);\n    }\n  }\n\n  input:not(:disabled) + .check {\n    cursor: pointer;\n  }\n\n  input:disabled + .check {\n    pointer-events: none;\n    filter: contrast(85%) brightness(85%) opacity(70%) !important;\n\n    &:after {\n      background: var(--#{$CSS_VAR_PFX}form-element-border-color__invalid);\n    }\n  }\n\n  input {\n    position: absolute;\n    top: 0;\n    left: 0;\n    opacity: 0 !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      @if $IS_LTR {\n        padding-right: 3.5em;\n      } @else {\n        padding-left: 3.5em;\n      }\n    }\n\n    &:after {\n      content: \" \";\n      position: absolute;\n      top: 0;\n      bottom: 0;\n      z-index: 1;\n      margin: auto 0;\n      border-radius: var(--#{$CSS_VAR_PFX}border-radius);\n      transition: all var(--#{$CSS_VAR_PFX}simple-transition);\n    }\n  }\n\n  &.invalid {\n    &:after {\n      @if $IS_LTR {\n        right: 1.35em;\n      } @else {\n        left: 1.35em;\n      }\n\n      width: 1em;\n      height: 0.25em;\n      background: var(--#{$CSS_VAR_PFX}form-element-border-color__invalid);\n    }\n  }\n\n  &.warning {\n    &:after {\n      @if $IS_LTR {\n        right: 1.55em;\n      } @else {\n        left: 1.55em;\n      }\n\n      width: 0.5em;\n      height: 0.5em;\n      background: var(--#{$CSS_VAR_PFX}form-element-border-color__warning);\n    }\n\n    &:focus-within:after {\n      animation: flatify-fade-out 1s infinite;\n    }\n  }\n\n  &.valid {\n    &:before {\n      content: \" \";\n      position: absolute;\n      top: 0.45em;\n      bottom: 0;\n      z-index: 1;\n      margin: auto 0;\n      border-radius: var(--#{$CSS_VAR_PFX}border-radius);\n      transition: all var(--#{$CSS_VAR_PFX}simple-transition);\n      // This animation will be played on state change because invalid or warning\n      // does not have [::before] so it will get flashed without this animation, that is bad.\n      animation: flatify-fade-in 0.35s;\n\n      @if $IS_LTR {\n        right: 1.75em;\n      } @else {\n        left: 0.8em;\n      }\n\n      width: 0.64em;\n      height: 0.25em;\n      background: var(--#{$CSS_VAR_PFX}form-element-border-color__valid);\n      transform: rotate(45deg);\n    }\n\n    &:after {\n      @if $IS_LTR {\n        right: 1em;\n      } @else {\n        left: 1em;\n      }\n\n      width: 1.2em;\n      height: 0.25em;\n      background: var(--#{$CSS_VAR_PFX}form-element-border-color__valid);\n      transform: rotate(-55deg);\n    }\n  }\n\n  .show-password-button {\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    // should be over [.input-wrapper] ::before and ::after\n    z-index: 3;\n    @if $IS_LTR {\n      right: 0.5em;\n    } @else {\n      left: 0.5em;\n    }\n    font-size: 1em;\n    width: 2.5em;\n    height: 2.5em;\n    padding: 0.5em;\n    margin: auto 0;\n    color: var(--#{$CSS_VAR_PFX}form-element-txt-color);\n    background: transparent;\n    border: none;\n    border-radius: calc(var(--#{$CSS_VAR_PFX}border-radius) * 0.75);\n\n    @media (prefers-reduced-motion: no-preference) {\n      &:active,\n      &:focus-visible {\n        &:before {\n          transform: scale(0.85) !important;\n        }\n      }\n    }\n\n    &:before {\n      content: \"\";\n      display: block;\n      width: 100%;\n      height: 100%;\n      background-color: currentColor;\n      mask: var(--#{$CSS_VAR_PFX}eye-icon) no-repeat 50% 50%;\n      -webkit-mask: var(--#{$CSS_VAR_PFX}eye-icon) no-repeat 50% 50%;\n      transition: all var(--#{$CSS_VAR_PFX}simple-transition);\n    }\n\n    &:after {\n      content: \" \";\n      position: absolute;\n      @if $IS_LTR {\n        right: 0.5em;\n      } @else {\n        left: 0.5em;\n      }\n      top: 0;\n      bottom: 0;\n      z-index: 1;\n      width: 1.5em;\n      height: 0.18em;\n      margin: auto 0;\n      background: currentColor;\n      border-radius: var(--#{$CSS_VAR_PFX}border-radius);\n      transform: rotate(-30deg);\n      clip-path: circle(200% at right);\n      transition: all var(--#{$CSS_VAR_PFX}bouncing-transition);\n    }\n  }\n\n  &.visible-password .show-password-button {\n    &:after {\n      clip-path: circle(0% at right);\n    }\n  }\n\n  // blink eye icon every 7s when password is shown.\n  @media (prefers-reduced-motion: no-preference) {\n    &.visible-password .show-password-button:not(:active) {\n      &:before {\n        animation: flatify-eye-blink 7s infinite;\n      }\n    }\n  }\n}\n\ninput:not(.default) {\n  @extend %form-element;\n}\n\n// when password is entered give letters more space.\ninput[type=\"password\"]:not(:placeholder-shown) {\n  letter-spacing: 0.18em;\n}\n\ninput[type=\"color\"]:not(.default) {\n  width: 3.14em;\n  height: 2.75em;\n  padding: 0.5em;\n  border-radius: calc(var(--#{$CSS_VAR_PFX}border-radius) * 0.75);\n}\n\ninput[type=\"file\"]:not(.default) {\n  filter: brightness(100%);\n\n  &::file-selector-button {\n    @extend %button;\n    cursor: pointer;\n    font-size: 0.9em;\n    color: inherit;\n    background: inherit !important;\n    filter: brightness(var(--#{$CSS_VAR_PFX}hover-brightness));\n    vertical-align: baseline;\n\n    @if $IS_LTR {\n      margin: 0 0.75em 0 0;\n    } @else {\n      margin: 0 0 0 0.75em;\n    }\n  }\n}\n\n// Buttons with [.button] should not have border\ninput[type=\"submit\"],\ninput[type=\"reset\"],\ninput[type=\"button\"] {\n  &.button {\n    border: none !important;\n  }\n}\n",".checkbox-wrapper {\n  input:not(:checked) + .check {\n    &:after {\n      clip-path: circle(0% at left);\n    }\n  }\n\n  input:checked:not(:indeterminate) + .check {\n    &:before {\n      content: \" \";\n      position: absolute;\n      top: 0.7em;\n      left: 0.15em;\n      z-index: 1;\n      width: 0.5em;\n      height: 0.22em;\n      background: var(--#{$CSS_VAR_PFX}form-element-border-color__valid);\n      border-radius: var(--#{$CSS_VAR_PFX}border-radius);\n      transition: all var(--#{$CSS_VAR_PFX}simple-transition);\n      transform: rotate(45deg);\n      animation: flatify-fade-in 0.35s;\n    }\n\n    &:after {\n      top: 0.55em;\n      left: 0.3em;\n      width: 0.9em;\n      height: 0.22em;\n      background: var(--#{$CSS_VAR_PFX}form-element-border-color__valid);\n      clip-path: circle(200% at bottom);\n      transform: rotate(-50deg);\n      transition: clip-path linear 0.5s 0.1s;\n    }\n  }\n\n  input:indeterminate + .check {\n    &:after {\n      background: var(--#{$CSS_VAR_PFX}form-element-accent-color);\n    }\n  }\n\n  input:indeterminate + .check,\n  input:disabled:not(:checked) + .check {\n    &:after {\n      top: 0;\n      bottom: 0;\n      left: 0;\n      right: 0;\n      width: 0.75em;\n      height: 0.2em;\n      margin: auto;\n      clip-path: circle(200% at bottom);\n      transition: clip-path linear 0.4s 0.1s;\n      animation: flatify-grow-x 0.2s both;\n    }\n  }\n}\n",".radio-wrapper {\n  .check {\n    &:after {\n      top: 0;\n      bottom: 0;\n      left: 0;\n      right: 0;\n      width: 0.5em;\n      height: 0.5em;\n      margin: auto;\n      border-radius: calc(var(--#{$CSS_VAR_PFX}border-radius) * 0.2);\n    }\n  }\n\n  input:checked + .check {\n    &:after {\n      background: var(--#{$CSS_VAR_PFX}form-element-border-color__valid);\n      animation: flatify-grow 0.25s cubic-bezier(0.85, -0.57, 0.36, 1.72) both;\n    }\n  }\n}\n","input[type=\"range\"]:not(.default) {\n  -webkit-appearance: none;\n  width: 100%;\n  background: transparent !important;\n  border: none;\n  filter: none !important;\n\n  &::-moz-range-track {\n    cursor: pointer;\n    width: 100%;\n    height: max(3px, calc(var(--#{$CSS_VAR_PFX}border-width) * 1.5));\n    background: var(--#{$CSS_VAR_PFX}form-element-border-color);\n    border-radius: calc(var(--#{$CSS_VAR_PFX}border-radius) * 0.5);\n  }\n\n  &::-webkit-slider-runnable-track {\n    cursor: pointer;\n    width: 100%;\n    height: max(3px, calc(var(--#{$CSS_VAR_PFX}border-width) * 1.5));\n    background: var(--#{$CSS_VAR_PFX}form-element-border-color);\n    border-radius: calc(var(--#{$CSS_VAR_PFX}border-radius) * 0.5);\n  }\n\n  &::-moz-range-thumb {\n    -webkit-appearance: none;\n    cursor: pointer;\n    height: 1.24em;\n    width: 1.24em;\n    background: var(--#{$CSS_VAR_PFX}form-element-bg-color);\n    border-radius: calc(var(--#{$CSS_VAR_PFX}border-radius) * 0.5);\n    border: max(1px, var(--#{$CSS_VAR_PFX}border-width)) solid var(--#{$CSS_VAR_PFX}form-element-border-color);\n    transition: all var(--#{$CSS_VAR_PFX}simple-transition);\n  }\n\n  &::-webkit-slider-thumb {\n    -webkit-appearance: none;\n    cursor: pointer;\n    height: 1.24em;\n    width: 1.24em;\n    margin: -0.55em; // webkit thumb should be positioned manually\n    background: var(--#{$CSS_VAR_PFX}form-element-bg-color);\n    border-radius: calc(var(--#{$CSS_VAR_PFX}border-radius) * 0.5);\n    border: max(1px, var(--#{$CSS_VAR_PFX}border-width)) solid var(--#{$CSS_VAR_PFX}form-element-border-color);\n    transition: all var(--#{$CSS_VAR_PFX}simple-transition);\n  }\n\n  &:hover::-moz-range-thumb {\n    filter: brightness(var(--#{$CSS_VAR_PFX}hover-brightness));\n  }\n\n  &:hover::-webkit-slider-thumb {\n    filter: brightness(var(--#{$CSS_VAR_PFX}hover-brightness));\n  }\n\n  @media (prefers-reduced-motion: no-preference) {\n    &:active::-moz-range-thumb {\n      transform: scale(0.85);\n    }\n\n    &:active::-webkit-slider-thumb {\n      transform: scale(0.85);\n    }\n  }\n\n  &:focus::-moz-range-thumb {\n    border-color: var(--#{$CSS_VAR_PFX}form-element-border-color__focus);\n    filter: brightness(var(--#{$CSS_VAR_PFX}hover-brightness));\n  }\n\n  &:focus::-webkit-slider-thumb {\n    border-color: var(--#{$CSS_VAR_PFX}form-element-border-color__focus);\n    filter: brightness(var(--#{$CSS_VAR_PFX}hover-brightness));\n  }\n}\n","select:not(.default) {\n  @extend %form-element;\n\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  min-width: 15em;\n  max-width: 100%;\n\n  @if $IS_LTR {\n    padding-right: 2.5em;\n  } @else {\n    padding-left: 2.5em;\n  }\n\n  background-image: var(--#{$CSS_VAR_PFX}select-icon);\n  background-repeat: no-repeat;\n  @if $IS_LTR {\n    background-position: right 0.64em center;\n  } @else {\n    background-position: left 0.64em center;\n  }\n\n  &[multiple] {\n    // hide default scroll when there is no overflow\n    overflow-y: auto;\n    padding: 1em !important;\n    background-image: none !important;\n  }\n}\n\nselect option {\n  padding: 0.32em;\n  color: var(--#{$CSS_VAR_PFX}form-element-txt-color);\n  background: var(--#{$CSS_VAR_PFX}form-element-bg-color);\n}\n",".toggle-wrapper {\n  &:hover:not(:focus-within) {\n    input:not(:disabled) + .check:after {\n      @if $IS_LTR {\n        transform: translateX(0.3em);\n      } @else {\n        transform: translateX(-0.3em);\n      }\n    }\n  }\n\n  .check {\n    // force minimum width for limited space cases\n    min-width: 3em;\n    width: 3em;\n\n    &:after {\n      top: 0;\n      bottom: 0;\n\n      @if $IS_LTR {\n        left: 0.18em;\n      } @else {\n        right: 0.18em;\n      }\n\n      width: 0.9em;\n      height: 0.9em;\n      margin: auto 0;\n      background: var(--#{$CSS_VAR_PFX}form-element-border-color);\n      border-radius: calc(var(--#{$CSS_VAR_PFX}border-radius) * 0.3);\n      transition: all var(--#{$CSS_VAR_PFX}bouncing-transition);\n    }\n  }\n\n  input:checked + .check {\n    &:after {\n      @if $IS_LTR {\n        transform: translateX(1.4em) !important;\n      } @else {\n        transform: translateX(-1.4em) !important;\n      }\n      background: var(--#{$CSS_VAR_PFX}form-element-accent-color);\n    }\n  }\n\n  // To prevent delayed animation it is not available for touch users\n  @media (pointer: fine) and (prefers-reduced-motion: no-preference) {\n    &:active {\n      .check:after {\n        transition: all 0.1s 0.05s;\n      }\n\n      input:disabled {\n        &:not(:checked) + .check:after {\n          transform: scale(1) !important;\n        }\n        &:checked + .check:after {\n          transform: scale(1) translateX(1.4em) !important;\n        }\n      }\n\n      input:not(:checked) + .check:after {\n        transform: scaleX(1.2) scaleY(0.7) !important;\n      }\n\n      input:checked + .check:after {\n        @if $IS_LTR {\n          transform: translateX(1.2em) scaleY(0.7) scaleX(1.4) !important;\n        } @else {\n          transform: translateX(-1.2em) scaleY(0.7) scaleX(1.4) !important;\n        }\n      }\n    }\n  }\n}\n","textarea:not(.default) {\n  @extend %form-element;\n  font-size: 1em;\n  // height should not have transition.\n  transition: border-color var(--#{$CSS_VAR_PFX}simple-transition), filter var(--#{$CSS_VAR_PFX}simple-transition);\n}\n",":root {\n  --#{$CSS_VAR_PFX}item-group-bg-color: var(--#{$CSS_VAR_PFX}bg-color);\n  --#{$CSS_VAR_PFX}item-group-txt-color: var(--#{$CSS_VAR_PFX}txt-color);\n}\n\n.items-group {\n  --#{$CSS_VAR_PFX}local-txt-color: var(--#{$CSS_VAR_PFX}item-group-txt-color);\n  --#{$CSS_VAR_PFX}local-bg-color: var(--#{$CSS_VAR_PFX}item-group-bg-color);\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  color: var(--#{$CSS_VAR_PFX}local-txt-color);\n  background: var(--#{$CSS_VAR_PFX}local-bg-color);\n\n  .item-button {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    width: 100%;\n    padding: 0.125em 0.5em;\n    border: none;\n    color: var(--#{$CSS_VAR_PFX}local-txt-color);\n    background: var(--#{$CSS_VAR_PFX}local-bg-color);\n    border-radius: calc(var(--#{$CSS_VAR_PFX}border-radius) * 0.65);\n    transition: all var(--#{$CSS_VAR_PFX}simple-transition);\n\n    &:not(:last-child) {\n      margin-bottom: 0.5em;\n    }\n\n    &:focus-visible,\n    &:hover {\n      filter: brightness(var(--#{$CSS_VAR_PFX}hover-brightness));\n    }\n\n    &.active {\n      color: var(--#{$CSS_VAR_PFX}txt-color-inverted);\n      background: var(--#{$CSS_VAR_PFX}color-accent-primary);\n    }\n  }\n\n  .item-icon {\n    opacity: 0.75;\n\n    @if $IS_LTR {\n      margin-right: 0.5em;\n    } @else {\n      margin-left: 0.5em;\n    }\n\n    svg {\n      width: 3em;\n      height: 3em;\n      padding: 0.32em;\n\n      &:not([fill=\"none\"]) {\n        fill: currentColor;\n      }\n    }\n  }\n\n  .item-text {\n    width: 100%;\n\n    @if $IS_LTR {\n      text-align: left;\n    } @else {\n      text-align: right;\n    }\n  }\n\n  .item-title,\n  .item-subtitle {\n    line-height: 1;\n  }\n\n  .item-title {\n    font-size: 1.125em;\n    margin: 0.5em 0;\n\n    & + .item-subtitle {\n      margin: 0 0 0.64em;\n    }\n  }\n\n  .item-subtitle {\n    font-size: 0.9em;\n    opacity: 0.65;\n  }\n}\n",".no-transition {\n  transition-duration: 0s !important;\n}\n\n.no-animation {\n  // FlatifyCSS's JS listen to [animationend] event, so [animation: none] will break the functionality.\n  animation-duration: 0s !important;\n}\n\n.play-animation:before,\n.play-animation:after,\n.play-animation {\n  animation-play-state: running !important;\n}\n\n.pause-animation:before,\n.pause-animation:after,\n.pause-animation {\n  animation-play-state: paused !important;\n}\n\n.stop-animation:before,\n.stop-animation:after,\n.stop-animation {\n  animation: none !important;\n}\n\n.anim-spin {\n  animation: flatify-spin 0.75s linear infinite !important;\n}\n\n.anim-heart {\n  animation: flatify-heart 1s ease infinite !important;\n}\n\n.anim-required {\n  animation: flatify-heart 1s ease 2 !important;\n}\n\n.anim-pulse {\n  animation: flatify-pulse ease 1.5s !important;\n}\n\n.anim-fade-in {\n  animation: flatify-fade-in 0.3s ease !important;\n}\n\n.anim-fade-out {\n  animation: flatify-fade-out 0.3s ease !important;\n}\n\n.anim-hue {\n  animation: flatify-hue 15s ease infinite !important;\n}\n\n.anim-hue-min {\n  animation: flatify-hue-min 5s ease infinite !important;\n}\n\n// A simple fade out animation,\n// it is a great choice for reduced-motion situations in [a11y.scss]\n@keyframes flatify-fade-in {\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 1;\n  }\n}\n\n@keyframes flatify-fade-in-out {\n  from {\n    opacity: 0;\n  }\n  50% {\n    opacity: 1;\n  }\n  to {\n    opacity: 0;\n  }\n}\n\n// Fade in animation for backdrop, it will set the backdrop opacity instead of static value.\n@keyframes flatify-backdrop-fade-in {\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: var(--#{$CSS_VAR_PFX}backdrop-opacity);\n  }\n}\n\n// A simple fade out animation,\n// it is a great choice for reduced-motion situations in [a11y.scss]\n@keyframes flatify-fade-out {\n  to {\n    opacity: 0;\n  }\n}\n\n@keyframes flatify-grow {\n  from {\n    transform: scale(0);\n  }\n  to {\n    transform: scale(1);\n  }\n}\n\n@keyframes flatify-grow-x {\n  from {\n    transform: scaleX(0);\n  }\n  to {\n    transform: scaleX(1);\n  }\n}\n\n@keyframes flatify-grow-y {\n  from {\n    transform: scaleY(0);\n  }\n  to {\n    transform: scaleY(1);\n  }\n}\n\n// Progress bar processing\n@keyframes flatify-processing {\n  from {\n    opacity: 0.85;\n    transform: scaleX(0);\n  }\n  100% {\n    opacity: 0;\n    transform: scaleX(1);\n  }\n}\n\n// Blow in & Blow out animation (it will be cool with cubic bezier)\n@keyframes flatify-blow-in {\n  0% {\n    opacity: 0;\n    transform: scale(0.9);\n  }\n  100% {\n    opacity: 1;\n    transform: scale(1);\n  }\n}\n@keyframes flatify-blow-out {\n  0% {\n    opacity: 1;\n    transform: scale(1);\n  }\n  100% {\n    opacity: 0;\n    transform: scale(0.95);\n  }\n}\n\n// Heart animation\n@keyframes flatify-heart {\n  0% {\n    transform: scale(1);\n  }\n  65% {\n    transform: scale(1.05);\n  }\n  80% {\n    transform: scale(1.1);\n  }\n  100% {\n    transform: scale(1);\n  }\n}\n\n// Spin animation\n@keyframes flatify-spin {\n  from {\n    transform: rotate(0);\n  }\n  to {\n    transform: rotate(1turn);\n  }\n}\n\n// Slide animations\n@keyframes flatify-slide-up-in {\n  from {\n    transform: translateY(100%) scale(0.95);\n  }\n  to {\n    transform: translateY(0);\n  }\n}\n@keyframes flatify-slide-up-in-min {\n  from {\n    opacity: 0;\n    transform: translateY(3em) scale(0.95);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n@keyframes flatify-slide-up-out {\n  from {\n    transform: translateY(0);\n  }\n  to {\n    transform: translateY(100%) scale(0.95);\n  }\n}\n\n@keyframes flatify-slide-down-in {\n  from {\n    transform: translateY(-100%) scale(0.95);\n  }\n  to {\n    transform: translateY(0);\n  }\n}\n@keyframes flatify-slide-down-out {\n  from {\n    transform: translateY(0);\n  }\n  to {\n    transform: translateY(-100%) scale(0.95);\n  }\n}\n@keyframes flatify-slide-down-out-min {\n  from {\n    opacity: 1;\n    transform: translateY(0);\n  }\n  to {\n    opacity: 0;\n    transform: translateY(-3em) scale(0.95);\n  }\n}\n\n@keyframes flatify-slide-left-in {\n  from {\n    transform: translateX(100%) scale(0.95);\n  }\n  to {\n    transform: translateX(0);\n  }\n}\n@keyframes flatify-slide-left-in-min {\n  from {\n    opacity: 0;\n    transform: translateX(3em);\n  }\n  to {\n    opacity: 1;\n    transform: translateX(0);\n  }\n}\n@keyframes flatify-slide-left-out {\n  from {\n    transform: translateX(0);\n  }\n  to {\n    transform: translateX(100%) scale(0.95);\n  }\n}\n@keyframes flatify-slide-left-out-min {\n  from {\n    opacity: 1;\n    transform: translateX(0);\n  }\n  to {\n    opacity: 0;\n    transform: translateX(3em);\n  }\n}\n\n@keyframes flatify-slide-right-in {\n  from {\n    transform: translateX(-100%) scale(0.95);\n  }\n  to {\n    transform: translateX(0);\n  }\n}\n@keyframes flatify-slide-right-in-min {\n  from {\n    opacity: 0;\n    transform: translateX(-3em);\n  }\n  to {\n    opacity: 1;\n    transform: translateX(0);\n  }\n}\n@keyframes flatify-slide-right-out {\n  from {\n    transform: translateX(0);\n  }\n  to {\n    transform: translateX(-100%) scale(0.95);\n  }\n}\n@keyframes flatify-slide-right-out-min {\n  from {\n    opacity: 1;\n    transform: translateX(0);\n  }\n  to {\n    opacity: 0;\n    transform: translateX(-3em);\n  }\n}\n\n// Default animation before removing elements,\n// It can be customized both with [_config.scss] and [--flatify__remove-animation-duration] CSS var.\n\n@keyframes flatify-alert-will-be-removed {\n  85% {\n    opacity: 0;\n  }\n  100% {\n    opacity: 0;\n\n    @if $IS_LTR {\n      transform-origin: top right;\n      transform: scale(0.92) rotate(-0.5deg);\n    } @else {\n      transform-origin: top left;\n      transform: scale(0.92) rotate(0.5deg);\n    }\n  }\n}\n\n// Dropdown show & hide\n@keyframes flatify-dropdown-show {\n  from {\n    opacity: 0;\n    @if $IS_LTR {\n      transform: scale(0.9) rotate(3deg);\n    } @else {\n      transform: scale(0.9) rotate(-3deg);\n    }\n  }\n  to {\n    opacity: 1;\n    transform: scale(1);\n  }\n}\n\n@keyframes flatify-dropdown-hide {\n  from {\n    opacity: 1;\n    transform: scale(1);\n  }\n  to {\n    opacity: 0;\n    transform: scale(0.85);\n  }\n}\n\n// Pulse animation for .pulse\n@keyframes flatify-pulse {\n  0% {\n    transform: scale(1);\n  }\n  60%,\n  100% {\n    opacity: 0;\n    transform: scale(1.75);\n  }\n}\n\n// animation for eyes blinking\n@keyframes flatify-eye-blink {\n  0% {\n    transform: scaleY(1);\n  }\n  40% {\n    transform: scaleY(1);\n  }\n  42% {\n    transform: scaleY(0.3);\n  }\n  45% {\n    transform: scaleY(1);\n  }\n  100% {\n    transform: scaleY(1);\n  }\n}\n\n// hue rotation\n@keyframes flatify-hue {\n  0% {\n    filter: hue-rotate(0);\n  }\n  40% {\n    filter: hue-rotate(360deg);\n  }\n  80% {\n    filter: hue-rotate(-360deg);\n  }\n  100% {\n    filter: hue-rotate(0);\n  }\n}\n\n@keyframes flatify-hue-min {\n  0% {\n    filter: hue-rotate(0);\n  }\n\n  40% {\n    filter: hue-rotate(45deg);\n  }\n  80% {\n    filter: hue-rotate(-45deg);\n  }\n  100% {\n    filter: hue-rotate(0);\n  }\n}\n\n// loading dots animation\n@keyframes flatify-loading-dot-first {\n  0% {\n    opacity: 0;\n    transform: scale(var(--#{$CSS_VAR_PFX}loading-dot-animation-start-scale)) translateX(-0.25em);\n  }\n  50% {\n    opacity: 1;\n    transform: scale(1);\n  }\n  90% {\n    opacity: 1;\n  }\n  100% {\n    opacity: 0;\n  }\n}\n\n@keyframes flatify-loading-dot-second {\n  0%,\n  25% {\n    opacity: 0;\n    transform: scale(var(--#{$CSS_VAR_PFX}loading-dot-animation-start-scale));\n  }\n  65%,\n  100% {\n    opacity: 1;\n    transform: scale(1);\n  }\n}\n\n@keyframes flatify-loading-dot-third {\n  0%,\n  45% {\n    opacity: 0;\n    transform: scale(var(--#{$CSS_VAR_PFX}loading-dot-animation-start-scale)) translateX(0.25em);\n  }\n  85%,\n  100% {\n    opacity: 1;\n    transform: scale(1);\n  }\n}\n","// .style-[color] is a background, color and border color setter that can be practical for table items and other elements\n@each $name, $colors in $PALETTE {\n  // Original version\n  .style-#{\"\" + $name} {\n    // These are exceptions that should have special text color\n    @if $name == yellow or $name == pink {\n      color: var(--#{$CSS_VAR_PFX + \"color-\" + $name + \"-\" + \"darker\"}) !important;\n      // Local text color\n      --#{$CSS_VAR_PFX}local-txt-color: var(--#{$CSS_VAR_PFX + \"color-\" + $name + \"-\" + \"darker\"}) !important;\n    } @else if $name == light {\n      color: var(--#{$CSS_VAR_PFX}txt-color) !important;\n      // Local text color\n      --#{$CSS_VAR_PFX}local-txt-color: var(--#{$CSS_VAR_PFX}txt-color) !important;\n    } @else {\n      color: var(--#{$CSS_VAR_PFX}txt-color-inverted) !important;\n      // Local text color\n      --#{$CSS_VAR_PFX}local-txt-color: var(--#{$CSS_VAR_PFX}txt-color-inverted) !important;\n    }\n\n    background-color: var(--#{$CSS_VAR_PFX + \"color-\" + $name + \"-\" + \"primary\"}) !important;\n    // Local background color can be used as background of <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"]}