@charset "UTF-8";
/*!
OutSystems UI 2.26.0 • ODC Platform
Website:
 • https://www.outsystems.com/outsystems-ui
GitHub:
 • https://github.com/OutSystems/outsystems-ui
*/
/*!
Section Index:
0. Root - CSS Variables
1. Resets
2. HTML Elements
    2.1. Links
    2.2. Images
    2.3. Headings
3. Page Layout
    3.1. Layout
    3.2. Header
    3.3. Layout Native - Header
    3.4. Layout Side - Header
    3.5. Menu
    3.6. Layout Native - Menu
    3.7. Layout Side - Menu
    3.8. Menu - Header Logo
    3.9. Menu - App Menu Link
    3.10. Menu - App Login Info
    3.11. Content
    3.12. ThemeGrid_Container
    3.13. Section
    3.14. Login
    3.15. iOS Scroll Bounce
4. Widgets
    4.1. Inputs and TextAreas
    4.2. Switch
    4.3. Checkbox
    4.4. Dropdown
    4.5. Button
    4.6. List
    4.7. List Item
    4.8. Table
    4.9. Table - Sortable Icon
    4.10. Table - Bulk Actions
    4.11. Form
    4.12. Upload
    4.13. Button Group
    4.14. Popover
    4.15. Popover - ODC
    4.16. Popup
    4.17. Feedback Message
    4.18. Radio Button
5. Providers
    5.1. Flatpickr
    5.2. NoUiSlider
    5.3. Splide
    5.4. VirtualSelect
6. Patterns
    6.1. Adaptive
        6.1.1. Columns
        6.1.2. Gallery
        6.1.3. Master Detail
    6.2. Content
        6.2.1. Accordion
        6.2.2. Accordion Item
        6.2.3. Alert
        6.2.4. Blank Slate
        6.2.5. Card
        6.2.6. Card Background
        6.2.7. Card Item
        6.2.8. Card Sectioned
        6.2.9. Chat Message
        6.2.10. Flip Content
        6.2.11. Floating Content
        6.2.12. List Item Content
        6.2.13. Section
        6.2.14. Tag
        6.2.15. Tooltip
        6.2.16. User Avatar
    6.3. Interaction
        6.3.1. Action Sheet
        6.3.2. Animate
        6.3.3. Animated Label
        6.3.4. Balloon
        6.3.5. Bottom Sheet
        6.3.6. Carousel
        6.3.7. DatePicker
        6.3.8. Dropdown
            6.3.8.1 Dropdown Search
            6.3.8.2 Dropdown Tags
        6.3.9. Floating Actions
        6.3.10. Input With Icon
        6.3.11. Lightbox Image
        6.3.12. MonthPicker
        6.3.13. Notification
        6.3.14. RangeSlider
        6.3.15. Scrollable Area
        6.3.16. Sidebar
        6.3.17. Search
        6.3.18. Stacked Cards
        6.3.19. TimePicker
        6.3.20. Video
    6.4. Navigation
        6.4.1. Bottom Bar Item
        6.4.2. Breadcrumbs
        6.4.3. OverflowMenu
        6.4.4. Pagination
        6.4.5. Section Index
        6.4.6. Submenu
        6.4.7. Tabs
        6.4.8. Timeline
        6.4.9. Wizard
    6.5. Numbers
        6.5.1. Badge
        6.5.2. Counter
        6.5.3. Icon Badge
        6.5.4. Progress
            6.5.4.1 Progress Bar
            6.5.4.2 Progress Circle
        6.5.5. Rating
    6.6. Utilities
        6.6.1. Align Center
        6.6.2. Button Loading
        6.6.3. Center Content
        6.6.4. Margin Container
        6.6.5. Separator
        6.6.6. Pull to Refresh
        6.6.7. List Updating
        6.6.8. Provider Login Button
    6.7. Advanced
        6.7.1. Dropdown ServerSide
        6.7.2. Dropdown ServerSide Item
    6.8. Deprecated Patterns
        6.8.1. Accordion
        6.8.2. Button Loading
        6.8.3. Carousel
        6.8.4. Datepicker
        6.8.5. Dropdown Search an Tags (Common)
        6.8.6. Dropdown Search
        6.8.7. Dropdown Tags
        6.8.8. Flip Content
        6.8.9. Gallery
        6.8.10. Horizontal Scroll
        6.8.11. Notification
        6.8.12. Progress Bar
        6.8.13. Progress Circle
        6.8.14. Progress Circle Fraction
        6.8.15. Section Index
        6.8.16. Sidebar
        6.8.17. Search
        6.8.18. Submenu
        6.8.19. Tabs
        6.8.20. Tooltip
        6.8.21. Video
7. Usefull Classes
    7.1. a11y (Accessibility)
    7.2. Colors - Brand
    7.3. Colors - Neutral
    7.4. Colors - Palette
    7.5. Colors - Semantic
    7.6. Colors - Others
    7.7. Text
    7.8. Typography
    7.9. Border Size
    7.10. Border Radius
    7.11. Space - Margin
    7.12. Space - Padding
    7.13. Shadow
    7.14. Box Width
    7.15. Box Height
    7.16. Display
    7.17. Display - Flex
    7.18. Display - Align
    7.19. Images
    7.20. Overflow
    7.21. Visibility
    7.22. Position
    7.23. Position - Absolute
    7.24. Miscellaneous
8. Screen Transitions
9. Keyframes - Animations
    9.1. Animate
    9.2. Button Loading
    9.3. List Item
    9.4. Feedback Message
    9.5. Pull To Refresh
    9.6. Miscellaneous
10. Service Studio Preview
*/
/*! ==============================================================================
0. Root - CSS Variables
=============================================================================== */
:root{
    /*! Typography - Size */
    --font-size-h1:32px;
    --font-size-h2:28px;
    --font-size-h3:26px;
    --font-size-h4:22px;
    --font-size-h5:20px;
    --font-size-h6:18px;
    --font-size-display:36px;
    --font-size-base:16px;
    --font-size-s:14px;
    --font-size-xs:12px;
    --font-size-label:11px;
    /*! Typography - Weight */
    --font-light:300;
    --font-regular:400;
    --font-semi-bold:600;
    --font-bold:700;
    /*! Color - Brand */
    --color-primary:#1068eb;
    --color-secondary:#303d60;
    --color-primary-hover:#295fd6;
    --color-primary-selected:rgba(20, 110, 245, 0.12);
    --color-primary-lightest:linear-gradient(rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.9));
    /*! Color - Focus */
    --color-focus-outer:#ffd337;
    --color-focus-inner:var(--color-neutral-10);
    /*! Color - Extended */
    --color-red-lightest:#faeaea;
    --color-red-lighter:#e9aaaa;
    --color-red-light:#d96a6a;
    --color-red:#c92a2a;
    --color-red-dark:#ab2424;
    --color-red-darker:#8d1d1d;
    --color-red-darkest:#6f1717;
    --color-orange-lightest:#fef0e6;
    --color-orange-lighter:#fcc29c;
    --color-orange-light:#f99551;
    --color-orange:#f76707;
    --color-orange-dark:#d25806;
    --color-orange-darker:#ad4805;
    --color-orange-darkest:#883904;
    --color-yellow-lightest:#fef5e5;
    --color-yellow-lighter:#fbd999;
    --color-yellow-light:#f8bc4c;
    --color-yellow:#f59f00;
    --color-yellow-dark:#d08700;
    --color-yellow-darker:#ac6f00;
    --color-yellow-darkest:#875700;
    --color-lime-lightest:#f1f8e8;
    --color-lime-lighter:#c7e3a2;
    --color-lime-light:#9ecd5c;
    --color-lime:#74b816;
    --color-lime-dark:#639c13;
    --color-lime-darker:#51810f;
    --color-lime-darkest:#40650c;
    --color-green-lightest:#ebf7ed;
    --color-green-lighter:#afe0b8;
    --color-green-light:#73c982;
    --color-green:#37b24d;
    --color-green-dark:#2f9741;
    --color-green-darker:#267d36;
    --color-green-darkest:#1e622a;
    --color-teal-lightest:#e6f2ef;
    --color-teal-lighter:#9cccbd;
    --color-teal-light:#52a58c;
    --color-teal:#087f5b;
    --color-teal-dark:#076c4d;
    --color-teal-darker:#065940;
    --color-teal-darkest:#044632;
    --color-cyan-lightest:#e7f2f4;
    --color-cyan-lighter:#9eccd3;
    --color-cyan-light:#56a6b2;
    --color-cyan:#0d8091;
    --color-cyan-dark:#0b6d7b;
    --color-cyan-darker:#095a66;
    --color-cyan-darkest:#074650;
    --color-blue-lightest:#e8f2fa;
    --color-blue-lighter:#a3c9ea;
    --color-blue-light:#5fa1db;
    --color-blue:#1a79cb;
    --color-blue-dark:#1667ad;
    --color-blue-darker:#12558e;
    --color-blue-darkest:#0e4370;
    --color-indigo-lightest:#eceffd;
    --color-indigo-lighter:#b3c1f7;
    --color-indigo-light:#7b92f1;
    --color-indigo:#4263eb;
    --color-indigo-dark:#3854c8;
    --color-indigo-darker:#2e45a5;
    --color-indigo-darkest:#243681;
    --color-violet-lightest:#f1edfd;
    --color-violet-lighter:#c6b6f6;
    --color-violet-light:#9b7fef;
    --color-violet:#7048e8;
    --color-violet-dark:#5f3dc5;
    --color-violet-darker:#4e32a2;
    --color-violet-darkest:#3e2880;
    --color-grape-lightest:#f7ecfa;
    --color-grape-lighter:#dfb2e9;
    --color-grape-light:#c678d9;
    --color-grape:#ae3ec9;
    --color-grape-dark:#9435ab;
    --color-grape-darker:#7a2b8d;
    --color-grape-darkest:#60226f;
    --color-pink-lightest:#fbebf0;
    --color-pink-lighter:#efadc4;
    --color-pink-light:#e27098;
    --color-pink:#d6336c;
    --color-pink-dark:#b62b5c;
    --color-pink-darker:#96244c;
    --color-pink-darkest:#761c3b;
    /*! Color - Neutral */
    --color-neutral-0:#ffffff;
    --color-neutral-1:#f8f9fa;
    --color-neutral-2:#f1f3f5;
    --color-neutral-3:#e9ecef;
    --color-neutral-4:#dee2e6;
    --color-neutral-5:#ced4da;
    --color-neutral-6:#adb5bd;
    --color-neutral-7:#6a7178;
    --color-neutral-8:#4f575e;
    --color-neutral-9:#272b30;
    --color-neutral-10:#101213;
    /*! Color - Semantic */
    --color-error-light:#fceaea;
    --color-error:#dc2020;
    --color-warning-light:#fdf6e5;
    --color-warning:#e9a100;
    --color-success-light:#eaf3eb;
    --color-success:#29823b;
    --color-info-light:#e5f5fc;
    --color-info:#017aad;
    /*! Overlays */
    --overlay-background:rgba(0, 0, 0, 0.25);
    /*! Space - Sizes */
    --space-none:0;
    --space-xs:4px;
    --space-s:8px;
    --space-base:16px;
    --space-m:24px;
    --space-l:32px;
    --space-xl:40px;
    --space-xxl:48px;
    /*! Border Radius */
    --border-radius-none:0;
    --border-radius-soft:4px;
    --border-radius-rounded:100px;
    --border-radius-circle:100%;
    /*! Border Size */
    --border-size-none:0;
    --border-size-s:1px;
    --border-size-m:2px;
    --border-size-l:3px;
    /*! Elevation / Shadow */
    --shadow-none:none;
    --shadow-xs:0 1px 2px rgba(0, 0, 0, 0.1);
    --shadow-s:0 2px 4px rgba(0, 0, 0, 0.1);
    --shadow-m:0 4px 6px rgba(0, 0, 0, 0.1);
    --shadow-l:0 6px 8px rgba(0, 0, 0, 0.1);
    --shadow-xl:0 8px 10px rgba(0, 0, 0, 0.1);
    /*! App Settings */
    --header-color:#ffffff;
    --color-background-body:#f3f6f8;
    --color-background-login:#ffffff;
    --header-size:56px;
    --header-size-content:48px;
    --side-menu-size:300px;
    --bottom-bar-size:56px;
    --footer-height:0px;
    /*! iOS Safe Areas (Notch Support) */
    /*! Before MABS12, the insets were obtained via env(safe-area-inset-*)
      for iOS, as for Android the values were reported incorrectly.
      From MABS12 onwards, the native shell is injecting the CSS variables
      "--safe-area-inset-*".
      To ensure retro-compatibility, we use max() to get the highest value
      between env() and the CSS variable.
  */
    --os-safe-area-top:max(env(safe-area-inset-top), var(--safe-area-inset-top, 0px));
    --os-safe-area-right:max(env(safe-area-inset-right), var(--safe-area-inset-right, 0px));
    --os-safe-area-bottom:max(env(safe-area-inset-bottom), var(--safe-area-inset-bottom, 0px));
    --os-safe-area-left:max(env(safe-area-inset-left), var(--safe-area-inset-left, 0px));
    /*! Layer System */
    --layer-system-scale:5;
    --layer-above:var(--layer-system-scale);
    --layer-below:calc(-1 * var(--layer-system-scale));
    /*! Global Layers */
    --layer-global-screen:0;
    --layer-global-elevated:calc(var(--layer-above) + var(--layer-global-screen));
    --layer-global-navigation:calc(var(--layer-above) + var(--layer-global-elevated));
    --layer-global-off-canvas:calc(var(--layer-above) + var(--layer-global-navigation));
    --layer-global-instant-interaction:calc(var(--layer-above) + var(--layer-global-off-canvas));
    /*! Auxiliary */
    --layer-global-negative:-1;
    --layer-global-auto:auto;
    /*! Local Layers */
    --layer-local-tier-1:1;
    --layer-local-tier-2:2;
    --layer-local-tier-3:3;
    --layer-local-tier-4:4;
    --layer-local-tier-5:5;
    /*! Fixed/Absolute Patterns that need their variables on a global level to be referenced on all DOM contexts */
    --osui-bottom-sheet-layer:var(--layer-global-off-canvas);
    --osui-notification-layer:var(--layer-global-instant-interaction);
    --osui-popup-layer:var(--layer-global-off-canvas);
    --osui-sidebar-layer:var(--layer-global-off-canvas);
    --osui-menu-layer:calc(var(--layer-global-navigation) + var(--layer-local-tier-2));
}
/*! ==============================================================================
1. Resets
=============================================================================== */
*{
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    -webkit-tap-highlight-color:rgba(0, 0, 0, 0);
}
html{
    color:var(--color-neutral-9);
    font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    -moz-osx-font-smoothing:grayscale;
    -webkit-font-smoothing:antialiased;
    overflow:hidden;
    overflow-x:hidden;
    -webkit-text-size-adjust:100%;
    -ms-text-size-adjust:100%;
}
html{

}
body{
    background-color:var(--color-background-body);
    direction:ltr;
    font-size:var(--font-size-s);
    line-height:1.5;
    margin:0;
}
:focus{
    outline:0;
}
::-moz-focus-inner{
    border:0;
}
.has-accessible-features :focus{
    -webkit-box-shadow:0 0 0 var(--border-size-l) var(--color-focus-outer);
    box-shadow:0 0 0 var(--border-size-l) var(--color-focus-outer);
}
.os-high-contrast .has-accessible-features :focus{
    -webkit-box-shadow:none;
    box-shadow:none;
    outline:var(--border-size-l) solid var(--color-focus-outer);
}
abbr[title]{
    border-bottom:0;
    text-decoration:underline;
}
div[onclick]{
    cursor:pointer;
}
label{
    color:var(--color-neutral-8);
}
[data-label].mandatory:after{
    color:var(--color-error);
    margin-left:var(--space-xs);
}
input,
textarea,
select,
button{
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    font-family:inherit;
    font-size:100%;
    line-height:1.25;
    margin:0;
}
[type=checkbox],
[type=radio]{
    border:0;
    padding:0;
}
[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button{
    height:auto;
}
[type=search]{
    -webkit-appearance:textfield;
    -moz-appearance:textfield;
    appearance:textfield;
    outline-offset:-2px;
}
[type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-decoration{
    -webkit-appearance:none;
    appearance:none;
}
input[type=time], input[type=date], input[type=datetime], input[type=datetime-local], input[type=time]:empty{
    display:-webkit-inline-box;
    display:-ms-inline-flexbox;
    display:inline-flex;
}
.chrome input[type=time], .chrome input[type=date], .chrome input[type=datetime], .chrome input[type=datetime-local], .chrome input[type=time]:empty{
    display:inline-block;
}
::-webkit-file-upload-button{
    -webkit-appearance:button;
    appearance:button;
}
select::-ms-expand{
    display:none;
}
input::-ms-clear{
    display:none;
}
.is-rtl-device input[type=date],
.is-rtl-device input[type=datetime-local]{
    direction:rtl;
}
.focus-trap-top{
    top:0;
}
.focus-trap-bottom{
    bottom:0;
}
/*! ==============================================================================
2. HTML Elements
=============================================================================== */
/*! 2.1. Links */
a{
    text-decoration:none;
    -webkit-text-decoration-skip:objects;
}
a, a:visited{
    color:var(--color-primary);
    -webkit-transition:all 180ms linear;
    transition:all 180ms linear;
}
a:hover, a:focus{
    color:var(--color-primary-hover);
    text-decoration:underline;
}
a[disabled]{
    color:var(--color-neutral-6);
}
.phone a:hover, .phone a:focus,
.tablet a:hover,
.tablet a:focus{
    text-decoration:none;
}
.has-accessible-features a:focus{
    background-color:var(--color-focus-outer);
    -webkit-box-shadow:0 2px var(--color-focus-inner);
    box-shadow:0 2px var(--color-focus-inner);
    color:var(--color-neutral-10);
}
.has-accessible-features a:focus, .has-accessible-features a:focus:hover{
    text-decoration:none;
}
.has-accessible-features a[disabled]{
    color:var(--color-neutral-6);
}
/*! 2.2. Images */
img{
    max-width:100%;
}
figure{
    margin:0;
}
/*! 2.3. Headings */
h1,
.heading1,
h2,
.heading2,
h3,
.heading3,
h4,
.heading4,
h5,
.heading5,
h6,
.heading6,
.font-size-display{
    font-weight:var(--font-semi-bold);
    line-height:1.25;
    margin:0;
}
h1,
.heading1{
    font-size:var(--font-size-h1);
}
h2,
.heading2{
    font-size:var(--font-size-h2);
}
h3,
.heading3{
    font-size:var(--font-size-h3);
}
h4,
.heading4{
    font-size:var(--font-size-h4);
}
h5,
.heading5{
    font-size:var(--font-size-h5);
}
h6,
.heading6{
    font-size:var(--font-size-h6);
}
.font-size-display{
    font-size:var(--font-size-display);
}
.font-size-h1{
    font-size:var(--font-size-h1);
}
.font-size-h2{
    font-size:var(--font-size-h2);
}
.font-size-h3{
    font-size:var(--font-size-h3);
}
.font-size-h4{
    font-size:var(--font-size-h4);
}
.font-size-h5{
    font-size:var(--font-size-h5);
}
.font-size-h6{
    font-size:var(--font-size-h6);
}
.tablet h1,
.tablet .heading1{
    font-size:calc(var(--font-size-h1) - 2px);
}
.tablet h2,
.tablet .heading2{
    font-size:calc(var(--font-size-h2) - 2px);
}
.tablet h3,
.tablet .heading3{
    font-size:calc(var(--font-size-h3) - 2px);
}
.tablet h4,
.tablet .heading4{
    font-size:calc(var(--font-size-h4) - 1px);
}
.tablet h5,
.tablet .heading5{
    font-size:calc(var(--font-size-h5) - 1px);
}
.tablet h6,
.tablet .heading6{
    font-size:calc(var(--font-size-h6) - 1px);
}
.tablet .font-size-display{
    font-size:calc(var(--font-size-display) - 2px);
}
.phone h1,
.phone .heading1{
    font-size:calc(var(--font-size-h1) - 4px);
}
.phone h2,
.phone .heading2{
    font-size:calc(var(--font-size-h2) - 4px);
}
.phone h3,
.phone .heading3{
    font-size:calc(var(--font-size-h3) - 4px);
}
.phone h4,
.phone .heading4{
    font-size:calc(var(--font-size-h4) - 2px);
}
.phone h5,
.phone .heading5{
    font-size:calc(var(--font-size-h5) - 2px);
}
.phone h6,
.phone .heading6{
    font-size:calc(var(--font-size-h6) - 2px);
}
.phone .font-size-display{
    font-size:calc(var(--font-size-display) - 4px);
}
/*! ==============================================================================
3. Page Layout
=============================================================================== */
/*! 3.1. Layout */
html,
body,
#reactContainer,
#transitionContainer,
.screen-container{
    height:100%;
}
.screen-container{
    overflow-x:hidden;
    overflow-y:auto;
}
.layout{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    min-height:100vh;
}
.layout.layout-top, .layout.layout-side:not(.layout-native){
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
}
.layout.layout-left{
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -ms-flex-direction:row;
    flex-direction:row;
}
.layout.layout-side .main{
    margin-left:var(--side-menu-size);
}
.layout.layout-side.aside-overlay .main{
    margin-left:0;
}
.layout.layout-native{

}
.layout.layout-native .main{
    width:100%;
}
.layout.aside-expandable .main{
    margin-left:0;
}
.layout .main{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-flex:1;
    -ms-flex:1;
    flex:1;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
}
.main,
.fixed-header .main{
    padding-top:0;
}
.layout-native .aside-navigation,
.layout-top .aside-navigation{

}
.ios .layout{
    min-height:100%;
}
.ios .layout-native .footer{
    height:calc(var(--os-safe-area-bottom) + var(--bottom-bar-size));
}
.ios .layout .header{
    padding-top:var(--os-safe-area-top);
}
.desktop .layout-native.aside-visible, .desktop .layout-native.aside-expandable,
.tablet .layout-native.aside-visible,
.tablet .layout-native.aside-expandable{
    --side-menu-size:264px;
}
.desktop .layout-native.aside-visible .main, .desktop .layout-native.aside-expandable .main{
    width:calc(100% - var(--side-menu-size));
}
.tablet.landscape .layout-native.menu-visible.aside-visible .main, .tablet.landscape .layout-native.menu-visible.aside-expandable .main{
    margin-left:var(--side-menu-size);
    width:calc(100% - var(--side-menu-size));
}
.tablet.landscape .layout-side.layout-native.aside-expandable.menu-visible .main{
    margin-left:var(--side-menu-size);
}
.tablet.landscape .layout-side.layout-native.aside-expandable .main{
    margin-right:0;
}
.tablet .layout-side .main,
.phone .layout-side .main{
    margin-left:0;
}
.phone .layout:not(.layout-native) [class*=ThemeGrid_Width]:not(.no-responsive){
    margin:var(--space-none) var(--space-none) var(--space-base) var(--space-none);
    width:100%;
}
.is-rtl.tablet .layout-native.aside-visible .main, .is-rtl.tablet .layout-native.aside-expandable .main{
    margin-left:0;
}
.is-rtl.tablet .layout-side .main{
    margin-right:0;
}
.is-rtl.tablet.landscape .layout-side.layout-native.aside-expandable.menu-visible .main{
    margin-left:0;
    margin-right:var(--side-menu-size);
}
.is-rtl.tablet.landscape .layout-side.layout-native.aside-expandable .main{
    margin-right:0;
}
.is-rtl.phone .layout-side .main{
    margin-right:0;
}
.is-rtl .layout-side .main{
    margin-left:0;
    margin-right:var(--side-menu-size);
}
.is-rtl .layout-side.aside-overlay .main{
    margin-right:0;
}
.is-rtl .aside-expandable .main{
    margin-right:0;
}
.layout .main-content .layout{

}
.phone .layout .main-content .layout{

}
.phone .layout .main-content .layout.layout-native{

}
/*! 3.2. Header */
.header{
    background-color:var(--header-color);
    -webkit-box-shadow:0 1px 5px 0 rgba(21, 24, 26, 0.1);
    box-shadow:0 1px 5px 0 rgba(21, 24, 26, 0.1);
    z-index:var(--layer-global-navigation);
}
.header{

}
.header-top{
    height:var(--header-size);
}
.header-logo{
    padding-right:var(--space-base);
}
.header-logo .application-name{
    word-break:break-word;
}
.header-navigation{
    -webkit-box-flex:1;
    -ms-flex:1;
    flex:1;
}
.header .header-content{
    height:100%;
}
.header .header-content > [data-block*=ApplicationTitle] .application-name{
    margin-right:var(--space-m);
}
.header .app-logo{
    border-radius:var(--border-radius-soft);
    margin-right:var(--space-s);
    max-height:var(--header-size);
    max-width:120px;
}
.fixed-header .header{
    left:0;
    position:sticky;
    right:0;
    top:0;
}
.menu-icon{
    background-color:transparent;
    border:none;
    cursor:pointer;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    height:100%;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    margin-right:var(--space-m);
    padding:0;
    width:24px;
}
.menu-icon-line{
    background-color:var(--color-neutral-8);
    border-radius:20px;
    height:3px;
    margin:2px 0;
    width:24px;
}
.menu-back{
    color:var(--color-neutral-8);
}
.user-info{
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    height:100%;
}
.user-info div{
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    display:-webkit-inline-box;
    display:-ms-inline-flexbox;
    display:inline-flex;
}
.aside-expandable .header .ThemeGrid_Container{
    max-width:100%;
}
.layout-native .app-menu-icon.back .menu-icon,
.desktop .menu-icon,
.tablet.landscape .layout-native.aside-visible .menu-icon,
.app-menu-icon.back .menu-icon,
.app-menu-icon:not(.back) .menu-back{
    display:none;
}
.desktop .header-content > [data-block*=ApplicationTitle] .application-name{
    display:none;
}
.desktop .aside-expandable .menu-icon,
.desktop .aside-overlay .menu-icon{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
}
.tablet .layout-top .header-navigation,
.phone .layout-top .header-navigation{
    height:100vh;
    left:0;
    position:fixed;
    top:0;
    z-index:var(--layer-global-navigation);
}
.is-rtl .header-logo{
    padding-left:var(--space-base);
    padding-right:0;
}
.is-rtl .header .header-content > [data-block*=ApplicationTitle] .application-name{
    margin-right:0;
    margin-left:var(--space-m);
}
.is-rtl .app-logo,
.is-rtl .layout-side .app-logo{
    margin-left:var(--space-s);
    margin-right:0;
}
.is-rtl .menu-icon{
    margin-left:var(--space-m);
    margin-right:0;
}
.osx.tablet .layout-top:not(.menu-visible) .header-navigation,
.osx.phone .layout-top:not(.menu-visible) .header-navigation{
    pointer-events:none;
}
/*! 3.3. Layout Native - Header */
.layout-native.hide-header-on-scroll .header{
    top:calc(-1 * (var(--header-size) + var(--os-safe-area-top)));
}
.layout-native .header{
    position:sticky;
    top:0;
}
.layout-native .header-top{
    padding:0 var(--space-l);
}
.layout-native .header-title{
    font-size:var(--font-size-h5);
    font-weight:var(--font-regular);
}
.layout-native .header-title{


}
.layout-native .header-left{
    -webkit-box-flex:1;
    -ms-flex:1;
    flex:1;
    margin-right:var(--space-base);
}
.layout-native .header-right{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-flex:1;
    -ms-flex:1;
    flex:1;
    -webkit-box-pack:end;
    -ms-flex-pack:end;
    justify-content:flex-end;
    margin-left:var(--space-base);
    margin-right:auto;
}
.layout-native .header-right{



}
.layout-native h1.header-title{


}
.layout-native .content-bottom{
    bottom:0;
    position:sticky;
    z-index:var(--layer-global-navigation);
}
.layout-native .menu-icon{
    margin-right:0;
}
.landscape .layout.layout-native .header, .landscape .layout.layout-native:not(.blank) .main-content,
.landscape .layout.layout-native .bottom-bar-wrapper{
    padding-left:var(--os-safe-area-left);
    padding-right:var(--os-safe-area-right);
}
.landscape .layout.layout-native .app-menu{
    padding-bottom:var(--os-safe-area-bottom);
}
.tablet .layout-native .header-top,
.phone .layout-native .header-top{
    padding:0 var(--space-m);
}
.tablet .layout-native .header-title{
    font-size:calc(var(--font-size-h5) - 1px);
}
.phone .layout-native .header-title{
    font-size:calc(var(--font-size-h5) - 2px);
}
.android .layout-native.hide-header-on-scroll .header{
    top:calc(-1 * (var(--header-size) + max(var(--status-bar-height), var(--safe-area-inset-top, 0px))));
}
.android .layout-native .header,
.android .layout-native .app-menu{
    padding-top:max(var(--status-bar-height), var(--safe-area-inset-top, 0px));
}
.ios .layout-native .header{
    padding-top:var(--os-safe-area-top);
}
.is-rtl .layout-native .header-left{
    margin-left:var(--space-base);
    margin-right:0;
}
.is-rtl .layout-native .header-right{
    margin-left:auto;
    margin-right:var(--space-base);
}
/*! 3.4. Layout Side - Header */
.layout-side.fixed-header.aside-expandable .header{
    left:0;
}
.layout-side.fixed-header.aside-overlay .header{
    left:0;
}
.layout-side.fixed-header .header{
    left:var(--side-menu-size);
}
.layout-side.layout-native.aside-expandable .main .header{
    z-index:var(--layer-global-navigation);
}
.layout-side .aside-expandable:not(.fixed-header) .main .header{
    margin-left:calc(var(--side-menu-size) * -1);
}
.layout-side .aside-expandable.menu-visible:not(.fixed-header) .main .header{
    margin-left:0;
}
.layout-side .aside-expandable.menu-visible .header{
    left:0;
}
.layout-side .header-navigation{
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    display:-webkit-inline-box;
    display:-ms-inline-flexbox;
    display:inline-flex;
}
.desktop .layout-side.layout-native.aside-expandable .header{
    margin-left:0;
}
.desktop .aside-expandable .header{
    z-index:var(--layer-global-navigation);
}
.tablet .layout-side.aside-expandable:not(.fixed-header) .main .header,
.phone .layout-side.aside-expandable:not(.fixed-header) .main .header{
    margin-left:0;
}
.tablet .layout-side.fixed-header .header,
.phone .layout-side.fixed-header .header{
    left:0;
}
.tablet.portrait .layout-side.layout-native.aside-expandable .main .header{
    z-index:var(--layer-global-navigation);
}
.phone .layout-side.layout-native.aside-expandable .main .header{
    z-index:var(--layer-global-navigation);
}
.is-rtl.tablet, .is-rtl.phone{
    left:0;
    right:0;
}
.is-rtl .layout-side.fixed-header.aside-expandable .header{
    left:0;
    right:0;
}
.is-rtl .layout-side.fixed-header .header{
    left:0;
    right:var(--side-menu-size);
}
.is-rtl .aside-expandable.menu-visible .header{
    left:0;
    right:0;
}
/*! 3.5. Menu */
.app-menu-content{
    height:100%;
}
.app-menu-content{


}
.app-menu-overlay{
    background-color:var(--overlay-background);
    height:100vh;
    left:0;
    opacity:0;
    pointer-events:none;
    position:fixed;
    top:0;
    -webkit-transition:opacity 130ms ease-in;
    transition:opacity 130ms ease-in;
    width:100vw;
    will-change:opacity;
    z-index:calc(var(--osui-menu-layer) - var(--layer-local-tier-1));
}
.app-menu-overlay{

}
.menu-visible .app-menu-overlay{
    opacity:1;
    pointer-events:auto;
    -webkit-transition:opacity 330ms ease-out;
    transition:opacity 330ms ease-out;
}
.layout .app-menu-content{

}
.layout-top .header-content{


}
.layout-blank .header-content{


}
.layout-side .aside-navigation{





}
.layout-side .aside-navigation > div{

}
.layout-side .header .app-menu-content{



}
.layout-side .header .app-menu-links{


}
.layout-side .header-navigation > div{


}
.desktop .app-menu-overlay{
    display:none;
}
.desktop .aside-overlay .app-menu-overlay{
    display:block;
}
.tablet .app-login-info,
.phone .app-login-info{
    padding:var(--space-s) var(--space-m);
}
.tablet .app-menu-content,
.phone .app-menu-content{
    background-color:var(--color-neutral-0);
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    height:100%;
    left:calc(-1 * var(--side-menu-size));
    position:fixed;
    top:0;
    -webkit-transform:translateX(0) translateZ(0);
    transform:translateX(0) translateZ(0);
    -webkit-transition:-webkit-transform 130ms ease-in;
    transition:-webkit-transform 130ms ease-in;
    transition:transform 130ms ease-in;
    transition:transform 130ms ease-in, -webkit-transform 130ms ease-in;
    width:var(--side-menu-size);
    will-change:transform;
    z-index:var(--osui-menu-layer);
}
.tablet .menu-visible .app-menu-content,
.phone .menu-visible .app-menu-content{
    -webkit-transform:translateX(var(--side-menu-size)) translateZ(0);
    transform:translateX(var(--side-menu-size)) translateZ(0);
    -webkit-transition:-webkit-transform 330ms ease-out;
    transition:-webkit-transform 330ms ease-out;
    transition:transform 330ms ease-out;
    transition:transform 330ms ease-out, -webkit-transform 330ms ease-out;
}
.tablet .layout-side .header .app-menu-content,
.tablet .layout-side .aside-navigation,
.phone .layout-side .header .app-menu-content,
.phone .layout-side .aside-navigation{

}
.tablet.landscape .layout-native.aside-expandable .app-menu-overlay{
    display:none;
}
.phone .app-menu-content{
    padding-bottom:var(--os-safe-area-bottom);
    padding-left:var(--os-safe-area-left);
}
.android.portrait .app-menu-content{
    padding-top:max(var(--status-bar-height), var(--safe-area-inset-top, 0px));
}
.android.landscape .app-menu-content{
    padding-left:max(var(--os-safe-area-left), var(--safe-area-status-bar, 0px));
    padding-right:max(var(--os-safe-area-right), 0px);
}
.ios .app-menu-content{
    padding-bottom:var(--os-safe-area-bottom);
    padding-top:var(--os-safe-area-top);
}
.is-rtl .app-menu-content{
    left:auto;
    right:calc(-1 * var(--side-menu-size));
}
.is-rtl .menu-visible .app-menu-content{
    right:0;
    -webkit-transform:translateX(0) translateZ(0);
    transform:translateX(0) translateZ(0);
}
.is-rtl.tablet .menu-visible .app-menu-content, .is-rtl.phone .menu-visible .app-menu-content{
    right:0;
    -webkit-transform:translateX(0) translateZ(0);
    transform:translateX(0) translateZ(0);
    -webkit-transition:all 330ms ease-out;
    transition:all 330ms ease-out;
}
/*! 3.6. Layout Native - Menu */
.layout-native.menu-visible .app-menu-content:after{
    pointer-events:none;
}
.layout-native .app-menu-content:after{
    background:transparent;
    content:"";
    height:100%;
    position:absolute;
    right:-24px;
    top:calc(var(--header-size) + var(--header-size-content));
    width:24px;
}
.desktop .layout.layout-native.layout-side.aside-expandable .app-menu-content{
    padding-top:calc(var(--header-size) + var(--header-size-content) + var(--os-safe-area-top));
}
.desktop .layout.layout-native.layout-side.aside-expandable.hide-header-on-scroll:not(.header-is--visible) .app-menu-content{
    padding-top:var(--header-size-content);
}
.desktop .layout-native.aside-visible .app-menu-content, .desktop .layout-native.aside-expandable .app-menu-content{
    -webkit-box-shadow:var(--shadow-m);
    box-shadow:var(--shadow-m);
    z-index:var(--osui-menu-layer);
}
.desktop .layout-native .landscape.android.layout-side.aside-expandable .app-menu-content,
.tablet .layout-native .landscape.android.layout-side.aside-expandable .app-menu-content{
    padding-top:calc(var(--header-size) + var(--header-size-content) + max(var(--status-bar-height), var(--safe-area-inset-top, 0px)));
}
.tablet.landscape .layout-native.aside-expandable .app-menu-content{
    display:none;
}
.tablet.landscape .layout-native.aside-visible .app-menu-content, .tablet.landscape .layout-native.aside-expandable .app-menu-content{
    -webkit-box-shadow:var(--shadow-m);
    box-shadow:var(--shadow-m);
    left:0;
    z-index:var(--osui-menu-layer);
}
.tablet.landscape .layout-native.layout-side.aside-expandable .app-menu-content{
    padding-top:calc(var(--header-size) + var(--header-size-content) + var(--os-safe-area-top));
}
.tablet.landscape .layout-side.layout-native.aside-expandable.hide-header-on-scroll:not(.header-is--visible) .app-menu-content{
    padding-top:var(--header-size-content);
}
.is-rtl .tablet.landscape.landscape.aside-visible .app-menu-content, .is-rtl .tablet.landscape.landscape.aside-expandable .app-menu-content{
    right:0;
}
/*! 3.7. Layout Side - Menu */
.layout-side .app-logo{
    border-radius:var(--border-radius-soft);
    margin-right:var(--space-s);
    max-height:var(--header-size);
    max-width:120px;
}
.layout-side .app-menu-content{
    background-color:var(--color-neutral-0);
    bottom:0;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    height:auto;
    position:fixed;
    top:0;
    width:var(--side-menu-size);
    z-index:var(--osui-menu-layer);
}
.aside-overlay .app-menu-content{
    background-color:var(--color-neutral-0);
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    height:100%;
    left:calc(-1 * var(--side-menu-size));
    position:fixed;
    top:0;
    -webkit-transform:translateX(0) translateZ(0);
    transform:translateX(0) translateZ(0);
    -webkit-transition:-webkit-transform 130ms ease-in;
    transition:-webkit-transform 130ms ease-in;
    transition:transform 130ms ease-in;
    transition:transform 130ms ease-in, -webkit-transform 130ms ease-in;
    width:var(--side-menu-size);
    will-change:transform;
    z-index:var(--osui-menu-layer);
}
.aside-overlay.menu-visible .app-menu-content{
    -webkit-transform:translateX(var(--side-menu-size)) translateZ(0);
    transform:translateX(var(--side-menu-size)) translateZ(0);
    -webkit-transition:-webkit-transform 330ms ease-out;
    transition:-webkit-transform 330ms ease-out;
    transition:transform 330ms ease-out;
    transition:transform 330ms ease-out, -webkit-transform 330ms ease-out;
}
.desktop .layout-side:not(.layout-native):not(.aside-overlay) .app-menu-content{
    left:0;
    right:0;
}
.desktop .layout-side.aside-expandable:not(.fixed-header) .app-menu-content{
    padding-top:var(--header-size);
    top:0;
}
.desktop .aside-expandable.menu-visible .app-menu-content{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
}
.desktop .aside-expandable.menu-visible .main{
    margin-left:var(--side-menu-size);
}
.desktop .aside-expandable .app-menu-content{
    display:none;
}
.tablet.landscape .layout-native.aside-expandable.menu-visible .app-menu-content{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-transform:none;
    -ms-transform:none;
    transform:none;
    -webkit-transition:none;
    transition:none;
}
.is-rtl.desktop .aside-expandable.menu-visible .main{
    margin-left:0;
    margin-right:var(--side-menu-size);
}
.is-rtl.tablet .app-menu-content, .is-rtl.phone .app-menu-content{
    right:calc(-1 * var(--side-menu-size));
    -webkit-transition:all 330ms ease-out;
    transition:all 330ms ease-out;
}
.is-rtl:not(.portrait) .layout-side.layout-native.aside-visible .app-menu-content{
    right:0;
}
.is-rtl .layout-side .app-menu-content{
    left:auto;
}
.is-rtl .aside-overlay.menu-visible .app-menu-content{
    right:0;
    -webkit-transform:translateX(0) translateZ(0);
    transform:translateX(0) translateZ(0);
    -webkit-transition:all 330ms ease-out;
    transition:all 330ms ease-out;
}
/*! 3.8. Menu - Header Logo */
.layout-side .header-logo{
    height:var(--header-size);
    padding:var(--space-none) var(--space-m);
}
.tablet .header-logo,
.phone .header-logo{
    height:var(--header-size);
    padding:var(--space-none) var(--space-m);
}
/*! 3.9. Menu - App Menu Link */
.app-menu-links{
    -webkit-box-flex:1;
    -ms-flex:1;
    flex:1;
    height:100%;
}
.app-menu-links{



}
.app-menu-links:empty{

}
.app-menu-links:empty:after{








}
.app-menu-links a{
    color:var(--color-neutral-9);
}
.app-menu-links a{

}
.app-menu-links a:hover, .app-menu-links a.active{
    color:var(--color-primary);
    text-decoration:none;
}
body .app-menu-content .app-menu-links{



}
.layout .app-menu-links:empty:after{

}
.layout:not(.layout-side) .app-menu-links a{
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    border-bottom:var(--border-size-m) solid transparent;
    border-top:var(--border-size-m) solid transparent;
    display:-webkit-inline-box;
    display:-ms-inline-flexbox;
    display:inline-flex;
}
.layout:not(.layout-side) .app-menu-links a.active{
    border-bottom:var(--border-size-m) solid var(--color-primary);
}
.layout-side .app-menu-links a,
.menu-visible .app-menu-links a{
    border-bottom:0;
    border-left:var(--border-size-m) solid transparent;
    border-top:0;
    margin-left:0;
    padding:var(--space-s) var(--space-m);
}
.layout-side .app-menu-links{

}
.layout-side .app-menu-links{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-overflow-scrolling:touch;
    overflow-y:auto;
    padding-top:var(--space-s);
}
.layout-side .app-menu-links a.active{
    border-left:var(--border-size-m) solid var(--color-primary);
}
.landscape .layout-native .app-menu-links{
    padding-left:calc(var(--os-safe-area-left) / 2);
}
.desktop .layout:not(.layout-side) .app-menu-links{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
}
.phone .app-menu-links,
.tablet .app-menu-links{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-overflow-scrolling:touch;
    overflow-y:auto;
    padding-top:var(--space-s);
}
.phone .app-menu-links a,
.tablet .app-menu-links a{



}
.phone .layout:not(.layout-side) .app-menu-links a.active,
.tablet .layout:not(.layout-side) .app-menu-links a.active{
    border-bottom:0;
}
.has-accessible-features .header a.active:focus{
    color:var(--color-primary);
}
.has-accessible-features .app-menu-links a:focus{
    background-color:transparent;
    -webkit-box-shadow:0 0 0 3px var(--color-focus-outer);
    box-shadow:0 0 0 3px var(--color-focus-outer);
}
/*! 3.10. Menu - App Login Info */
.layout-side .app-login-info{
    padding:var(--space-base) var(--space-m);
}
.layout-side .user-info{
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
}
.tablet .app-login-info,
.phone .app-login-info{
    padding:var(--space-base) var(--space-m);
}
.tablet .user-info,
.phone .user-info{
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
}
/*! 3.11. Content */
.content{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-flex:1;
    -ms-flex:1;
    flex:1;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    position:relative;
}
.content-breadcrumbs{
    margin-bottom:var(--space-base);
}
.content-top{
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
}
.content-top-title{
    -webkit-box-flex:1;
    -ms-flex:1;
    flex:1;
    margin-bottom:var(--space-l);
}
.content-top-title .Title_Links{
    font-size:var(--font-size-s);
    font-weight:var(--font-regular);
}
.content-top-actions{
    -webkit-box-flex:1;
    -ms-flex:1;
    flex:1;
    -webkit-box-pack:end;
    -ms-flex-pack:end;
    justify-content:flex-end;
    margin-bottom:var(--space-l);
    text-align:right;
}
.content-top-title, .content-top-actions{
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
}
.content-top-title > div:not([class*=ThemeGrid_Width]), .content-top-actions > div:not([class*=ThemeGrid_Width]){
    width:100%;
}
.content-middle{
    position:relative;
}
.content-middle{

}
.main-content{
    -webkit-box-flex:1;
    -ms-flex:1;
    flex:1;
    position:relative;
}
.layout-native .content{
    background-color:var(--color-background-body);
}
.layout-native .content-middle{
    height:100%;
}
.phone .content-top{
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
}
.phone .content-top-actions, .phone .content-top-title{
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    width:100%;
}
/*! 3.12. ThemeGrid_Container */
.ThemeGrid_Container{
    margin:var(--space-none) auto;
    width:100%;
}
.header .ThemeGrid_Container{
    padding:var(--space-none) var(--space-xl);
}
.layout .main-content.ThemeGrid_Container{
    padding:var(--space-xl);
}
.layout .footer.ThemeGrid_Container{
    padding:var(--space-base) var(--space-xl);
}
.tablet .header .ThemeGrid_Container{
    padding:var(--space-none) var(--space-m);
}
.tablet .main-content.ThemeGrid_Container{
    padding:var(--space-m);
}
.tablet .footer.ThemeGrid_Container{
    padding:var(--space-base) var(--space-m);
}
.phone .header .ThemeGrid_Container{
    padding-left:calc(var(--os-safe-area-left) + var(--space-base));
    padding-right:calc(var(--os-safe-area-right) + var(--space-base));
}
.phone .main-content.ThemeGrid_Container{
    padding-bottom:var(--space-base);
    padding-left:calc(var(--os-safe-area-left) + var(--space-base));
    padding-right:calc(var(--os-safe-area-right) + var(--space-base));
    padding-top:var(--space-base);
}
.phone .footer.ThemeGrid_Container{
    padding-left:calc(var(--os-safe-area-left) + var(--space-base));
    padding-right:calc(var(--os-safe-area-right) + var(--space-base));
}
.layout-native .main-content.ThemeGrid_Container{
    padding:var(--space-none);
}
/*! 3.13. Section */
.full-width-section{
    position:relative;
}
.full-width-section .ThemeGrid_Container{
    padding:var(--space-none) var(--space-xl);
}
.section-background{
    left:0;
    position:absolute;
    top:0;
    height:100%;
    overflow:hidden;
    width:100%;
}
.section-background:empty{


}
.section-background img{
    height:100%;
    -o-object-fit:cover;
    object-fit:cover;
    width:100%;
}
.section-content{
    position:relative;
}
/*! 3.14. Login */
.login-screen{
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    background-color:var(--color-primary);
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    height:100%;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
}
.login-screen > img{
    left:0;
    position:absolute;
    top:0;
    height:100%;
    -o-object-fit:cover;
    object-fit:cover;
    width:100%;
}
.login-form{
    background-color:var(--color-neutral-0);
    border-radius:var(--border-radius-soft);
    -webkit-box-shadow:var(--shadow-l);
    box-shadow:var(--shadow-l);
    min-width:435px;
    padding:var(--space-xxl);
    z-index:var(--layer-global-screen);
}
.layout-native .login-screen{
    background-color:var(--color-background-login);
    padding:var(--os-safe-area-top) var(--os-safe-area-right) var(--os-safe-area-bottom) var(--os-safe-area-left);
}
.layout-native .login-form{
    border-radius:0;
    -webkit-box-shadow:none;
    box-shadow:none;
}
.login-button [data-block*=ButtonLoading], .login-button [data-block*=ButtonLoading] > div{

}
.android .layout-native .login-screen{
    padding-top:max(var(--status-bar-height), var(--safe-area-inset-top, 0px));
}
.phone .login-form{
    margin:var(--space-none) var(--space-base);
    min-width:auto;
    padding:var(--space-l);
    width:100%;
}
.phone .layout-native .login-form{
    background:transparent;
    margin:0;
}
.phone .layout-native .login-button .btn{
    padding-bottom:var(--os-safe-area-bottom);
}
.phone .layout-native.blank .login-button .btn{
    padding-bottom:var(--space-none);
}
/*! 3.15. iOS Scroll Bounce */
.ios .layout-native.ios-bounce:not(.hide-header-on-scroll) .main{
    display:grid;
    grid-template:auto 1fr auto/1fr;
    grid-template-areas:"header" "content" "footer";
    max-height:var(--viewport-height, 100vh);
    width:100%;
}
.ios .layout-native.ios-bounce:not(.hide-header-on-scroll) .main{

}
.ios .layout-native.ios-bounce:not(.hide-header-on-scroll) .header{
    grid-area:header;
    position:relative;
}
.ios .layout-native.ios-bounce:not(.hide-header-on-scroll) [data-block="Private.PullToRefresh"]{
    display:contents;
}
.ios .layout-native.ios-bounce:not(.hide-header-on-scroll) .pull-to-refresh{
    top:calc(var(--header-size) + var(--header-size-content) + var(--os-safe-area-top));
}
.ios .layout-native.ios-bounce:not(.hide-header-on-scroll) .content{
    background-color:var(--color-background-body);
    grid-area:content;
    overflow-x:hidden;
    overflow-y:auto;
}
.ios .layout-native.ios-bounce:not(.hide-header-on-scroll) .content-bottom{
    grid-area:footer;
    position:relative;
}
/*! ==============================================================================
4. Widgets
=============================================================================== */
/*! 4.1. Inputs and TextAreas */
::-webkit-input-placeholder{
    color:var(--color-neutral-7);
}
::-moz-placeholder{
    color:var(--color-neutral-7);
}
:-ms-input-placeholder{
    color:var(--color-neutral-7);
}
.form-control{
}
.form-control[data-input], .form-control[data-textarea]{
    background-color:var(--color-neutral-0);
    border:var(--border-size-s) solid var(--color-neutral-5);
    border-radius:var(--border-radius-soft);
    color:var(--color-neutral-9);
    font-size:var(--font-size-s);
    -webkit-transition:all 180ms linear;
    transition:all 180ms linear;
}
.form-control[data-input]:hover, .form-control[data-textarea]:hover{
    border:var(--border-size-s) solid var(--color-neutral-6);
}
.form-control[data-input]:focus, .form-control[data-textarea]:focus{
    border:var(--border-size-s) solid var(--color-primary);
}
.form-control[data-input][disabled], .form-control[data-textarea][disabled]{
    background-color:var(--color-neutral-2);
    border:var(--border-size-s) solid var(--color-neutral-4);
    color:var(--color-neutral-6);
}
.form-control[data-input]{
    height:40px;
    padding:var(--space-none) var(--space-base);
}
.form-control[data-textarea]{
    height:auto;
    padding:var(--space-base);
    resize:auto;
}
.form-control.input{
}
.form-control.input-small[data-input]{
    font-size:var(--font-size-xs);
    height:32px;
    padding:var(--space-none) var(--space-s);
}
.form-control.input-small[data-textarea]{
    font-size:var(--font-size-xs);
    padding:var(--space-s);
}
.form-control.input-large[data-input]{
    font-size:var(--font-size-base);
    height:48px;
}
.form-control.input-large[data-textarea]{
    font-size:var(--font-size-base);
}
.form-control.not-valid[data-input], .form-control.not-valid[data-textarea]{
    border:var(--border-size-s) solid var(--color-error);
}
.tablet .form-control[data-input],
.phone .form-control[data-input]{
    font-size:var(--font-size-base);
    height:48px;
}
.tablet .form-control[data-input].input-small,
.phone .form-control[data-input].input-small{
    font-size:var(--font-size-xs);
    height:32px;
}
.tablet .form-control[data-textarea],
.phone .form-control[data-textarea]{
    font-size:var(--font-size-base);
    height:auto;
}
.tablet .form-control[data-textarea].input-small,
.phone .form-control[data-textarea].input-small{
    font-size:var(--font-size-xs);
}
.layout-native .header-top-content .form-control[data-input]{
    background-color:var(--header-color);
    border:0;
    border-bottom:var(--border-size-s) solid transparent;
    border-radius:0;
}
.layout-native .header-top-content .form-control[data-input]:focus{
    border-bottom:var(--border-size-s) solid var(--color-primary);
}
.has-accessible-features .form-control[data-input], .has-accessible-features .form-control[data-textarea]{
    border-color:var(--color-neutral-7);
}
.has-accessible-features .form-control[data-input]:hover, .has-accessible-features .form-control[data-textarea]:hover{
    border-color:var(--color-neutral-8);
}
.has-accessible-features .form-control[data-input]:focus, .has-accessible-features .form-control[data-textarea]:focus{
    border-color:var(--color-focus-inner);
}
.has-accessible-features .form-control[data-input].not-valid, .has-accessible-features .form-control[data-input].not-valid:hover, .has-accessible-features .form-control[data-input].not-valid:focus, .has-accessible-features .form-control[data-textarea].not-valid, .has-accessible-features .form-control[data-textarea].not-valid:hover, .has-accessible-features .form-control[data-textarea].not-valid:focus{
    border-color:var(--color-error);
}
/*! 4.2. Switch */
[data-switch]{
    background-color:transparent;
    border-radius:0;
    height:32px;
    overflow:initial;
    width:50px;
}
[data-switch]:empty:before{
    background-color:var(--color-neutral-5);
    border:var(--border-size-s) solid var(--color-neutral-5);
    border-radius:var(--border-radius-rounded);
    height:30px;
    opacity:1;
    -webkit-transition:all 180ms linear;
    transition:all 180ms linear;
    width:48px;
}
[data-switch]:empty:after{
    border:0;
    bottom:0;
    -webkit-box-shadow:none;
    box-shadow:none;
    height:24px;
    left:0;
    margin-left:0;
    top:4px;
    -webkit-transform:translateX(4px) translateZ(0);
    transform:translateX(4px) translateZ(0);
    -webkit-transition:all 180ms linear;
    transition:all 180ms linear;
    width:24px;
}
[data-switch]:hover:before{
    background-color:var(--color-neutral-6);
    border:var(--border-size-s) solid var(--color-neutral-6);
}
[data-switch]:checked:before{
    background-color:var(--color-primary);
    border:var(--border-size-s) solid var(--color-primary);
}
[data-switch]:checked:after{
    -webkit-transform:translateX(22px) translateZ(0);
    transform:translateX(22px) translateZ(0);
}
[data-switch][disabled]{
    pointer-events:none;
}
[data-switch][disabled]:empty:before{
    background-color:var(--color-neutral-2);
    border:var(--border-size-s) solid var(--color-neutral-4);
}
[data-switch][disabled]:empty:after{
    background-color:var(--color-neutral-5);
    border:0;
}
.has-accessible-features [data-switch]{
    border-radius:var(--border-radius-rounded);
}
.has-accessible-features [data-switch]:empty:before{
    background-color:var(--color-neutral-7);
    border-color:var(--color-neutral-7);
}
.has-accessible-features [data-switch]:hover:before{
    background-color:var(--color-neutral-8);
    border-color:var(--color-neutral-8);
}
.has-accessible-features [data-switch]:checked:before{
    background-color:var(--color-primary);
    border-color:var(--color-primary);
}
.has-accessible-features [data-switch]:focus:before{
    border-color:var(--color-focus-inner);
}
.os-high-contrast [data-switch]:empty:after{
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    border:var(--border-size-s) solid var(--color-neutral-6);
    content:"0";
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    font-family:monospace;
    font-size:var(--font-size-xs);
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    left:-1px;
    top:3px;
}
.os-high-contrast [data-switch]:checked:after{
    content:"1";
}
/*! 4.3. Checkbox */
[data-checkbox]{
    height:24px;
    padding:var(--space-none);
    width:24px;
}
[data-checkbox]:before{
    background:var(--color-neutral-0);
    border:var(--border-size-s) solid var(--color-neutral-5);
    border-radius:var(--border-radius-soft);
    height:22px;
    opacity:1;
    -webkit-transition:all 180ms linear;
    transition:all 180ms linear;
    width:22px;
}
[data-checkbox]:hover:before{
    border:var(--border-size-s) solid var(--color-neutral-6);
}
[data-checkbox]:checked:before{
    background:var(--color-primary);
    border:var(--border-size-s) solid var(--color-primary);
}
[data-checkbox]:checked:after{
    border:var(--border-size-l) solid var(--color-neutral-0);
    border-right:var(--border-size-none) !important;
    border-top:var(--border-size-none) !important;
    display:block;
    height:4px;
    left:5px;
    top:7px;
    width:12px;
}
[data-checkbox][disabled]{
    pointer-events:none;
}
[data-checkbox][disabled]:before, [data-checkbox][disabled]:checked:before{
    background-color:var(--color-neutral-2);
    border:var(--border-size-s) solid var(--color-neutral-4);
}
[data-checkbox][disabled]:checked:after{
    border:var(--border-size-l) solid var(--color-neutral-6);
}
.tablet [data-checkbox],
.phone [data-checkbox]{
    height:32px;
    width:32px;
}
.tablet [data-checkbox]:before,
.phone [data-checkbox]:before{
    height:30px;
    width:30px;
}
.tablet [data-checkbox]:checked:after,
.phone [data-checkbox]:checked:after{
    left:9px;
    top:11px;
}
.has-accessible-features [data-checkbox]{
    border-radius:var(--border-radius-soft);
}
.has-accessible-features [data-checkbox]:before{
    border-color:var(--color-neutral-7);
}
.has-accessible-features [data-checkbox]:hover:before{
    border-color:var(--color-neutral-8);
}
.has-accessible-features [data-checkbox]:checked:before{
    border-color:var(--color-primary);
}
.has-accessible-features [data-checkbox]:focus:before{
    border-color:var(--color-focus-inner);
}
/*! 4.4. Dropdown */
.dropdown-container{
    cursor:initial;
    position:relative;
}
.dropdown-container:after{
    border:var(--border-size-m) solid var(--color-neutral-7);
    border-right:var(--border-size-none) !important;
    border-top:var(--border-size-none) !important;
    bottom:0;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    content:"";
    height:8px;
    left:auto;
    pointer-events:none;
    position:absolute;
    right:16px;
    top:15px;
    -webkit-transform:rotate(-45deg) translateY(0) translateX(0);
    -ms-transform:rotate(-45deg) translateY(0) translateX(0);
    transform:rotate(-45deg) translateY(0) translateX(0);
    -webkit-transition:all 300ms ease-in-out;
    transition:all 300ms ease-in-out;
    width:8px;
}
.dropdown-container > .dropdown-display:after{
    content:none;
}
.dropdown-container > div.dropdown-display, .dropdown-container > select.dropdown-display{
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    background-color:var(--color-neutral-0);
    border:var(--border-size-s) solid var(--color-neutral-5);
    border-radius:var(--border-radius-soft);
    color:var(--color-neutral-9);
    cursor:pointer;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    font-size:var(--font-size-s);
    height:40px;
    padding:var(--space-none) var(--space-base);
    width:100%;
}
.dropdown-container > div.dropdown-display:hover, .dropdown-container > select.dropdown-display:hover{
    border:var(--border-size-s) solid var(--color-neutral-6);
}
.dropdown-container > div.dropdown-display:focus, .dropdown-container > select.dropdown-display:focus{
    border:var(--border-size-s) solid var(--color-primary);
}
.dropdown-container.not-valid.dropdown-expanded > div.dropdown-display, .dropdown-container.not-valid > select.dropdown-display{
    border:var(--border-size-s) solid var(--color-error);
}
.dropdown-container.dropdown-expanded > div.dropdown-display{
    border:var(--border-size-s) solid var(--color-primary);
}
.dropdown-container > div.dropdown-list{
    border:var(--border-size-s) solid var(--color-neutral-4);
    border-radius:var(--border-radius-soft);
    -webkit-box-shadow:none;
    box-shadow:none;
    left:0 !important;
    max-height:300px;
    overflow-y:auto;
    position:absolute;
    width:100% !important;
}
.dropdown-container .dropdown-popup-row{
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    color:var(--color-neutral-9);
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    height:40px;
    padding:var(--space-none) var(--space-base);
}
.dropdown-container .dropdown-popup-row:hover, .dropdown-container .dropdown-popup-row-selected:hover{
    background:var(--color-neutral-2);
}
.dropdown-container .dropdown-popup-row-selected{
    background-color:var(--color-neutral-2);
    color:var(--color-neutral-9);
}
.dropdown-container .dropdown-popup-row span{
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.dropdown-container .scrollable-list-with-scroll{
    background:none;
    max-height:100%;
    overflow-y:hidden;
    padding:var(--space-s) var(--space-none);
}
.dropdown-container .scrollable-list-with-scroll:before, .dropdown-container .scrollable-list-with-scroll:after{
    content:none;
}
.dropdown-expanded.dropdown-container:after{
    border:var(--border-size-m) solid var(--color-primary);
    -webkit-transform:rotate(135deg) translateY(-3px) translateX(3px);
    -ms-transform:rotate(135deg) translateY(-3px) translateX(3px);
    transform:rotate(135deg) translateY(-3px) translateX(3px);
}
.dropdown-expanded-down div.dropdown-list{
    margin-top:var(--space-xs);
    top:100% !important;
}
.dropdown-expanded-up div.dropdown-list{
    bottom:100% !important;
    margin-bottom:var(--space-xs);
    top:auto !important;
}
.not-valid.dropdown-expanded.dropdown-container:after{
    border:var(--border-size-m) solid var(--color-neutral-7);
    border-right:var(--border-size-none) !important;
    border-top:var(--border-size-none) !important;
    -webkit-transform:rotate(-45deg) translateY(0) translateX(0);
    -ms-transform:rotate(-45deg) translateY(0) translateX(0);
    transform:rotate(-45deg) translateY(0) translateX(0);
}
div.dropdown-display.dropdown-disabled, div.dropdown-display[disabled],
select.dropdown-display.dropdown-disabled,
select.dropdown-display[disabled]{
    background-color:var(--color-neutral-2);
    border:var(--border-size-s) solid var(--color-neutral-4);
    color:var(--color-neutral-6);
    pointer-events:none;
}
div.dropdown-display-content{
    width:100%;
}
div.dropdown-display-content > span, div.dropdown-display-content > div{
    font-size:var(--font-size-s);
}
select.dropdown-display[disabled]{
    opacity:1;
}
.tablet .dropdown-container:after,
.phone .dropdown-container:after{
    top:20px;
}
.tablet div.dropdown-display,
.tablet select.dropdown-display,
.phone div.dropdown-display,
.phone select.dropdown-display{
    font-size:var(--font-size-base);
    height:48px;
}
.tablet div.dropdown-display .dropdown-display-content > span, .tablet div.dropdown-display .dropdown-display-content > div,
.tablet select.dropdown-display .dropdown-display-content > span,
.tablet select.dropdown-display .dropdown-display-content > div,
.phone div.dropdown-display .dropdown-display-content > span,
.phone div.dropdown-display .dropdown-display-content > div,
.phone select.dropdown-display .dropdown-display-content > span,
.phone select.dropdown-display .dropdown-display-content > div{
    font-size:var(--font-size-base);
}
.is-rtl .dropdown-container:after{
    left:16px;
    right:auto;
}
.has-accessible-features .dropdown-container.dropdown-expanded > div.dropdown-display{
    border-color:var(--color-focus-inner);
    -webkit-box-shadow:0 0 0 3px var(--color-focus-outer);
    box-shadow:0 0 0 3px var(--color-focus-outer);
}
.has-accessible-features .dropdown-container > div.dropdown-display, .has-accessible-features .dropdown-container > select.dropdown-display{
    border-color:var(--color-neutral-7);
}
.has-accessible-features .dropdown-container > div.dropdown-display:hover, .has-accessible-features .dropdown-container > select.dropdown-display:hover{
    border-color:var(--color-neutral-8);
}
.has-accessible-features .dropdown-container > select.dropdown-display:focus{
    border-color:var(--color-focus-inner);
}
/*! 4.5. Button */
.btn{
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    background-color:var(--color-neutral-0);
    border:var(--border-size-s) solid currentColor;
    border-radius:var(--border-radius-soft);
    color:var(--color-primary);
    cursor:pointer;
    display:-webkit-inline-box;
    display:-ms-inline-flexbox;
    display:inline-flex;
    -webkit-filter:brightness(1);
    filter:brightness(1);
    font-weight:var(--font-semi-bold);
    height:40px;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    line-height:1;
    margin:0;
    padding:var(--space-none) var(--space-base);
    -webkit-transition:all 100ms linear;
    transition:all 100ms linear;
}
.btn:hover:active{
    -webkit-filter:brightness(0.8);
    filter:brightness(0.8);
}
.btn[class*=background-]{
    border:var(--border-size-s) solid transparent;
    color:var(--color-neutral-0);
}
.btn[class*=text-]{
    background-color:var(--color-neutral-0);
    border:var(--border-size-s) solid currentColor;
}
.btn + .btn{
    margin-left:var(--space-m);
}
.btn-primary{
    background-color:var(--color-primary);
    border:var(--border-size-s) solid var(--color-primary);
    color:var(--color-neutral-0);
}
.btn-small{
    font-size:var(--font-size-xs);
    height:32px;
    padding:var(--space-none) var(--space-s);
}
.btn-large{
    font-size:var(--font-size-base);
    height:48px;
}
.btn-cancel{
    background-color:var(--color-neutral-0);
    border:var(--border-size-s) solid var(--color-neutral-8);
    color:var(--color-neutral-7);
}
.btn-success{
    background-color:var(--color-success);
    border:var(--border-size-s) solid var(--color-success);
    color:var(--color-neutral-0);
}
.btn-error{
    background-color:var(--color-error);
    border:var(--border-size-s) solid var(--color-error);
    color:var(--color-neutral-0);
}
.btn[disabled]{
    background-color:var(--color-neutral-2);
    border:var(--border-size-s) solid var(--color-neutral-4);
    color:var(--color-neutral-6);
    pointer-events:none;
}
.desktop .btn:hover{
    -webkit-filter:brightness(0.9);
    filter:brightness(0.9);
}
.tablet .btn,
.phone .btn{
    font-size:var(--font-size-base);
    height:48px;
}
.tablet .btn-small,
.phone .btn-small{
    font-size:var(--font-size-s);
    height:40px;
}
.tablet .btn-large,
.phone .btn-large{
    height:56px;
}
.phone .layout:not(.layout-native) .btn{
    display:-webkit-inline-box;
    display:-ms-inline-flexbox;
    display:inline-flex;
    margin-left:0;
    width:100%;
}
.phone .layout:not(.layout-native) .btn + .btn{
    margin-top:var(--space-base);
}
.phone .layout:not(.layout-native) .flex-direction-column-reverse + .btn{
    margin-bottom:var(--space-base);
    margin-top:var(--space-none);
}
.has-accessible-features .btn:focus{
    border-color:var(--color-focus-inner);
}
.layout-native .header-right .btn{
    background-color:transparent;
    border:0;
    color:var(--color-primary);
    font-size:var(--font-size-base);
    padding:0;
}
.layout-native .footer > .btn{
    border-radius:0;
    height:100%;
    padding-bottom:var(--os-safe-area-bottom);
}
.layout-native .bottom-bar .btn{
    padding-bottom:var(--space-none);
}
/*! 4.6. List */
.list.list-group{
    overflow:hidden;
    position:relative;
}
/*! 4.7. List Item */
.list-item{
    border-bottom:var(--border-size-s) solid var(--color-neutral-4);
    overflow:hidden;
    padding:var(--space-m);
    position:relative;
}
.list-item:last-of-type{
    border-bottom:none;
}
.list-item.list-item-no-click-effect .scale-animation{
    background:transparent !important;
    opacity:0 !important;
}
.list-item .scale-animation{
    -webkit-animation:list-item-scale-animation 1500ms;
    animation:list-item-scale-animation 1500ms;
    background-color:rgba(0, 0, 0, 0.1);
    border-radius:100px;
    display:block;
    height:10px;
    left:50%;
    pointer-events:none;
    position:absolute;
    top:50%;
    width:10px;
    will-change:transform;
    z-index:var(--layer-global-screen);
}
.list .list-item{
    background-color:var(--color-neutral-0);
}
.layout-native .list-item{
    padding:var(--space-base);
}
.desktop .list .list-item:hover:not(.list-item-no-hover):not(.list-item-selected){
    background-color:var(--color-neutral-2);
}
.desktop .list .list-item-selected,
.tablet.landscape .list .list-item-selected{
    background:var(--color-primary) var(--color-primary-lightest);
}
.desktop .list .list-item-selected .list-item-content-title,
.tablet.landscape .list .list-item-selected .list-item-content-title{
    color:var(--color-neutral-10);
}
.desktop .list .list-item-selected .list-item-content-text,
.tablet.landscape .list .list-item-selected .list-item-content-text{
    color:var(--color-neutral-8);
}
.desktop .list .list-item-selected .list-item-content-right .icon,
.tablet.landscape .list .list-item-selected .list-item-content-right .icon{
    color:var(--color-primary);
}
.os-high-contrast.desktop .list .list-item:hover,
.os-high-contrast.desktop .list .list-item-selected, .os-high-contrast.tablet.landscape .list .list-item:hover,
.os-high-contrast.tablet.landscape .list .list-item-selected{
    position:relative;
}
.os-high-contrast.desktop .list .list-item:hover:before,
.os-high-contrast.desktop .list .list-item-selected:before, .os-high-contrast.tablet.landscape .list .list-item:hover:before,
.os-high-contrast.tablet.landscape .list .list-item-selected:before{
    border:var(--border-size-s) solid var(--color-focus-outer);
    border-right-width:0;
    border-left-width:var(--border-size-l);
    bottom:0;
    content:"";
    display:block;
    left:0;
    pointer-events:none;
    position:absolute;
    right:0;
    top:0;
}
/*! 4.8. Table */
.table{
    border:var(--border-size-s) solid var(--color-neutral-4);
    border-radius:var(--border-radius-soft);
    border-spacing:0;
    empty-cells:show;
    white-space:nowrap;
    width:100%;
    word-break:keep-all;
}
.table-header{

}
.table-header th{
    background-color:var(--color-neutral-0);
    border-bottom:var(--border-size-s) solid var(--color-neutral-4);
    color:var(--color-neutral-8);
    font-weight:var(--font-semi-bold);
    height:48px;
    padding:var(--space-none) var(--space-m);
    text-align:left;
}
.table-header th:first-child{
    border-radius:var(--border-radius-soft) var(--border-radius-none) var(--border-radius-none) var(--border-radius-none);
}
.table-header th:last-child{
    border-radius:var(--border-radius-none) var(--border-radius-soft) var(--border-radius-none) var(--border-radius-none);
}
.table-header th.sortable{
    cursor:pointer;
}
.table-header th.sorted{
    color:var(--color-primary);
}
.table-row:hover td{
    background:var(--color-neutral-2);
}
.table-row.table-row-selected td{
    background:var(--color-primary) var(--color-primary-lightest);
}
.table-row td{
    background:var(--color-neutral-0);
    border-bottom:var(--border-size-s) solid var(--color-neutral-4);
    height:56px;
    padding:var(--space-s) var(--space-m);
    vertical-align:inherit;
}
.table-row-small td{
    height:48px;
}
.table-row-medium td{
    height:64px;
}
.table-row-stripping:nth-child(even) td{
    background:var(--color-neutral-1);
}
.table .table-row:last-child td{
    border-bottom:none;
}
.table .table-row:last-child td:last-child{
    border-radius:var(--border-radius-none) var(--border-radius-none) var(--border-radius-soft) var(--border-radius-none);
}
.table .table-row:last-child td:first-child{
    border-radius:var(--border-radius-none) var(--border-radius-none) var(--border-radius-none) var(--border-radius-soft);
}
.desktop .table-header th.sortable:hover{
    color:var(--color-primary);
}
.tablet .overflow-horizontal .table{
    overflow-x:auto;
}
.phone div:not(.overflow-horizontal) > .table:not(.table-no-responsive),
.tablet div:not(.overflow-horizontal) > .table:not(.table-no-responsive){
    word-break:break-all;
}
.phone .table th,
.tablet .table th{
    width:100%;
}
.phone .table-no-responsive,
.tablet .table-no-responsive{
    overflow-x:auto;
    word-break:break-all;
}
.phone .table-no-responsive,
.tablet .table-no-responsive{

}
.phone .table:not(.table-no-responsive),
.tablet .table:not(.table-no-responsive){
    overflow:hidden;
}
.phone .table:not(.table-no-responsive) thead,
.tablet .table:not(.table-no-responsive) thead{
    display:none;
}
.phone .table:not(.table-no-responsive) thead,
.tablet .table:not(.table-no-responsive) thead{

}
.phone .table:not(.table-no-responsive) tr,
.phone .table:not(.table-no-responsive) td,
.tablet .table:not(.table-no-responsive) tr,
.tablet .table:not(.table-no-responsive) td{
    display:block;
}
.phone .table:not(.table-no-responsive) tr,
.phone .table:not(.table-no-responsive) td,
.tablet .table:not(.table-no-responsive) tr,
.tablet .table:not(.table-no-responsive) td{

}
.phone .table:not(.table-no-responsive) tr,
.tablet .table:not(.table-no-responsive) tr{
    border-bottom:var(--border-size-s) solid var(--color-neutral-4);
}
.phone .table:not(.table-no-responsive) td,
.tablet .table:not(.table-no-responsive) td{
    border-bottom:0;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    height:auto;
    position:relative;
    text-align:left !important;
    width:100% !important;
}
.phone .table:not(.table-no-responsive) td:before,
.tablet .table:not(.table-no-responsive) td:before{
    content:attr(data-header);
    display:block;
    font-weight:bold;
    margin-right:10px;
    max-width:110px;
    min-width:110px;
    word-break:break-word;
    white-space:normal;
}
.phone .table:not(.table-no-responsive) td:not([data-header]):before,
.tablet .table:not(.table-no-responsive) td:not([data-header]):before{
    display:none;
}
.phone .layout-native .table:not(.table-responsive) thead,
.tablet .layout-native .table:not(.table-responsive) thead{
    display:table-header-group;
}
.phone .layout-native .table:not(.table-responsive) tr,
.tablet .layout-native .table:not(.table-responsive) tr{
    display:table-row;
}
.phone .layout-native .table:not(.table-responsive) td,
.tablet .layout-native .table:not(.table-responsive) td{
    background:var(--color-neutral-0);
    border-bottom:var(--border-size-s) solid var(--color-neutral-4);
    display:table-cell;
    padding:var(--space-s) var(--space-m);
    vertical-align:inherit;
    width:auto !important;
}
.phone .layout-native .table:not(.table-responsive) td,
.tablet .layout-native .table:not(.table-responsive) td{

}
.phone .layout-native .table:not(.table-responsive) td:before,
.tablet .layout-native .table:not(.table-responsive) td:before{
    display:none;
}
.phone .layout:not(.layout-native) .table:not(.table-no-responsive) tbody,
.tablet .layout:not(.layout-native) .table:not(.table-no-responsive) tbody{
    display:block;
    width:100%;
}
.phone .table:not(.table-responsive){
    display:block;
    overflow:auto;
    position:relative;
}
.phone .table:not(.table-responsive){

}
.phone .layout-native .table:not(.table-responsive) td:before{
    display:none;
}
.has-accessible-features th.sortable:focus{
    -webkit-box-shadow:0 0 0 3px var(--color-focus-outer);
    box-shadow:0 0 0 3px var(--color-focus-outer);
    position:relative;
    z-index:var(--layer-global-screen);
}
.is-rtl.phone .table:not(.table-no-responsive) td, .is-rtl.tablet .table:not(.table-no-responsive) td{
    text-align:right !important;
}
.is-rtl.phone .table:not(.table-no-responsive) td:before, .is-rtl.tablet .table:not(.table-no-responsive) td:before{
    margin-left:10px;
    margin-right:0px;
}
.is-rtl .table-header th{
    text-align:right;
}
.is-rtl .sortable-icon{
    margin-left:var(--space-none);
    right:var(--space-s);
}
/*! 4.9. Table - Sortable Icon */
.sortable-icon{
    display:inline-block;
    height:11px;
    margin-left:var(--space-s);
    position:relative;
    width:10px;
}
.sortable-icon:before, .sortable-icon:after{
    border-left:4px solid transparent;
    border-right:4px solid transparent;
    content:"";
    left:0;
    position:absolute;
}
.sortable-icon:before{
    border-bottom:4px solid var(--color-neutral-8);
}
.sortable-icon:after{
    border-top:4px solid var(--color-neutral-8);
    bottom:0;
}
.table-header th.sorted .sortable-icon:before{
    border-bottom:4px solid var(--color-primary);
}
.table-header th.sorted .sortable-icon:after{
    border-top:4px solid var(--color-primary);
}
.desktop .table-header th.sortable:hover .sortable-icon:before{
    border-bottom:4px solid var(--color-primary);
}
.desktop .table-header th.sortable:hover .sortable-icon:after{
    border-top:4px solid var(--color-primary);
}
/*! 4.10. Table - Bulk Actions */
.table div span [data-checkbox]{
    display:inline-block;
    vertical-align:middle;
}
.table [data-checkbox]{
    display:block;
    height:16px;
    width:16px;
}
.table [data-checkbox]:before{
    height:14px;
    width:14px;
}
.table [data-checkbox]:checked:after{
    border:var(--border-size-m) solid var(--color-neutral-0);
    border-right:var(--border-size-none) !important;
    border-top:var(--border-size-none) !important;
    display:block;
    height:2px;
    left:4px;
    top:5px;
    width:7px;
}
.table .checkbox-intermediate:before{
    background-color:var(--color-primary);
    border:var(--border-size-s) solid var(--color-primary);
}
.table .checkbox-intermediate:after{
    background-color:var(--color-neutral-0);
    content:"";
    height:2px;
    left:50%;
    position:absolute;
    top:50%;
    -webkit-transform:translateY(-50%) translateX(-50%);
    -ms-transform:translateY(-50%) translateX(-50%);
    transform:translateY(-50%) translateX(-50%);
    width:8px;
}
.table .checkbox-intermediate:after{



}
/*! 4.11. Form */
.form.OSFillParent .form-control[class*=ThemeGrid_Width].not-valid ~ span.validation-message{
    left:22px;
}
.form label{
    margin-bottom:var(--space-s);
}
.form .dropdown,
.form .search-input,
.form input[data-input],
.form textarea[data-textarea],
.form [data-switch]{
    margin-bottom:var(--space-m);
}
.form span{
    position:relative;
}
.form span.validation-message{
    bottom:-32px;
    left:0;
    position:absolute;
    white-space:nowrap;
    width:100%;
}
.form > span.input-text .form-control[class*=ThemeGrid_Width].not-valid + span.validation-message{
    left:0;
}
.form textarea[data-textarea] + span.validation-message{
    bottom:7px;
}
.form .upload-file span.validation-message{
    bottom:8px;
    position:relative;
}
.form .dropdown-container[class*=ThemeGrid_Width].not-valid span.validation-message{
    bottom:4px;
}
.form .dropdown-container.not-valid span.validation-message, .form .dropdown-container.dropdown-expanded.not-valid span.validation-message{
    bottom:-19px;
}
.form .radio-group.not-valid{
    position:relative;
}
.form .radio-group.not-valid span.validation-message{
    bottom:-10px;
}
.firefox textarea[data-textarea] + span.validation-message{
    bottom:4px;
}
span.validation-message{
    color:var(--color-error);
    font-size:var(--font-size-xs);
    margin-left:var(--space-none);
}
.form-control[class*=ThemeGrid_Width].not-valid + span.validation-message{
    left:10px;
}
.phone .layout-native .form.OSFillParent .form-control[class*=ThemeGrid_Width].not-valid + span.validation-message{
    left:6px;
}
.phone .form.OSFillParent span.input-text .form-control[class*=ThemeGrid_Width].not-valid + span.validation-message,
.phone .form span.input-text .form-control[class*=ThemeGrid_Width].not-valid.ThemeGrid_MarginGutter + span.validation-message,
.phone .form-control[class*=ThemeGrid_Width].not-valid + span.validation-message{
    left:0;
}
.is-rtl form.OSFillParent .form-control[class*=ThemeGrid_Width].not-valid ~ span.validation-message{
    left:initial;
    right:22px;
}
/*! 4.12. Upload */
[data-upload]{
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    background:var(--color-neutral-0);
    border:var(--border-size-s) solid var(--color-neutral-4);
    border-radius:var(--border-radius-soft);
    color:var(--color-neutral-9);
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    font-size:var(--font-size-s);
    margin-bottom:0;
    min-height:auto;
    padding:var(--space-base);
    position:relative;
}
[data-upload].upload-image-withoverlay{
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
}
[data-upload].upload-image-withoverlay .change-image{
    background-color:transparent;
    color:var(--color-primary);
    height:auto;
    margin-top:var(--space-base);
    opacity:1;
    position:relative;
}
[data-upload].uploaded [data-icon]{
    background-color:transparent;
}
[data-upload] [data-icon]{
    background-color:transparent;
    color:var(--color-neutral-5);
    line-height:1;
    margin-right:var(--space-base);
    width:auto;
}
[data-upload]:focus-visible{
    border:var(--border-size-s) solid var(--color-primary);
}
.is-rtl [data-upload] [data-icon]{
    margin-left:var(--space-base);
    margin-right:var(--space-none);
}
.has-accessible-features [data-upload]{
    border:var(--border-size-s) solid var(--color-neutral-7);
}
/*! 4.13. Button Group */
.button-group{
    background-color:transparent;
    border-radius:0;
    padding:var(--space-none);
}
.button-group-item{
    background-color:var(--color-neutral-0);
    border:var(--border-size-s) solid var(--color-primary);
    border-radius:0;
    color:var(--color-primary);
    cursor:pointer;
    font-size:var(--font-size-s);
    font-weight:var(--font-semi-bold);
    height:40px;
    padding:var(--space-none) var(--space-base);
    position:relative;
}
.button-group-item:first-child{
    border-radius:var(--border-radius-soft) var(--border-radius-none) var(--border-radius-none) var(--border-radius-soft);
}
.button-group-item[disabled]{
    background-color:var(--color-neutral-0);
    border:var(--border-size-s) solid var(--color-neutral-4);
    color:var(--color-neutral-6);
    pointer-events:none;
}
.button-group-item[disabled].button-group-selected-item{
    background-color:var(--color-neutral-2);
    color:var(--color-neutral-6);
}
.button-group-item[disabled]:not(:first-child), .button-group-item:not(:first-child){
    border-left:var(--border-size-none);
}
.button-group-item:last-child{
    border-radius:var(--border-radius-none) var(--border-radius-soft) var(--border-radius-soft) var(--border-radius-none);
}
.button-group-item.button-group-selected-item{
    background-color:var(--color-primary);
    color:var(--color-neutral-0);
}
.button-group.not-valid{
    position:relative;
}
.button-group.not-valid .validation-message{
    bottom:-12px;
    position:relative;
}
.layout-native .header-top-content .button-group-item{
    background-color:var(--header-color);
    border:0;
    border-bottom:var(--border-size-m) solid transparent;
    color:var(--color-neutral-8);
}
.layout-native .header-top-content .button-group-item:last-child{
    border-radius:0;
}
.layout-native .header-top-content .button-group-item.button-group-selected-item{
    border-bottom:var(--border-size-m) solid var(--color-primary);
    color:var(--color-neutral-10);
}
.layout-native .header-top-content .button-group-item[disabled]{
    color:var(--color-neutral-6);
}
.layout-native .header-top-content .button-group-item[disabled].button-group-selected-item{
    border-bottom:var(--border-size-m) solid var(--color-neutral-6);
}
.tablet .button-group-item,
.phone .button-group-item{
    height:48px;
}
.is-rtl .button-group-item:first-child{
    border-radius:var(--border-radius-none) var(--border-radius-soft) var(--border-radius-soft) var(--border-radius-none);
}
.is-rtl .button-group-item:not(:first-child){
    border-left:var(--border-size-s) solid var(--color-primary);
    border-right:var(--border-size-none);
}
.is-rtl .button-group-item:not(:first-child)[disabled]{
    border-left:var(--border-size-s) solid var(--color-neutral-4);
}
.is-rtl .button-group-item:last-child{
    border-radius:var(--border-radius-soft) var(--border-radius-none) var(--border-radius-none) var(--border-radius-soft);
}
.has-accessible-features .button-group-item:focus{
    -webkit-box-shadow:none;
    box-shadow:none;
}
.has-accessible-features .button-group-item:focus:before{
    bottom:-1px;
    -webkit-box-shadow:0 0 0 3px var(--color-focus-outer);
    box-shadow:0 0 0 3px var(--color-focus-outer);
    content:"";
    left:-1px;
    position:absolute;
    right:-1px;
    top:-1px;
    z-index:var(--layer-global-screen);
}
.os-high-contrast .button-group-item.button-group-selected-item:before{
    content:"";
    display:block;
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    border:var(--border-size-l) solid var(--color-primary);
}
/*! 4.14. Popover */
[data-popover] [data-icon]{
    vertical-align:initial;
}
[data-popover] > .popover-top{
    border:var(--border-size-none);
    padding:var(--space-none);
}
[data-popover] > .popover-bottom{
    background-color:var(--color-neutral-0);
    border:var(--border-size-s) solid var(--color-neutral-4);
    border-radius:var(--border-radius-soft);
    -webkit-box-shadow:var(--shadow-s);
    box-shadow:var(--shadow-s);
    color:var(--color-neutral-9);
    max-width:350px;
    min-width:auto;
    padding:var(--space-base);
    z-index:var(--layer-global-elevated);
}
.is-rtl [data-popover] > .popover-top{
    display:inline;
}
/*! 4.15. Popover - ODC */
[data-popover] > .popover-bottom.align-bottom.align-center{
    -webkit-transform:translateX(-50%) translateY(-100%);
    -ms-transform:translateX(-50%) translateY(-100%);
    transform:translateX(-50%) translateY(-100%);
}
.is-rtl [data-popover] > .popover-bottom.align-center{
    margin-left:initial;
    margin-right:-50%;
    -webkit-transform:translateX(50%);
    -ms-transform:translateX(50%);
    transform:translateX(50%);
}
.is-rtl [data-popover] > .popover-bottom.align-center.align-bottom{
    -webkit-transform:translateX(50%) translateY(-100%);
    -ms-transform:translateX(50%) translateY(-100%);
    transform:translateX(50%) translateY(-100%);
}
/*! 4.16. Popup */
[data-popup]{

}
[data-popup-backdrop]{
    z-index:var(--osui-popup-layer);
}
.popup-backdrop{
    background-color:var(--overlay-background);
}
.popup-dialog{
    border:0;
    border-radius:var(--border-radius-soft);
    -webkit-box-shadow:var(--shadow-xl);
    box-shadow:var(--shadow-xl);
    margin:var(--space-m);
    max-height:calc(100% - var(--space-xl));
    max-width:500px;
    overflow:visible;
    padding:var(--space-m);
    width:100%;
}
.popup-dialog{


}
.layout-native .popup-backdrop, .layout-native .popup-dialog{
    padding:var(--space-base);
}
.os-high-contrast .popup-dialog{
    border:var(--border-size-s) solid var(--color-neutral-0);
    border-radius:var(--border-radius-soft);
}
/*! 4.17. Feedback Message */
.feedback-message{
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    border-radius:var(--border-radius-soft);
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    font-size:var(--font-size-h6);
    font-weight:var(--font-regular);
    left:50%;
    max-width:600px;
    min-width:400px;
    padding:var(--space-base);
}
.feedback-message i{
    -ms-flex-item-align:start;
    align-self:flex-start;
    font-size:var(--font-size-h5);
    margin-top:2px;
    position:relative;
}
.feedback-message-text{
    padding-left:var(--space-base);
}
div.feedback-message-error{
    background-color:var(--color-error);
}
div.feedback-message-info{
    background-color:var(--color-info);
}
div.feedback-message-success{
    background-color:var(--color-success);
}
div.feedback-message-warning{
    background-color:var(--color-warning);
    color:var(--color-neutral-10);
}
.phone .feedback-message{
    -webkit-animation-name:feedbackMessageSlideDownPhone;
    animation-name:feedbackMessageSlideDownPhone;
    border-radius:0;
    max-width:100%;
    min-width:100%;
}
.phone .feedback-message.feedback-message-autoclose{
    -webkit-animation-name:feedbackMessageSlideDownThenUpPhone;
    animation-name:feedbackMessageSlideDownThenUpPhone;
}
.phone.ios .feedback-message{
    padding-top:calc(var(--os-safe-area-top) + var(--space-base));
}
.android .feedback-message{
    padding-top:calc(max(var(--status-bar-height), var(--safe-area-inset-top, 0px)) + var(--space-base));
}
.is-rtl.phone .feedback-message{
    -webkit-animation-name:feedbackMessageSlideDownPhoneRTL;
    animation-name:feedbackMessageSlideDownPhoneRTL;
    border-radius:0;
    left:0;
    max-width:100%;
    min-width:100%;
}
.is-rtl.phone .feedback-message.feedback-message-autoclose{
    -webkit-animation-name:feedbackMessageSlideDownThenUpPhoneRTL;
    animation-name:feedbackMessageSlideDownThenUpPhoneRTL;
}
.os-high-contrast .feedback-message{
    border-width:var(--border-size-l);
    border-style:solid;
}
.os-high-contrast .feedback-message.feedback-message-error{
    border-color:var(--color-error);
}
.os-high-contrast .feedback-message.feedback-message-info{
    border-color:var(--color-info);
}
.os-high-contrast .feedback-message.feedback-message-success{
    border-color:var(--color-success);
}
.os-high-contrast .feedback-message.feedback-message-warning{
    border-color:var(--color-warning);
}
/*! 4.18. Radio Button */
.radio-button{
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    cursor:pointer;
    -ms-flex-negative:0;
    flex-shrink:0;
    height:24px;
    position:relative;
    -webkit-transition:all 180ms linear;
    transition:all 180ms linear;
    width:24px;
}
.radio-button:before, .radio-button:after{
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
}
.radio-button:before{
    background-color:var(--color-neutral-0);
    border:var(--border-size-s) solid var(--color-neutral-5);
    border-radius:var(--border-radius-rounded);
    content:"";
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    height:100%;
    -webkit-transition:all 180ms linear;
    transition:all 180ms linear;
    width:100%;
}
.radio-button:hover:before{
    border:var(--border-size-s) solid var(--color-neutral-6);
}
.radio-button:focus:before{
    -webkit-box-shadow:0 0 0 2px var(--color-focus);
    box-shadow:0 0 0 2px var(--color-focus);
}
.radio-button:checked:before{
    background-color:var(--color-neutral-0);
    border:6px solid var(--color-primary);
}
.radio-button:checked:hover:before{
    -webkit-filter:brightness(0.9);
    filter:brightness(0.9);
}
.radio-button:disabled{
    background-color:transparent;
    border:none;
    pointer-events:none;
}
.radio-button:disabled + label{
    pointer-events:none;
    color:var(--color-neutral-6);
}
.radio-button:disabled:before{
    background-color:var(--color-neutral-2);
    border:var(--border-size-s) solid var(--color-neutral-4);
}
.radio-button:disabled:checked:before{
    background-color:var(--color-neutral-2);
    border:6px solid var(--color-neutral-4);
}
.radio-group.is-horizontal{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -ms-flex-direction:row;
    flex-direction:row;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
}
.radio-group.is-horizontal > div{
    display:contents;
}
.radio-group.is-horizontal [data-radio-button]{
    width:auto;
}
.radio-group.is-horizontal [data-radio-button]:not(:first-of-type){
    margin-left:var(--space-base);
}
[data-radio-group].not-valid [data-radio-button] .radio-button:before{
    border:var(--border-size-s) solid var(--color-error);
}
[data-radio-group].not-valid [data-radio-button] .radio-button:checked:before{
    background-color:var(--color-neutral-0);
    border:6px solid var(--color-primary);
}
[data-radio-group] [data-radio-button]{
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    display:-webkit-inline-box;
    display:-ms-inline-flexbox;
    display:inline-flex;
    margin:var(--space-s) 0;
}
[data-radio-group] [data-radio-button] label{
    cursor:pointer;
    line-height:1;
    margin-bottom:0;
    margin-left:var(--space-s);
}
[data-radio-button]:not(.OSFillParent):not([class*=ThemeGrid_Width]){

}
.has-accessible-features .radio-button{
    border-radius:var(--border-radius-rounded);
}
.has-accessible-features .radio-button:before{
    border-color:var(--color-neutral-7);
}
.has-accessible-features .radio-button:after{
    background-color:var(--color-neutral-0);
    border-radius:100%;
    content:"";
    height:12px;
    left:50%;
    margin-left:-6px;
    margin-top:-6px;
    position:absolute;
    top:50%;
    width:12px;
}
.has-accessible-features .radio-button:focus:before{
    background-color:var(--color-primary);
    border-color:var(--color-focus-inner);
    -webkit-box-shadow:none;
    box-shadow:none;
}
.has-accessible-features .radio-button:checked:before{
    border-color:var(--color-primary);
}
.has-accessible-features .radio-button:hover:before{
    border-color:var(--color-neutral-8);
}
.has-accessible-features [data-radio-group].not-valid [data-radio-button] .radio-button:checked:before{
    border-color:var(--color-primary);
}
.is-rtl [data-radio-group] label{
    margin-left:var(--space-none);
    margin-right:var(--space-s);
}
.is-rtl .radio-group.is-horizontal [data-radio-button]:not(:first-of-type){
    margin-left:unset;
    margin-right:var(--space-base);
}
/*! ==============================================================================
5. Providers
=============================================================================== */
/*! 5.1. Flatpickr */
.flatpickr-calendar{
    background:transparent;
    opacity:0;
    display:none;
    text-align:center;
    visibility:hidden;
    padding:0;
    -webkit-animation:none;
    animation:none;
    direction:ltr;
    border:0;
    font-size:14px;
    line-height:24px;
    border-radius:5px;
    position:absolute;
    width:307.875px;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    -ms-touch-action:manipulation;
    touch-action:manipulation;
    background:#fff;
    -webkit-box-shadow:1px 0 0 #e6e6e6, -1px 0 0 #e6e6e6, 0 1px 0 #e6e6e6, 0 -1px 0 #e6e6e6, 0 3px 13px rgba(0, 0, 0, 0.08);
    box-shadow:1px 0 0 #e6e6e6, -1px 0 0 #e6e6e6, 0 1px 0 #e6e6e6, 0 -1px 0 #e6e6e6, 0 3px 13px rgba(0, 0, 0, 0.08);
}
.flatpickr-calendar.open,
.flatpickr-calendar.inline{
    opacity:1;
    max-height:640px;
    visibility:visible;
}
.flatpickr-calendar.open{
    display:inline-block;
    z-index:99999;
}
.flatpickr-calendar.animate.open{
    -webkit-animation:fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);
    animation:fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);
}
.flatpickr-calendar.inline{
    display:block;
    position:relative;
    top:2px;
}
.flatpickr-calendar.static{
    position:absolute;
    top:calc(100% + 2px);
}
.flatpickr-calendar.static.open{
    z-index:999;
    display:block;
}
.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7){
    -webkit-box-shadow:none !important;
    box-shadow:none !important;
}
.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1){
    -webkit-box-shadow:-2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
    box-shadow:-2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
}
.flatpickr-calendar .hasWeeks .dayContainer,
.flatpickr-calendar .hasTime .dayContainer{
    border-bottom:0;
    border-bottom-right-radius:0;
    border-bottom-left-radius:0;
}
.flatpickr-calendar .hasWeeks .dayContainer{
    border-left:0;
}
.flatpickr-calendar.hasTime .flatpickr-time{
    height:40px;
    border-top:1px solid #e6e6e6;
}
.flatpickr-calendar.noCalendar.hasTime .flatpickr-time{
    height:auto;
}
.flatpickr-calendar:before,
.flatpickr-calendar:after{
    position:absolute;
    display:block;
    pointer-events:none;
    border:solid transparent;
    content:"";
    height:0;
    width:0;
    left:22px;
}
.flatpickr-calendar.rightMost:before,
.flatpickr-calendar.arrowRight:before,
.flatpickr-calendar.rightMost:after,
.flatpickr-calendar.arrowRight:after{
    left:auto;
    right:22px;
}
.flatpickr-calendar.arrowCenter:before,
.flatpickr-calendar.arrowCenter:after{
    left:50%;
    right:50%;
}
.flatpickr-calendar:before{
    border-width:5px;
    margin:0 -5px;
}
.flatpickr-calendar:after{
    border-width:4px;
    margin:0 -4px;
}
.flatpickr-calendar.arrowTop:before,
.flatpickr-calendar.arrowTop:after{
    bottom:100%;
}
.flatpickr-calendar.arrowTop:before{
    border-bottom-color:#e6e6e6;
}
.flatpickr-calendar.arrowTop:after{
    border-bottom-color:#fff;
}
.flatpickr-calendar.arrowBottom:before,
.flatpickr-calendar.arrowBottom:after{
    top:100%;
}
.flatpickr-calendar.arrowBottom:before{
    border-top-color:#e6e6e6;
}
.flatpickr-calendar.arrowBottom:after{
    border-top-color:#fff;
}
.flatpickr-calendar:focus{
    outline:0;
}
.flatpickr-wrapper{
    position:relative;
    display:inline-block;
}
.flatpickr-months{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
}
.flatpickr-months .flatpickr-month{
    background:transparent;
    color:rgba(0, 0, 0, 0.9);
    fill:rgba(0, 0, 0, 0.9);
    height:34px;
    line-height:1;
    text-align:center;
    position:relative;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    overflow:hidden;
    -webkit-box-flex:1;
    -ms-flex:1;
    flex:1;
}
.flatpickr-months .flatpickr-prev-month,
.flatpickr-months .flatpickr-next-month{
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    text-decoration:none;
    cursor:pointer;
    position:absolute;
    top:0;
    padding:10px;
    z-index:3;
    color:rgba(0, 0, 0, 0.9);
    fill:rgba(0, 0, 0, 0.9);
}
.flatpickr-months .flatpickr-prev-month.flatpickr-disabled,
.flatpickr-months .flatpickr-next-month.flatpickr-disabled{
    display:none;
}
.flatpickr-months .flatpickr-prev-month i,
.flatpickr-months .flatpickr-next-month i{
    position:relative;
}
.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,
.flatpickr-months .flatpickr-next-month.flatpickr-prev-month{
    left:0;
}
.flatpickr-months .flatpickr-prev-month.flatpickr-next-month,
.flatpickr-months .flatpickr-next-month.flatpickr-next-month{
    right:0;
}
.flatpickr-months .flatpickr-prev-month:hover,
.flatpickr-months .flatpickr-next-month:hover{
    color:#959ea9;
}
.flatpickr-months .flatpickr-prev-month:hover svg,
.flatpickr-months .flatpickr-next-month:hover svg{
    fill:#f64747;
}
.flatpickr-months .flatpickr-prev-month svg,
.flatpickr-months .flatpickr-next-month svg{
    width:14px;
    height:14px;
}
.flatpickr-months .flatpickr-prev-month svg path,
.flatpickr-months .flatpickr-next-month svg path{
    -webkit-transition:fill 0.1s;
    transition:fill 0.1s;
    fill:inherit;
}
.numInputWrapper{
    position:relative;
    height:auto;
}
.numInputWrapper input,
.numInputWrapper span{
    display:inline-block;
}
.numInputWrapper input{
    width:100%;
}
.numInputWrapper input::-ms-clear{
    display:none;
}
.numInputWrapper input::-webkit-outer-spin-button,
.numInputWrapper input::-webkit-inner-spin-button{
    margin:0;
    -webkit-appearance:none;
}
.numInputWrapper span{
    position:absolute;
    right:0;
    width:14px;
    padding:0 4px 0 2px;
    height:50%;
    line-height:50%;
    opacity:0;
    cursor:pointer;
    border:1px solid rgba(57, 57, 57, 0.15);
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
}
.numInputWrapper span:hover{
    background:rgba(0, 0, 0, 0.1);
}
.numInputWrapper span:active{
    background:rgba(0, 0, 0, 0.2);
}
.numInputWrapper span:after{
    display:block;
    content:"";
    position:absolute;
}
.numInputWrapper span.arrowUp{
    top:0;
    border-bottom:0;
}
.numInputWrapper span.arrowUp:after{
    border-left:4px solid transparent;
    border-right:4px solid transparent;
    border-bottom:4px solid rgba(57, 57, 57, 0.6);
    top:26%;
}
.numInputWrapper span.arrowDown{
    top:50%;
}
.numInputWrapper span.arrowDown:after{
    border-left:4px solid transparent;
    border-right:4px solid transparent;
    border-top:4px solid rgba(57, 57, 57, 0.6);
    top:40%;
}
.numInputWrapper span svg{
    width:inherit;
    height:auto;
}
.numInputWrapper span svg path{
    fill:rgba(0, 0, 0, 0.5);
}
.numInputWrapper:hover{
    background:rgba(0, 0, 0, 0.05);
}
.numInputWrapper:hover span{
    opacity:1;
}
.flatpickr-current-month{
    font-size:135%;
    line-height:inherit;
    font-weight:300;
    color:inherit;
    position:absolute;
    width:75%;
    left:12.5%;
    padding:7.48px 0 0 0;
    line-height:1;
    height:34px;
    display:inline-block;
    text-align:center;
    -webkit-transform:translate3d(0px, 0px, 0px);
    transform:translate3d(0px, 0px, 0px);
}
.flatpickr-current-month span.cur-month{
    font-family:inherit;
    font-weight:700;
    color:inherit;
    display:inline-block;
    margin-left:0.5ch;
    padding:0;
}
.flatpickr-current-month span.cur-month:hover{
    background:rgba(0, 0, 0, 0.05);
}
.flatpickr-current-month .numInputWrapper{
    width:6ch;
    width:7ch\0;
    display:inline-block;
}
.flatpickr-current-month .numInputWrapper span.arrowUp:after{
    border-bottom-color:rgba(0, 0, 0, 0.9);
}
.flatpickr-current-month .numInputWrapper span.arrowDown:after{
    border-top-color:rgba(0, 0, 0, 0.9);
}
.flatpickr-current-month input.cur-year{
    background:transparent;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    color:inherit;
    cursor:text;
    padding:0 0 0 0.5ch;
    margin:0;
    display:inline-block;
    font-size:inherit;
    font-family:inherit;
    font-weight:300;
    line-height:inherit;
    height:auto;
    border:0;
    border-radius:0;
    vertical-align:initial;
    -webkit-appearance:textfield;
    -moz-appearance:textfield;
    appearance:textfield;
}
.flatpickr-current-month input.cur-year:focus{
    outline:0;
}
.flatpickr-current-month input.cur-year[disabled],
.flatpickr-current-month input.cur-year[disabled]:hover{
    font-size:100%;
    color:rgba(0, 0, 0, 0.5);
    background:transparent;
    pointer-events:none;
}
.flatpickr-current-month .flatpickr-monthDropdown-months{
    appearance:menulist;
    background:transparent;
    border:none;
    border-radius:0;
    box-sizing:border-box;
    color:inherit;
    cursor:pointer;
    font-size:inherit;
    font-family:inherit;
    font-weight:300;
    height:auto;
    line-height:inherit;
    margin:-1px 0 0 0;
    outline:none;
    padding:0 0 0 0.5ch;
    position:relative;
    vertical-align:initial;
    -webkit-box-sizing:border-box;
    -webkit-appearance:menulist;
    -moz-appearance:menulist;
    width:auto;
}
.flatpickr-current-month .flatpickr-monthDropdown-months:focus,
.flatpickr-current-month .flatpickr-monthDropdown-months:active{
    outline:none;
}
.flatpickr-current-month .flatpickr-monthDropdown-months:hover{
    background:rgba(0, 0, 0, 0.05);
}
.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month{
    background-color:transparent;
    outline:none;
    padding:0;
}
.flatpickr-weekdays{
    background:transparent;
    text-align:center;
    overflow:hidden;
    width:100%;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    height:28px;
}
.flatpickr-weekdays .flatpickr-weekdaycontainer{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-flex:1;
    -ms-flex:1;
    flex:1;
}
span.flatpickr-weekday{
    cursor:default;
    font-size:90%;
    background:transparent;
    color:rgba(0, 0, 0, 0.54);
    line-height:1;
    margin:0;
    text-align:center;
    display:block;
    -webkit-box-flex:1;
    -ms-flex:1;
    flex:1;
    font-weight:bolder;
}
.dayContainer,
.flatpickr-weeks{
    padding:1px 0 0 0;
}
.flatpickr-days{
    position:relative;
    overflow:hidden;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:start;
    -ms-flex-align:start;
    align-items:flex-start;
    width:307.875px;
}
.flatpickr-days:focus{
    outline:0;
}
.dayContainer{
    padding:0;
    outline:0;
    text-align:left;
    width:307.875px;
    min-width:307.875px;
    max-width:307.875px;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    display:inline-block;
    display:-ms-flexbox;
    display:-webkit-box;
    display:flex;
    flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    -ms-flex-pack:justify;
    justify-content:space-around;
    -webkit-transform:translate3d(0px, 0px, 0px);
    transform:translate3d(0px, 0px, 0px);
    opacity:1;
}
.dayContainer + .dayContainer{
    -webkit-box-shadow:-1px 0 0 #e6e6e6;
    box-shadow:-1px 0 0 #e6e6e6;
}
.flatpickr-day{
    background:none;
    border:1px solid transparent;
    border-radius:150px;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    color:#393939;
    cursor:pointer;
    font-weight:400;
    width:14.2857143%;
    -ms-flex-preferred-size:14.2857143%;
    flex-basis:14.2857143%;
    max-width:39px;
    height:39px;
    line-height:39px;
    margin:0;
    display:inline-block;
    position:relative;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    text-align:center;
}
.flatpickr-day.inRange,
.flatpickr-day.prevMonthDay.inRange,
.flatpickr-day.nextMonthDay.inRange,
.flatpickr-day.today.inRange,
.flatpickr-day.prevMonthDay.today.inRange,
.flatpickr-day.nextMonthDay.today.inRange,
.flatpickr-day:hover,
.flatpickr-day.prevMonthDay:hover,
.flatpickr-day.nextMonthDay:hover,
.flatpickr-day:focus,
.flatpickr-day.prevMonthDay:focus,
.flatpickr-day.nextMonthDay:focus{
    cursor:pointer;
    outline:0;
    background:#e6e6e6;
    border-color:#e6e6e6;
}
.flatpickr-day.today{
    border-color:#959ea9;
}
.flatpickr-day.today:hover,
.flatpickr-day.today:focus{
    border-color:#959ea9;
    background:#959ea9;
    color:#fff;
}
.flatpickr-day.selected,
.flatpickr-day.startRange,
.flatpickr-day.endRange,
.flatpickr-day.selected.inRange,
.flatpickr-day.startRange.inRange,
.flatpickr-day.endRange.inRange,
.flatpickr-day.selected:focus,
.flatpickr-day.startRange:focus,
.flatpickr-day.endRange:focus,
.flatpickr-day.selected:hover,
.flatpickr-day.startRange:hover,
.flatpickr-day.endRange:hover,
.flatpickr-day.selected.prevMonthDay,
.flatpickr-day.startRange.prevMonthDay,
.flatpickr-day.endRange.prevMonthDay,
.flatpickr-day.selected.nextMonthDay,
.flatpickr-day.startRange.nextMonthDay,
.flatpickr-day.endRange.nextMonthDay{
    background:#569ff7;
    -webkit-box-shadow:none;
    box-shadow:none;
    color:#fff;
    border-color:#569ff7;
}
.flatpickr-day.selected.startRange,
.flatpickr-day.startRange.startRange,
.flatpickr-day.endRange.startRange{
    border-radius:50px 0 0 50px;
}
.flatpickr-day.selected.endRange,
.flatpickr-day.startRange.endRange,
.flatpickr-day.endRange.endRange{
    border-radius:0 50px 50px 0;
}
.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)),
.flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)),
.flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)){
    -webkit-box-shadow:-10px 0 0 #569ff7;
    box-shadow:-10px 0 0 #569ff7;
}
.flatpickr-day.selected.startRange.endRange,
.flatpickr-day.startRange.startRange.endRange,
.flatpickr-day.endRange.startRange.endRange{
    border-radius:50px;
}
.flatpickr-day.inRange{
    border-radius:0;
    -webkit-box-shadow:-5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
    box-shadow:-5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
}
.flatpickr-day.flatpickr-disabled,
.flatpickr-day.flatpickr-disabled:hover,
.flatpickr-day.prevMonthDay,
.flatpickr-day.nextMonthDay,
.flatpickr-day.notAllowed,
.flatpickr-day.notAllowed.prevMonthDay,
.flatpickr-day.notAllowed.nextMonthDay{
    color:rgba(57, 57, 57, 0.3);
    background:transparent;
    border-color:transparent;
    cursor:default;
}
.flatpickr-day.flatpickr-disabled,
.flatpickr-day.flatpickr-disabled:hover{
    cursor:not-allowed;
    color:rgba(57, 57, 57, 0.1);
}
.flatpickr-day.week.selected{
    border-radius:0;
    -webkit-box-shadow:-5px 0 0 #569ff7, 5px 0 0 #569ff7;
    box-shadow:-5px 0 0 #569ff7, 5px 0 0 #569ff7;
}
.flatpickr-day.hidden{
    visibility:hidden;
}
.rangeMode .flatpickr-day{
    margin-top:1px;
}
.flatpickr-weekwrapper{
    float:left;
}
.flatpickr-weekwrapper .flatpickr-weeks{
    padding:0 12px;
    -webkit-box-shadow:1px 0 0 #e6e6e6;
    box-shadow:1px 0 0 #e6e6e6;
}
.flatpickr-weekwrapper .flatpickr-weekday{
    float:none;
    width:100%;
    line-height:28px;
}
.flatpickr-weekwrapper span.flatpickr-day,
.flatpickr-weekwrapper span.flatpickr-day:hover{
    display:block;
    width:100%;
    max-width:none;
    color:rgba(57, 57, 57, 0.3);
    background:transparent;
    cursor:default;
    border:none;
}
.flatpickr-innerContainer{
    display:block;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    overflow:hidden;
}
.flatpickr-rContainer{
    display:inline-block;
    padding:0;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
}
.flatpickr-time{
    text-align:center;
    outline:0;
    display:block;
    height:0;
    line-height:40px;
    max-height:40px;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    overflow:hidden;
    display:-webkit-box;
    display:-ms-flexbox;
}
.flatpickr-time:after{
    content:"";
    display:table;
    clear:both;
}
.flatpickr-time .numInputWrapper{
    -webkit-box-flex:1;
    -ms-flex:1;
    flex:1;
    width:40%;
    height:40px;
    float:left;
}
.flatpickr-time .numInputWrapper span.arrowUp:after{
    border-bottom-color:#393939;
}
.flatpickr-time .numInputWrapper span.arrowDown:after{
    border-top-color:#393939;
}
.flatpickr-time.hasSeconds .numInputWrapper{
    width:26%;
}
.flatpickr-time.time24hr .numInputWrapper{
    width:49%;
}
.flatpickr-time input{
    background:transparent;
    -webkit-box-shadow:none;
    box-shadow:none;
    border:0;
    border-radius:0;
    text-align:center;
    margin:0;
    padding:0;
    height:inherit;
    line-height:inherit;
    color:#393939;
    font-size:14px;
    position:relative;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    -webkit-appearance:textfield;
    -moz-appearance:textfield;
    appearance:textfield;
}
.flatpickr-time input.flatpickr-hour{
    font-weight:bold;
}
.flatpickr-time input.flatpickr-minute,
.flatpickr-time input.flatpickr-second{
    font-weight:400;
}
.flatpickr-time input:focus{
    outline:0;
    border:0;
}
.flatpickr-time .flatpickr-time-separator,
.flatpickr-time .flatpickr-am-pm{
    height:inherit;
    float:left;
    line-height:inherit;
    color:#393939;
    font-weight:bold;
    width:2%;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    -webkit-align-self:center;
    -ms-flex-item-align:center;
    align-self:center;
}
.flatpickr-time .flatpickr-am-pm{
    outline:0;
    width:18%;
    cursor:pointer;
    text-align:center;
    font-weight:400;
}
.flatpickr-time input:hover,
.flatpickr-time .flatpickr-am-pm:hover,
.flatpickr-time input:focus,
.flatpickr-time .flatpickr-am-pm:focus{
    background:#eee;
}
.flatpickr-input[readonly]{
    cursor:pointer;
}
@-webkit-keyframes fpFadeInDown{
    from{
        opacity:0;
        -webkit-transform:translate3d(0, -20px, 0);
        transform:translate3d(0, -20px, 0);
    }
    to{
        opacity:1;
        -webkit-transform:translate3d(0, 0, 0);
        transform:translate3d(0, 0, 0);
    }
}
@keyframes fpFadeInDown{
    from{
        opacity:0;
        -webkit-transform:translate3d(0, -20px, 0);
        transform:translate3d(0, -20px, 0);
    }
    to{
        opacity:1;
        -webkit-transform:translate3d(0, 0, 0);
        transform:translate3d(0, 0, 0);
    }
}
.flatpickr-monthSelect-months{
    margin:10px 1px 3px 1px;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
}
.flatpickr-monthSelect-month{
    background:none;
    border:1px solid transparent;
    border-radius:4px;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    color:#393939;
    cursor:pointer;
    display:inline-block;
    font-weight:400;
    margin:0.5px;
    justify-content:center;
    padding:10px;
    position:relative;
    -webkit-box-pack:center;
    -webkit-justify-content:center;
    -ms-flex-pack:center;
    text-align:center;
    width:33%;
}
.flatpickr-monthSelect-month.flatpickr-disabled{
    color:#eee;
}
.flatpickr-monthSelect-month.flatpickr-disabled:hover,
.flatpickr-monthSelect-month.flatpickr-disabled:focus{
    cursor:not-allowed;
    background:none !important;
}
.flatpickr-monthSelect-theme-dark{
    background:#3f4458;
}
.flatpickr-monthSelect-theme-dark .flatpickr-current-month input.cur-year{
    color:#fff;
}
.flatpickr-monthSelect-theme-dark .flatpickr-months .flatpickr-prev-month,
.flatpickr-monthSelect-theme-dark .flatpickr-months .flatpickr-next-month{
    color:#fff;
    fill:#fff;
}
.flatpickr-monthSelect-theme-dark .flatpickr-monthSelect-month{
    color:rgba(255, 255, 255, 0.95);
}
.flatpickr-monthSelect-month.today{
    border-color:#959ea9;
}
.flatpickr-monthSelect-month.inRange,
.flatpickr-monthSelect-month.inRange.today,
.flatpickr-monthSelect-month:hover,
.flatpickr-monthSelect-month:focus{
    background:#e6e6e6;
    cursor:pointer;
    outline:0;
    border-color:#e6e6e6;
}
.flatpickr-monthSelect-theme-dark .flatpickr-monthSelect-month.inRange,
.flatpickr-monthSelect-theme-dark .flatpickr-monthSelect-month:hover,
.flatpickr-monthSelect-theme-dark .flatpickr-monthSelect-month:focus{
    background:#646c8c;
    border-color:#646c8c;
}
.flatpickr-monthSelect-month.today:hover,
.flatpickr-monthSelect-month.today:focus{
    background:#959ea9;
    border-color:#959ea9;
    color:#fff;
}
.flatpickr-monthSelect-month.selected,
.flatpickr-monthSelect-month.startRange,
.flatpickr-monthSelect-month.endRange{
    background-color:#569ff7;
    -webkit-box-shadow:none;
    box-shadow:none;
    color:#fff;
    border-color:#569ff7;
}
.flatpickr-monthSelect-month.startRange{
    border-radius:50px 0 0 50px;
}
.flatpickr-monthSelect-month.endRange{
    border-radius:0 50px 50px 0;
}
.flatpickr-monthSelect-month.startRange.endRange{
    border-radius:50px;
}
.flatpickr-monthSelect-month.inRange{
    border-radius:0;
    -webkit-box-shadow:-5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
    box-shadow:-5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
}
.flatpickr-monthSelect-theme-dark .flatpickr-monthSelect-month.selected,
.flatpickr-monthSelect-theme-dark .flatpickr-monthSelect-month.startRange,
.flatpickr-monthSelect-theme-dark .flatpickr-monthSelect-month.endRange{
    background:#80cbc4;
    -webkit-box-shadow:none;
    box-shadow:none;
    color:#fff;
    border-color:#80cbc4;
}
/*! 5.2. NoUiSlider */
.noUi-target,
.noUi-target *{
    -webkit-touch-callout:none;
    -webkit-tap-highlight-color:rgba(0, 0, 0, 0);
    -webkit-user-select:none;
    -ms-touch-action:none;
    touch-action:none;
    -ms-user-select:none;
    -moz-user-select:none;
    user-select:none;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
}
.noUi-target{
    position:relative;
}
.noUi-base,
.noUi-connects{
    width:100%;
    height:100%;
    position:relative;
    z-index:1;
}
.noUi-connects{
    overflow:hidden;
    z-index:0;
}
.noUi-connect,
.noUi-origin{
    will-change:transform;
    position:absolute;
    z-index:1;
    top:0;
    right:0;
    height:100%;
    width:100%;
    -ms-transform-origin:0 0;
    -webkit-transform-origin:0 0;
    -webkit-transform-style:preserve-3d;
    transform-origin:0 0;
    -webkit-transform-style:flat;
    transform-style:flat;
}
.noUi-txt-dir-rtl.noUi-horizontal .noUi-origin{
    left:0;
    right:auto;
}
.noUi-vertical .noUi-origin{
    top:-100%;
    width:0;
}
.noUi-horizontal .noUi-origin{
    height:0;
}
.noUi-handle{
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden;
    position:absolute;
}
.noUi-touch-area{
    height:100%;
    width:100%;
}
.noUi-state-tap .noUi-connect,
.noUi-state-tap .noUi-origin{
    -webkit-transition:transform 0.3s;
    -webkit-transition:-webkit-transform 0.3s;
    transition:-webkit-transform 0.3s;
    transition:transform 0.3s;
    transition:transform 0.3s, -webkit-transform 0.3s;
}
.noUi-state-drag *{
    cursor:inherit !important;
}
.noUi-horizontal{
    height:18px;
}
.noUi-horizontal .noUi-handle{
    width:34px;
    height:28px;
    right:-17px;
    top:-6px;
}
.noUi-vertical{
    width:18px;
}
.noUi-vertical .noUi-handle{
    width:28px;
    height:34px;
    right:-6px;
    bottom:-17px;
}
.noUi-txt-dir-rtl.noUi-horizontal .noUi-handle{
    left:-17px;
    right:auto;
}
.noUi-target{
    background:#fafafa;
    border-radius:4px;
    border:1px solid #d3d3d3;
    -webkit-box-shadow:inset 0 1px 1px #f0f0f0, 0 3px 6px -5px #bbb;
    box-shadow:inset 0 1px 1px #f0f0f0, 0 3px 6px -5px #bbb;
}
.noUi-connects{
    border-radius:3px;
}
.noUi-connect{
    background:#3fb8af;
}
.noUi-draggable{
    cursor:ew-resize;
}
.noUi-vertical .noUi-draggable{
    cursor:ns-resize;
}
.noUi-handle{
    border:1px solid #d9d9d9;
    border-radius:3px;
    background:#fff;
    cursor:default;
    -webkit-box-shadow:inset 0 0 1px #fff, inset 0 1px 7px #ebebeb, 0 3px 6px -3px #bbb;
    box-shadow:inset 0 0 1px #fff, inset 0 1px 7px #ebebeb, 0 3px 6px -3px #bbb;
}
.noUi-active{
    -webkit-box-shadow:inset 0 0 1px #fff, inset 0 1px 7px #ddd, 0 3px 6px -3px #bbb;
    box-shadow:inset 0 0 1px #fff, inset 0 1px 7px #ddd, 0 3px 6px -3px #bbb;
}
.noUi-handle:before,
.noUi-handle:after{
    content:"";
    display:block;
    position:absolute;
    height:14px;
    width:1px;
    background:#e8e7e6;
    left:14px;
    top:6px;
}
.noUi-handle:after{
    left:17px;
}
.noUi-vertical .noUi-handle:before,
.noUi-vertical .noUi-handle:after{
    width:14px;
    height:1px;
    left:6px;
    top:14px;
}
.noUi-vertical .noUi-handle:after{
    top:17px;
}
[disabled] .noUi-connect{
    background:#b8b8b8;
}
[disabled].noUi-target,
[disabled].noUi-handle,
[disabled] .noUi-handle{
    cursor:not-allowed;
}
.noUi-pips,
.noUi-pips *{
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
}
.noUi-pips{
    position:absolute;
    color:#999;
}
.noUi-value{
    position:absolute;
    white-space:nowrap;
    text-align:center;
}
.noUi-value-sub{
    color:#ccc;
    font-size:10px;
}
.noUi-marker{
    position:absolute;
    background:#ccc;
}
.noUi-marker-sub{
    background:#aaa;
}
.noUi-marker-large{
    background:#aaa;
}
.noUi-pips-horizontal{
    padding:10px 0;
    height:80px;
    top:100%;
    left:0;
    width:100%;
}
.noUi-value-horizontal{
    -webkit-transform:translate(-50%, 50%);
    -ms-transform:translate(-50%, 50%);
    transform:translate(-50%, 50%);
}
.noUi-rtl .noUi-value-horizontal{
    -webkit-transform:translate(50%, 50%);
    -ms-transform:translate(50%, 50%);
    transform:translate(50%, 50%);
}
.noUi-marker-horizontal.noUi-marker{
    margin-left:-1px;
    width:2px;
    height:5px;
}
.noUi-marker-horizontal.noUi-marker-sub{
    height:10px;
}
.noUi-marker-horizontal.noUi-marker-large{
    height:15px;
}
.noUi-pips-vertical{
    padding:0 10px;
    height:100%;
    top:0;
    left:100%;
}
.noUi-value-vertical{
    -webkit-transform:translate(0, -50%);
    -ms-transform:translate(0, -50%);
    transform:translate(0, -50%);
    padding-left:25px;
}
.noUi-rtl .noUi-value-vertical{
    -webkit-transform:translate(0, 50%);
    -ms-transform:translate(0, 50%);
    transform:translate(0, 50%);
}
.noUi-marker-vertical.noUi-marker{
    width:5px;
    height:2px;
    margin-top:-1px;
}
.noUi-marker-vertical.noUi-marker-sub{
    width:10px;
}
.noUi-marker-vertical.noUi-marker-large{
    width:15px;
}
.noUi-tooltip{
    display:block;
    position:absolute;
    border:1px solid #d9d9d9;
    border-radius:3px;
    background:#fff;
    color:#000;
    padding:5px;
    text-align:center;
    white-space:nowrap;
}
.noUi-horizontal .noUi-tooltip{
    -webkit-transform:translate(-50%, 0);
    -ms-transform:translate(-50%, 0);
    transform:translate(-50%, 0);
    left:50%;
    bottom:120%;
}
.noUi-vertical .noUi-tooltip{
    -webkit-transform:translate(0, -50%);
    -ms-transform:translate(0, -50%);
    transform:translate(0, -50%);
    top:50%;
    right:120%;
}
.noUi-horizontal .noUi-origin > .noUi-tooltip{
    -webkit-transform:translate(50%, 0);
    -ms-transform:translate(50%, 0);
    transform:translate(50%, 0);
    left:auto;
    bottom:10px;
}
.noUi-vertical .noUi-origin > .noUi-tooltip{
    -webkit-transform:translate(0, -18px);
    -ms-transform:translate(0, -18px);
    transform:translate(0, -18px);
    top:auto;
    right:28px;
}
/*! 5.3. Splide */
.splide__container{
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    position:relative;
}
.splide__list{
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden;
    display:-ms-flexbox;
    display:-webkit-box;
    display:flex;
    height:100%;
    margin:0 !important;
    padding:0 !important;
}
.splide.is-initialized:not(.is-active) .splide__list{
    display:block;
}
.splide__pagination{
    -ms-flex-align:center;
    -webkit-box-align:center;
    align-items:center;
    display:-ms-flexbox;
    display:-webkit-box;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -ms-flex-pack:center;
    -webkit-box-pack:center;
    justify-content:center;
    margin:0;
    pointer-events:none;
}
.splide__pagination li{
    display:inline-block;
    line-height:1;
    list-style-type:none;
    margin:0;
    pointer-events:auto;
}
.splide:not(.is-overflow) .splide__pagination{
    display:none;
}
.splide__progress__bar{
    width:0;
}
.splide{
    position:relative;
    visibility:hidden;
}
.splide.is-initialized,
.splide.is-rendered{
    visibility:visible;
}
.splide__slide{
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    -ms-flex-negative:0;
    flex-shrink:0;
    list-style-type:none !important;
    margin:0;
    position:relative;
}
.splide__slide img{
    vertical-align:bottom;
}
.splide__spinner{
    -webkit-animation:splide-loading 1s linear infinite;
    animation:splide-loading 1s linear infinite;
    border:2px solid #999;
    border-left-color:transparent;
    border-radius:50%;
    bottom:0;
    contain:strict;
    display:inline-block;
    height:20px;
    left:0;
    margin:auto;
    position:absolute;
    right:0;
    top:0;
    width:20px;
}
.splide__sr{
    clip:rect(0 0 0 0);
    border:0;
    height:1px;
    margin:-1px;
    overflow:hidden;
    padding:0;
    position:absolute;
    width:1px;
}
.splide__toggle.is-active .splide__toggle__play,
.splide__toggle__pause{
    display:none;
}
.splide__toggle.is-active .splide__toggle__pause{
    display:inline;
}
.splide__track{
    overflow:hidden;
    position:relative;
    z-index:0;
}
@-webkit-keyframes splide-loading{
    0%{
        -webkit-transform:rotate(0);
        transform:rotate(0);
    }
    to{
        -webkit-transform:rotate(1turn);
        transform:rotate(1turn);
    }
}
@keyframes splide-loading{
    0%{
        -webkit-transform:rotate(0);
        transform:rotate(0);
    }
    to{
        -webkit-transform:rotate(1turn);
        transform:rotate(1turn);
    }
}
.splide__track--draggable{
    -webkit-touch-callout:none;
    -webkit-user-select:none;
    -ms-user-select:none;
    -moz-user-select:none;
    user-select:none;
}
.splide__track--fade > .splide__list > .splide__slide{
    margin:0 !important;
    opacity:0;
    z-index:0;
}
.splide__track--fade > .splide__list > .splide__slide.is-active{
    opacity:1;
    z-index:1;
}
.splide--rtl{
    direction:rtl;
}
.splide__track--ttb > .splide__list{
    display:block;
}
.splide__arrow{
    -ms-flex-align:center;
    -webkit-box-align:center;
    align-items:center;
    background:#ccc;
    border:0;
    border-radius:50%;
    cursor:pointer;
    display:-ms-flexbox;
    display:-webkit-box;
    display:flex;
    height:2em;
    -ms-flex-pack:center;
    -webkit-box-pack:center;
    justify-content:center;
    opacity:0.7;
    padding:0;
    position:absolute;
    top:50%;
    -webkit-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    transform:translateY(-50%);
    width:2em;
    z-index:1;
}
.splide__arrow svg{
    fill:#000;
    height:1.2em;
    width:1.2em;
}
.splide__arrow:hover:not(:disabled){
    opacity:0.9;
}
.splide__arrow:disabled{
    opacity:0.3;
}
.splide__arrow:focus-visible{
    outline:3px solid #0bf;
    outline-offset:3px;
}
.splide__arrow--prev{
    left:1em;
}
.splide__arrow--prev svg{
    -webkit-transform:scaleX(-1);
    -ms-transform:scaleX(-1);
    transform:scaleX(-1);
}
.splide__arrow--next{
    right:1em;
}
.splide.is-focus-in .splide__arrow:focus{
    outline:3px solid #0bf;
    outline-offset:3px;
}
.splide__pagination{
    bottom:0.5em;
    left:0;
    padding:0 1em;
    position:absolute;
    right:0;
    z-index:1;
}
.splide__pagination__page{
    background:#ccc;
    border:0;
    border-radius:50%;
    display:inline-block;
    height:8px;
    margin:3px;
    opacity:0.7;
    padding:0;
    position:relative;
    -webkit-transition:-webkit-transform 0.2s linear;
    transition:-webkit-transform 0.2s linear;
    transition:transform 0.2s linear;
    transition:transform 0.2s linear, -webkit-transform 0.2s linear;
    width:8px;
}
.splide__pagination__page.is-active{
    background:#fff;
    -webkit-transform:scale(1.4);
    -ms-transform:scale(1.4);
    transform:scale(1.4);
    z-index:1;
}
.splide__pagination__page:hover{
    cursor:pointer;
    opacity:0.9;
}
.splide__pagination__page:focus-visible{
    outline:3px solid #0bf;
    outline-offset:3px;
}
.splide.is-focus-in .splide__pagination__page:focus{
    outline:3px solid #0bf;
    outline-offset:3px;
}
.splide__progress__bar{
    background:#ccc;
    height:3px;
}
.splide__slide{
    -webkit-tap-highlight-color:rgba(0, 0, 0, 0);
}
.splide__slide:focus{
    outline:0;
}
@supports (outline-offset: -3px){
    .splide__slide:focus-visible{
        outline:3px solid #0bf;
        outline-offset:-3px;
    }
}
@media screen and (-ms-high-contrast: none){
    .splide__slide:focus-visible{
        border:3px solid #0bf;
    }
}
@supports (outline-offset: -3px){
    .splide.is-focus-in .splide__slide:focus{
        outline:3px solid #0bf;
        outline-offset:-3px;
    }
}
@media screen and (-ms-high-contrast: none){
    .splide.is-focus-in .splide__slide:focus{
        border:3px solid #0bf;
    }
    .splide.is-focus-in .splide__track > .splide__list > .splide__slide:focus{
        border-color:#0bf;
    }
}
.splide__toggle{
    cursor:pointer;
}
.splide__toggle:focus-visible{
    outline:3px solid #0bf;
    outline-offset:3px;
}
.splide.is-focus-in .splide__toggle:focus{
    outline:3px solid #0bf;
    outline-offset:3px;
}
.splide__track--nav > .splide__list > .splide__slide{
    border:3px solid transparent;
    cursor:pointer;
}
.splide__track--nav > .splide__list > .splide__slide.is-active{
    border:3px solid #000;
}
.splide__arrows--rtl .splide__arrow--prev{
    left:auto;
    right:1em;
}
.splide__arrows--rtl .splide__arrow--prev svg{
    -webkit-transform:scaleX(1);
    -ms-transform:scaleX(1);
    transform:scaleX(1);
}
.splide__arrows--rtl .splide__arrow--next{
    left:1em;
    right:auto;
}
.splide__arrows--rtl .splide__arrow--next svg{
    -webkit-transform:scaleX(-1);
    -ms-transform:scaleX(-1);
    transform:scaleX(-1);
}
.splide__arrows--ttb .splide__arrow{
    left:50%;
    -webkit-transform:translate(-50%);
    -ms-transform:translate(-50%);
    transform:translate(-50%);
}
.splide__arrows--ttb .splide__arrow--prev{
    top:1em;
}
.splide__arrows--ttb .splide__arrow--prev svg{
    -webkit-transform:rotate(-90deg);
    -ms-transform:rotate(-90deg);
    transform:rotate(-90deg);
}
.splide__arrows--ttb .splide__arrow--next{
    bottom:1em;
    top:auto;
}
.splide__arrows--ttb .splide__arrow--next svg{
    -webkit-transform:rotate(90deg);
    -ms-transform:rotate(90deg);
    transform:rotate(90deg);
}
.splide__pagination--ttb{
    bottom:0;
    display:-ms-flexbox;
    display:-webkit-box;
    display:flex;
    -ms-flex-direction:column;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    flex-direction:column;
    left:auto;
    padding:1em 0;
    right:0.5em;
    top:0;
}
/*! 5.4. VirtualSelect */
/*!
 * Virtual Select v1.1.3
 * https://sa-si-dev.github.io/virtual-select
 * Licensed under MIT (https://github.com/sa-si-dev/virtual-select/blob/master/LICENSE)
 */
@-webkit-keyframes vscomp-animation-spin{
    to{
        -webkit-transform:rotateZ(360deg);
        transform:rotateZ(360deg);
    }
}
@keyframes vscomp-animation-spin{
    to{
        -webkit-transform:rotateZ(360deg);
        transform:rotateZ(360deg);
    }
}
.vscomp-popup-active{
    overflow:hidden !important;
}
.vscomp-ele{
    display:inline-block;
    max-width:250px;
    width:100%;
}
.vscomp-wrapper{
    color:#333;
    display:-webkit-inline-box;
    display:-ms-inline-flexbox;
    display:inline-flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    font-family:sans-serif;
    font-size:14px;
    position:relative;
    text-align:left;
    width:100%;
}
.vscomp-wrapper *,
.vscomp-wrapper *::before,
.vscomp-wrapper *::after{
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
}
.vscomp-wrapper:focus{
    outline:none;
}
.vscomp-dropbox-wrapper{
    left:0;
    position:absolute;
    top:0;
}
.vscomp-toggle-button{
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    background-color:#fff;
    border:1px solid #ddd;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    padding:7px 30px 7px 10px;
}
.vscomp-value{
    height:20px;
    line-height:20px;
    max-width:100%;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.vscomp-arrow{
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    height:100%;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    position:absolute;
    right:0;
    top:0;
    width:30px;
}
.vscomp-arrow::after{
    -webkit-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    transform:rotate(45deg);
    border:1px solid rgba(0, 0, 0, 0);
    border-bottom-color:#111;
    border-right-color:#111;
    content:"";
    height:8px;
    margin-top:-6px;
    width:8px;
}
.vscomp-clear-icon{
    height:12px;
    position:relative;
    width:12px;
}
.vscomp-clear-icon::before,
.vscomp-clear-icon::after{
    background-color:#999;
    content:"";
    height:12px;
    left:5px;
    position:absolute;
    top:0;
    width:2px;
}
.vscomp-clear-icon::before{
    -webkit-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    transform:rotate(45deg);
}
.vscomp-clear-icon::after{
    -webkit-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
    transform:rotate(-45deg);
}
.vscomp-clear-icon:hover::before,
.vscomp-clear-icon:hover::after{
    background:#333;
}
.vscomp-clear-button{
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    border-radius:50%;
    display:none;
    height:24px;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    margin-top:-12px;
    position:absolute;
    right:30px;
    top:50%;
    width:24px;
}
.vscomp-clear-button:hover{
    background:#ccc;
}
.vscomp-clear-button:hover .vscomp-clear-icon::before,
.vscomp-clear-button:hover .vscomp-clear-icon::after{
    background-color:#333;
}
.vscomp-dropbox-close-button{
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    background-color:#fff;
    border-radius:50%;
    bottom:-48px;
    cursor:pointer;
    display:none;
    height:40px;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    left:50%;
    margin-left:-20px;
    position:absolute;
    width:40px;
}
.vscomp-value-tag.more-value-count{
    white-space:nowrap;
}
.vscomp-dropbox-container{
    width:100%;
    z-index:2;
}
.vscomp-dropbox{
    background-color:#fff;
    width:100%;
}
.vscomp-options-container{
    max-height:210px;
    overflow:auto;
    position:relative;
}
.vscomp-options-bottom-freezer{
    bottom:0;
    height:2px;
    left:0;
    position:absolute;
    right:0;
}
.vscomp-option{
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    cursor:pointer;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    height:40px;
    padding:0 15px;
    position:relative;
}
.vscomp-option.selected{
    background-color:#eee;
}
.vscomp-option.focused{
    background-color:#ccc;
}
.vscomp-option.disabled{
    cursor:default;
    opacity:0.5;
}
.vscomp-option.group-title .vscomp-option-text{
    cursor:default;
    opacity:0.6;
}
.vscomp-option.group-title.selected{
    background-color:rgba(0, 0, 0, 0);
}
.vscomp-option.group-option{
    padding-left:30px;
}
.vscomp-new-option-icon{
    height:30px;
    position:absolute;
    right:0;
    top:0;
    width:30px;
}
.vscomp-new-option-icon::before{
    border:15px solid #512da8;
    content:"";
    position:absolute;
    right:0;
    top:0;
}
.vscomp-new-option-icon::after{
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    color:#fff;
    content:"+";
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    font-size:18px;
    height:15px;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    position:absolute;
    right:1px;
    top:0;
    width:15px;
}
.vscomp-option-text{
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    width:100%;
}
.vscomp-option-description{
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    color:#666;
    font-size:13px;
    line-height:15px;
    width:100%;
}
.vscomp-search-container{
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    border-bottom:1px solid #ddd;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    height:40px;
    padding:0 5px 0 15px;
}
.vscomp-search-label,
.vscomp-live-region,
.vscomp-dropbox-container-top,
.vscomp-dropbox-container-bottom{
    border:0;
    clip:rect(0 0 0 0);
    height:1px;
    margin:-1px;
    overflow:hidden;
    padding:0;
    position:absolute;
    white-space:nowrap;
    width:1px;
}
.vscomp-search-input{
    background-color:rgba(0, 0, 0, 0);
    border:0;
    color:inherit;
    font-size:15px;
    height:38px;
    padding:10px 0;
    width:calc(100% - 30px);
}
.vscomp-search-input:focus{
    outline:none;
}
.vscomp-search-clear{
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    color:#999;
    cursor:pointer;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    font-size:25px;
    height:30px;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    visibility:hidden;
    width:30px;
}
.vscomp-search-clear:hover{
    color:inherit;
}
.vscomp-no-options,
.vscomp-no-search-results{
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    display:none;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    padding:20px 10px;
}
.vscomp-options-loader{
    display:none;
    padding:20px 0;
    text-align:center;
}
.vscomp-options-loader::before{
    -webkit-animation:vscomp-animation-spin 0.8s infinite linear;
    animation:vscomp-animation-spin 0.8s infinite linear;
    background-color:#fff;
    border-radius:50%;
    -webkit-box-shadow:-4px -5px 3px -3px rgba(0, 0, 0, 0.3);
    box-shadow:-4px -5px 3px -3px rgba(0, 0, 0, 0.3);
    content:"";
    display:inline-block;
    height:40px;
    opacity:0.7;
    width:40px;
}
.vscomp-ele[disabled]{
    cursor:not-allowed;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
}
.vscomp-ele[disabled] .vscomp-wrapper{
    opacity:0.7;
    pointer-events:none;
}
.vscomp-wrapper .checkbox-icon{
    display:-webkit-inline-box;
    display:-ms-inline-flexbox;
    display:inline-flex;
    height:15px;
    margin-right:10px;
    position:relative;
    width:15px;
}
.vscomp-wrapper .checkbox-icon::after{
    -webkit-transition-duration:0.2s;
    transition-duration:0.2s;
    border:2px solid #888;
    content:"";
    display:inline-block;
    height:100%;
    width:100%;
}
.vscomp-wrapper .checkbox-icon.checked::after{
    -webkit-transform:rotate(45deg) translate(1px, -4px);
    -ms-transform:rotate(45deg) translate(1px, -4px);
    transform:rotate(45deg) translate(1px, -4px);
    border-color:#512da8;
    border-left-color:rgba(0, 0, 0, 0);
    border-top-color:rgba(0, 0, 0, 0);
    width:50%;
}
.vscomp-wrapper.show-as-popup .vscomp-dropbox-container{
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    background-color:rgba(0, 0, 0, 0.5);
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    height:100vh;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    left:0;
    opacity:1;
    overflow:auto;
    padding:0 10px;
    position:fixed;
    top:0;
    width:100vw;
}
.vscomp-wrapper.show-as-popup .vscomp-dropbox{
    margin-top:-24px;
    max-height:calc(80% - 48px);
    max-width:500px;
    position:relative;
    width:80%;
}
.vscomp-wrapper.show-as-popup .vscomp-dropbox-close-button{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
}
.vscomp-wrapper.popup-position-left .vscomp-dropbox-container{
    -webkit-box-pack:start;
    -ms-flex-pack:start;
    justify-content:flex-start;
}
.vscomp-wrapper.popup-position-right .vscomp-dropbox-container{
    -webkit-box-pack:end;
    -ms-flex-pack:end;
    justify-content:flex-end;
}
.vscomp-wrapper.has-select-all .vscomp-toggle-all-button{
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    cursor:pointer;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
}
.vscomp-wrapper.has-select-all .vscomp-search-input,
.vscomp-wrapper.has-select-all .vscomp-toggle-all-label{
    width:calc(100% - 55px);
}
.vscomp-wrapper.has-select-all .vscomp-toggle-all-label{
    display:none;
}
.vscomp-wrapper:not(.has-search-input) .vscomp-toggle-all-button{
    width:100%;
}
.vscomp-wrapper:not(.has-search-input) .vscomp-toggle-all-label{
    display:inline-block;
}
.vscomp-wrapper.multiple .vscomp-option .vscomp-option-text{
    width:calc(100% - 25px);
}
.vscomp-wrapper.multiple .vscomp-option .vscomp-option-description{
    padding-left:25px;
}
.vscomp-wrapper.multiple .vscomp-option.selected .checkbox-icon::after{
    -webkit-transform:rotate(45deg) translate(1px, -4px);
    -ms-transform:rotate(45deg) translate(1px, -4px);
    transform:rotate(45deg) translate(1px, -4px);
    border-color:#512da8;
    border-left-color:rgba(0, 0, 0, 0);
    border-top-color:rgba(0, 0, 0, 0);
    width:50%;
}
.vscomp-wrapper.focused .vscomp-toggle-button,
.vscomp-wrapper:focus .vscomp-toggle-button{
    -webkit-box-shadow:0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
    box-shadow:0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
}
.vscomp-wrapper.closed .vscomp-dropbox-container,
.vscomp-wrapper.closed.vscomp-dropbox-wrapper{
    display:none;
}
.vscomp-wrapper:not(.has-value) .vscomp-value{
    opacity:0.5;
}
.vscomp-wrapper.has-clear-button.has-value .vscomp-clear-button{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
}
.vscomp-wrapper.has-clear-button .vscomp-toggle-button{
    padding-right:54px;
}
.vscomp-wrapper.has-no-options .vscomp-options-container,
.vscomp-wrapper.has-no-search-results .vscomp-options-container{
    display:none;
}
.vscomp-wrapper.has-no-options .vscomp-no-options{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
}
.vscomp-wrapper.has-no-search-results .vscomp-no-search-results{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
}
.vscomp-wrapper.has-search-value .vscomp-search-clear{
    visibility:visible;
}
.vscomp-wrapper.has-no-options .vscomp-toggle-all-button{
    opacity:0.5;
    pointer-events:none;
}
.vscomp-wrapper.keep-always-open .vscomp-toggle-button{
    padding-right:24px;
}
.vscomp-wrapper.keep-always-open .vscomp-clear-button{
    right:5px;
}
.vscomp-wrapper.keep-always-open .vscomp-arrow{
    display:none;
}
.vscomp-wrapper.keep-always-open .vscomp-dropbox-container{
    position:relative;
    z-index:1;
}
.vscomp-wrapper.keep-always-open .vscomp-dropbox{
    -webkit-transition-duration:0s;
    transition-duration:0s;
    border:1px solid #ddd;
    -webkit-box-shadow:none;
    box-shadow:none;
}
.vscomp-wrapper.keep-always-open.focused,
.vscomp-wrapper.keep-always-open:focus,
.vscomp-wrapper.keep-always-open:hover{
    -webkit-box-shadow:0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
    box-shadow:0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
}
.vscomp-wrapper.server-searching .vscomp-options-list{
    display:none;
}
.vscomp-wrapper.server-searching .vscomp-options-loader{
    display:block;
}
.vscomp-wrapper.has-error .vscomp-toggle-button{
    border-color:#b00020;
}
.vscomp-wrapper.show-value-as-tags .vscomp-toggle-button{
    padding:4px 22px 0 10px;
}
.vscomp-wrapper.show-value-as-tags .vscomp-value{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    height:auto;
    min-height:28px;
    overflow:auto;
    text-overflow:unset;
    white-space:normal;
}
.vscomp-wrapper.show-value-as-tags .vscomp-value-tag{
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    border:1px solid #ddd;
    border-radius:20px;
    display:-webkit-inline-box;
    display:-ms-inline-flexbox;
    display:inline-flex;
    font-size:12px;
    line-height:16px;
    margin:0 4px 4px 0;
    max-width:100%;
    padding:2px 3px 2px 8px;
}
.vscomp-wrapper.show-value-as-tags .vscomp-value-tag.more-value-count{
    padding-right:8px;
}
.vscomp-wrapper.show-value-as-tags .vscomp-value-tag-content{
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    width:calc(100% - 20px);
}
.vscomp-wrapper.show-value-as-tags .vscomp-value-tag-clear-button{
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    height:20px;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    width:20px;
}
.vscomp-wrapper.show-value-as-tags .vscomp-value-tag-clear-button .vscomp-clear-icon{
    -webkit-transform:scale(0.8);
    -ms-transform:scale(0.8);
    transform:scale(0.8);
}
.vscomp-wrapper.show-value-as-tags .vscomp-arrow{
    height:34px;
}
.vscomp-wrapper.show-value-as-tags .vscomp-clear-button{
    top:5px;
}
.vscomp-wrapper.show-value-as-tags.has-value .vscomp-arrow{
    display:none;
}
.vscomp-wrapper.show-value-as-tags.has-value .vscomp-clear-button{
    right:2px;
}
.vscomp-wrapper.show-value-as-tags:not(.has-value) .vscomp-toggle-button{
    padding-bottom:2px;
}
.vscomp-wrapper.show-value-as-tags:not(.has-value) .vscomp-value{
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    padding-bottom:3px;
}
.vscomp-wrapper.text-direction-rtl{
    direction:rtl;
}
.vscomp-wrapper.text-direction-rtl .vscomp-toggle-button{
    padding:7px 10px 7px 30px;
}
.vscomp-wrapper.text-direction-rtl .vscomp-arrow{
    left:0;
    right:auto;
}
.vscomp-wrapper.text-direction-rtl .vscomp-clear-button{
    left:30px;
    right:auto !important;
}
.vscomp-wrapper.text-direction-rtl .checkbox-icon{
    margin-left:10px;
    margin-right:0;
}
.vscomp-wrapper.text-direction-rtl .checkbox-icon.checked::after{
    -webkit-transform:rotate(45deg) translate(-4px, 1px);
    -ms-transform:rotate(45deg) translate(-4px, 1px);
    transform:rotate(45deg) translate(-4px, 1px);
}
.vscomp-wrapper.text-direction-rtl .vscomp-search-container{
    padding:0 15px 0 5px;
}
.vscomp-wrapper.text-direction-rtl .vscomp-toggle-all-label{
    text-align:right;
}
.vscomp-wrapper.text-direction-rtl .vscomp-option{
    text-align:right;
}
.vscomp-wrapper.text-direction-rtl .vscomp-option.group-option{
    padding-right:30px;
}
.vscomp-wrapper.text-direction-rtl .vscomp-new-option-icon{
    left:0;
    right:auto;
}
.vscomp-wrapper.text-direction-rtl .vscomp-new-option-icon::before{
    border-left-color:#512da8;
    border-right-color:rgba(0, 0, 0, 0);
}
.vscomp-wrapper.text-direction-rtl .vscomp-new-option-icon::after{
    left:1px;
    right:auto;
}
.vscomp-wrapper.text-direction-rtl.multiple .vscomp-option.selected .checkbox-icon::after{
    -webkit-transform:rotate(45deg) translate(-4px, 1px);
    -ms-transform:rotate(45deg) translate(-4px, 1px);
    transform:rotate(45deg) translate(-4px, 1px);
}
.vscomp-wrapper.text-direction-rtl.has-clear-button .vscomp-toggle-button{
    padding-left:54px;
}
.vscomp-wrapper.text-direction-rtl.keep-always-open .vscomp-toggle-button{
    padding-left:24px;
}
.vscomp-wrapper.text-direction-rtl.keep-always-open .vscomp-clear-button{
    left:5px;
}
.vscomp-wrapper.text-direction-rtl.show-value-as-tags .vscomp-toggle-button{
    padding:4px 10px 0 22px;
}
.vscomp-wrapper.text-direction-rtl.show-value-as-tags .vscomp-value-tag{
    margin:0 0 4px 4px;
    padding:2px 8px 2px 3px;
}
.vscomp-wrapper.text-direction-rtl.show-value-as-tags .vscomp-value-tag.more-value-count{
    padding-left:8px;
}
.vscomp-wrapper.text-direction-rtl.show-value-as-tags.has-value .vscomp-clear-button{
    left:2px;
}
/*!
 * Popover v1.0.13
 * https://sa-si-dev.github.io/popover
 * Licensed under MIT (https://github.com/sa-si-dev/popover/blob/master/LICENSE)
 */
.pop-comp-wrapper{
    display:none;
    position:absolute;
    top:0;
    left:0;
    opacity:0;
    color:#000;
    background-color:#fff;
    -webkit-box-shadow:0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
    box-shadow:0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
    text-align:left;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    z-index:1;
}
.pop-comp-arrow{
    position:absolute;
    z-index:1;
    width:16px;
    height:16px;
    overflow:hidden;
    pointer-events:none;
}
.pop-comp-arrow::before{
    content:"";
    position:absolute;
    top:8px;
    left:8px;
    width:16px;
    height:16px;
    background-color:#fff;
    -webkit-box-shadow:0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
    box-shadow:0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
    -webkit-transform-origin:left top;
    -ms-transform-origin:left top;
    transform-origin:left top;
    -webkit-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    transform:rotate(45deg);
}
.pop-comp-content{
    position:relative;
    z-index:2;
}
.pop-comp-wrapper.position-bottom > .pop-comp-arrow{
    margin-left:-8px;
    left:0;
    top:-15px;
}
.pop-comp-wrapper.position-bottom > .pop-comp-arrow::before{
    -webkit-box-shadow:0px 0px 2px 0 rgba(0, 0, 0, 0.14);
    box-shadow:0px 0px 2px 0 rgba(0, 0, 0, 0.14);
}
.pop-comp-wrapper.position-top > .pop-comp-arrow{
    margin-left:-8px;
    left:0;
    bottom:-15px;
}
.pop-comp-wrapper.position-right > .pop-comp-arrow{
    margin-top:-8px;
    top:0;
    left:-15px;
}
.pop-comp-wrapper.position-left > .pop-comp-arrow{
    margin-top:-8px;
    top:0;
    right:-15px;
}
.pop-comp-disable-events{
    pointer-events:none;
}
/*! ==============================================================================
6. Patterns
=============================================================================== */
/*! 6.1. Adaptive */
/*! 6.1.1. Columns */
.columns{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
}
.columns > .columns-item{
    -webkit-box-flex:1;
    -ms-flex:1;
    flex:1;
    word-break:break-word;
}
.columns > .columns-item > .card{
    height:100%;
}
.columns:not(.gutter-none) > .columns-item{
    min-width:0;
}
.columns.columns-small-left > .columns-item:last-child, .columns.columns-small-right > .columns-item:first-child{
    -webkit-box-flex:3;
    -ms-flex:3;
    flex:3;
}
.columns.columns-medium-left > .columns-item:last-child, .columns.columns-medium-right > .columns-item:first-child{
    -webkit-box-flex:2;
    -ms-flex:2;
    flex:2;
}
.columns.gutter-none{
    margin-left:calc(-1 * var(--space-none) / 2);
    margin-right:calc(-1 * var(--space-none) / 2);
}
.columns.gutter-none > .columns-item{
    margin-bottom:var(--space-none);
    padding:var(--space-none) calc(var(--space-none) / 2);
}
.tablet .columns.gutter-none.tablet-break-first:only-child > .columns-item:not(:last-child), .tablet .columns.gutter-none.tablet-break-last:only-child > .columns-item:not(:last-child), .tablet .columns.gutter-none.tablet-break-middle:only-child > .columns-item:not(:last-child), .tablet .columns.gutter-none.tablet-break-all:only-child > .columns-item:not(:last-child){
    margin-bottom:var(--space-none);
}
.phone .columns.gutter-none.phone-break-first:only-child > .columns-item:not(:last-child), .phone .columns.gutter-none.phone-break-last:only-child > .columns-item:not(:last-child), .phone .columns.gutter-none.phone-break-middle:only-child > .columns-item:not(:last-child), .phone .columns.gutter-none.phone-break-all:only-child > .columns-item:not(:last-child){
    margin-bottom:var(--space-none);
}
.columns.gutter-xs{
    margin-left:calc(-1 * var(--space-xs) / 2);
    margin-right:calc(-1 * var(--space-xs) / 2);
}
.columns.gutter-xs > .columns-item{
    margin-bottom:var(--space-xs);
    padding:var(--space-none) calc(var(--space-xs) / 2);
}
.tablet .columns.gutter-xs.tablet-break-first:only-child > .columns-item:not(:last-child), .tablet .columns.gutter-xs.tablet-break-last:only-child > .columns-item:not(:last-child), .tablet .columns.gutter-xs.tablet-break-middle:only-child > .columns-item:not(:last-child), .tablet .columns.gutter-xs.tablet-break-all:only-child > .columns-item:not(:last-child){
    margin-bottom:var(--space-xs);
}
.phone .columns.gutter-xs.phone-break-first:only-child > .columns-item:not(:last-child), .phone .columns.gutter-xs.phone-break-last:only-child > .columns-item:not(:last-child), .phone .columns.gutter-xs.phone-break-middle:only-child > .columns-item:not(:last-child), .phone .columns.gutter-xs.phone-break-all:only-child > .columns-item:not(:last-child){
    margin-bottom:var(--space-xs);
}
.columns.gutter-s{
    margin-left:calc(-1 * var(--space-s) / 2);
    margin-right:calc(-1 * var(--space-s) / 2);
}
.columns.gutter-s > .columns-item{
    margin-bottom:var(--space-s);
    padding:var(--space-none) calc(var(--space-s) / 2);
}
.tablet .columns.gutter-s.tablet-break-first:only-child > .columns-item:not(:last-child), .tablet .columns.gutter-s.tablet-break-last:only-child > .columns-item:not(:last-child), .tablet .columns.gutter-s.tablet-break-middle:only-child > .columns-item:not(:last-child), .tablet .columns.gutter-s.tablet-break-all:only-child > .columns-item:not(:last-child){
    margin-bottom:var(--space-s);
}
.phone .columns.gutter-s.phone-break-first:only-child > .columns-item:not(:last-child), .phone .columns.gutter-s.phone-break-last:only-child > .columns-item:not(:last-child), .phone .columns.gutter-s.phone-break-middle:only-child > .columns-item:not(:last-child), .phone .columns.gutter-s.phone-break-all:only-child > .columns-item:not(:last-child){
    margin-bottom:var(--space-s);
}
.columns.gutter-base{
    margin-left:calc(-1 * var(--space-base) / 2);
    margin-right:calc(-1 * var(--space-base) / 2);
}
.columns.gutter-base > .columns-item{
    margin-bottom:var(--space-base);
    padding:var(--space-none) calc(var(--space-base) / 2);
}
.tablet .columns.gutter-base.tablet-break-first:only-child > .columns-item:not(:last-child), .tablet .columns.gutter-base.tablet-break-last:only-child > .columns-item:not(:last-child), .tablet .columns.gutter-base.tablet-break-middle:only-child > .columns-item:not(:last-child), .tablet .columns.gutter-base.tablet-break-all:only-child > .columns-item:not(:last-child){
    margin-bottom:var(--space-base);
}
.phone .columns.gutter-base.phone-break-first:only-child > .columns-item:not(:last-child), .phone .columns.gutter-base.phone-break-last:only-child > .columns-item:not(:last-child), .phone .columns.gutter-base.phone-break-middle:only-child > .columns-item:not(:last-child), .phone .columns.gutter-base.phone-break-all:only-child > .columns-item:not(:last-child){
    margin-bottom:var(--space-base);
}
.columns.gutter-m{
    margin-left:calc(-1 * var(--space-m) / 2);
    margin-right:calc(-1 * var(--space-m) / 2);
}
.columns.gutter-m > .columns-item{
    margin-bottom:var(--space-m);
    padding:var(--space-none) calc(var(--space-m) / 2);
}
.tablet .columns.gutter-m.tablet-break-first:only-child > .columns-item:not(:last-child), .tablet .columns.gutter-m.tablet-break-last:only-child > .columns-item:not(:last-child), .tablet .columns.gutter-m.tablet-break-middle:only-child > .columns-item:not(:last-child), .tablet .columns.gutter-m.tablet-break-all:only-child > .columns-item:not(:last-child){
    margin-bottom:var(--space-m);
}
.phone .columns.gutter-m.phone-break-first:only-child > .columns-item:not(:last-child), .phone .columns.gutter-m.phone-break-last:only-child > .columns-item:not(:last-child), .phone .columns.gutter-m.phone-break-middle:only-child > .columns-item:not(:last-child), .phone .columns.gutter-m.phone-break-all:only-child > .columns-item:not(:last-child){
    margin-bottom:var(--space-m);
}
.columns.gutter-l{
    margin-left:calc(-1 * var(--space-l) / 2);
    margin-right:calc(-1 * var(--space-l) / 2);
}
.columns.gutter-l > .columns-item{
    margin-bottom:var(--space-l);
    padding:var(--space-none) calc(var(--space-l) / 2);
}
.tablet .columns.gutter-l.tablet-break-first:only-child > .columns-item:not(:last-child), .tablet .columns.gutter-l.tablet-break-last:only-child > .columns-item:not(:last-child), .tablet .columns.gutter-l.tablet-break-middle:only-child > .columns-item:not(:last-child), .tablet .columns.gutter-l.tablet-break-all:only-child > .columns-item:not(:last-child){
    margin-bottom:var(--space-l);
}
.phone .columns.gutter-l.phone-break-first:only-child > .columns-item:not(:last-child), .phone .columns.gutter-l.phone-break-last:only-child > .columns-item:not(:last-child), .phone .columns.gutter-l.phone-break-middle:only-child > .columns-item:not(:last-child), .phone .columns.gutter-l.phone-break-all:only-child > .columns-item:not(:last-child){
    margin-bottom:var(--space-l);
}
.columns.gutter-xl{
    margin-left:calc(-1 * var(--space-xl) / 2);
    margin-right:calc(-1 * var(--space-xl) / 2);
}
.columns.gutter-xl > .columns-item{
    margin-bottom:var(--space-xl);
    padding:var(--space-none) calc(var(--space-xl) / 2);
}
.tablet .columns.gutter-xl.tablet-break-first:only-child > .columns-item:not(:last-child), .tablet .columns.gutter-xl.tablet-break-last:only-child > .columns-item:not(:last-child), .tablet .columns.gutter-xl.tablet-break-middle:only-child > .columns-item:not(:last-child), .tablet .columns.gutter-xl.tablet-break-all:only-child > .columns-item:not(:last-child){
    margin-bottom:var(--space-xl);
}
.phone .columns.gutter-xl.phone-break-first:only-child > .columns-item:not(:last-child), .phone .columns.gutter-xl.phone-break-last:only-child > .columns-item:not(:last-child), .phone .columns.gutter-xl.phone-break-middle:only-child > .columns-item:not(:last-child), .phone .columns.gutter-xl.phone-break-all:only-child > .columns-item:not(:last-child){
    margin-bottom:var(--space-xl);
}
.columns.gutter-xxl{
    margin-left:calc(-1 * var(--space-xxl) / 2);
    margin-right:calc(-1 * var(--space-xxl) / 2);
}
.columns.gutter-xxl > .columns-item{
    margin-bottom:var(--space-xxl);
    padding:var(--space-none) calc(var(--space-xxl) / 2);
}
.tablet .columns.gutter-xxl.tablet-break-first:only-child > .columns-item:not(:last-child), .tablet .columns.gutter-xxl.tablet-break-last:only-child > .columns-item:not(:last-child), .tablet .columns.gutter-xxl.tablet-break-middle:only-child > .columns-item:not(:last-child), .tablet .columns.gutter-xxl.tablet-break-all:only-child > .columns-item:not(:last-child){
    margin-bottom:var(--space-xxl);
}
.phone .columns.gutter-xxl.phone-break-first:only-child > .columns-item:not(:last-child), .phone .columns.gutter-xxl.phone-break-last:only-child > .columns-item:not(:last-child), .phone .columns.gutter-xxl.phone-break-middle:only-child > .columns-item:not(:last-child), .phone .columns.gutter-xxl.phone-break-all:only-child > .columns-item:not(:last-child){
    margin-bottom:var(--space-xxl);
}
.columns:only-child > .columns-item{
    margin-bottom:var(--space-none);
}
.phone .columns.phone-break-first > .columns-item:first-child, .phone .columns.phone-break-last > .columns-item:last-child, .phone .columns.phone-break-all > .columns-item, .phone .columns.columns2.phone-break-middle > .columns-item, .phone .columns.columns3.phone-break-middle > .columns-item:last-child, .phone .columns.columns-small-left.phone-break-middle > .columns-item, .phone .columns.columns-medium-left.phone-break-middle > .columns-item, .phone .columns.columns-small-right.phone-break-middle > .columns-item, .phone .columns.columns-medium-right.phone-break-middle > .columns-item{
    -webkit-box-flex:0;
    -ms-flex:none;
    flex:none;
    width:100%;
}
.phone .columns.columns4.phone-break-middle > .columns-item{
    -webkit-box-flex:0;
    -ms-flex:none;
    flex:none;
    width:50%;
}
.phone .columns.columns5.phone-break-middle > .columns-item:nth-child(1), .phone .columns.columns5.phone-break-middle > .columns-item:nth-child(2), .phone .columns.columns5.phone-break-middle > .columns-item:nth-child(3), .phone .columns.columns6.phone-break-middle > .columns-item:nth-child(1), .phone .columns.columns6.phone-break-middle > .columns-item:nth-child(2), .phone .columns.columns6.phone-break-middle > .columns-item:nth-child(3){
    -webkit-box-flex:0;
    -ms-flex:none;
    flex:none;
    width:33.333%;
}
.tablet .columns.tablet-break-first > .columns-item:first-child, .tablet .columns.tablet-break-last > .columns-item:last-child, .tablet .columns.tablet-break-all > .columns-item, .tablet .columns.columns2.tablet-break-middle > .columns-item, .tablet .columns.columns3.tablet-break-middle > .columns-item:last-child, .tablet .columns.columns-small-left.tablet-break-middle > .columns-item, .tablet .columns.columns-medium-left.tablet-break-middle > .columns-item, .tablet .columns.columns-small-right.tablet-break-middle > .columns-item, .tablet .columns.columns-medium-right.tablet-break-middle > .columns-item{
    -webkit-box-flex:0;
    -ms-flex:none;
    flex:none;
    width:100%;
}
.tablet .columns.columns4.tablet-break-middle > .columns-item{
    -webkit-box-flex:0;
    -ms-flex:none;
    flex:none;
    width:50%;
}
.tablet .columns.columns5.tablet-break-middle > .columns-item:nth-child(1), .tablet .columns.columns5.tablet-break-middle > .columns-item:nth-child(2), .tablet .columns.columns5.tablet-break-middle > .columns-item:nth-child(3), .tablet .columns.columns6.tablet-break-middle > .columns-item:nth-child(1), .tablet .columns.columns6.tablet-break-middle > .columns-item:nth-child(2), .tablet .columns.columns6.tablet-break-middle > .columns-item:nth-child(3){
    -webkit-box-flex:0;
    -ms-flex:none;
    flex:none;
    width:33.333%;
}
/*! 6.1.2. Gallery */
.osui-gallery, .osui-gallery > .list{
    display:grid;
    grid-gap:var(--gallery-gap);
    grid-template-columns:repeat(var(--gallery-desktop-items), minmax(0, 1fr));
}
.osui-gallery > *{
    margin-top:0;
}
.osui-gallery > .list{
    grid-column-end:calc(var(--gallery-desktop-items) + 1);
    grid-column-start:1;
    overflow:initial;
}
.osui-gallery > .list .card,
.osui-gallery > .list .animate{
    height:100%;
}
.osui-gallery > .list .card-background{

}
.osui-gallery > img{
    -o-object-fit:cover;
    object-fit:cover;
}
.tablet .osui-gallery, .tablet .osui-gallery > .list{
    grid-template-columns:repeat(var(--gallery-tablet-items), minmax(0, 1fr));
}
.tablet .osui-gallery > .list{
    grid-column-end:calc(var(--gallery-tablet-items) + 1);
}
.phone .osui-gallery, .phone .osui-gallery > .list{
    grid-template-columns:repeat(var(--gallery-phone-items), minmax(0, 1fr));
}
.phone .osui-gallery > .list{
    grid-column-end:calc(var(--gallery-phone-items) + 1);
}
/*! 6.1.3. Master Detail */
.split-screen-wrapper{
    background-color:var(--color-neutral-0);
    border:var(--border-size-s) solid var(--color-neutral-4);
    border-radius:var(--border-radius-soft);
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    overflow:hidden;
    position:relative;
}
.split-screen-wrapper .split-left, .split-screen-wrapper .split-right{
    overflow-y:auto;
    -ms-touch-action:pan-y;
    touch-action:pan-y;
}
.split-screen-wrapper .split-left, .split-screen-wrapper .split-right{



}
.split-screen-wrapper .split-left{
    width:var(--left-percentage);
}
.split-screen-wrapper .split-left .list-item{
    cursor:pointer;
}
.split-screen-wrapper .split-right{
    border-left:var(--border-size-s) solid var(--color-neutral-4);
    padding:var(--space-xl);
    width:calc(100% - var(--left-percentage));
}
.split-screen-wrapper .split-right .split-right-close{
    left:calc(var(--os-safe-area-left) + var(--space-m));
    position:fixed;
    top:12px;
    z-index:var(--layer-global-screen);
}
.split-screen-wrapper .split-right .split-right-close{

}
.split-screen-wrapper .split-right .split-right-close a{
    color:var(--color-neutral-8);
    font-size:var(--font-size-base);
}
.split-screen-wrapper .split-right .split-right-content{
    height:100%;
}
.split-screen-wrapper .split-right .split-right-content{

}
.split-screen-wrapper .split-right .split-right-content .split-right--placeholder{
    height:100%;
}
.layout-native .split-right-close{
    left:calc(var(--os-safe-area-left) + 24px);
}
.desktop .split-screen-wrapper.is--screen-size,
.tablet .split-screen-wrapper.is--screen-size{
    height:calc(100vh - var(--master-detail-height));
}
.desktop .split-screen-wrapper.is--full-height,
.tablet .split-screen-wrapper.is--full-height{
    height:var(--master-detail-height);
}
.desktop .split-screen-wrapper .split-right-close,
.tablet .split-screen-wrapper .split-right-close{
    display:none;
}
.phone .split-screen-wrapper{

}
.phone .split-screen-wrapper .split-left, .phone .split-screen-wrapper .split-right{

}
.phone .split-screen-wrapper .split-left{
    width:100%;
}
.phone .split-screen-wrapper .split-right{
    background-color:var(--color-neutral-0);
    border-left:var(--border-size-none);
    height:100%;
    left:0;
    padding-bottom:calc(var(--os-safe-area-bottom) + var(--space-m));
    padding-left:calc(var(--os-safe-area-left) + var(--space-m));
    padding-right:calc(var(--os-safe-area-right) + var(--space-m));
    padding-top:var(--header-size);
    position:fixed;
    top:0;
    -webkit-transform:translateX(100%) translateZ(0);
    transform:translateX(100%) translateZ(0);
    -webkit-transition:all 190ms ease-in;
    transition:all 190ms ease-in;
    width:100%;
    will-change:transform;
    z-index:calc(var(--layer-above) + var(--layer-global-navigation));
}
.phone .split-screen-wrapper .split-right.open{
    -webkit-transform:translateX(0) translateZ(0);
    transform:translateX(0) translateZ(0);
    -webkit-transition:all 330ms ease-out;
    transition:all 330ms ease-out;
}
.phone .split-screen-wrapper .split-right{


}
.phone .layout-native .split-right{
    padding-bottom:calc(var(--os-safe-area-bottom) + var(--space-base));
    padding-left:calc(var(--os-safe-area-left) + var(--space-base));
    padding-right:calc(var(--os-safe-area-right) + var(--space-base));
    padding-top:calc(var(--header-size) + var(--os-safe-area-top));
}
.phone .layout-native .split-right .split-right-close{
    display:block;
    left:calc(var(--os-safe-area-left) + var(--space-base));
}
.phone.android .layout-native .split-right{
    padding-top:calc(var(--header-size) + max(var(--status-bar-height), var(--safe-area-inset-top, 0px)));
}
.phone.ios .layout-native .split-right-close{
    top:calc(var(--os-safe-area-top) + 12px);
}
.android .layout-native .split-right-close{
    left:16px;
    top:calc(max(var(--status-bar-height), var(--safe-area-inset-top, 0px)) + 10px);
}
.is-rtl .split-right{
    border-left:0;
    border-right:var(--border-size-s) solid var(--color-neutral-4);
}
.has-accessible-features .split-left .list-item:focus{
    -webkit-box-shadow:none;
    box-shadow:none;
}
.has-accessible-features .split-left .list-item:focus:before{
    border:3px solid var(--color-focus-outer);
    bottom:0;
    content:"";
    left:0;
    position:absolute;
    right:0;
    top:0;
}
/*! 6.2. Content */
/*! 6.2.1. Accordion */
.osui-accordion :first-child:not(.list) > .osui-accordion-item,
.osui-accordion .list :first-child > .osui-accordion-item{
    border-radius:var(--border-radius-none);
    border-top-left-radius:var(--border-radius-soft);
    border-top-right-radius:var(--border-radius-soft);
}
.osui-accordion :last-child:not(.list) > .osui-accordion-item,
.osui-accordion .list :last-child > .osui-accordion-item{
    border-bottom-width:var(--border-size-s);
    border-radius:var(--border-radius-none);
    border-bottom-left-radius:var(--border-radius-soft);
    border-bottom-right-radius:var(--border-radius-soft);
}
.osui-accordion :only-child > .osui-accordion-item,
.osui-accordion .list :only-child > .osui-accordion-item{
    border-radius:var(--border-radius-soft);
}
.osui-accordion :first-child:not(.list) > .osui-accordion-item::after{
    border-top-left-radius:var(--border-radius-soft);
    border-top-right-radius:var(--border-radius-soft);
}
.osui-accordion .osui-accordion-item,
.osui-accordion .list .osui-accordion-item{
    border-radius:var(--border-radius-none);
}
.osui-accordion .osui-accordion-item{
    border-bottom-width:var(--border-size-none);
}
.osui-accordion .osui-accordion-item::after{
    border-top-left-radius:var(--border-radius-none);
    border-top-right-radius:var(--border-radius-none);
}
.osui-accordion .osui-accordion-item{

}
/*! 6.2.2. Accordion Item */
.osui-accordion-item{
    --accordion-active-border-size:2px;
    background-color:var(--color-neutral-0);
    border:var(--border-size-s) solid var(--color-neutral-4);
    border-bottom-width:var(--border-size-s);
    border-radius:var(--border-radius-soft);
    position:relative;
}
.osui-accordion-item__click_zone{
    cursor:pointer;
}
.osui-accordion-item--toggle-with-icon .osui-accordion-item__title{
    cursor:default;
}
.osui-accordion-item--toggle-with-icon .osui-accordion-item__icon{
    cursor:pointer;
}
.osui-accordion-item:after{
    background-color:transparent;
    border-color:transparent;
    border-style:solid;
    border-top-left-radius:var(--border-radius-soft);
    border-top-right-radius:var(--border-radius-soft);
    border-width:var(--accordion-active-border-size) var(--border-size-none) var(--border-size-none) var(--border-size-none);
    content:"";
    left:0;
    height:100%;
    pointer-events:none;
    position:absolute;
    opacity:0;
    top:-1px;
    width:100%;
}
.osui-accordion-item--is-open > .osui-accordion-item__title{
    font-weight:var(--font-semi-bold);
}
.osui-accordion-item--is-open > .osui-accordion-item__title > .osui-accordion-item__icon--caret{
    -webkit-transform:rotate(180deg);
    -ms-transform:rotate(180deg);
    transform:rotate(180deg);
}
.osui-accordion-item--is-open > .osui-accordion-item__title > .osui-accordion-item__icon--plus-minus:after{
    -webkit-transform:rotate(90deg);
    -ms-transform:rotate(90deg);
    transform:rotate(90deg);
}
.osui-accordion-item--is-open.osui-accordion-item--is-disabled::after{
    border-color:var(--color-neutral-6);
}
.osui-accordion-item--is-open::after{
    border-color:var(--color-primary);
    opacity:1;
    -webkit-transition:opacity 300ms ease-in;
    transition:opacity 300ms ease-in;
}
.osui-accordion-item--is-disabled{
    color:var(--color-neutral-7);
    pointer-events:none;
}
.osui-accordion-item--is-disabled .osui-accordion-item__icon{
    color:var(--color-neutral-6);
}
.osui-accordion-item--is-disabled .osui-accordion-item__icon--plus-minus:after, .osui-accordion-item--is-disabled .osui-accordion-item__icon--plus-minus:before{
    background-color:var(--color-neutral-6);
}
.osui-accordion-item__title{
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    direction:ltr;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    font-size:var(--font-size-h6);
    line-height:1;
    padding:var(--space-m);
    width:100%;
}
.osui-accordion-item__title__placeholder{
    text-overflow:ellipsis;
    width:100%;
}
.osui-accordion-item__title--is-left{
    -webkit-box-orient:horizontal;
    -webkit-box-direction:reverse;
    -ms-flex-direction:row-reverse;
    flex-direction:row-reverse;
}
.osui-accordion-item__title--is-left .osui-accordion-item__title__placeholder{
    padding-left:var(--space-s);
}
.osui-accordion-item__icon{
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    color:var(--color-primary);
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    font-family:FontAwesome;
    font-size:var(--font-size-h4);
    font-weight:var(--font-regular);
    height:16px;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-transition:all 300ms ease-in-out;
    transition:all 300ms ease-in-out;
    width:16px;
}
.osui-accordion-item__icon--caret:after{
    content:"\f107";
}
.osui-accordion-item__icon--plus-minus:after{
    background-color:var(--color-primary);
    content:" ";
    height:100%;
    -webkit-transition:-webkit-transform 300ms ease-in-out;
    transition:-webkit-transform 300ms ease-in-out;
    transition:transform 300ms ease-in-out;
    transition:transform 300ms ease-in-out, -webkit-transform 300ms ease-in-out;
    width:2px;
}
.osui-accordion-item__icon--plus-minus:before{
    background-color:var(--color-primary);
    content:" ";
    height:2px;
    position:absolute;
    width:16px;
}
.osui-accordion-item__icon--custom:not(.osui-accordion-item__click_zone){
    pointer-events:none;


}
.osui-accordion-item__icon--hidden{
    display:none;
    height:0;
    width:0;

}
.osui-accordion-item__content{
    display:block;
    overflow:hidden;
    padding:var(--space-none) var(--space-m);
}
.osui-accordion-item__content--is-collapsed{
    height:0;
    visibility:hidden;
}
.osui-accordion-item__content--is-collapsed > div{
    display:none;
}
.osui-accordion-item__content--is-expanded{
    height:auto;
    padding:var(--space-none) var(--space-m) var(--space-m);
    visibility:visible;
}
.osui-accordion-item__content--is-animating{
    -webkit-transition:all 300ms ease-in-out;
    transition:all 300ms ease-in-out;
}
.osui-accordion-item__content [data-block*=AnimatedLabel]:first-child .animated-label{
    margin-top:var(--space-s);
}
.osui-accordion-item .choices__list.choices__list--dropdown,
.osui-accordion-item [data-dropdown] > div.dropdown-list{
    position:initial;
}
.osui-accordion-item .osui-accordion{
    margin-top:var(--accordion-active-border-size);
}
.phone .osui-accordion-item .osui-accordion-item__title{
    font-size:calc(var(--font-size-base));
}
.layout-native .osui-accordion-item__title{
    padding:var(--space-base);
}
.layout-native .osui-accordion-item__content{
    padding:var(--space-none) var(--space-base);
}
.layout-native .osui-accordion-item__content--is-collapsed{
    padding:var(--space-none) var(--space-base);
}
.layout-native .osui-accordion-item__content--is-expanded{
    padding:var(--space-none) var(--space-base) var(--space-base);
}
.has-accessible-features .osui-accordion-item__title:focus, .has-accessible-features .osui-accordion-item__content:focus{
    -webkit-box-shadow:none;
    box-shadow:none;
}
.has-accessible-features .osui-accordion-item__title:focus-visible, .has-accessible-features .osui-accordion-item__content:focus-visible{
    outline:var(--border-size-l) solid var(--color-focus-outer);
}
.is-rtl .osui-accordion-item__title__placeholder{
    direction:rtl;
    margin-right:var(--space-s);
}
/*! 6.2.3. Alert */
.alert{
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    border-radius:var(--border-radius-soft);
    color:var(--color-neutral-0);
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    padding:var(--space-base);
}
.alert .alert-icon{
    -ms-flex-item-align:start;
    align-self:flex-start;
    display:-webkit-inline-box;
    display:-ms-inline-flexbox;
    display:inline-flex;
    font-size:24px;
    margin-right:var(--space-base);
}
.alert .fa-fw{
    width:auto;
}
.alert .alert-message{
    -webkit-box-flex:1;
    -ms-flex:1;
    flex:1;
}
.alert-info{
    background-color:var(--color-info);
}
.alert-success{
    background-color:var(--color-success);
}
.alert-error{
    background-color:var(--color-error);
}
.alert-warning{
    background-color:var(--color-warning);
    color:var(--color-neutral-10);
}
.is-rtl .alert-icon{
    margin-left:var(--space-base);
    margin-right:0;
}
/*! 6.2.4. Blank Slate */
.blank-slate{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    -ms-flex-pack:distribute;
    justify-content:space-around;
    text-align:center;
}
.blank-slate.large{
    height:100%;
}
.blank-slate.large .blank-slate-icon{
    font-size:120px;
}
.blank-slate.large .blank-slate-actions{
    padding:var(--space-xxl) var(--space-base);
}
.blank-slate-description{
    color:var(--color-neutral-9);
    padding:var(--space-none) var(--space-base);
}
.blank-slate-actions{
    padding:var(--space-base);
}
.blank-slate-icon{
    color:var(--color-neutral-6);
    font-size:70px;
}
/*! 6.2.5. Card */
.card{
    background-color:var(--color-neutral-0);
    border:var(--border-size-s) solid var(--color-neutral-4);
    border-radius:var(--border-radius-soft);
    padding:var(--space-m);
}
.layout-native .card{
    padding:var(--space-base);
}
/*! 6.2.6. Card Background */
.card-background{
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    border-radius:var(--border-radius-soft);
    color:var(--color-neutral-0);
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    overflow:hidden;
    padding:var(--space-m);
    position:relative;
}
.card-background{

}
.card-background-content{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    position:relative;
    width:100%;
    z-index:var(--layer-local-tier-1);
}
.card-background-content{

}
.card-background-content.top-left, .card-background-content.center-left, .card-background-content.bottom-left{
    text-align:left;
}
.card-background-content.top-center, .card-background-content.center, .card-background-content.bottom-center{
    text-align:center;
}
.card-background-content.top-right, .card-background-content.center-right, .card-background-content.bottom-right{
    text-align:right;
}
.card-background-image, .card-background-color{
    left:0;
    position:absolute;
    top:0;
    height:100%;
    width:100%;
}
.card-background-image img{
    height:100%;
    -o-object-fit:cover;
    object-fit:cover;
    -o-object-position:center center;
    object-position:center center;
    width:100%;
}
.card-background-color{
    opacity:0.6;
}
.card-background-color:after{
    background:-webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgb(0, 0, 0)));
    background:linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 100%);
    content:"";
    height:100%;
    left:0;
    opacity:1;
    position:absolute;
    top:0;
    width:100%;
    z-index:var(--layer-local-tier-1);
}
.remove-card-gradient .card-background-color:after{
    background:none;
}
.layout-native .card-background{
    padding:var(--space-base);
}
.layout-native .card-background.padding-none{
    padding:var(--space-none);
}
/*! 6.2.7. Card Item */
.card-detail{
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
}
.card-detail-left{
    max-width:120px;
    padding-right:var(--space-base);
}
.card-detail-center{
    -webkit-box-flex:1;
    -ms-flex:1;
    flex:1;
}
.card-detail-right{
    padding-left:var(--space-base);
}
.card-detail-title{
    color:var(--color-neutral-10);
    font-size:var(--font-size-h5);
    font-weight:var(--font-semi-bold);
}
.card-detail-text{
    color:var(--color-neutral-7);
    overflow:hidden;
    text-overflow:ellipsis;
}
.is-rtl .card-detail-left{
    padding-left:var(--space-base);
    padding-right:0;
}
.is-rtl .card-detail-right{
    padding-left:0;
    padding-right:var(--space-base);
}
/*! 6.2.8. Card Sectioned */
.card-sectioned{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    padding:var(--space-none);
}
.card-sectioned-top{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-flex:1;
    -ms-flex:1;
    flex:1;
}
.card-sectioned.flex-direction-row .card-image{
    padding:var(--space-m) var(--space-none) var(--space-m) var(--space-m);
}
.card-sectioned.flex-direction-row .card-image.padding-none{
    padding:var(--space-none);
}
.card-sectioned.flex-direction-row .card-sectioned-right .card-image{
    -webkit-box-ordinal-group:3;
    -ms-flex-order:2;
    order:2;
    padding:var(--space-m) var(--space-m) var(--space-m) var(--space-none);
}
.card-sectioned.flex-direction-row .card-sectioned-right .card-image.padding-none{
    padding:var(--space-none);
}
.card-image{
    padding:var(--space-m) var(--space-m) var(--space-none);
}
.card-image img{
    display:block;
    margin:0 auto;
}
.card-title{
    font-size:var(--font-size-h4);
    font-weight:var(--font-semi-bold);
    padding:var(--space-m) var(--space-m) var(--space-none) var(--space-m);
}
.card-content{
    -webkit-box-flex:1;
    -ms-flex:1;
    flex:1;
    padding:var(--space-m);
}
.card-bottom{
    padding:var(--space-none) var(--space-m) var(--space-m);
}
.layout-native .card-sectioned{
    padding:0;
}
.layout-native .card-sectioned.flex-direction-row .card-image{
    padding:var(--space-base) var(--space-none) var(--space-base) var(--space-base);
}
.layout-native .card-sectioned.flex-direction-row .card-image.padding-none{
    padding:var(--space-none);
}
.layout-native .card-title{
    padding:var(--space-base) var(--space-base) var(--space-none) var(--space-base);
}
.layout-native .card-image{
    padding:var(--space-base) var(--space-base) var(--space-none);
}
.layout-native .card-image.padding-none{
    padding:var(--space-none);
}
.layout-native .card-content{
    padding:var(--space-base);
}
.layout-native .card-content.padding-none{
    padding:var(--space-none);
}
.layout-native .card-bottom{
    padding:var(--space-none) var(--space-base) var(--space-base);
}
.tablet .card-title{
    font-size:calc(var(--font-size-h4) - 1px);
}
.phone .card-title{
    font-size:calc(var(--font-size-h4) - 2px);
}
/*! 6.2.9. Chat Message */
.chat{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
}
.chat.right{
    -webkit-box-orient:horizontal;
    -webkit-box-direction:reverse;
    -ms-flex-direction:row-reverse;
    flex-direction:row-reverse;
}
.chat.right .chat-photo{
    margin-left:var(--space-base);
    margin-right:var(--space-none);
}
.chat.right .chat-message{
    background-color:var(--color-indigo);
    color:var(--color-neutral-0);
    text-align:right;
}
.chat-photo{
    margin-right:var(--space-base);
}
.chat-photo img{
    border-radius:var(--border-radius-circle);
    height:40px;
    -o-object-fit:cover;
    object-fit:cover;
    width:40px;
}
.chat-message{
    background-color:var(--color-neutral-3);
    border-radius:var(--border-radius-soft);
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    max-width:600px;
    padding:var(--space-base);
    position:relative;
    word-break:break-word;
}
.chat-message-status{
    display:block;
    font-size:var(--font-size-xs);
    margin-top:var(--space-s);
}
.chat-message-status.hidden{
    display:none;
}
.is-rtl .chat.right .chat-photo{
    margin-left:var(--space-none);
    margin-right:var(--space-base);
}
.is-rtl .chat-photo{
    margin-left:var(--space-base);
    margin-right:0;
}
/*! 6.2.10. Flip Content */
.osui-flip-content{
    -webkit-perspective:200vw;
    perspective:200vw;
    position:relative;
    overflow:hidden;
}
.osui-flip-content{


}
.firefox .osui-flip-content{
    -webkit-transform:perspective(200vw);
    transform:perspective(200vw);
    -webkit-transform-style:preserve-3d;
    transform-style:preserve-3d;
}
.osui-flip-content--flipped .osui-flip-content__container{
    -webkit-transform:rotateY(-90deg);
    transform:rotateY(-90deg);
}
.osui-flip-content--flipped .osui-flip-content__container__front{
    position:absolute;
}
.osui-flip-content--flipped .osui-flip-content__container__back{
    position:relative;
    -webkit-transform:rotateY(90deg);
    transform:rotateY(90deg);
}
.osui-flip-content__container{
    cursor:default;
    position:relative;
    -webkit-transform-style:preserve-3d;
    transform-style:preserve-3d;
    -webkit-transition:all 630ms cubic-bezier(0.03, 0.01, 0.67, 1.97);
    transition:all 630ms cubic-bezier(0.03, 0.01, 0.67, 1.97);
}
.osui-flip-content__container--flip-self{
    cursor:pointer;
}
.osui-flip-content__container{


}
.osui-flip-content__container__front, .osui-flip-content__container__back{
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden;
    left:0;
    top:0;
}
.osui-flip-content__container__front:empty, .osui-flip-content__container__back:empty{

}
.osui-flip-content__container__front{
    position:relative;
    z-index:var(--layer-global-screen);
}
.osui-flip-content__container__back{
    position:absolute;
    width:100%;
}
.osui-flip-content__container__back{

}
.is-rtl .osui-flip-content--flipped .osui-flip-content__container{
    -webkit-transform:rotateY(90deg);
    transform:rotateY(90deg);
}
.is-rtl .osui-flip-content--flipped .osui-flip-content__container__back{
    -webkit-transform:rotateY(-90deg);
    transform:rotateY(-90deg);
}
/*! 6.2.11. Floating Content */
.floating-content{
    position:fixed;
    width:auto;
    z-index:var(--layer-global-elevated);
}
.floating-content.floating-content-full-width{
    left:0;
    right:0;
    width:auto;
}
.floating-content.floating-content-full-width > .OSInline{
    display:inline;
}
.floating-content.floating-content-full-height{
    margin-top:0;
    top:calc(var(--header-size) + var(--space-base) * 2);
}
.floating-content.floating-content-full-height.absolute-top{
    top:var(--os-safe-area-top);
}
.floating-content.absolute-bottom{
    bottom:var(--os-safe-area-bottom);
}
.floating-content.absolute-top-plus-header{
    top:calc(var(--header-size) + var(--os-safe-area-top));
}
.floating-content > div:empty{


}
.floating-content-top{
    left:50%;
    margin-top:0;
    top:calc(var(--header-size) + var(--space-base) * 2);
    -webkit-transform:translateX(-50%);
    -ms-transform:translateX(-50%);
    transform:translateX(-50%);
}
.floating-content-top-left{
    left:0;
    margin-top:0;
    top:calc(var(--header-size) + var(--space-base) * 2);
}
.floating-content-top-right{
    margin-top:0;
    right:0;
    top:calc(var(--header-size) + var(--space-base) * 2);
}
.floating-content-left{
    left:0;
    top:50%;
    -webkit-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    transform:translateY(-50%);
}
.floating-content-right{
    right:0;
    top:50%;
    -webkit-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    transform:translateY(-50%);
}
.floating-content-center{
    left:50%;
    top:50%;
    -webkit-transform:translateX(-50%) translateY(-50%);
    -ms-transform:translateX(-50%) translateY(-50%);
    transform:translateX(-50%) translateY(-50%);
}
.floating-content-center.floating-content-full-width{
    -webkit-transform:translateX(0) translateY(-50%);
    -ms-transform:translateX(0) translateY(-50%);
    transform:translateX(0) translateY(-50%);
}
.floating-content-center.floating-content-full-height{
    bottom:0;
    -webkit-transform:translateY(0) translateX(-50%);
    -ms-transform:translateY(0) translateX(-50%);
    transform:translateY(0) translateX(-50%);
}
.floating-content-center.floating-content-center.floating-content-full-width.floating-content-full-height{
    -webkit-transform:translateX(0) translateY(0);
    -ms-transform:translateX(0) translateY(0);
    transform:translateX(0) translateY(0);
}
.floating-content-bottom{
    bottom:0;
    left:50%;
    -webkit-transform:translateX(-50%);
    -ms-transform:translateX(-50%);
    transform:translateX(-50%);
}
.floating-content-bottom-left{
    bottom:0;
    left:0;
}
.floating-content-bottom-right{
    bottom:0;
    right:0;
}
.floating-content-top.floating-content-full-height, .floating-content-top-left.floating-content-full-height, .floating-content-top-right.floating-content-full-height, .floating-content-bottom.floating-content-full-height, .floating-content-bottom-left.floating-content-full-height, .floating-content-bottom-right.floating-content-full-height{
    bottom:0;
}
.floating-content-top.floating-content-full-width, .floating-content-bottom.floating-content-full-width{
    -webkit-transform:translateX(0);
    -ms-transform:translateX(0);
    transform:translateX(0);
}
.floating-content-top.floating-content-full-width, .floating-content-bottom.floating-content-full-width, .floating-content-center.floating-content-full-width{
    -webkit-transform:translateX(0);
    -ms-transform:translateX(0);
    transform:translateX(0);
}
.floating-content-left.floating-content-full-height, .floating-content-right.floating-content-full-height{
    bottom:0;
    -webkit-transform:translateY(0);
    -ms-transform:translateY(0);
    transform:translateY(0);
}
.floating-content-margin{
    margin:var(--space-l);
}
.floating-content-margin.floating-content-center{
    left:calc(50% - var(--space-l));
    top:calc(50% - var(--space-l));
}
.floating-content-margin.floating-content-left, .floating-content-margin.floating-content-right{
    top:calc(50% - var(--space-l));
}
.floating-content-margin.floating-content-top, .floating-content-margin.floating-content-bottom, .floating-content-margin.floating-content-center{
    left:calc(50% - var(--space-l));
}
.absolute-bottom.absolute-center.floating-content-bottom{
    top:inherit;
}
.layout .blank .floating-content-top, .layout .blank .floating-content-top-right, .layout .blank .floating-content-top-left, .layout .blank .floating-content.floating-content-full-height{
    top:0;
}
.layout .blank .floating-content.floating-content-full-height.floating-content-margin{
    margin:var(--space-l);
}
.layout:not(.menu-visible) .floating-content[class*=absolute-]:not(.absolute-top-plus-header), .layout.aside-expandable .floating-content[class*=absolute-]:not(.absolute-top-plus-header){
    z-index:calc(var(--layer-global-navigation) + var(--layer-local-tier-1));
}
.aside-visible.menu-visible .floating-content-top:not(.absolute-top), .aside-visible.menu-visible .floating-content-center:not(.absolute-center), .aside-visible.menu-visible .floating-content-bottom:not(.absolute-bottom), .aside-expandable.menu-visible .floating-content-top:not(.absolute-top), .aside-expandable.menu-visible .floating-content-center:not(.absolute-center), .aside-expandable.menu-visible .floating-content-bottom:not(.absolute-bottom){
    left:calc(50% + var(--side-menu-size) / 2);
}
.aside-visible.menu-visible .floating-content.floating-content-full-width, .aside-visible.menu-visible .floating-content-left:not(.absolute-left), .aside-visible.menu-visible .floating-content-bottom-left:not(.absolute-left), .aside-visible.menu-visible .floating-content-top-left:not(.absolute-left), .aside-expandable.menu-visible .floating-content.floating-content-full-width, .aside-expandable.menu-visible .floating-content-left:not(.absolute-left), .aside-expandable.menu-visible .floating-content-bottom-left:not(.absolute-left), .aside-expandable.menu-visible .floating-content-top-left:not(.absolute-left){
    left:var(--side-menu-size);
}
.desktop .layout.layout-side:not(.layout-native) .floating-content-top-left:not(.absolute-left), .desktop .layout.layout-side:not(.layout-native) .floating-content-left:not(.absolute-left), .desktop .layout.layout-side:not(.layout-native) .floating-content-bottom-left:not(.absolute-left){
    left:var(--side-menu-size);
}
.desktop .layout-native .aside-visible .floating-content.floating-content-full-width{
    left:var(--side-menu-size);
}
.landscape .layout-native.aside-visible .floating-content.floating-content-full-width .aside-visible.menu-visible .floating-content.floating-content-full-width{
    left:var(--side-menu-size);
}
.tablet .layout-native .floating-content.floating-content-full-height.absolute-top,
.phone .layout-native .floating-content.floating-content-full-height.absolute-top{
    top:var(--os-safe-area-top);
}
.tablet .layout-native .floating-content.floating-content-full-width,
.phone .layout-native .floating-content.floating-content-full-width{
    left:0;
    right:0;
}
.tablet .layout-native .floating-content.absolute-bottom,
.phone .layout-native .floating-content.absolute-bottom{
    bottom:var(--os-safe-area-bottom);
}
.tablet .layout-native .floating-content-bottom, .tablet .layout-native .floating-content-bottom-left, .tablet .layout-native .floating-content-bottom-right,
.phone .layout-native .floating-content-bottom,
.phone .layout-native .floating-content-bottom-left,
.phone .layout-native .floating-content-bottom-right{
    bottom:calc(var(--bottom-bar-size) + var(--os-safe-area-bottom));
}
.phone .floating-content-top-left, .phone .floating-content-left{
    left:var(--os-safe-area-left);
}
.phone .floating-content-top-right, .phone .floating-content-right{
    right:var(--os-safe-area-right);
}
.phone .floating-content-bottom{
    bottom:var(--os-safe-area-bottom);
}
.phone .floating-content-bottom-left{
    bottom:var(--os-safe-area-bottom);
    left:var(--os-safe-area-left);
}
.phone .floating-content-bottom-right{
    bottom:var(--os-safe-area-bottom);
    right:var(--os-safe-area-right);
}
.os-high-contrast .floating-button{
    border:var(--border-size-m) solid var(--color-neutral-7);
}
/*! 6.2.12. List Item Content */
.list-item-content{
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
}
.list-item-content-left{
    max-width:120px;
    padding-right:var(--space-m);
}
.list-item-content-center{
    -webkit-box-flex:1;
    -ms-flex:1;
    flex:1;
    overflow:hidden;
}
.list-item-content-right{
    padding-left:var(--space-m);
}
.list-item-content-title, .list-item-content-text{
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.list-item-content-title{
    color:var(--color-neutral-10);
    font-size:var(--font-size-h5);
    font-weight:var(--font-semi-bold);
}
.list-item-content-text{
    color:var(--color-neutral-7);
}
.layout-native .list-item-content-left{
    padding-right:var(--space-base);
}
.layout-native .list-item-content-right{
    padding-left:var(--space-base);
}
.tablet .list-item-content-title{
    font-size:calc(var(--font-size-h5) - 1px);
}
.phone .list-item-content-title{
    font-size:calc(var(--font-size-h5) - 2px);
}
.is-rtl .list-item-content-left{
    padding-left:var(--space-m);
    padding-right:0;
}
.is-rtl .list-item-content-right{
    padding-left:0;
    padding-right:var(--space-m);
}
.is-rtl .layout-native .list-item-content-left{
    padding-left:var(--space-base);
    padding-right:0;
}
.is-rtl .layout-native .list-item-content-right{
    padding-left:0;
    padding-right:var(--space-base);
}
.is-rtl [data-list-item] .list-item-float-left{
    float:right;
}
.is-rtl [data-list-item] .list-item-float-right{
    float:left;
}
/*! 6.2.13. Section */
.section-title{
    background-color:transparent;
    border-bottom:var(--border-size-s) solid var(--color-neutral-4);
    color:var(--color-neutral-9);
    font-size:var(--font-size-h2);
    font-weight:var(--font-semi-bold);
    padding:var(--space-none) var(--space-none) var(--space-s) var(--space-none);
    position:relative;
    text-transform:none;
    width:100%;
}
.section-content{
    padding:var(--space-s) var(--space-none) var(--space-none);
}
.section-group.is--sticky .section-title{
    position:sticky;
    top:calc(var(--section-top-position) + var(--os-safe-area-top));
    z-index:calc(var(--layer-below) + var(--layer-global-navigation));
}
.section-group .section-title{
    background-color:var(--color-background-body);
}
.layout-native .section-title{
    padding:var(--space-s) var(--space-base) var(--space-s) var(--space-base);
}
.layout-native .section-content{
    padding:0;
}
.android .section-group.is--sticky .section-title{
    top:calc(var(--section-top-position) + max(var(--status-bar-height), var(--safe-area-inset-top, 0px)));
}
.ios .section-group.is--sticky .section-title{
    top:0;
}
.ios .layout-native .section-group .sticky{
    position:static;
}
.tablet .section-title{
    font-size:calc(var(--font-size-h2) - 2px);
}
.phone .section-title{
    font-size:calc(var(--font-size-h2) - 4px);
}
/*! 6.2.14. Tag */
.tag{
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    color:var(--color-neutral-0);
    display:-webkit-inline-box;
    display:-ms-inline-flexbox;
    display:inline-flex;
    font-weight:var(--font-semi-bold);
    height:32px;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    line-height:1;
    min-width:32px;
    padding:var(--space-none) var(--space-base);
    word-break:normal;
}
.tag.tag-small{
    font-size:var(--font-size-xs);
    height:24px;
    padding:var(--space-none) var(--space-s);
}
.tag.tag-medium{
    font-size:var(--font-size-base);
    height:40px;
    padding:var(--space-none) var(--space-m);
}
.tag.background-transparent{
    color:var(--color-primary);
}
.tag.background-neutral-0{
    color:var(--color-primary);
}
.tag.background-neutral-1, .tag.background-neutral-2, .tag.background-neutral-3, .tag.background-neutral-4{
    color:var(--color-neutral-9);
}
/*! 6.2.15. Tooltip */
.osui-tooltip{
    --osui-tooltip-background-color:var(--color-neutral-9);
    --osui-tooltip-arrow-size:10px;
    --osui-floating-offset:var(--space-s);
    display:inline-block;
    position:relative;
}
.osui-tooltip{

}
.osui-tooltip .osui-balloon{
    background-color:var(--osui-tooltip-background-color);
    border-radius:var(--border-radius-soft);
    color:var(--color-neutral-0);
    font-size:var(--font-size-s);
    font-weight:var(--font-regular);
    line-height:initial;
    max-width:250px;
    padding:var(--space-s);
}
.osui-tooltip .osui-balloon[class*=top]:after{
    left:0;
    top:calc(var(--osui-floating-offset) * 2);
}
.osui-tooltip .osui-balloon[class*=left]:after{
    left:calc(var(--osui-floating-offset) * 2);
    top:0;
}
.osui-tooltip .osui-balloon[class*=bottom-end]:after{
    left:0;
}
.osui-tooltip .osui-balloon:after{
    content:"";
    position:absolute;
    left:calc(0px - var(--osui-floating-offset) * 2);
    top:calc(0px - var(--osui-floating-offset) * 2);
    width:100%;
    height:100%;
    z-index:var(--layer-global-negative);
}
.osui-tooltip .osui-balloon{





}
.osui-tooltip__balloon-arrow{
    position:absolute;
    width:var(--osui-tooltip-arrow-size);
    height:var(--osui-tooltip-arrow-size);
    background-color:var(--osui-tooltip-background-color);
    -webkit-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    transform:rotate(45deg);
    z-index:var(--layer-global-negative);
}
.osui-tooltip__content{
    cursor:pointer;
}
.osui-tooltip__content:empty{

}
.osui-tooltip__balloon-wrapper__balloon{
    text-wrap:wrap;
}
.os-high-contrast .osui-tooltip .osui-balloon{
    border:var(--border-size-s) solid var(--osui-tooltip-background-color);
}
.os-high-contrast .osui-tooltip__balloon-arrow{
    border:0 solid var(--osui-tooltip-background-color);
    border-right-width:var(--border-size-s);
    border-bottom-width:var(--border-size-s);
}
/*! 6.2.16. User Avatar */
.avatar{
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    color:var(--color-neutral-0);
    display:-webkit-inline-box;
    display:-ms-inline-flexbox;
    display:inline-flex;
    font-weight:var(--font-semi-bold);
    height:32px;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    line-height:1;
    text-transform:uppercase;
    width:32px;
}
.avatar.background-transparent{
    color:var(--color-primary);
}
.avatar.background-neutral-0{
    color:var(--color-primary);
}
.avatar.background-neutral-1, .avatar.background-neutral-2, .avatar.background-neutral-3, .avatar.background-neutral-4{
    color:var(--color-neutral-9);
}
.avatar-small{
    font-size:var(--font-size-xs);
    height:24px;
    width:24px;
}
.avatar-medium{
    font-size:var(--font-size-base);
    height:40px;
    width:40px;
}
.avatar span{
    width:auto;
}
/*! 6.3. Interaction */
/*! 6.3.1. Action Sheet */
.action-sheet{
    bottom:0;
    left:0;
    margin-top:0;
    padding-bottom:calc(var(--os-safe-area-bottom) + var(--space-base));
    padding-left:calc(var(--os-safe-area-left) + var(--space-base));
    padding-right:calc(var(--os-safe-area-right) + var(--space-base));
    padding-top:var(--space-base);
    pointer-events:auto;
    position:absolute;
    -webkit-transform:translateY(100%);
    -ms-transform:translateY(100%);
    transform:translateY(100%);
    width:100%;
    will-change:transform;
    z-index:var(--layer-global-off-canvas);
}
.action-sheet{


}
.action-sheet-container{
    height:100%;
    left:0;
    overflow:hidden;
    pointer-events:none;
    position:fixed;
    top:0;
    width:100%;
    z-index:var(--layer-global-off-canvas);
}
.action-sheet-container{

}
.action-sheet-container:after{
    background-color:var(--overlay-background);
    content:"";
    display:block;
    height:100%;
    left:0;
    opacity:0;
    pointer-events:none;
    position:absolute;
    top:0;
    -webkit-transition:opacity 0.3s cubic-bezier(0, 0, 0.3, 1);
    transition:opacity 0.3s cubic-bezier(0, 0, 0.3, 1);
    width:100%;
    will-change:opacity;
}
.action-sheet-container:after{

}
.action-sheet-container--visible{
    pointer-events:auto;
}
.action-sheet-container--visible.action-sheet-container:after{
    opacity:1;
}
.action-sheet-container--visible .action-sheet{
    -webkit-transform:none;
    -ms-transform:none;
    transform:none;
}
.action-sheet-container--visible.action-sheet-container--animatable .action-sheet{
    -webkit-transition:all 330ms ease-out;
    transition:all 330ms ease-out;
}
.action-sheet-container--animatable .action-sheet{
    -webkit-transition:all 130ms ease-in;
    transition:all 130ms ease-in;
}
.action-sheet-buttons{
    border-radius:var(--border-radius-soft);
    display:block;
    overflow:hidden;
    position:relative;
    -webkit-transform:translateZ(0);
    transform:translateZ(0);
}
.action-sheet-actions{

}
.action-sheet-actions .btn{
    border:none;
    border-radius:0;
    margin-top:1px;
    width:100%;
}
.action-sheet-actions:first-child .btn{
    margin-top:0;
}
.action-sheet-cancel .btn{
    border:none;
    color:var(--color-neutral-8);
}
.desktop .action-sheet-buttons, .desktop .action-sheet-cancel{
    max-width:500px;
}
.desktop .action-sheet-buttons, .desktop .action-sheet-cancel,
.tablet .action-sheet-buttons,
.tablet .action-sheet-cancel{
    margin:var(--space-none) auto;
}
.desktop .action-sheet-cancel,
.tablet .action-sheet-cancel{
    margin:var(--space-base) auto var(--space-none);
}
.tablet .action-sheet-buttons, .tablet .action-sheet-cancel{
    max-width:600px;
}
.os-high-contrast .action-sheet-container--visible .action-sheet{
    background-color:var(--color-neutral-0);
    border:var(--border-size-l) solid var(--color-focus-outer);
}
.os-high-contrast .action-sheet-actions{
    --osui-action-sheet-actions-layer:0;
    position:relative;
    z-index:var(--osui-action-sheet-actions-layer);
}
.os-high-contrast .action-sheet-actions:has(.btn:focus){
    z-index:calc(var(--osui-action-sheet-actions-layer) + var(--layer-local-tier-1));
}
.os-high-contrast .action-sheet-buttons{
    overflow:visible;
}
/*! 6.3.2. Animate */
.animate:not(.flatpickr-calendar){
    -webkit-animation-duration:1000ms;
    animation-duration:1000ms;
    -webkit-animation-fill-mode:both;
    animation-fill-mode:both;
    display:inline-block;
    -webkit-transition-timing-function:ease-out;
    transition-timing-function:ease-out;
    visibility:hidden;
    width:100%;
    will-change:transform;
}
.animate:not(.flatpickr-calendar).slow{
    -webkit-animation-duration:1500ms;
    animation-duration:1500ms;
}
.animate:not(.flatpickr-calendar).fast{
    -webkit-animation-duration:500ms;
    animation-duration:500ms;
}
.bottom-to-top{
    -webkit-animation-name:bottomtotop;
    animation-name:bottomtotop;
    visibility:visible !important;
}
.bounce{
    -webkit-animation-name:bounce;
    animation-name:bounce;
    visibility:visible !important;
}
.fade-in{
    -webkit-animation-name:fadein;
    animation-name:fadein;
    visibility:visible !important;
}
.left-to-right{
    -webkit-animation-name:lefttoright;
    animation-name:lefttoright;
    visibility:visible !important;
}
.right-to-left{
    -webkit-animation-name:righttoleft;
    animation-name:righttoleft;
    visibility:visible !important;
}
.top-to-bottom{
    -webkit-animation-name:toptobottom;
    animation-name:toptobottom;
    visibility:visible !important;
}
.scale{
    -webkit-animation-name:scale;
    animation-name:scale;
    visibility:visible !important;
}
.scale-down{
    -webkit-animation-name:scaledown;
    animation-name:scaledown;
    visibility:visible !important;
}
.scale-up{
    -webkit-animation-name:scaleup;
    animation-name:scaleup;
    visibility:visible !important;
}
.spinner{
    -webkit-animation:spinner 1000ms infinite linear;
    animation:spinner 1000ms infinite linear;
    visibility:visible !important;
}
.spinner.slow{
    -webkit-animation:spinner 1500ms infinite linear;
    animation:spinner 1500ms infinite linear;
}
.spinner.fast{
    -webkit-animation:spinner 500ms infinite linear;
    animation:spinner 500ms infinite linear;
}
/*! 6.3.3. Animated Label */
.animated-label{
    position:relative;
}
.animated-label.active .animated-label-text{
    font-size:var(--font-size-xs);
    top:-10px;
}
.animated-label.active .animated-label-input .form-control[data-input]::-webkit-datetime-edit{
    color:var(--color-neutral-9);
}
.animated-label.active .animated-label-input [data-textarea]{
    padding-bottom:var(--space-xs);
}
.animated-label-text{
    color:var(--color-neutral-8);
    font-size:var(--font-size-s);
    pointer-events:none;
    position:absolute;
    top:8px;
    -webkit-transition:all 300ms ease;
    transition:all 300ms ease;
    z-index:var(--layer-global-screen);
}
.animated-label-text .icon{
    padding-right:var(--space-base);
}
.animated-label-text{


}
.animated-label-input:empty{

}
.animated-label-input .form-control[data-input], .animated-label-input .form-control[data-textarea]{
    background-color:transparent;
    border:var(--border-size-none);
    border-bottom:var(--border-size-s) solid var(--color-neutral-5);
    border-radius:var(--border-radius-none);
    padding:var(--space-none);
    -webkit-transition:all 100ms ease-in-out;
    transition:all 100ms ease-in-out;
}
.animated-label-input .form-control[data-input]:focus, .animated-label-input .form-control[data-textarea]:focus{
    border-bottom:var(--border-size-s) solid var(--color-primary);
}
.animated-label-input .form-control[data-input]:focus::-webkit-datetime-edit, .animated-label-input .form-control[data-textarea]:focus::-webkit-datetime-edit{
    color:var(--color-neutral-9);
}
.animated-label-input .form-control[data-input].not-valid, .animated-label-input .form-control[data-textarea].not-valid{
    border-bottom:var(--border-size-s) solid var(--color-error);
}
.animated-label-input .form-control[data-input].not-valid:focus, .animated-label-input .form-control[data-textarea].not-valid:focus{
    border:var(--border-size-none);
    border-bottom:var(--border-size-s) solid var(--color-error);
}
.animated-label-input .form-control[data-input]::-webkit-datetime-edit, .animated-label-input .form-control[data-textarea]::-webkit-datetime-edit{
    color:transparent;
}
.animated-label-input .form-control[data-input]::-webkit-calendar-picker-indicator, .animated-label-input .form-control[data-textarea]::-webkit-calendar-picker-indicator{
    display:none;
}
.animated-label-input .form-control[data-input]:-webkit-autofill, .animated-label-input .form-control[data-textarea]:-webkit-autofill{
    -webkit-animation-name:onAutoFillStart;
    animation-name:onAutoFillStart;
}
.animated-label-input .form-control[data-input]:not(:-webkit-autofill), .animated-label-input .form-control[data-textarea]:not(:-webkit-autofill){
    -webkit-animation-name:onAutoFillCancel;
    animation-name:onAutoFillCancel;
}
.animated-label-input .form-control[data-textarea]{
    margin-top:var(--space-s);
}
.animated-label-input .form-control[data-textarea] + span.validation-message{
    bottom:7px;
}
.list.list-group > [data-block*=AnimatedLabel]:first-child .animated-label{
    margin-top:var(--space-s);
}
.form .animated-label-input .form-control[data-textarea] + span.validation-message{
    position:relative;
    bottom:var(--space-m);
}
@-webkit-keyframes onAutoFillStart{}
@keyframes onAutoFillStart{}
@-webkit-keyframes onAutoFillCancel{}
@keyframes onAutoFillCancel{}
.tablet .animated-label-text,
.phone .animated-label-text{
    top:14px;
}
.tablet .form-control[data-textarea] + span.validation-message,
.phone .form-control[data-textarea] + span.validation-message{
    bottom:10px;
}
.has-accessible-features .animated-label-input .form-control[data-input]{
    border-color:var(--color-neutral-7);
}
.has-accessible-features .animated-label-input .form-control[data-input]:hover{
    border-color:var(--color-neutral-8);
}
.has-accessible-features .animated-label-input .form-control[data-input]:focus{
    -webkit-box-shadow:0 3px 0 0 var(--color-focus-outer);
    box-shadow:0 3px 0 0 var(--color-focus-outer);
}
.os-high-contrast .animated-label-text{
    font-weight:var(--font-semi-bold);
    padding:var(--space-none) var(--space-s);
}
.os-high-contrast .animated-label.active .animated-label-text{
    background-color:var(--color-neutral-8);
    font-size:var(--font-size-s);
    top:-16px;
}
.os-high-contrast .animated-label-input .form-control[data-input]{
    padding:var(--space-none) var(--space-s);
}
/*! 6.3.4. Balloon */
.osui-balloon{
    --border-radius-rounded:16px;
    --osui-floating-position-x:0;
    --osui-floating-position-y:0;
    --osui-balloon-shadow:var(--shadow-s);
    --osui-balloon-width:max-content;
    --osui-balloon-position:fixed;
    -webkit-box-shadow:var(--osui-balloon-shadow);
    box-shadow:var(--osui-balloon-shadow);
    border-radius:var(--osui-balloon-shape);
    background-color:var(--color-neutral-0);
    height:auto;
    left:var(--osui-floating-position-x);
    opacity:0;
    position:var(--osui-balloon-position);
    pointer-events:none;
    top:var(--osui-floating-position-y);
    visibility:hidden;
    width:var(--osui-balloon-width);
    z-index:var(--layer-global-elevated);
}
.osui-balloon--is-open{
    visibility:visible;
    opacity:1;
    pointer-events:all;
    -webkit-transition:opacity 300ms ease-in;
    transition:opacity 300ms ease-in;
}
.osui-balloon:not(.osui-balloon--is-open) > *{
    display:none;
}
.osui-balloon:not(.osui-balloon--is-open) > *{

}
.osui-balloon{






}
.osui-balloon.bottom{


}
.osui-balloon.bottom-start, .osui-balloon.bottom-left{

}
.osui-balloon.bottom-end, .osui-balloon.bottom-right{


}
.osui-balloon.center{


}
.osui-balloon.left-end{


}
.osui-balloon.left-start{


}
.osui-balloon.left{


}
.osui-balloon.right-end{



}
.osui-balloon.right-start{


}
.osui-balloon.right{



}
.osui-balloon.top-end, .osui-balloon.top-right{



}
.osui-balloon.top-start, .osui-balloon.top-left{



}
.osui-balloon.top{



}
/*! 6.3.5. Bottom Sheet */
.osui-bottom-sheet{
    --bottom-sheet-max-height:calc(100vh - 54px);
    --border-radius-sharp:none;
    --border-radius-rounded:16px;
    --osui-bottom-sheet-draggable-area:56px;
    --osui-bottom-sheet-transition-function:cubic-bezier(0.19, 0.35, 0.56, 0.96);
    background-color:var(--color-neutral-0);
    border-top-left-radius:var(--bottom-sheet-shape);
    border-top-right-radius:var(--bottom-sheet-shape);
    bottom:0;
    -webkit-box-shadow:var(--shadow-l);
    box-shadow:var(--shadow-l);
    left:0;
    max-height:var(--bottom-sheet-max-height);
    min-height:50vh;
    position:fixed;
    text-align:center;
    -webkit-transition:-webkit-transform 350ms var(--osui-bottom-sheet-transition-function);
    transition:-webkit-transform 350ms var(--osui-bottom-sheet-transition-function);
    transition:transform 350ms var(--osui-bottom-sheet-transition-function);
    transition:transform 350ms var(--osui-bottom-sheet-transition-function), -webkit-transform 350ms var(--osui-bottom-sheet-transition-function);
    -webkit-transform:translateY(100%);
    -ms-transform:translateY(100%);
    transform:translateY(100%);
    width:100%;
    z-index:var(--osui-bottom-sheet-layer);
}
.osui-bottom-sheet{

}
.osui-bottom-sheet .osui-bottom-sheet__content:empty,
.osui-bottom-sheet .osui-bottom-sheet__header__top-bar:empty{


}
.osui-bottom-sheet--has-handler .osui-bottom-sheet__header::before{
    background:var(--color-neutral-5);
    border-radius:100px;
    content:"";
    height:4px;
    left:50%;
    position:absolute;
    top:var(--space-base);
    -webkit-transform:translateX(-50%);
    -ms-transform:translateX(-50%);
    transform:translateX(-50%);
    width:40px;
}
.osui-bottom-sheet--has-handler .osui-bottom-sheet__header__top-bar{
    padding-top:var(--space-l);
}
.osui-bottom-sheet--has-scroll{
    --osui-bottom-sheet-draggable-area:0;
}
.osui-bottom-sheet--has-scroll .osui-bottom-sheet__header__top-bar::before{
    opacity:1;
    -webkit-transform:translateY(0);
    -ms-transform:translateY(0);
    transform:translateY(0);
}
.osui-bottom-sheet--is-open{
    -webkit-transform:translateY(0);
    -ms-transform:translateY(0);
    transform:translateY(0);
}
.osui-bottom-sheet--is-open::before{
    background-color:var(--color-neutral-0);
    content:"";
    height:100%;
    left:0;
    position:absolute;
    top:100%;
    width:100%;
}
.osui-bottom-sheet--is-open + .osui-bottom-sheet-overlay{
    opacity:1;
    pointer-events:all;
}
.osui-bottom-sheet:not(.osui-bottom-sheet--is-open){
    -webkit-transition:-webkit-transform 200ms ease-out;
    transition:-webkit-transform 200ms ease-out;
    transition:transform 200ms ease-out;
    transition:transform 200ms ease-out, -webkit-transform 200ms ease-out;
}
.osui-bottom-sheet:not(.osui-bottom-sheet--is-open) + .osui-bottom-sheet-overlay{
    -webkit-transition:opacity 200ms ease-out;
    transition:opacity 200ms ease-out;
}
.osui-bottom-sheet-overlay{
    background-color:var(--overlay-background);
    height:100vh;
    left:0;
    opacity:0;
    pointer-events:none;
    position:fixed;
    top:0;
    -webkit-transition:opacity 350ms ease-in;
    transition:opacity 350ms ease-in;
    width:100vw;
    z-index:calc(var(--layer-below) + var(--osui-bottom-sheet-layer));
}
.osui-bottom-sheet-overlay{

}
.osui-bottom-sheet__header{
    position:relative;
}
.osui-bottom-sheet__header::after{
    content:"";
    height:var(--osui-bottom-sheet-draggable-area);
    left:0;
    position:absolute;
    top:100%;
    width:100%;
}
.osui-bottom-sheet__header__top-bar{
    padding:var(--space-base);
}
.osui-bottom-sheet__header__top-bar::before{
    -webkit-box-shadow:var(--shadow-l);
    box-shadow:var(--shadow-l);
    content:"";
    height:100%;
    left:0;
    opacity:0;
    position:absolute;
    -webkit-transform:translateY(-2px);
    -ms-transform:translateY(-2px);
    transform:translateY(-2px);
    -webkit-transition:opacity 200ms ease, -webkit-transform 200ms var(--osui-bottom-sheet-transition-function);
    transition:opacity 200ms ease, -webkit-transform 200ms var(--osui-bottom-sheet-transition-function);
    transition:opacity 200ms ease, transform 200ms var(--osui-bottom-sheet-transition-function);
    transition:opacity 200ms ease, transform 200ms var(--osui-bottom-sheet-transition-function), -webkit-transform 200ms var(--osui-bottom-sheet-transition-function);
    top:0;
    width:100%;
    z-index:var(--layer-global-negative);
}
.osui-bottom-sheet__header__top-bar:empty{
    padding-bottom:unset;
}
.osui-bottom-sheet__content{
    max-height:var(--bottom-sheet-max-height);
    overflow-y:scroll;
    padding:var(--space-base);
    padding-bottom:calc(var(--bottom-bar-size) + var(--space-m) + var(--os-safe-area-bottom));
}
.layout:not(.layout-native) .osui-bottom-sheet{
    --bottom-sheet-max-height:85vh;
}
.desktop .osui-bottom-sheet__header::after{
    display:none;
}
.landscape .osui-bottom-sheet__header__top-bar,
.landscape .osui-bottom-sheet__content{
    padding-right:calc(var(--space-base) + var(--os-safe-area-right));
    padding-left:calc(var(--space-base) + var(--os-safe-area-left));
}
.osui-bottom-sheet--is-active .vscomp-wrapper,
.osui-bottom-sheet--is-active [data-popup-backdrop]{
    z-index:calc(var(--layer-above) + var(--osui-bottom-sheet-layer));
}
.osui-bottom-sheet--is-active .osui-bottom-sheet__content .osui-datepicker,
.osui-bottom-sheet--is-active .osui-bottom-sheet__content .osui-monthpicker,
.osui-bottom-sheet--is-active .osui-bottom-sheet__content .osui-timepicker{
    position:relative;
}
.os-high-contrast .osui-bottom-sheet{
    border:var(--border-size-s) solid var(--color-neutral-0);
}
/*! 6.3.6. Carousel */
.osui-carousel{
    --osui-carousel-track-width:100%;
    --osui-carousel-pagination-margin:30px;
}
.osui-carousel .splide__arrow{
    background-color:var(--color-neutral-0);
    -webkit-box-shadow:var(--shadow-xs);
    box-shadow:var(--shadow-xs);
    height:40px;
    opacity:1;
    -webkit-transition:opacity 150ms linear;
    transition:opacity 150ms linear;
    width:40px;
    will-change:opacity;
    z-index:var(--layer-local-tier-1);
}
.osui-carousel .splide__arrow[disabled]{
    cursor:default;
    opacity:0.3;
}
.osui-carousel .splide__arrow svg{
    height:14px;
    width:14px;
}
.osui-carousel .splide__arrow svg path{
    fill:var(--color-neutral-7);
}
.osui-carousel .splide__arrow{

}
.osui-carousel .splide__pagination{
    margin:0;
    z-index:var(--layer-local-tier-1);
}
.osui-carousel .splide__pagination__page.is-active{
    background-color:var(--color-primary);
    z-index:var(--layer-local-tier-1);
}
.osui-carousel .splide__list{
    -webkit-transform-style:flat;
    transform-style:flat;
}
.osui-carousel .splide--draggable, .osui-carousel .splide.splide--draggable{
    cursor:-webkit-grab;
    cursor:grab;
}
.osui-carousel .splide img{
    height:100%;
    -o-object-fit:cover;
    object-fit:cover;
}
.osui-carousel--has-pagination{
    padding-bottom:var(--osui-carousel-pagination-margin);
}
.osui-carousel--has-pagination:not(.splide) .splide__pagination{
    bottom:calc(var(--osui-carousel-pagination-margin) * -1);
}
.osui-carousel--has-pagination.splide .splide__arrow{
    top:calc(50% - (var(--osui-carousel-pagination-margin)) / 2);
}
.osui-carousel--has-pagination.splide .splide__pagination{
    bottom:0;
}
.osui-carousel__content{


}
.osui-carousel__content > .list{
    overflow:unset;
}
.osui-carousel__content > .list{


}
.osui-carousel__track{
    max-width:100%;
    width:var(--osui-carousel-track-width);
    z-index:var(--layer-global-screen);
}
.osui-carousel__track{

}
.osui-carousel .list:not([data-virtualization-disabled]),
.osui-carousel .list:not([data-animation-disabled]){


}
.osui-carousel .list:not([data-virtualization-disabled]):after,
.osui-carousel .list:not([data-animation-disabled]):after{











}
.has-accessible-features .splide__slide{
    -webkit-box-shadow:none;
    box-shadow:none;
}
.os-high-contrast .splide__pagination__page{
    outline:var(--border-size-l) solid var(--color-focus-outer);
}
.os-high-contrast .splide__pagination li{
    margin:var(--space-none) var(--space-xs);
}
.is-rtl .splide.splide--ltr{
    direction:ltr;
}
.is-rtl .splide.splide--rtl{
    direction:rtl;
}
.splide__track--fade > .splide__list > .splide__slide{
    z-index:var(--layer-global-screen);
}
.splide__track--fade > .splide__list > .splide__slide.is-active{
    z-index:var(--layer-local-tier-1);
}
/*! 6.3.7. DatePicker */
.flatpickr-calendar{
    --osui-flatpickr-layer:var(--layer-global-elevated);
    border-radius:var(--border-radius-soft);
    border:var(--border-size-s) solid var(--color-neutral-5);
    -webkit-box-shadow:var(--shadow-none);
    box-shadow:var(--shadow-none);
    width:320px;
}
.flatpickr-calendar.open{
    z-index:var(--osui-flatpickr-layer);
}
.flatpickr-calendar.open.inside-bottom-sheet{
    z-index:calc(var(--osui-bottom-sheet-layer) + var(--layer-local-tier-1));
}
.flatpickr-calendar.open.inside-popup{
    z-index:calc(var(--osui-popup-layer) + var(--layer-local-tier-1));
}
.flatpickr-calendar.open.inside-sidebar{
    z-index:calc(var(--osui-sidebar-layer) + var(--layer-local-tier-1));
}
.flatpickr-calendar.open.inside-notification{
    z-index:calc(var(--osui-notification-layer) + var(--layer-local-tier-1));
}
.flatpickr-calendar.arrowTop:before, .flatpickr-calendar.arrowTop::after{
    left:40px;
}
.flatpickr-calendar.hasTime:not(.inline){
    position:fixed;
}
.flatpickr-calendar.hasTime .flatpickr-time{
    border:var(--border-size-none);
    height:30px;
    overflow:visible;
    padding:var(--space-none) var(--space-base) var(--space-base);
}
.flatpickr-calendar.hasWeeks{
    min-width:-webkit-min-content;
    min-width:-moz-min-content;
    min-width:min-content;
}
.flatpickr-calendar.hasWeeks .flatpickr-weekwrapper .flatpickr-weeks{
    margin-right:var(--space-xs);
}
.flatpickr-calendar.hasWeeks .flatpickr-weekwrapper .flatpickr-weeks .flatpickr-day{
    color:var(--color-neutral-5);
}
.flatpickr-calendar.hasWeeks span.flatpickr-day{
    height:35px;
    line-height:34px;
    max-width:35px;
}
.flatpickr-calendar .numInputWrapper span.arrowUp, .flatpickr-calendar .numInputWrapper span.arrowDown{
    border:none;
}
.flatpickr-calendar .numInputWrapper span.arrowUp:after{
    border-bottom-color:var(--color-primary);
}
.flatpickr-calendar .numInputWrapper span.arrowDown:after{
    border-top-color:var(--color-primary);
}
.flatpickr-calendar.inline{
    --osui-flatpickr-layer:var(--layer-global-screen);
    display:inline-block;
}
.flatpickr-calendar.inline .flatpickr-weekwrapper{
    min-width:-webkit-max-content;
    min-width:-moz-max-content;
    min-width:max-content;
}
.flatpickr-months{
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    display:grid;
    grid-template-areas:"date prev next";
    grid-template-columns:1fr 34px 34px;
    padding:var(--space-base);
    position:relative;
}
.flatpickr-months .flatpickr-month{
    justify-self:flex-start;
    -webkit-box-flex:0;
    -ms-flex:none;
    flex:none;
    grid-area:date;
}
.flatpickr-months .flatpickr-prev-month,
.flatpickr-months .flatpickr-next-month{
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    justify-self:flex-end;
    height:34px;
    padding:0;
    position:static;
    top:unset;
    width:34px;
    z-index:calc(var(--osui-flatpickr-layer) + var(--layer-local-tier-1));
}
.flatpickr-months .flatpickr-prev-month:hover,
.flatpickr-months .flatpickr-next-month:hover{
    background-color:var(--color-neutral-2);
    border-radius:var(--border-radius-circle);
}
.flatpickr-months .flatpickr-prev-month svg,
.flatpickr-months .flatpickr-next-month svg{
    height:12px;
    width:12px;
}
.flatpickr-months .flatpickr-prev-month svg path,
.flatpickr-months .flatpickr-next-month svg path{
    stroke-width:1px;
    stroke:var(--color-primary);
}
.flatpickr-months .flatpickr-prev-month{
    left:unset;
    grid-area:prev;
}
.flatpickr-months .flatpickr-next-month{
    grid-area:next;
    right:unset;
}
.flatpickr-current-month{
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    color:var(--color-primary);
    display:-webkit-inline-box;
    display:-ms-inline-flexbox;
    display:inline-flex;
    font-size:var(--font-size-s);
    -webkit-box-pack:start;
    -ms-flex-pack:start;
    justify-content:flex-start;
    left:unset;
    padding:0;
    position:static;
    text-align:unset;
    -webkit-transform:none;
    -ms-transform:none;
    transform:none;
    width:unset;
}
.flatpickr-current-month .flatpickr-monthDropdown-months{
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    border-radius:var(--border-radius-soft);
    font-weight:var(--font-semi-bold);
    height:30px;
    line-height:normal;
    margin:0;
    -webkit-box-ordinal-group:3;
    -ms-flex-order:2;
    order:2;
    padding:var(--space-none) var(--space-s);
}
.flatpickr-current-month .flatpickr-monthDropdown-months:hover, .flatpickr-current-month .flatpickr-monthDropdown-months:focus{
    background-color:var(--color-neutral-2);
}
.flatpickr-current-month .numInputWrapper{
    padding:var(--space-none) var(--space-s);
    width:60px;
}
.flatpickr-current-month .numInputWrapper:hover, .flatpickr-current-month .numInputWrapper:focus{
    background-color:var(--color-neutral-2);
    border-radius:var(--border-radius-soft);
}
.flatpickr-current-month .numInputWrapper input{
    border:var(--border-size-s) solid transparent;
    border-radius:var(--border-radius-soft);
    font-size:var(--font-size-s);
    font-weight:var(--font-semi-bold);
    height:30px;
    padding:0;
}
.flatpickr-current-month .numInputWrapper input:hover{
    background-color:var(--color-neutral-2);
}
.flatpickr-innerContainer{
    padding:var(--space-s) var(--space-base) var(--space-base);
}
.flatpickr-rContainer,
.flatpickr-days{
    width:100%;
}
.dayContainer{
    max-width:100%;
    min-width:100%;
    width:100%;
}
.flatpickr-weekdays{
    padding-bottom:var(--space-base);
}
.flatpickr-weekwrapper .flatpickr-weekday{
    visibility:hidden;
}
span.flatpickr-weekday{
    color:var(--color-neutral-7);
    font-size:var(--font-size-s);
    font-weight:var(--font-regular);
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
}
.flatpickr-day{
    color:var(--color-neutral-9);
    font-size:var(--font-size-s);
    font-weight:var(--font-regular);
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    line-height:37px;
}
.flatpickr-day.prevMonthDay, .flatpickr-day.nextMonthDay{
    color:var(--color-neutral-5);
}
.flatpickr-day.prevMonthDay:hover, .flatpickr-day.prevMonthDay:focus, .flatpickr-day.nextMonthDay:hover, .flatpickr-day.nextMonthDay:focus{
    color:var(--color-neutral-7);
}
.flatpickr-day.today{
    border-color:var(--color-neutral-6);
}
.flatpickr-day.today:hover, .flatpickr-day.today:focus{
    border-color:var(--color-neutral-3);
    background:var(--color-neutral-3);
    color:var(--color-primary);
}
.flatpickr-day.today.inRange{
    color:var(--color-neutral-9);
}
.flatpickr-day:hover, .flatpickr-day:focus, .flatpickr-day.inRange, .flatpickr-day.today.inRange, .flatpickr-day.prevMonthDay:hover, .flatpickr-day.prevMonthDay:focus, .flatpickr-day.prevMonthDay.inRange, .flatpickr-day.prevMonthDay.today.inRange, .flatpickr-day.nextMonthDay:hover, .flatpickr-day.nextMonthDay:focus, .flatpickr-day.nextMonthDay.inRange, .flatpickr-day.nextMonthDay.today.inRange{
    background:var(--color-neutral-3);
    border-color:var(--color-neutral-3);
}
.flatpickr-day.selected, .flatpickr-day.selected:focus, .flatpickr-day.selected:hover, .flatpickr-day.selected.inRange, .flatpickr-day.selected.prevMonthDay, .flatpickr-day.selected.nextMonthDay, .flatpickr-day.startRange, .flatpickr-day.startRange:focus, .flatpickr-day.startRange:hover, .flatpickr-day.startRange.inRange, .flatpickr-day.startRange.prevMonthDay, .flatpickr-day.startRange.nextMonthDay, .flatpickr-day.endRange, .flatpickr-day.endRange:focus, .flatpickr-day.endRange:hover, .flatpickr-day.endRange.inRange, .flatpickr-day.endRange.prevMonthDay, .flatpickr-day.endRange.nextMonthDay{
    background:var(--color-primary);
    border-color:var(--color-primary);
}
.flatpickr-day.selected.today, .flatpickr-day.selected:focus.today, .flatpickr-day.selected:hover.today, .flatpickr-day.selected.inRange.today, .flatpickr-day.selected.prevMonthDay.today, .flatpickr-day.selected.nextMonthDay.today, .flatpickr-day.startRange.today, .flatpickr-day.startRange:focus.today, .flatpickr-day.startRange:hover.today, .flatpickr-day.startRange.inRange.today, .flatpickr-day.startRange.prevMonthDay.today, .flatpickr-day.startRange.nextMonthDay.today, .flatpickr-day.endRange.today, .flatpickr-day.endRange:focus.today, .flatpickr-day.endRange:hover.today, .flatpickr-day.endRange.inRange.today, .flatpickr-day.endRange.prevMonthDay.today, .flatpickr-day.endRange.nextMonthDay.today{
    color:var(--color-neutral-0);
}
.flatpickr-day.selected.startRange:before, .flatpickr-day.startRange.startRange:before, .flatpickr-day.endRange.startRange:before, .flatpickr-day.selected.endRange:before, .flatpickr-day.startRange.endRange:before, .flatpickr-day.endRange.endRange:before, .flatpickr-day.inRange:before{
    content:"";
    display:block;
    top:-1px;
    bottom:-1px;
    background-color:var(--color-neutral-3);
    position:absolute;
    z-index:var(--layer-global-negative);
}
.flatpickr-day.selected.startRange.endRange, .flatpickr-day.selected.startRange.endRange:before, .flatpickr-day.startRange.endRange, .flatpickr-day.startRange.endRange:before, .flatpickr-day.selected.endRange.startRange, .flatpickr-day.selected.endRange.startRange:before, .flatpickr-day.endRange.startRange, .flatpickr-day.endRange.startRange:before{
    border-radius:50px;
}
.flatpickr-day.selected.startRange, .flatpickr-day.startRange.startRange{
    border-radius:50px;
}
.flatpickr-day.selected.startRange:before, .flatpickr-day.startRange.startRange:before{
    border-radius:50px 0 0 50px;
    left:0;
    right:-2px;
}
.flatpickr-day.selected.endRange, .flatpickr-day.endRange.endRange{
    border-radius:50px;
}
.flatpickr-day.selected.endRange:before, .flatpickr-day.endRange.endRange:before{
    border-radius:0 50px 50px 0;
    right:0;
    left:-2px;
}
.flatpickr-day.inRange{
    -webkit-box-shadow:var(--shadow-none);
    box-shadow:var(--shadow-none);
}
.flatpickr-day.inRange:before{
    left:-2px;
    right:-2px;
}
.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)), .flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)), .flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)){
    -webkit-box-shadow:var(--shadow-none);
    box-shadow:var(--shadow-none);
}
.flatpickr-time{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    position:relative;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    line-height:30px;
}
.flatpickr-time input:hover, .flatpickr-time input:focus{
    background:transparent;
}
.flatpickr-time .numInputWrapper{
    -webkit-box-flex:initial;
    -ms-flex:initial;
    flex:initial;
    height:30px;
    padding:0 var(--space-base);
    min-width:48px;
    width:auto;
}
.flatpickr-time .numInputWrapper:hover, .flatpickr-time .numInputWrapper:focus{
    border-radius:var(--border-radius-soft);
}
.flatpickr-time .numInputWrapper .numInput{
    font-size:var(--font-size-s);
}
.flatpickr-time.time24hr .numInputWrapper{
    width:inherit;
}
.flatpickr-time .flatpickr-am-pm{
    background-color:var(--color-primary);
    border-radius:var(--border-radius-soft);
    color:var(--color-neutral-0);
    font-size:var(--font-size-xs);
    font-weight:var(--font-semi-bold);
    height:18px;
    line-height:16px;
    position:absolute;
    right:var(--space-l);
    text-transform:lowercase;
    width:40px;
}
.flatpickr-time .flatpickr-am-pm:hover, .flatpickr-time .flatpickr-am-pm:focus{
    background-color:var(--color-primary-hover);
}
.firefox .flatpickr-time input{
    max-width:48px;
}
.flatpickr-today-button{
    padding:var(--space-none) var(--space-base) var(--space-base);
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
}
.flatpickr-today-button a{
    cursor:pointer;
}
.flatpickr-today-button a:hover{
    text-decoration:none;
}
.safari input.flatpickr-input,
.safari input.flatpickr-input + input{
    -webkit-transition:none;
    transition:none;
}
.phone .flatpickr-current-month .flatpickr-monthDropdown-months,
.phone .flatpickr-current-month .numInputWrapper .numInput,
.phone .flatpickr-time .numInputWrapper .numInput{
    font-size:var(--font-size-base);
}
.phone .flatpickr-mobile::-webkit-date-and-time-value{
    text-align:left;
}
.phone .is-rtl .flatpickr-mobile::-webkit-date-and-time-value{
    text-align:right;
}
.is-rtl:has(.layout-side) .flatpickr-calendar{
    --osui-flatpickr-layer:calc(var(--osui-menu-layer) + var(--layer-local-tier-1));
}
.is-rtl .flatpickr-calendar{
    width:330px;
}
.is-rtl .flatpickr-months,
.is-rtl .flatpickr-weekdays,
.is-rtl .flatpickr-days{
    direction:rtl;
}
.is-rtl .flatpickr-prev-month,
.is-rtl .flatpickr-next-month{
    -webkit-transform:scaleX(-1);
    -ms-transform:scaleX(-1);
    transform:scaleX(-1);
}
.is-rtl .numInputWrapper span{
    left:0;
    padding:0 2px 0 4px;
    right:unset;
}
.is-rtl .flatpickr-current-month .flatpickr-monthDropdown-months{
    margin-left:var(--space-base);
    margin-right:var(--space-none);
}
.is-rtl .flatpickr-day.selected.startRange, .is-rtl .flatpickr-day.startRange.startRange, .is-rtl .flatpickr-day.endRange.startRange{
    border-radius:50px;
}
.is-rtl .flatpickr-day.selected.startRange:before, .is-rtl .flatpickr-day.startRange.startRange:before, .is-rtl .flatpickr-day.endRange.startRange:before{
    border-radius:0 50px 50px 0;
    left:-2px;
    right:0;
}
.is-rtl .flatpickr-day.selected.endRange, .is-rtl .flatpickr-day.startRange.endRange, .is-rtl .flatpickr-day.endRange.endRange{
    border-radius:50px;
}
.is-rtl .flatpickr-day.selected.endRange:before, .is-rtl .flatpickr-day.startRange.endRange:before, .is-rtl .flatpickr-day.endRange.endRange:before{
    border-radius:50px 0 0 50px;
    left:0;
    right:-2px;
}
.multiMonth .flatpickr-month,
.multiMonth .flatpickr-current-month{
    width:100%;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
}
.multiMonth .flatpickr-weekday{
    -webkit-box-flex:0;
    -ms-flex:none;
    flex:none;
    width:39px;
}
.multiMonth .flatpickr-weekdays .flatpickr-weekdaycontainer{
    -webkit-box-pack:space-evenly;
    -ms-flex-pack:space-evenly;
    justify-content:space-evenly;
}
.multiMonth .dayContainer{
    display:grid;
    grid-template-columns:repeat(auto-fill, 39px);
    grid-gap:2px;
    max-width:307.875px;
    min-width:307.875px;
    padding:0 var(--space-xs);
    width:initial;
}
.multiMonth .flatpickr-day{
    width:39px;
}
.multiMonth .flatpickr-rContainer,
.multiMonth .flatpickr-days{
    width:initial;
}
.multiMonth .flatpickr-months{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
}
.multiMonth .flatpickr-months .flatpickr-month{
    -webkit-box-flex:1;
    -ms-flex:1;
    flex:1;
}
.multiMonth .flatpickr-months .flatpickr-prev-month,
.multiMonth .flatpickr-months .flatpickr-next-month{
    position:absolute;
    margin:var(--space-xs);
}
.multiMonth .flatpickr-innerContainer{
    padding:0 0 var(--space-xs) 0;
}
.multiMonth .flatpickr-current-month .numInputWrapper input{
    display:block;
}
.flatpickr-calendar.static.open{
    z-index:var(--osui-flatpickr-layer);
}
.osui-datepicker-calendar .flatpickr-months .flatpickr-month:focus-within{
    overflow:visible;
}
.osui-datepicker-calendar .numInputWrapper input:focus-visible,
.osui-datepicker-calendar .flatpickr-monthDropdown-months:focus-visible,
.osui-datepicker-calendar .flatpickr-prev-month:focus-visible,
.osui-datepicker-calendar .flatpickr-next-month:focus-visible,
.osui-datepicker-calendar .flatpickr-am-pm:focus-visible,
.osui-datepicker-calendar .flatpickr-today-button a:focus-visible{
    -webkit-box-shadow:0 0 0 3px var(--color-focus-outer);
    box-shadow:0 0 0 3px var(--color-focus-outer);
}
.osui-datepicker-calendar .flatpickr-day:focus-visible{
    border-color:var(--color-focus-outer);
}
body:has(.has-accessible-features) .osui-monthpicker__dropdown .numInputWrapper input:focus-visible,
body:has(.has-accessible-features) .osui-monthpicker__dropdown .flatpickr-prev-month:focus-visible,
body:has(.has-accessible-features) .osui-monthpicker__dropdown .flatpickr-next-month:focus-visible,
body:has(.has-accessible-features) .osui-monthpicker__dropdown .flatpickr-monthSelect-month.selected:focus-visible{
    -webkit-box-shadow:0 0 0 3px var(--color-focus-outer);
    box-shadow:0 0 0 3px var(--color-focus-outer);
}
.os-high-contrast .flatpickr-rContainer,
.os-high-contrast .flatpickr-days,
.os-high-contrast .flatpickr-monthSelect-months{
    padding:var(--space-xs);
}
.os-high-contrast .flatpickr-calendar.arrowTop:before, .os-high-contrast .flatpickr-calendar.arrowTop:after, .os-high-contrast .flatpickr-calendar.arrowBottom:before, .os-high-contrast .flatpickr-calendar.arrowBottom:after{
    display:none;
}
.os-high-contrast .flatpickr-calendar .numInputWrapper span.arrowUp,
.os-high-contrast .flatpickr-calendar .numInputWrapper span.arrowDown{
    display:none;
}
.os-high-contrast .flatpickr-current-month .numInputWrapper input{
    padding:var(--space-none) var(--space-xs);
}
.os-high-contrast .flatpickr-current-month .flatpickr-monthDropdown-months{
    -webkit-appearance:revert;
    -moz-appearance:revert;
    appearance:revert;
}
.os-high-contrast .flatpickr-current-month .flatpickr-monthDropdown-months:focus, .os-high-contrast .flatpickr-current-month .flatpickr-monthDropdown-months:active{
    outline:var(--border-size-l) solid var(--color-focus-outer);
}
.os-high-contrast .flatpickr-months .flatpickr-prev-month:focus, .os-high-contrast .flatpickr-months .flatpickr-prev-month:active,
.os-high-contrast .flatpickr-months .flatpickr-next-month:focus,
.os-high-contrast .flatpickr-months .flatpickr-next-month:active{
    outline:var(--border-size-l) solid var(--color-focus-outer);
}
.os-high-contrast .flatpickr-day,
.os-high-contrast .flatpickr-monthSelect-months .flatpickr-monthSelect-month{
    --osui-flatpickr-calendar-elems-layer:0;
    border:none;
    position:relative;
    z-index:var(--osui-flatpickr-calendar-elems-layer);
}
.os-high-contrast .flatpickr-day:hover, .os-high-contrast .flatpickr-day:focus, .os-high-contrast .flatpickr-day:focus-visible,
.os-high-contrast .flatpickr-monthSelect-months .flatpickr-monthSelect-month:hover,
.os-high-contrast .flatpickr-monthSelect-months .flatpickr-monthSelect-month:focus,
.os-high-contrast .flatpickr-monthSelect-months .flatpickr-monthSelect-month:focus-visible{
    z-index:calc(var(--osui-flatpickr-calendar-elems-layer) + var(--layer-local-tier-2));
}
.os-high-contrast .flatpickr-day.today,
.os-high-contrast .flatpickr-monthSelect-months .flatpickr-monthSelect-month.today{
    border:var(--border-size-s) solid var(--color-focus-outer);
    z-index:calc(var(--osui-flatpickr-calendar-elems-layer) + var(--layer-local-tier-1));
}
.os-high-contrast .flatpickr-day.selected, .os-high-contrast .flatpickr-day.selected:focus, .os-high-contrast .flatpickr-day.selected:focus-visible, .os-high-contrast .flatpickr-day.selected:hover, .os-high-contrast .flatpickr-day.selected.inRange, .os-high-contrast .flatpickr-day.selected.prevMonthDay, .os-high-contrast .flatpickr-day.selected.nextMonthDay,
.os-high-contrast .flatpickr-monthSelect-months .flatpickr-monthSelect-month.selected,
.os-high-contrast .flatpickr-monthSelect-months .flatpickr-monthSelect-month.selected:focus,
.os-high-contrast .flatpickr-monthSelect-months .flatpickr-monthSelect-month.selected:focus-visible,
.os-high-contrast .flatpickr-monthSelect-months .flatpickr-monthSelect-month.selected:hover,
.os-high-contrast .flatpickr-monthSelect-months .flatpickr-monthSelect-month.selected.inRange,
.os-high-contrast .flatpickr-monthSelect-months .flatpickr-monthSelect-month.selected.prevMonthDay,
.os-high-contrast .flatpickr-monthSelect-months .flatpickr-monthSelect-month.selected.nextMonthDay{
    border:var(--border-size-s) solid var(--color-focus-outer);
    font-size:var(--font-size-base);
    font-weight:var(--font-semi-bold);
}
.os-high-contrast .flatpickr-day:hover, .os-high-contrast .flatpickr-day:focus, .os-high-contrast .flatpickr-day:focus-visible, .os-high-contrast .flatpickr-day.inRange, .os-high-contrast .flatpickr-day.inRange:hover, .os-high-contrast .flatpickr-day.inRange:focus, .os-high-contrast .flatpickr-day.inRange:focus-visible, .os-high-contrast .flatpickr-day.today.inRange, .os-high-contrast .flatpickr-day.today.inRange:hover, .os-high-contrast .flatpickr-day.today.inRange:focus, .os-high-contrast .flatpickr-day.today.inRange:focus-visible,
.os-high-contrast .flatpickr-monthSelect-months .flatpickr-monthSelect-month:hover,
.os-high-contrast .flatpickr-monthSelect-months .flatpickr-monthSelect-month:focus,
.os-high-contrast .flatpickr-monthSelect-months .flatpickr-monthSelect-month:focus-visible,
.os-high-contrast .flatpickr-monthSelect-months .flatpickr-monthSelect-month.inRange,
.os-high-contrast .flatpickr-monthSelect-months .flatpickr-monthSelect-month.inRange:hover,
.os-high-contrast .flatpickr-monthSelect-months .flatpickr-monthSelect-month.inRange:focus,
.os-high-contrast .flatpickr-monthSelect-months .flatpickr-monthSelect-month.inRange:focus-visible,
.os-high-contrast .flatpickr-monthSelect-months .flatpickr-monthSelect-month.today.inRange,
.os-high-contrast .flatpickr-monthSelect-months .flatpickr-monthSelect-month.today.inRange:hover,
.os-high-contrast .flatpickr-monthSelect-months .flatpickr-monthSelect-month.today.inRange:focus,
.os-high-contrast .flatpickr-monthSelect-months .flatpickr-monthSelect-month.today.inRange:focus-visible{
    font-size:var(--font-size-base);
    font-weight:var(--font-semi-bold);
    outline:var(--border-size-l) solid var(--color-focus-outer);
}
.os-high-contrast .flatpickr-day.inRange,
.os-high-contrast .flatpickr-monthSelect-months .flatpickr-monthSelect-month.inRange{
    outline:none;
}
.os-high-contrast .flatpickr-day.inRange:before,
.os-high-contrast .flatpickr-monthSelect-months .flatpickr-monthSelect-month.inRange:before{
    border-left:none;
    border-radius:var(--border-radius-none);
    border-right:none;
    border:var(--border-size-s) solid var(--color-focus-outer);
    bottom:-1px;
    content:"";
    display:block;
    left:-2px;
    position:absolute;
    right:-2px;
    top:-1px;
}
.os-high-contrast .flatpickr-day.selected.startRange, .os-high-contrast .flatpickr-day.startRange, .os-high-contrast .flatpickr-day.endRange.startRange, .os-high-contrast .flatpickr-day.selected.endRange, .os-high-contrast .flatpickr-day.startRange.endRange, .os-high-contrast .flatpickr-day.endRange.endRange,
.os-high-contrast .flatpickr-monthSelect-months .flatpickr-monthSelect-month.selected.startRange,
.os-high-contrast .flatpickr-monthSelect-months .flatpickr-monthSelect-month.startRange,
.os-high-contrast .flatpickr-monthSelect-months .flatpickr-monthSelect-month.endRange.startRange,
.os-high-contrast .flatpickr-monthSelect-months .flatpickr-monthSelect-month.selected.endRange,
.os-high-contrast .flatpickr-monthSelect-months .flatpickr-monthSelect-month.startRange.endRange,
.os-high-contrast .flatpickr-monthSelect-months .flatpickr-monthSelect-month.endRange.endRange{
    border:none;
    border-radius:var(--border-radius-none);
}
.os-high-contrast .flatpickr-day.selected.startRange:before, .os-high-contrast .flatpickr-day.startRange:before, .os-high-contrast .flatpickr-day.endRange.startRange:before, .os-high-contrast .flatpickr-day.selected.endRange:before, .os-high-contrast .flatpickr-day.startRange.endRange:before, .os-high-contrast .flatpickr-day.endRange.endRange:before,
.os-high-contrast .flatpickr-monthSelect-months .flatpickr-monthSelect-month.selected.startRange:before,
.os-high-contrast .flatpickr-monthSelect-months .flatpickr-monthSelect-month.startRange:before,
.os-high-contrast .flatpickr-monthSelect-months .flatpickr-monthSelect-month.endRange.startRange:before,
.os-high-contrast .flatpickr-monthSelect-months .flatpickr-monthSelect-month.selected.endRange:before,
.os-high-contrast .flatpickr-monthSelect-months .flatpickr-monthSelect-month.startRange.endRange:before,
.os-high-contrast .flatpickr-monthSelect-months .flatpickr-monthSelect-month.endRange.endRange:before{
    right:initial;
}
.os-high-contrast .flatpickr-day.selected.startRange:before, .os-high-contrast .flatpickr-day.startRange:before,
.os-high-contrast .flatpickr-monthSelect-months .flatpickr-monthSelect-month.selected.startRange:before,
.os-high-contrast .flatpickr-monthSelect-months .flatpickr-monthSelect-month.startRange:before{
    border-radius:50px 0 0 50px;
    border-right:none;
    border:var(--border-size-s) solid var(--color-focus-outer);
    left:0;
    right:-2px;
}
.os-high-contrast .flatpickr-day.selected.endRange:before, .os-high-contrast .flatpickr-day.endRange.endRange:before,
.os-high-contrast .flatpickr-monthSelect-months .flatpickr-monthSelect-month.selected.endRange:before,
.os-high-contrast .flatpickr-monthSelect-months .flatpickr-monthSelect-month.endRange.endRange:before{
    border-left:none;
    border-radius:0 50px 50px 0;
    border:var(--border-size-s) solid var(--color-focus-outer);
    left:-2px;
    right:0;
}
.osui-datepicker input[type=date]::-webkit-inner-spin-button, .osui-datepicker input[type=date]::-webkit-calendar-picker-indicator, .osui-datepicker input[type=date]::-webkit-datetime-edit-year-field, .osui-datepicker input[type=date]::-webkit-datetime-edit-month-field, .osui-datepicker input[type=date]::-webkit-datetime-edit-day-field, .osui-datepicker input[type=date]::-webkit-datetime-edit-fields-wrapper{
    display:none;
    -moz-appearance:none;
}
.osui-datepicker input.flatpickr-input[disabled] + input{
    background-color:var(--color-neutral-2);
    border:var(--border-size-s) solid var(--color-neutral-4);
    color:var(--color-neutral-6);
    pointer-events:none;
}
.osui-datepicker input:first-of-type:not(.flatpickr-calendar.inline input){
    display:none;
}
.osui-datepicker input:first-of-type:not(.flatpickr-calendar.inline input){

}
.osui-datepicker-calendar-ss-preview{
    display:none;
}
.osui-datepicker-calendar-ss-preview{














}
.osui-datepicker-calendar-ss-preview:not(.has-today-btn).single{


}
.osui-datepicker-calendar-ss-preview:not(.has-today-btn).time12h{


}
.osui-datepicker-calendar-ss-preview:not(.has-today-btn).time24h{


}
.osui-datepicker-calendar-ss-preview.has-today-btn.single{


}
.osui-datepicker-calendar-ss-preview.has-today-btn.time12h{


}
.osui-datepicker-calendar-ss-preview.has-today-btn.time24h{


}
.osui-datepicker-calendar-ss-preview + .placeholder-ss-preview{




}
.osui-datepicker .not-valid + .input,
.osui-datepicker .not-valid + .flatpickr-mobile{
    border-color:var(--color-error);
}
.osui-datepicker .flatpickr-mobile ~ span.validation-message{
    bottom:-40px;
}
.form .osui-datepicker-calendar-ss-preview{

}
html[data-uieditorversion^="1"] .osui-datepicker-calendar-ss-preview:not(.has-today-btn).single{


}
html[data-uieditorversion^="1"] .osui-datepicker-calendar-ss-preview:not(.has-today-btn).time12h{


}
html[data-uieditorversion^="1"] .osui-datepicker-calendar-ss-preview:not(.has-today-btn).time24h{


}
html[data-uieditorversion^="1"] .osui-datepicker-calendar-ss-preview.has-today-btn.single{


}
html[data-uieditorversion^="1"] .osui-datepicker-calendar-ss-preview.has-today-btn.time12h{


}
html[data-uieditorversion^="1"] .osui-datepicker-calendar-ss-preview.has-today-btn.time24h{


}
/*! 6.3.8. Dropdown */
.vscomp-ele{
    max-width:initial;
}
.vscomp-ele.pop-comp-active .vscomp-toggle-button{
    border-color:var(--color-primary);
}
.vscomp-ele.pop-comp-active .vscomp-toggle-button:after{
    color:var(--color-primary);
    -webkit-transform:rotate(180deg) translateY(50%);
    -ms-transform:rotate(180deg) translateY(50%);
    transform:rotate(180deg) translateY(50%);
}
.vscomp-ele .vscomp-clear-icon::after, .vscomp-ele .vscomp-clear-icon::before{
    background-color:inherit;
    left:50%;
    -webkit-transform:translateX(-50%);
    -ms-transform:translateX(-50%);
    transform:translateX(-50%);
}
.vscomp-ele .vscomp-clear-icon:after, .vscomp-search-clear:after{
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    color:#91999e;
    content:"\f00d";
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    font:normal normal normal 13px/1 FontAwesome;
    height:100%;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    position:absolute;
    text-indent:0;
    top:0;
    width:24px;
}
.vscomp-clear-button:hover{
    background-color:var(--color-neutral-4);
}
.vscomp-clear-button:hover .vscomp-clear-icon::after, .vscomp-clear-button:hover .vscomp-clear-icon::before{
    background-color:transparent;
    color:var(--color-neutral-7);
}
.vscomp-search-clear:hover:after{
    background-color:transparent;
    color:var(--color-neutral-7);
}
.vscomp-wrapper.focused .vscomp-toggle-button, .vscomp-wrapper:focus .vscomp-toggle-button{
    -webkit-box-shadow:none;
    box-shadow:none;
}
.vscomp-wrapper.focused .checkbox-icon, .vscomp-wrapper:focus .checkbox-icon{
    border-color:var(--color-neutral-6);
}
.vscomp-wrapper.has-value.show-value-as-tags .vscomp-toggle-button{
    padding-left:var(--space-s);
}
.vscomp-wrapper.has-value .vscomp-value{
    margin-right:var(--space-m);
}
.vscomp-wrapper:not(.has-value) .vscomp-value{
    color:var(--color-neutral-7);
    opacity:1;
}
.vscomp-wrapper.multiple .vscomp-search-container{
    padding-left:var(--space-base);
}
.vscomp-wrapper.multiple .vscomp-search-container:before{
    display:none;
}
.vscomp-wrapper.multiple .vscomp-option.selected .checkbox-icon{
    background-color:var(--color-primary);
    border-color:var(--color-primary);
}
.vscomp-wrapper.multiple .vscomp-option.selected .checkbox-icon:after{
    border-color:var(--color-neutral-0);
    border-left-color:transparent;
    border-top-color:transparent;
    height:80%;
    opacity:1;
    -webkit-transform:rotate(45deg) translate(3px, -3px);
    -ms-transform:rotate(45deg) translate(3px, -3px);
    transform:rotate(45deg) translate(3px, -3px);
    width:45%;
}
.vscomp-wrapper.multiple .vscomp-option .vscomp-option-text{
    -webkit-box-flex:1;
    -ms-flex:1;
    flex:1;
    width:auto;
}
.vscomp-wrapper:not(.multiple) .vscomp-option.group-title{
    height:var(--space-xl) !important;
}
.vscomp-wrapper.show-value-as-tags .vscomp-toggle-button{
    height:auto;
    min-height:var(--vscomp-toogle-btn-height);
    padding:var(--space-xs) var(--space-xxl) var(--space-none) var(--space-base);
}
.vscomp-wrapper.show-value-as-tags .vscomp-value-tag{
    background-color:var(--color-neutral-3);
    border:var(--border-size-none);
    color:var(--color-neutral-7);
    font-size:var(--font-size-xs);
    font-weight:var(--font-semi-bold);
    padding:6px 35px 6px 10px;
    position:relative;
}
.vscomp-wrapper.show-value-as-tags .vscomp-value-tag .vscomp-value-tag-content{
    width:100%;
}
.vscomp-wrapper.show-value-as-tags .vscomp-value-tag .vscomp-value-tag-clear-button{
    background-color:var(--color-neutral-7);
    border-radius:100%;
    height:14px;
    position:absolute;
    right:10px;
    width:14px;
}
.vscomp-wrapper.show-value-as-tags .vscomp-value-tag .vscomp-value-tag-clear-button .vscomp-clear-icon{
    height:12px;
    left:var(--space-none);
    position:relative;
    top:var(--space-none);
    width:12px;
}
.vscomp-wrapper.show-value-as-tags .vscomp-value-tag .vscomp-value-tag-clear-button .vscomp-clear-icon:before, .vscomp-wrapper.show-value-as-tags .vscomp-value-tag .vscomp-value-tag-clear-button .vscomp-clear-icon:after{
    color:var(--color-neutral-4);
}
.vscomp-wrapper.show-value-as-tags .vscomp-clear-button{
    margin-top:0;
    top:50%;
    -webkit-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    transform:translateY(-50%);
}
.vscomp-wrapper.show-as-popup .vscomp-dropbox{
    border:none;
}
.vscomp-wrapper.show-as-popup .vscomp-dropbox-container{
    background-color:var(--overlay-background);
    z-index:var(--layer-global-elevated) !important;
}
.vscomp-wrapper.show-as-popup .vscomp-dropbox .vscomp-search-container{
    height:48px;
}
.vscomp-wrapper.show-as-popup .vscomp-dropbox .vscomp-search-input{
    height:inherit;
}
.vscomp-wrapper.text-direction-rtl.multiple .vscomp-search-container{
    padding-left:var(--space-s);
}
.vscomp-wrapper.text-direction-rtl.multiple .vscomp-option.selected .checkbox-icon:after{
    -webkit-transform:rotate(45deg) translate(-2px, 3px);
    -ms-transform:rotate(45deg) translate(-2px, 3px);
    transform:rotate(45deg) translate(-2px, 3px);
}
.vscomp-wrapper.text-direction-rtl:not(.multiple) .vscomp-search-container{
    padding:var(--space-none) var(--space-xl) var(--space-none) var(--space-s);
}
.vscomp-wrapper.text-direction-rtl:not(.multiple) .vscomp-search-container:before{
    left:auto;
    right:var(--space-base);
}
.vscomp-wrapper.text-direction-rtl.show-value-as-tags.has-value .vscomp-clear-button{
    left:var(--space-l);
}
.vscomp-wrapper.text-direction-rtl.show-value-as-tags .vscomp-value-tag{
    padding:6px 10px 6px 35px;
}
.vscomp-wrapper.text-direction-rtl.show-value-as-tags .vscomp-value-tag-clear-button{
    left:10px;
    right:auto;
}
.vscomp-wrapper.text-direction-rtl .vscomp-toggle-button{
    padding:var(--space-xs) var(--space-base) var(--space-xs) var(--space-xl);
}
.vscomp-wrapper.text-direction-rtl .vscomp-toggle-button:after{
    left:var(--space-base);
    right:auto;
}
.vscomp-wrapper.text-direction-rtl .checkbox-icon{
    margin-left:var(--space-s);
}
.vscomp-wrapper.text-direction-rtl .checkbox-icon.checked:after{
    -webkit-transform:rotate(45deg) translate(-2px, 3px);
    -ms-transform:rotate(45deg) translate(-2px, 3px);
    transform:rotate(45deg) translate(-2px, 3px);
}
.vscomp-wrapper:not(.text-direction-rtl).has-value .vscomp-clear-button{
    right:var(--space-xl);
}
.vscomp-wrapper .checkbox-icon{
    background-color:var(--color-neutral-0);
    border-radius:var(--border-radius-soft);
    border:var(--border-size-s) solid var(--color-neutral-5);
    height:16px;
    margin-right:var(--space-s);
    overflow:visible;
    -webkit-transition:background-color 0.25s ease;
    transition:background-color 0.25s ease;
    width:16px;
}
.vscomp-wrapper .checkbox-icon:after{
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden;
    border-color:transparent;
    height:85%;
    opacity:0;
    -webkit-transition:opacity 0.25s ease;
    transition:opacity 0.25s ease;
    width:40%;
}
.vscomp-wrapper .checkbox-icon.checked{
    background-color:var(--color-primary);
    border-color:var(--color-primary);
}
.vscomp-wrapper .checkbox-icon.checked:after{
    border-color:var(--color-neutral-0);
    border-left-color:transparent;
    border-top-color:transparent;
    height:80%;
    opacity:1;
    -webkit-transform:rotate(45deg) translate(3px, -3px);
    -ms-transform:rotate(45deg) translate(3px, -3px);
    transform:rotate(45deg) translate(3px, -3px);
    width:45%;
}
.vscomp-toggle-button{
    --vscomp-toogle-btn-arrow-size:22px;
    --vscomp-toogle-btn-height:40px;
    --vscomp-toogle-btn-mobile-height:48px;
    background-color:var(--color-neutral-0);
    border-radius:var(--border-radius-soft);
    border:var(--border-size-s) solid var(--color-neutral-5);
    color:var(--color-neutral-9);
    cursor:pointer;
    display:-webkit-inline-box;
    display:-ms-inline-flexbox;
    display:inline-flex;
    height:var(--vscomp-toogle-btn-height);
    line-height:var(--vscomp-toogle-btn-height);
    min-width:180px;
    padding:var(--space-xs) var(--space-xl) var(--space-xs) var(--space-base);
    position:relative;
    -webkit-transition:height, border-color 0.25s ease;
    transition:height, border-color 0.25s ease;
    vertical-align:middle;
    width:100%;
}
.vscomp-toggle-button:after{
    color:var(--color-neutral-7);
    content:"\f107";
    font:normal normal normal var(--vscomp-toogle-btn-arrow-size)/1 FontAwesome;
    position:absolute;
    right:var(--space-base);
    top:50%;
    -webkit-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    transform:translateY(-50%);
    -webkit-transform-origin:center;
    -ms-transform-origin:center;
    transform-origin:center;
    -webkit-transition:all 0.25s ease;
    transition:all 0.25s ease;
}
.vscomp-toggle-button:hover{
    border-color:var(--color-neutral-6);
}
.vscomp-value{
    font-size:var(--font-size-s);
}
.vscomp-arrow{
    display:none;
}
.pop-comp-wrapper{
    -webkit-box-shadow:none;
    box-shadow:none;
}
.vscomp-dropbox{
    --border-color:var(--color-neutral-5);
    --border-size:var(--border-size-s);
    background-color:var(--color-neutral-0);
    border-radius:var(--border-radius-soft);
    -webkit-box-shadow:inset var(--border-color) 0 0 0 var(--border-size);
    box-shadow:inset var(--border-color) 0 0 0 var(--border-size);
    overflow:hidden;
    padding:0 var(--border-size) calc(2 * var(--border-size)) var(--border-size);
}
.vscomp-dropbox .vscomp-dropbox-close-button{
    display:none;
}
.vscomp-search-container{
    border-bottom:var(--border-size-s) solid var(--color-neutral-5);
    padding:var(--space-none) var(--space-s) var(--space-none) var(--space-xl);
    position:relative;
}
.vscomp-search-container:before{
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    color:var(--color-neutral-7);
    content:"\f002";
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    font:normal normal normal 14px/1 FontAwesome;
    height:100%;
    left:var(--space-base);
    position:absolute;
    top:0;
}
.vscomp-search-container .vscomp-search-clear{
    border-radius:var(--border-radius-circle);
    color:var(--color-neutral-7);
    display:table;
    font-size:var(--font-size-h5);
    font-weight:var(--font-semi-bold);
    height:24px;
    line-height:1;
    text-align:center;
    width:24px;
    text-indent:100%;
    white-space:nowrap;
    overflow:hidden;
}
.osx .vscomp-search-container .vscomp-search-clear, .ios .vscomp-search-container .vscomp-search-clear{
    line-height:1.1;
}
.vscomp-search-container .vscomp-search-clear:hover{
    background-color:var(--color-neutral-4);
}
.vscomp-search-input{
    font-size:var(--font-size-s);
}
.vscomp-search-input::-webkit-input-placeholder{
    color:var(--color-neutral-9);
    opacity:0.5;
}
.vscomp-search-input::-moz-placeholder{
    color:var(--color-neutral-9);
    opacity:0.5;
}
.vscomp-search-input:-ms-input-placeholder{
    color:var(--color-neutral-9);
    opacity:0.5;
}
.vscomp-search-input::-ms-input-placeholder{
    color:var(--color-neutral-9);
    opacity:0.5;
}
.vscomp-search-input::placeholder{
    color:var(--color-neutral-9);
    opacity:0.5;
}
.vscomp-options-container{
    z-index:1;
}
.vscomp-options-container::-webkit-scrollbar{
    width:5px;
}
.vscomp-options-container::-webkit-scrollbar-track{
    background:var(--color-neutral-4);
}
.vscomp-options-container::-webkit-scrollbar-thumb{
    background-color:var(--color-neutral-6);
}
.vscomp-option-text{
    color:var(--color-neutral-9);
    display:inline-block;
    font-size:var(--font-size-s);
}
.vscomp-option-text *{
    vertical-align:middle;
}
.vscomp-option{
    -ms-flex-line-pack:center;
    align-content:center;
    background-color:var(--color-neutral-0);
    -webkit-transition:background-color 0.25s ease;
    transition:background-color 0.25s ease;
}
.vscomp-option.focused, .vscomp-option.selected{
    background-color:var(--color-neutral-3);
}
.vscomp-option.focused{
    background-color:var(--color-neutral-2);
}
.vscomp-option.group-title .vscomp-option-text{
    opacity:1;
}
.vscomp-option.group-title .vscomp-option-text:only-child{
    color:var(--color-neutral-7);
    font-size:var(--font-size-label);
    font-weight:var(--font-semi-bold);
    text-transform:uppercase;
}
.vscomp-option-description{
    color:var(--color-neutral-7);
    font-size:var(--font-size-label);
    margin-top:1px;
}
.vscomp-new-option-icon::before{
    border:15px solid var(--color-primary);
    border-bottom-color:rgba(0, 0, 0, 0);
    border-left-color:rgba(0, 0, 0, 0);
}
.has-accessible-features .vscomp-toggle-button{
    border-color:var(--color-neutral-7);
    color:var(--color-neutral-10);
}
.has-accessible-features .vscomp-toggle-button:after{
    color:var(--color-neutral-9);
}
.has-accessible-features .vscomp-toggle-all-button:focus{
    -webkit-box-shadow:none;
    box-shadow:none;
}
.has-accessible-features .vscomp-toggle-all-button:focus .checkbox-icon{
    -webkit-box-shadow:0 0 0 var(--border-size-l) var(--color-focus-outer);
    box-shadow:0 0 0 var(--border-size-l) var(--color-focus-outer);
}
.has-accessible-features .vscomp-option.focused{
    -webkit-box-shadow:inset 0 0 0 var(--border-size-l) var(--color-focus-outer);
    box-shadow:inset 0 0 0 var(--border-size-l) var(--color-focus-outer);
}
.os-high-contrast .vscomp-wrapper.show-value-as-tags .vscomp-value-tag{
    border:var(--border-size-s) solid var(--color-neutral-7);
}
.os-high-contrast .vscomp-wrapper .vscomp-option.focused:before{
    border:var(--border-size-m) solid var(--color-neutral-7);
    bottom:0;
    content:"";
    display:block;
    left:0;
    position:absolute;
    right:0;
    top:0;
}
.os-high-contrast .vscomp-wrapper.multiple .vscomp-option.selected .checkbox-icon:after{
    border-top:none;
    border-left:none;
}
.os-high-contrast .pop-comp-content,
.os-high-contrast .vscomp-dropbox-container{
    border:var(--border-size-m) solid var(--color-neutral-7);
}
.os-high-contrast .vscomp-options-container::-webkit-scrollbar{
    width:5px;
}
.os-high-contrast .vscomp-options-container::-webkit-scrollbar-track{
    border:var(--border-size-l) solid var(--color-neutral-4);
}
.os-high-contrast .vscomp-options-container::-webkit-scrollbar-thumb{
    border:var(--border-size-s) solid var(--color-neutral-4);
}
.phone .vscomp-wrapper.show-value-as-tags .vscomp-toggle-button,
.tablet .vscomp-wrapper.show-value-as-tags .vscomp-toggle-button{
    min-height:var(--vscomp-toogle-btn-mobile-height);
}
.phone .vscomp-toggle-button,
.tablet .vscomp-toggle-button{
    height:var(--vscomp-toogle-btn-mobile-height);
}
body.vscomp-popup-active .vscomp-wrapper:not(.focused){
    z-index:var(--layer-global-screen);
}
body.vscomp-popup-active .vscomp-wrapper{
    z-index:var(--layer-global-off-canvas);
}
body.vscomp-popup-active:has(.osui-notification--is-open) .vscomp-wrapper{
    z-index:var(--layer-global-instant-interaction);
}
.pop-comp-arrow,
.pop-comp-wrapper,
.vscomp-wrapper.keep-always-open .vscomp-dropbox-container{
    z-index:var(--layer-local-tier-1);
}
.pop-comp-content,
.vscomp-dropbox-container{
    z-index:var(--layer-local-tier-2);
}
.osui-dropdown-search.vscomp-ele[disabled], .osui-dropdown-tags.vscomp-ele[disabled]{
    cursor:initial;
}
.osui-dropdown-search.vscomp-ele[disabled] .vscomp-toggle-button, .osui-dropdown-tags.vscomp-ele[disabled] .vscomp-toggle-button{
    background-color:var(--color-neutral-2);
    border:var(--border-size-s) solid var(--color-neutral-4);
    color:var(--color-neutral-6);
    pointer-events:none;
}
.osui-dropdown-search.vscomp-ele[disabled] .vscomp-wrapper, .osui-dropdown-search.vscomp-ele[disabled] .vscomp-wrapper:not(.has-value) .vscomp-value, .osui-dropdown-tags.vscomp-ele[disabled] .vscomp-wrapper, .osui-dropdown-tags.vscomp-ele[disabled] .vscomp-wrapper:not(.has-value) .vscomp-value{
    opacity:inherit;
}
.osui-dropdown-search .vscomp-wrapper, .osui-dropdown-tags .vscomp-wrapper{
    font-family:inherit;
}
.osui-dropdown-option-image{
    border-radius:100%;
    display:inline-block;
    height:24px;
    margin-right:var(--space-s);
    width:24px;
    background-color:var(--color-neutral-3);
    overflow:hidden;
}
.osui-dropdown-option-icon{
    color:var(--color-neutral-9);
    font-size:var(--font-size-h6);
    margin-right:var(--space-s);
}
.osui-dropdown-error-message{
    color:var(--color-error);
    font-size:var(--font-size-xs);
    margin-left:var(--space-none);
    margin-top:3px;
}
.is-rtl .osui-dropdown-option-image, .is-rtl .osui-dropdown-option-icon{
    margin-left:var(--space-s);
    margin-right:initial;
}
/*! 6.3.8.1 Dropdown Search */
.osui-dropdown-search.osui-dropdown--not-valid .vscomp-toggle-button{
    border-color:var(--color-error);
}
.osui-dropdown-search-ss-preview{












}
.osui-dropdown-search-ss-preview .icon{





}
/*! 6.3.8.2 Dropdown Tags */
.osui-dropdown-tags.osui-dropdown--not-valid .vscomp-toggle-button{
    border-color:var(--color-error);
}
.osui-dropdown-tags-ss-preview{











}
.osui-dropdown-tags-ss-preview > .icon{





}
.osui-dropdown-tags-ss-preview > div{











}
.osui-dropdown-tags-ss-preview > div span{

}
.osui-dropdown-tags-ss-preview > div > .icon{














}
.osui-dropdown-tags-ss-preview > div > .icon:before{








}
/*! 6.3.9. Floating Actions */
.floating-actions-wrapper, .floating-overlay{
    --osui-floating-actions-layer:var(--layer-global-elevated);
}
.floating-actions-wrapper{
    -webkit-box-align:end;
    -ms-flex-align:end;
    align-items:flex-end;
    bottom:0;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    margin:var(--space-l);
    position:fixed;
    right:0;
    will-change:transform, opacity;
    z-index:var(--osui-floating-actions-layer);
}
.floating-actions-wrapper:not(.is--open){
    pointer-events:none;
}
.floating-actions-wrapper:not(.is--open){

}
.floating-actions-wrapper.is--open .floating-actions-item{
    opacity:1;
    -webkit-transform:translateY(0px) translateZ(0) scale(1);
    transform:translateY(0px) translateZ(0) scale(1);
    -webkit-transition:all 180ms ease-out;
    transition:all 180ms ease-out;
    -webkit-transition-delay:calc(var(--delay) * 40ms);
    transition-delay:calc(var(--delay) * 40ms);
}
.floating-actions-wrapper.is--open .floating-actions-item-button{
    -webkit-transform:translateZ(0) scale(1);
    transform:translateZ(0) scale(1);
}
.floating-actions-wrapper.is--open .floating-button{
    -webkit-box-shadow:var(--shadow-none);
    box-shadow:var(--shadow-none);
    -webkit-filter:brightness(0.9);
    filter:brightness(0.9);
    -webkit-transform:rotate(135deg) translateZ(0);
    transform:rotate(135deg) translateZ(0);
}
.floating-actions-wrapper.bottom-bar-exists{
    bottom:calc(var(--bottom-bar-size) + var(--space-base));
}
.floating-actions-wrapper.no-rotation .floating-button{
    -webkit-transform:none;
    -ms-transform:none;
    transform:none;
}
.slide-from-left-enter .layout-native .floating-actions-wrapper, .slide-from-left-leave .layout-native .floating-actions-wrapper, .slide-from-right-enter .layout-native .floating-actions-wrapper, .slide-from-right-leave .layout-native .floating-actions-wrapper, .slide-from-top-enter .layout-native .floating-actions-wrapper, .slide-from-top-leave .layout-native .floating-actions-wrapper, .slide-from-bottom-enter .layout-native .floating-actions-wrapper, .slide-from-bottom-leave .layout-native .floating-actions-wrapper, .fade-enter .layout-native .floating-actions-wrapper, .fade-leave .layout-native .floating-actions-wrapper{
    display:none;
}
.floating-items{
    -webkit-box-align:end;
    -ms-flex-align:end;
    align-items:flex-end;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    padding-bottom:var(--space-s);
    padding-right:var(--space-s);
}
.floating-actions-item{
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:end;
    -ms-flex-pack:end;
    justify-content:flex-end;
    margin-bottom:var(--space-base);
    opacity:0;
    -webkit-transform:translateY(var(--space-base)) translateZ(0);
    transform:translateY(var(--space-base)) translateZ(0);
    -webkit-transition:all 100ms ease-in;
    transition:all 100ms ease-in;
}
.floating-actions-item{


}
.floating-actions-item-button{
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    background-color:var(--color-neutral-0);
    border-radius:var(--border-radius-rounded);
    -webkit-box-shadow:var(--shadow-s);
    box-shadow:var(--shadow-s);
    color:var(--color-primary);
    cursor:pointer;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    font-size:var(--font-size-base);
    height:40px;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    margin-left:var(--space-base);
    -webkit-transform:translateZ(0) scale(0.3);
    transform:translateZ(0) scale(0.3);
    -webkit-transition:-webkit-transform 180ms ease-out;
    transition:-webkit-transform 180ms ease-out;
    transition:transform 180ms ease-out;
    transition:transform 180ms ease-out, -webkit-transform 180ms ease-out;
    -webkit-transition-delay:calc(var(--delay) * 40ms);
    transition-delay:calc(var(--delay) * 40ms);
    width:40px;
}
.floating-actions-item-button{

}
.floating-actions-item-button:hover{
    background-color:var(--color-primary);
    color:var(--color-neutral-0);
}
.floating-button{
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    background-color:var(--color-primary);
    border-radius:var(--border-radius-rounded);
    -webkit-box-shadow:var(--shadow-xl);
    box-shadow:var(--shadow-xl);
    color:var(--color-neutral-0);
    cursor:pointer;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    font-size:var(--font-size-h4);
    height:56px;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    pointer-events:auto;
    -webkit-transform:rotate(0deg) translateZ(0);
    transform:rotate(0deg) translateZ(0);
    -webkit-transform-origin:center center;
    -ms-transform-origin:center center;
    transform-origin:center center;
    -webkit-transition:all 180ms linear;
    transition:all 180ms linear;
    width:56px;
}
.floating-button:hover{
    -webkit-filter:brightness(0.9);
    filter:brightness(0.9);
}
.floating-overlay{
    background-color:var(--overlay-background);
    cursor:pointer;
    height:100vh;
    opacity:0;
    pointer-events:none;
    position:fixed;
    right:0;
    top:0;
    -webkit-transition:opacity 180ms ease-out;
    transition:opacity 180ms ease-out;
    width:100vw;
    z-index:var(--osui-floating-actions-layer);
}
.floating-overlay.is--open{
    opacity:1;
    pointer-events:auto;
}
.desktop .floating-overlay{
    display:none;
}
.phone .layout-native .floating-actions-wrapper{
    margin:var(--space-base);
}
.phone.ios.portrait .layout-native .floating-actions-wrapper{
    margin-bottom:var(--os-safe-area-bottom);
}
.phone.ios.landscape .layout-native .floating-actions-wrapper{
    margin-right:calc(var(--os-safe-area-right) + var(--space-base));
}
.tablet.ios .floating-actions-wrapper.bottom-bar-exists{
    margin-bottom:0;
}
.is-rtl .floating-actions-item-button{
    margin-left:var(--space-none);
    margin-right:var(--space-base);
}
.is-rtl .floating-actions-wrapper{
    left:0;
    right:auto;
}
.has-accessible-features .floating-button:focus{
    -webkit-box-shadow:0 0 0 3px var(--color-focus-outer);
    box-shadow:0 0 0 3px var(--color-focus-outer);
}
.has-accessible-features .floating-actions-wrapper.is--open .floating-button:focus{
    -webkit-box-shadow:0 0 0 3px var(--color-focus-outer);
    box-shadow:0 0 0 3px var(--color-focus-outer);
}
/*! 6.3.10. Input With Icon */
.input-with-icon{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    position:relative;
}
.input-with-icon.input-with-icon-right .input-with-icon-content-icon{
    left:auto;
    right:0;
}
.input-with-icon.input-with-icon-right .input-with-icon-content-icon:not(:empty) + .input-with-icon-input input{
    padding-left:var(--space-base);
    padding-right:var(--space-xl);
}
.input-with-icon.input-with-icon-right .input-with-icon-content-icon.search-actions{
    left:0;
    right:auto;
}
.input-with-icon .input-with-icon-content-icon{
    display:-webkit-inline-box;
    display:-ms-inline-flexbox;
    display:inline-flex;
    height:100%;
    left:0;
    position:absolute;
    width:40px;
}
.input-with-icon .input-with-icon-content-icon,
.input-with-icon .input-with-icon-content-icon a{
    color:var(--color-neutral-7);
}
.input-with-icon .input-with-icon-content-icon:not(:empty) + .input-with-icon-input input{
    padding-left:var(--space-xl);
}
.input-with-icon .input-with-icon-content-icon.search-actions{
    left:auto;
    right:0;
}
.input-with-icon .input-with-icon-content-icon.search-actions:hover{
    color:var(--color-neutral-8);
    cursor:pointer;
}
.input-with-icon .input-with-icon-input,
.input-with-icon .input-with-icon-input input{
    width:100%;
}
.input-with-icon .fa-fw{
    width:auto;
}
.input-with-icon span.validation-message{
    display:block;
    position:absolute;
}
.form .input-with-icon .input-with-icon-content-icon{
    padding-bottom:var(--space-m);
    z-index:var(--layer-local-tier-1);
}
.form .input-with-icon .form-control[class*=ThemeGrid_Width].not-valid ~ span.validation-message{
    left:0;
}
/*! 6.3.11. Lightbox Image */
.lightbox-item{

}
.lightbox-item:empty{

}
.lightbox-item img{
    display:block;
}
.lightbox-image:after{








}
.lightbox-thumbnail{




}
.lightbox-thumbnail:empty{

}
.lightbox-thumbnail:after{








}
.lightbox-content-thumbnail{

}
.hide-lightbox-image .lightbox-image{
    display:none;
}
.pswp__top-bar{
    padding-left:var(--os-safe-area-left);
    padding-right:var(--os-safe-area-right);
}
.android .pswp__top-bar{
    top:max(var(--status-bar-height), var(--safe-area-inset-top, 0px));
}
.ios .pswp__top-bar{
    padding-left:var(--os-safe-area-left);
    padding-right:var(--os-safe-area-right);
    top:var(--os-safe-area-top);
}
.ios .pswp__top-bar .pswp__counter{
    left:var(--os-safe-area-left);
}
.phone .pswp__caption__center{
    padding-bottom:calc(var(--os-safe-area-bottom) + 10px);
}
.has-accessible-features .lightbox-item a:focus{
    background-color:transparent;
    -webkit-box-shadow:none;
    box-shadow:none;
    outline:3px solid var(--color-focus-outer);
}
.is-rtl .pswp__counter{
    left:inherit;
    right:0;
}
.is-rtl .pswp__top-bar{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:reverse;
    -ms-flex-direction:row-reverse;
    flex-direction:row-reverse;
}
/*! 6.3.12. MonthPicker */
.osui-monthpicker__dropdown.flatpickr-calendar{
    width:auto;
}
.osui-monthpicker__dropdown .flatpickr-months{
    padding-bottom:0;
}
.flatpickr-monthSelect-months{
    display:grid;
    gap:var(--space-xs);
    grid-template-columns:repeat(3, 1fr);
    justify-items:center;
    margin:0;
}
.flatpickr-monthSelect-months .flatpickr-monthSelect-month{
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    border:1px solid transparent;
    border-radius:var(--border-radius-soft);
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    height:40px;
    margin:0;
    min-width:70px;
    width:100%;
}
.flatpickr-monthSelect-months .flatpickr-monthSelect-month:hover, .flatpickr-monthSelect-months .flatpickr-monthSelect-month:focus{
    background:var(--color-neutral-2);
}
.flatpickr-monthSelect-months .flatpickr-monthSelect-month.selected{
    background-color:var(--color-primary);
    border-color:transparent;
    color:var(--color-neutral-0);
}
.flatpickr-monthSelect-months .flatpickr-monthSelect-month.flatpickr-disabled{
    background-color:var(--color-neutral-1);
    color:var(--color-neutral-5);
}
.flatpickr-monthSelect-months .flatpickr-monthSelect-month.flatpickr-disabled:hover{
    background-color:var(--color-neutral-1) !important;
}
.flatpickr-monthSelect-months .flatpickr-monthSelect-month.flatpickr-disabled.today:hover, .flatpickr-monthSelect-months .flatpickr-monthSelect-month.flatpickr-disabled.today:focus{
    border:none;
}
.flatpickr-monthSelect-months .flatpickr-monthSelect-month.today:not(.selected):not(.flatpickr-disabled){
    border-color:var(--color-neutral-6);
}
.flatpickr-monthSelect-months .flatpickr-monthSelect-month.today:not(.selected):not(.flatpickr-disabled):hover, .flatpickr-monthSelect-months .flatpickr-monthSelect-month.today:not(.selected):not(.flatpickr-disabled):focus{
    background:var(--color-neutral-3);
    border-color:var(--color-neutral-3);
    color:var(--color-primary);
}
.is-rtl .osui-monthpicker__dropdown .flatpickr-monthSelect-months{
    direction:rtl;
}
.osui-monthpicker-ss-preview{
    display:none;
}
.osui-monthpicker-ss-preview{














}
.osui-monthpicker-ss-preview + .placeholder-ss-preview{




}
.osui-monthpicker .not-valid + .input,
.osui-monthpicker .not-valid + .flatpickr-mobile{
    border-color:var(--color-error);
}
.osui-monthpicker input[disabled] + input{
    background-color:var(--color-neutral-2);
    border:var(--border-size-s) solid var(--color-neutral-4);
    color:var(--color-neutral-6);
    pointer-events:none;
}
.osui-monthpicker input:first-of-type:not(.flatpickr-calendar.inline input){
    display:none;
}
.osui-monthpicker input:first-of-type:not(.flatpickr-calendar.inline input){

}
.form .osui-monthpicker-ss-preview{

}
/*! 6.3.13. Notification */
.osui-notification{
    --osui-notification-margin:var(--space-m);
    background-color:var(--color-neutral-0);
    border-radius:var(--border-radius-soft);
    border:var(--border-size-s) solid var(--color-neutral-4);
    -webkit-box-shadow:var(--shadow-xl);
    box-shadow:var(--shadow-xl);
    color:var(--color-neutral-10);
    max-width:calc(100vw - var(--osui-notification-margin) * 2);
    opacity:0;
    padding:var(--space-m);
    pointer-events:none;
    position:fixed;
    -webkit-transition:opacity 300ms ease-out, -webkit-transform 300ms ease-out;
    transition:opacity 300ms ease-out, -webkit-transform 300ms ease-out;
    transition:transform 300ms ease-out, opacity 300ms ease-out;
    transition:transform 300ms ease-out, opacity 300ms ease-out, -webkit-transform 300ms ease-out;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    width:var(--notification-width);
    z-index:var(--osui-notification-layer);
}
.osui-notification{


}
.osui-notification-preview{

}
.osui-notification-preview.bottom .is-bottom, .osui-notification-preview.bottom-right .is-bottom-right, .osui-notification-preview.bottom-left .is-bottom-left, .osui-notification-preview.center .is-center, .osui-notification-preview.right .is-right, .osui-notification-preview.left .is-left, .osui-notification-preview.top .is-top, .osui-notification-preview.top-right .is-top-right, .osui-notification-preview.top-left .is-top-left{

}
.osui-notification-preview [class*=is-]{

}
.osui-notification--is-top{
    left:50%;
    -webkit-transform:translate(-50%, -100%);
    -ms-transform:translate(-50%, -100%);
    transform:translate(-50%, -100%);
}
.osui-notification--is-top, .osui-notification--is-top-right, .osui-notification--is-top-left{
    top:calc(var(--os-safe-area-top) + var(--osui-notification-margin));
}
.osui-notification--is-top-right{
    right:calc(var(--os-safe-area-right) + var(--osui-notification-margin));
    -webkit-transform:translateX(100%);
    -ms-transform:translateX(100%);
    transform:translateX(100%);
}
.osui-notification--is-top-left{
    left:calc(var(--os-safe-area-left) + var(--osui-notification-margin));
    -webkit-transform:translateX(-100%);
    -ms-transform:translateX(-100%);
    transform:translateX(-100%);
}
.osui-notification--is-center{
    top:50%;
    left:50%;
    -webkit-transform:translate(-50%, -100%);
    -ms-transform:translate(-50%, -100%);
    transform:translate(-50%, -100%);
}
.osui-notification--is-right, .osui-notification--is-left{
    top:50%;
}
.osui-notification--is-right{
    right:calc(var(--os-safe-area-right) + var(--osui-notification-margin));
    -webkit-transform:translate(100%, -50%);
    -ms-transform:translate(100%, -50%);
    transform:translate(100%, -50%);
}
.osui-notification--is-left{
    left:calc(var(--os-safe-area-left) + var(--osui-notification-margin));
    -webkit-transform:translate(-100%, -50%);
    -ms-transform:translate(-100%, -50%);
    transform:translate(-100%, -50%);
}
.osui-notification--is-bottom{
    left:50%;
    -webkit-transform:translate(-50%, 100%);
    -ms-transform:translate(-50%, 100%);
    transform:translate(-50%, 100%);
}
.osui-notification--is-bottom, .osui-notification--is-bottom-right, .osui-notification--is-bottom-left{
    bottom:calc(var(--os-safe-area-bottom) + var(--osui-notification-margin));
}
.osui-notification--is-bottom-right{
    right:calc(var(--os-safe-area-right) + var(--osui-notification-margin));
    -webkit-transform:translateX(100%);
    -ms-transform:translateX(100%);
    transform:translateX(100%);
}
.osui-notification--is-bottom-left{
    left:calc(var(--os-safe-area-left) + var(--osui-notification-margin));
    -webkit-transform:translateX(-100%);
    -ms-transform:translateX(-100%);
    transform:translateX(-100%);
}
.osui-notification--is-open{
    opacity:1;
    pointer-events:auto;
}
.osui-notification--is-open.osui-notification--is-top{
    -webkit-transform:translate(-50%);
    -ms-transform:translate(-50%);
    transform:translate(-50%);
}
.osui-notification--is-open.osui-notification--is-top-right, .osui-notification--is-open.osui-notification--is-top-left{
    -webkit-transform:translate(0, 0);
    -ms-transform:translate(0, 0);
    transform:translate(0, 0);
}
.osui-notification--is-open.osui-notification--is-center{
    -webkit-transform:translate(-50%, -50%);
    -ms-transform:translate(-50%, -50%);
    transform:translate(-50%, -50%);
}
.osui-notification--is-open.osui-notification--is-right, .osui-notification--is-open.osui-notification--is-left{
    -webkit-transform:translate(0, -50%);
    -ms-transform:translate(0, -50%);
    transform:translate(0, -50%);
}
.osui-notification--is-open.osui-notification--is-bottom{
    -webkit-transform:translate(-50%, 0);
    -ms-transform:translate(-50%, 0);
    transform:translate(-50%, 0);
}
.osui-notification--is-open.osui-notification--is-bottom-right, .osui-notification--is-open.osui-notification--is-bottom-left{
    -webkit-transform:translateX(0);
    -ms-transform:translateX(0);
    transform:translateX(0);
}
.slide-from-left-enter .layout-native .osui-notification,
.slide-from-left-leave .layout-native .osui-notification,
.slide-from-right-enter .layout-native .osui-notification,
.slide-from-right-leave .layout-native .osui-notification,
.slide-from-top-enter .layout-native .osui-notification,
.slide-from-top-leave .layout-native .osui-notification,
.slide-from-bottom-enter .layout-native .osui-notification,
.slide-from-bottom-leave .layout-native .osui-notification,
.fade-enter .layout-native .osui-notification,
.fade-leave .layout-native .osui-notification{
    display:none;
}
.phone .osui-notification{
    --osui-notification-margin:var(--space-base);
}
.android .layout-native .osui-notification--is-open{
    margin-top:max(var(--status-bar-height), var(--safe-area-inset-top, 0px));
}
/*! 6.3.14. RangeSlider */
.osui-range-slider{
    --range-slider-handle-size:24px;
    --range-slider-thickness:4px;
    --range-slider-handle-size-half:calc(var(--range-slider-handle-size) / 2);
    --range-slider-thickness-half:calc(var(--range-slider-thickness) / 2);
    --range-slider-handle-sliding-position:calc(var(--range-slider-handle-size-half) * -1);
    padding:0 var(--space-base);
}
.osui-range-slider--is-vertical{
    height:var(--range-slider-size);
    width:-webkit-fit-content;
    width:-moz-fit-content;
    width:fit-content;
}
.osui-range-slider--has-ticks .noUi-target{
    margin:var(--space-m) var(--space-none) var(--space-xl);
}
.osui-range-slider:not(.osui-range-slider--has-ticks) .noUi-target{
    margin:var(--space-m) var(--space-none);
}
.osui-range-slider{



}
.osui-range-slider .noUi-base{
    background-color:transparent;
    border-radius:var(--border-radius-soft);
}
.osui-range-slider .noUi-target{
    background:var(--color-neutral-5);
    border:var(--border-size-none);
    border-radius:var(--border-radius-soft);
    -webkit-box-shadow:none;
    box-shadow:none;
}
.osui-range-slider .noUi-horizontal .noUi-handle, .osui-range-slider .noUi-vertical .noUi-handle{
    background-color:var(--color-neutral-0);
    border:var(--border-size-s) solid var(--color-neutral-7);
    border-radius:var(--border-radius-circle);
    -webkit-box-shadow:var(--shadow-xs);
    box-shadow:var(--shadow-xs);
    cursor:pointer;
    display:inline-block;
    height:var(--range-slider-handle-size);
    -webkit-transition:-webkit-transform 150ms ease-out;
    transition:-webkit-transform 150ms ease-out;
    transition:transform 150ms ease-out;
    transition:transform 150ms ease-out, -webkit-transform 150ms ease-out;
    width:var(--range-slider-handle-size);
}
.osui-range-slider .noUi-horizontal .noUi-handle:before,
.osui-range-slider .noUi-horizontal .noUi-handle:after, .osui-range-slider .noUi-vertical .noUi-handle:before,
.osui-range-slider .noUi-vertical .noUi-handle:after{
    background:transparent;
    border-color:var(--color-neutral-6);
    border-style:solid;
    content:"";
    height:calc(var(--range-slider-handle-size) / 2);
    top:50%;
    -webkit-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    transform:translateY(-50%);
}
.osui-range-slider .noUi-horizontal .noUi-handle:before, .osui-range-slider .noUi-vertical .noUi-handle:before{
    border-width:var(--border-size-none) var(--border-size-none) var(--border-size-none) var(--border-size-s);
    left:calc(var(--range-slider-handle-size) / 4);
    right:auto;
}
.osui-range-slider .noUi-horizontal .noUi-handle:after, .osui-range-slider .noUi-vertical .noUi-handle:after{
    border-width:var(--border-size-none) var(--border-size-s);
    left:calc(var(--range-slider-handle-size) / 2.5);
    width:3px;
}
.osui-range-slider .noUi-horizontal .noUi-handle.noUi-active,
.osui-range-slider .noUi-horizontal .noUi-handle:hover, .osui-range-slider .noUi-vertical .noUi-handle.noUi-active,
.osui-range-slider .noUi-vertical .noUi-handle:hover{
    border:var(--border-size-s) solid var(--color-primary);
}
.osui-range-slider .noUi-horizontal .noUi-handle.noUi-active:before,
.osui-range-slider .noUi-horizontal .noUi-handle.noUi-active:after,
.osui-range-slider .noUi-horizontal .noUi-handle:hover:before,
.osui-range-slider .noUi-horizontal .noUi-handle:hover:after, .osui-range-slider .noUi-vertical .noUi-handle.noUi-active:before,
.osui-range-slider .noUi-vertical .noUi-handle.noUi-active:after,
.osui-range-slider .noUi-vertical .noUi-handle:hover:before,
.osui-range-slider .noUi-vertical .noUi-handle:hover:after{
    border-color:var(--color-primary);
}
.osui-range-slider .noUi-vertical{
    height:var(--range-slider-size);
    margin:var(--space-m) var(--space-none);
    width:var(--range-slider-thickness);
}
.osui-range-slider .noUi-vertical .noUi-handle{
    bottom:var(--range-slider-handle-sliding-position);
    left:calc((var(--range-slider-handle-size-half) + var(--range-slider-thickness-half)) * -1);
}
.osui-range-slider .noUi-vertical .noUi-handle{

}
.osui-range-slider .noUi-horizontal{
    height:var(--range-slider-thickness);
    width:var(--range-slider-size);
}
.osui-range-slider .noUi-horizontal .noUi-handle{
    right:var(--range-slider-handle-sliding-position);
    top:calc((var(--range-slider-handle-size-half) - var(--range-slider-thickness-half)) * -1);
}
.osui-range-slider .noUi-horizontal .noUi-pips{
    color:var(--color-neutral-8);
}
.osui-range-slider .noUi-horizontal .noUi-pips-margin{
    margin-bottom:60px;
}
.osui-range-slider .noUi-connects{
    border-radius:var(--border-radius-soft);
}
.osui-range-slider .noUi-connect{
    background:var(--color-primary);
}
.osui-range-slider .noUi-background{
    -webkit-box-shadow:none;
    box-shadow:none;
}
.osui-range-slider .noUi-pips-horizontal{
    height:40px;
    left:0;
    padding:12px 0 0;
    top:100%;
    width:100%;
}
.osui-range-slider .noUi-pips-vertical{
    color:var(--color-neutral-8);
    height:100%;
    left:100%;
    padding:0 0 0 var(--space-base);
    top:0;
}
.osui-range-slider .noUi-marker-large{
    background-color:var(--color-neutral-6);
}
.osui-range-slider .noUi-marker-horizontal.noUi-marker{
    height:4px;
}
.osui-range-slider .noUi-marker-vertical.noUi-marker-large{
    width:4px;
}
.osui-range-slider .noUi-value-horizontal{
    top:var(--space-s);
}
.osui-range-slider .noUi-value-vertical{
    padding-left:var(--space-s);
}
.osui-range-slider .noUi-tooltip{
    background:transparent;
    border:none;
    color:var(--color-neutral-10);
    padding:var(--space-xs);
}
.osui-range-slider .noUi-rtl.noUi-vertical .noUi-handle{
    right:unset;
}
.osui-range-slider .noUi-rtl .noUi-value.noUi-value-vertical{
    padding-left:var(--space-none);
    padding-right:var(--space-m);
}
.osui-range-slider .noUi-rtl .noUi-marker.noUi-marker-vertical{
    margin-right:var(--space-base);
}
.osui-range-slider .noUi-txt-dir-rtl.noUi-horizontal .noUi-origin{
    left:inherit;
    right:inherit;
}
.osui-range-slider .osui-range-slider__provider[disabled]{
    pointer-events:none;
}
.osui-range-slider .osui-range-slider__provider[disabled] .noUi-target{
    background-color:var(--color-neutral-4);
}
.osui-range-slider .osui-range-slider__provider[disabled] .noUi-connect{
    background-color:var(--color-neutral-6);
}
.osui-range-slider .osui-range-slider__provider[disabled] .noUi-handle{
    background-color:var(--color-neutral-2);
    border:var(--border-size-s) solid var(--color-neutral-5);
    -webkit-box-shadow:none;
    box-shadow:none;
}
.osui-range-slider .osui-range-slider__provider[disabled] .noUi-handle:before, .osui-range-slider .osui-range-slider__provider[disabled] .noUi-handle:after{
    border-color:var(--color-neutral-6);
}
.osui-range-slider .osui-range-slider__provider[disabled] .noUi-pips{
    color:var(--color-neutral-6);
}
.osui-range-slider .osui-range-slider__provider[disabled] .noUi-tooltip{
    color:var(--color-neutral-6);
}
.has-accessible-features .osui-range-slider{
    border:var(--border-size-m) solid transparent;
}
.has-accessible-features .osui-range-slider:focus-within{
    border-color:var(--color-focus-outer);
}
.has-accessible-features .osui-range-slider .noUi-handle:focus{
    border-color:var(--color-focus-inner);
    -webkit-box-shadow:0 0 0 var(--border-size-l) var(--color-focus-outer);
    box-shadow:0 0 0 var(--border-size-l) var(--color-focus-outer);
}
.os-high-contrast .osui-range-slider .noUi-horizontal{
    height:calc(2 * var(--range-slider-thickness));
}
.os-high-contrast .osui-range-slider .noUi-vertical{
    width:calc(2 * var(--range-slider-thickness));
}
.os-high-contrast .osui-range-slider .noUi-connect,
.os-high-contrast .osui-range-slider .noUi-base{
    border:var(--border-size-m) solid var(--color-neutral-7);
}
.os-high-contrast .has-accessible-features .osui-range-slider{
    border:0;
}
.is-rtl .osui-range-slider .noUi-pips-vertical{
    padding:0;
}
.noUi-origin .noUi-base,
.noUi-connect{
    z-index:var(--layer-local-tier-1);
}
.noUi-connects{
    z-index:var(--layer-global-screen);
}
/*! 6.3.15. Scrollable Area */
.scrollable-area-content{
    --scrollable-area-height:auto;
    --scrollable-area-width:100%;
    height:var(--scrollable-area-height);
    width:var(--scrollable-area-width);
}
.scrollable-area-content.horizontal-scroll .osui-deprecated.carousel .list.list-group, .scrollable-area-content.horizontal-scroll .osui-carousel .list.list-group, .scrollable-area-content.vertical-scroll .osui-deprecated.carousel .list.list-group, .scrollable-area-content.vertical-scroll .osui-carousel .list.list-group{
    overflow-x:initial;
    overflow-y:initial;
}
.scrollable-area-content.none{
    -ms-overflow-style:none;
    scrollbar-width:none;
}
.scrollable-area-content.none:hover{
    cursor:default;
}
.scrollable-area-content.none::-webkit-scrollbar{
    display:none;
}
.scrollable-area-content.horizontal-scroll,
.scrollable-area-content.horizontal-scroll .list.list-group{
    overflow-x:auto;
    overflow-y:hidden;
}
.scrollable-area-content.vertical-scroll,
.scrollable-area-content.vertical-scroll .list.list-group{
    overflow-x:hidden;
    overflow-y:auto;
}
.scrollable-area-content.compact.horizontal-scroll::-webkit-scrollbar, .scrollable-area-content.compact.vertical-scroll::-webkit-scrollbar{
    width:8px;
    height:8px;
}
.scrollable-area-content.compact.horizontal-scroll::-webkit-scrollbar-track, .scrollable-area-content.compact.horizontal-scroll::-webkit-scrollbar-thumb, .scrollable-area-content.compact.horizontal-scroll:hover::-webkit-scrollbar-track, .scrollable-area-content.compact.vertical-scroll::-webkit-scrollbar-track, .scrollable-area-content.compact.vertical-scroll::-webkit-scrollbar-thumb, .scrollable-area-content.compact.vertical-scroll:hover::-webkit-scrollbar-track{
    background-color:transparent;
}
.scrollable-area-content.compact.horizontal-scroll:hover::-webkit-scrollbar-thumb, .scrollable-area-content.compact.vertical-scroll:hover::-webkit-scrollbar-thumb{
    background-color:rgba(173, 181, 189, 0.5);
    border-radius:6px;
}
.scrollable-area-content.compact.horizontal-scroll::-webkit-scrollbar-thumb:hover, .scrollable-area-content.compact.vertical-scroll::-webkit-scrollbar-thumb:hover{
    background-color:rgba(106, 113, 120, 0.5);
    border-radius:6px;
}
[data-block="Interaction.ScrollableArea"]::-webkit-scrollbar{
    width:8px;
    height:8px;
}
[data-block="Interaction.ScrollableArea"]::-webkit-scrollbar-track, [data-block="Interaction.ScrollableArea"]::-webkit-scrollbar-thumb, [data-block="Interaction.ScrollableArea"]:hover::-webkit-scrollbar-track{
    background-color:transparent;
}
[data-block="Interaction.ScrollableArea"]:hover::-webkit-scrollbar-thumb{
    background-color:rgba(173, 181, 189, 0.5);
    border-radius:6px;
}
[data-block="Interaction.ScrollableArea"]::-webkit-scrollbar-thumb:hover{
    background-color:rgba(106, 113, 120, 0.5);
    border-radius:6px;
}
.is-rtl .horizontal-scroll > :not(:first-child),
.is-rtl .horizontal-scroll .list > :not(:first-child){
    margin-left:unset;
    margin-right:var(--space-base);
}
/*! 6.3.16. Sidebar */
.osui-sidebar{
    --overlay-opacity:0;
    background-color:var(--color-neutral-0);
    -webkit-box-shadow:var(--shadow-l);
    box-shadow:var(--shadow-l);
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    height:100%;
    margin:var(--space-none);
    position:fixed;
    top:0;
    -webkit-transition:all 130ms ease-in;
    transition:all 130ms ease-in;
    width:var(--sidebar-width);
    will-change:transform;
    z-index:var(--osui-sidebar-layer);
}
.osui-sidebar:not(.osui-sidebar--is-open):not(.no-transition){
    opacity:0;
}
.osui-sidebar:not(.osui-sidebar--is-open):not(.no-transition){

}
.osui-sidebar:after{
    background-color:transparent;
    content:"";
    height:100%;
    position:fixed;
    width:24px;
}
.osui-sidebar--is-right{
    right:0;
    -webkit-transform:translateX(102%);
    -ms-transform:translateX(102%);
    transform:translateX(102%);
}
.osui-sidebar--is-right:after{
    left:-24px;
}
.osui-sidebar--is-right.osui-sidebar--has-overlay::before{
    right:100%;
}
.osui-sidebar--is-right.osui-sidebar--has-overlay::before{

}
.osui-sidebar--is-right{


}
.osui-sidebar--is-left{
    left:0;
    -webkit-transform:translateX(-102%);
    -ms-transform:translateX(-102%);
    transform:translateX(-102%);
}
.osui-sidebar--is-left:after{
    right:-24px;
}
.osui-sidebar--is-left.osui-sidebar--has-overlay::before{
    left:100%;
}
.osui-sidebar--is-left.osui-sidebar--has-overlay::before{

}
.osui-sidebar--is-left{


}
.osui-sidebar__header, .osui-sidebar__content{
    padding:var(--space-base) var(--space-m);
}
.osui-sidebar__content{
    -webkit-box-flex:1;
    -ms-flex:1;
    flex:1;
    overflow:auto;
    -webkit-overflow-scrolling:touch;
}
.osui-sidebar--has-overlay::before{
    background-color:var(--overlay-background);
    content:"";
    cursor:pointer;
    display:block;
    height:100vh;
    opacity:var(--overlay-opacity);
    pointer-events:none;
    position:fixed;
    top:0;
    -webkit-transition:opacity 130ms ease-in;
    transition:opacity 130ms ease-in;
    width:200vw;
    will-change:opacity;
    z-index:var(--osui-sidebar-layer);
}
.osui-sidebar--has-overlay::before{



}
.osui-sidebar{



}
.active-screen .osui-sidebar--is-open{
    opacity:1;
    -webkit-transform:none;
    -ms-transform:none;
    transform:none;
    -webkit-transition:-webkit-transform 330ms ease-out;
    transition:-webkit-transform 330ms ease-out;
    transition:transform 330ms ease-out;
    transition:transform 330ms ease-out, -webkit-transform 330ms ease-out;
    will-change:transform;
}
.active-screen .osui-sidebar--is-open.osui-sidebar--has-overlay::before{
    opacity:1;
    pointer-events:initial;
}
.desktop .osui-sidebar:after{
    display:none;
}
.android .layout-native .osui-sidebar{
    padding-top:max(var(--status-bar-height), var(--safe-area-inset-top, 0px));
}
.ios .layout-native .osui-sidebar{
    padding-bottom:var(--os-safe-area-bottom);
    padding-top:var(--os-safe-area-top);
}
.ios .phone.landscape .layout-native .osui-sidebar:before{
    left:calc((var(--os-safe-area-left) + 12px) * -1);
    width:calc(var(--os-safe-area-left) + 12px);
}
.landscape .layout-native .osui-sidebar{
    padding-bottom:var(--os-safe-area-bottom);
}
.phone .osui-sidebar{
    max-width:85vw;
}
.os-high-contrast .active-screen .osui-sidebar--is-open{
    border-left:var(--border-size-m) solid var(--color-focus-outer);
    border-right:var(--border-size-m) solid var(--color-focus-outer);
}
/*! 6.3.17. Search */
.osui-search{
    position:relative;
}
.osui-search:empty{

}
.osui-search__input{
    position:relative;
}
.osui-search__input:empty{



}
.osui-search__input input[data-input]{
    background-image:url(data:image/svg+xml;base64,PHN2ZyBpZD0iU3ZnanNTdmcxMDAxIiB3aWR0aD0iMjg4IiBoZWlnaHQ9IjI4OCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4bWxuczpzdmdqcz0iaHR0cDovL3N2Z2pzLmNvbS9zdmdqcyI+PGRlZnMgaWQ9IlN2Z2pzRGVmczEwMDIiPjwvZGVmcz48ZyBpZD0iU3ZnanNHMTAwOCI+PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNjY0IDE2NjQiIHdpZHRoPSIyODgiIGhlaWdodD0iMjg4Ij48cGF0aCBmaWxsPSIjYWRiNWJkIiBkPSJNMTE1MiA3MDRxMC0xODUtMTMxLjUtMzE2LjVUNzA0IDI1NlQzODcuNSAzODcuNVQyNTYgNzA0dDEzMS41IDMxNi41VDcwNCAxMTUydDMxNi41LTEzMS41VDExNTIgNzA0em01MTIgODMycTAgNTItMzggOTB0LTkwIDM4cS01NCAwLTkwLTM4bC0zNDMtMzQycS0xNzkgMTI0LTM5OSAxMjRxLTE0MyAwLTI3My41LTU1LjV0LTIyNS0xNTB0LTE1MC0yMjVUMCA3MDR0NTUuNS0yNzMuNXQxNTAtMjI1dDIyNS0xNTBUNzA0IDB0MjczLjUgNTUuNXQyMjUgMTUwdDE1MCAyMjVUMTQwOCA3MDRxMCAyMjAtMTI0IDM5OWwzNDMgMzQzcTM3IDM3IDM3IDkweiIgY2xhc3M9ImNvbG9yY3VycmVudENvbG9yIHN2Z1NoYXBlIj48L3BhdGg+PC9zdmc+PC9nPjwvc3ZnPg==);
    background-position:left var(--space-base) center;
    background-repeat:no-repeat;
    background-size:14px auto;
}
.osui-search .form-control[data-input]{
    padding-left:var(--space-xl);
}
.form .osui-search input[data-input]{
    margin-bottom:var(--space-none);
}
.is-rtl .osui-search__input:after{
    left:auto;
    right:var(--space-base);
}
.is-rtl .osui-search .form-control[data-input]{
    padding-left:var(--space-base);
    padding-right:var(--space-xl);
}
.layout-native .header .osui-search input[data-input], .layout-native .header .osui-search input[data-input]:empty{
    border:var(--border-size-none);
    padding-left:var(--space-xl);
}
.layout-native .header-content .osui-search input[data-input], .layout-native .header-content .osui-search input[data-input]:empty{
    border-radius:var(--border-radius-none);
}
.slide-from-left-enter .layout-native .header-right .osui-search__input,
.slide-from-left-leave .layout-native .header-right .osui-search__input,
.slide-from-right-enter .layout-native .header-right .osui-search__input,
.slide-from-right-leave .layout-native .header-right .osui-search__input,
.slide-from-top-enter .layout-native .header-right .osui-search__input,
.slide-from-top-leave .layout-native .header-right .osui-search__input,
.slide-from-bottom-enter .layout-native .header-right .osui-search__input,
.slide-from-bottom-leave .layout-native .header-right .osui-search__input,
.fade-enter .header-right .layout-native .osui-search__input,
.fade-leave .header-right .layout-native .osui-search__input{
    display:none;
}
/*! 6.3.18. Stacked Cards */
.stackedcards{
    position:relative;
}
.stackedcards *{
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
}
.stackedcards .stackedcards-container .OSAutoMarginTop{
    margin-top:var(--space-none);
}
.stackedcards .stackedcards-container .list.list-group{
    background-color:transparent;
    height:100%;
    z-index:var(--layer-global-screen);
}
.stackedcards .stackedcards-container .list.list-group > :nth-child(1){
    display:block;
    position:relative;
}
.stackedcards .stackedcards-container > .list:not([data-virtualization-disabled]) > *, .stackedcards .stackedcards-container > .list:not([data-animation-disabled]) > *{

}
.stackedcards .stackedcards-container > .list:not([data-virtualization-disabled]), .stackedcards .stackedcards-container > .list:not([data-animation-disabled]){


}
.stackedcards .stackedcards-container > .list:not([data-virtualization-disabled]):after, .stackedcards .stackedcards-container > .list:not([data-animation-disabled]):after{











}
.stackedcards .stackedcards-container, .stackedcards .stackedcards-container .list.list-group > *{

}
.stackedcards .stackedcards-container > *{
    height:100%;
    position:absolute;
    top:0;
    width:100%;
    will-change:transform, opacity;
}
.stackedcards .stackedcards-container > *{

}
.stackedcards .stackedcards-container > :nth-child(1){
    display:block;
    position:relative;
}
.stackedcards .stackedcards-overlay{
    height:100%;
    position:absolute;
    top:0;
    width:100%;
    will-change:transform, opacity;
}
.stackedcards .stackedcards-overlay{

}
.stackedcards-overflow{
    overflow-y:hidden !important;
}
.stackedcards--animatable{
    -webkit-transition:all 400ms ease;
    transition:all 400ms ease;
}
.stackedcards .init{
    opacity:0;
}
.stackedcards .init{

}
.stackedcards-origin-bottom{
    -webkit-transform-origin:bottom;
    -ms-transform-origin:bottom;
    transform-origin:bottom;
}
.stackedcards-origin-top{
    -webkit-transform-origin:top;
    -ms-transform-origin:top;
    transform-origin:top;
}
.stackedcards-bottom, .stackedcards-top, .stackedcards-none{
    background-color:var(--color-neutral-0);
    height:100%;
}
.stackedcards > span{

}
.stackedcards-container .list.list-group > *{
    height:100%;
    position:absolute;
    top:0;
    width:100%;
    will-change:transform, opacity;
}
.stackedcards-container .list.list-group > *{

}
.stackedcards-overlay.left, .stackedcards-overlay.right, .stackedcards-overlay.top{
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    height:100%;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    left:0;
    opacity:0;
    top:0;
}
.stackedcards-overlay.left, .stackedcards-overlay.right, .stackedcards-overlay.top{



}
.stackedcards-overlay.left > div, .stackedcards-overlay.left > div, .stackedcards-overlay.left > div, .stackedcards-overlay.right > div, .stackedcards-overlay.right > div, .stackedcards-overlay.right > div, .stackedcards-overlay.top > div, .stackedcards-overlay.top > div, .stackedcards-overlay.top > div{
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    height:100%;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    width:100%;
}
.stackedcards-overlay.top{
    background-color:var(--color-info);
    color:var(--color-neutral-0);
}
.stackedcards-overlay.top{





}
.stackedcards-overlay.right{
    background-color:var(--color-success);
    color:var(--color-neutral-0);
}
.stackedcards-overlay.right{





}
.stackedcards-overlay.left{
    background-color:var(--color-error);
    color:var(--color-neutral-0);
}
.stackedcards-overlay.left{





}
.stackedcards-overlay-hidden{
    display:none;
}
/*! 6.3.19. TimePicker */
.osui-timepicker__dropdown .numInputWrapper span.arrowUp:after{
    border-bottom-color:var(--color-neutral-8);
}
.osui-timepicker__dropdown .numInputWrapper span.arrowDown:after{
    border-top-color:var(--color-neutral-8);
}
.osui-timepicker__dropdown .numInputWrapper .numInput{
    color:var(--color-neutral-9);
}
.osui-timepicker__dropdown .flatpickr-time .flatpickr-time-separator,
.osui-timepicker__dropdown .flatpickr-time .numInputWrapper .numInput{
    font-weight:var(--font-semi-bold);
}
.osui-timepicker__dropdown .flatpickr-time .flatpickr-time-separator{
    color:var(--color-neutral-7);
    line-height:var(--space-xl);
}
.osui-timepicker__dropdown .flatpickr-am-pm{
    background-color:var(--color-neutral-7);
    border-radius:var(--border-radius-rounded);
    height:var(--space-m);
    line-height:var(--space-m);
    position:absolute;
    right:var(--space-xs);
    text-transform:uppercase;
    width:var(--space-xl);
}
.osui-timepicker__dropdown .flatpickr-am-pm:hover, .osui-timepicker__dropdown .flatpickr-am-pm:focus{
    background-color:var(--color-neutral-8);
}
.osui-timepicker input[type=time]::-webkit-inner-spin-button, .osui-timepicker input[type=time]::-webkit-calendar-picker-indicator, .osui-timepicker input[type=time]::-webkit-datetime-edit-year-field, .osui-timepicker input[type=time]::-webkit-datetime-edit-month-field, .osui-timepicker input[type=time]::-webkit-datetime-edit-day-field, .osui-timepicker input[type=time]::-webkit-datetime-edit-fields-wrapper{
    display:none;
    -moz-appearance:none;
}
.osui-timepicker input.flatpickr-input[disabled] + input{
    background-color:var(--color-neutral-2);
    border:var(--border-size-s) solid var(--color-neutral-4);
    color:var(--color-neutral-6);
    pointer-events:none;
}
.osui-timepicker input[type=time]:first-of-type{
    display:none;
}
.osui-timepicker input[type=time]:first-of-type{

}
.osui-timepicker__dropdown-ss-preview{
    display:none;

}
.osui-timepicker__dropdown-ss-preview{













}
.osui-timepicker__dropdown-ss-preview.time12h{


}
.osui-timepicker__dropdown-ss-preview.time24h{


}
.osui-timepicker__dropdown-ss-preview + .placeholder-ss-preview{




}
.osui-timepicker .not-valid + .input,
.osui-timepicker .not-valid + .flatpickr-mobile{
    border-color:var(--color-error);
}
.osui-timepicker .flatpickr-mobile ~ span.validation-message{
    bottom:-40px;
}
.form .osui-timepicker__dropdown-ss-preview{

}
html[data-uieditorversion^="1"] .osui-timepicker__dropdown-ss-preview.time12h, html[data-uieditorversion^="1"] .osui-timepicker__dropdown-ss-preview.time24h{


}
.osui-timepicker__dropdown.hasTime.noCalendar .flatpickr-time{
    padding:0;
    height:var(--space-xl);
}
.osui-timepicker__dropdown.hasTime.noCalendar .flatpickr-time.time24hr:after{
    display:none;
}
.osui-timepicker__dropdown.hasTime.noCalendar .flatpickr-time .numInputWrapper{
    height:var(--space-xl);
    -webkit-box-flex:1;
    -ms-flex-positive:1;
    flex-grow:1;
}
.osui-timepicker__dropdown.hasTime.noCalendar .flatpickr-time .flatpickr-am-pm{
    position:relative;
    margin-left:var(--space-s);
    margin-right:var(--space-s);
}
.osui-timepicker__dropdown.hasTime.noCalendar.dropdown--is-large .flatpickr-time{
    height:var(--space-xxl);
    max-height:var(--space-xxl);
}
.osui-timepicker__dropdown.hasTime.noCalendar.dropdown--is-large .flatpickr-time .numInputWrapper{
    height:var(--space-xxl);
}
.osui-timepicker__dropdown.hasTime.noCalendar.dropdown--is-large .flatpickr-time .flatpickr-time-separator{
    line-height:var(--space-xxl);
}
.osui-timepicker__dropdown.hasTime.noCalendar.dropdown--is-small .flatpickr-time{
    height:var(--space-l);
    max-height:var(--space-l);
}
.osui-timepicker__dropdown.hasTime.noCalendar.dropdown--is-small .flatpickr-time .numInputWrapper{
    height:var(--space-l);
}
.osui-timepicker__dropdown.hasTime.noCalendar.dropdown--is-small .flatpickr-time .flatpickr-time-separator{
    line-height:var(--space-l);
}
.osui-timepicker__dropdown:before, .osui-timepicker__dropdown:after{
    display:none;
}
/*! 6.3.20. Video */
.osui-video{





}
/*! 6.4. Navigation */
/*! 6.4.1. Bottom Bar Item */
.bottom-bar-wrapper{
    background-color:var(--color-neutral-0);
    border-top:var(--border-size-s) solid var(--color-neutral-3);
    height:100%;
}
.bottom-bar{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
}
.bottom-bar:empty:after{
    color:var(--color-neutral-7);
    content:"Add Bottom Bar Items to this Container";
    display:block;
    font-size:12px;
    padding:20px;
    text-align:center;
}
.bottom-bar > a, .bottom-bar > div{
    -webkit-box-flex:1;
    -ms-flex:1;
    flex:1;
    max-width:150px;
    overflow:hidden;
}
.bottom-bar > a{
    color:var(--color-neutral-8);
}
.bottom-bar > a.active{
    color:var(--color-primary);
}
.bottom-bar-item{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    height:100%;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    overflow:hidden;
    padding:0 var(--space-s);
    position:relative;
}
.bottom-bar-item-icon{
    display:-webkit-inline-box;
    display:-ms-inline-flexbox;
    display:inline-flex;
    font-size:var(--font-size-h6);
    height:auto;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
}
.bottom-bar-item-text{
    font-size:10px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    word-wrap:break-word;
}
.layout-native .bottom-bar-wrapper{
    padding-bottom:var(--os-safe-area-bottom);
}
.layout-native .bottom-bar{
    height:100%;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
}
.layout-native .footer{
    height:var(--bottom-bar-size);
}
.has-accessible-features .bottom-bar > a:focus{
    background-color:transparent;
    -webkit-box-shadow:0 0 0 3px var(--color-focus-outer);
    box-shadow:0 0 0 3px var(--color-focus-outer);
}
/*! 6.4.2. Breadcrumbs */
.breadcrumbs-content{
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
}
.breadcrumbs-item{
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    color:var(--color-neutral-8);
    display:-webkit-inline-box;
    display:-ms-inline-flexbox;
    display:inline-flex;
}
.breadcrumbs-item .icon{
    color:var(--color-neutral-7);
    display:-webkit-inline-box;
    display:-ms-inline-flexbox;
    display:inline-flex;
    font-size:var(--font-size-xs);
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    margin:var(--space-none) var(--space-s);
    width:auto;
}
/*! 6.4.3. OverflowMenu */
.osui-overflow-menu{
    display:inline-block;
    --osui-overflow-menu-min-width:170px;
    --border-radius-rounded:16px;
}
.osui-overflow-menu__trigger{
    --osui-floating-offset:var(--space-s);
    border:var(--border-size-s) solid transparent;
    border-radius:var(--osui-overflow-menu-shape);
    color:var(--color-neutral-9);
    width:32px;
}
.osui-overflow-menu__trigger *{
    pointer-events:none;
}
.osui-overflow-menu--is-open .osui-overflow-menu__trigger{
    background-color:var(--color-neutral-4);
}
.osui-overflow-menu__balloon{
    min-width:var(--osui-overflow-menu-min-width);
    overflow:hidden;
    z-index:var(--layer-global-instant-interaction);
}
.osui-overflow-menu__balloon a{
    color:var(--color-neutral-9);
}
.osui-overflow-menu__balloon a:hover{
    background:var(--color-neutral-4);
    text-decoration:none;
}
.osui-overflow-menu__balloon a{




}
.osui-overflow-menu__balloon a:not([class^=padding-]){
    padding:var(--space-s) var(--space-base);
}
html:has(.popup-backdrop) .osui-overflow-menu__balloon{
    z-index:var(--layer-global-off-canvas);
}
.tablet .osui-overflow-menu,
.phone .osui-overflow-menu{
    --border-radius-rounded:100%;
}
.tablet .osui-overflow-menu .osui-overflow-menu__trigger.btn,
.phone .osui-overflow-menu .osui-overflow-menu__trigger.btn{
    width:40px;
}
.os-high-contrast .osui-overflow-menu__balloon{
    border:var(--border-size-s) solid var(--color-neutral-7);
}
.os-high-contrast .osui-overflow-menu__balloon a:hover{
    outline:var(--border-size-l) solid var(--color-focus-outer);
}
/*! 6.4.4. Pagination */
.pagination{
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    margin-top:var(--space-m);
}
.pagination-container{
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
}
.pagination-container > .pagination-button:first-child{
    margin-left:0;
}
.pagination-container .list{

}
.pagination-button{
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    background-color:var(--color-neutral-0);
    border:var(--border-size-s) solid var(--color-neutral-4);
    border-radius:var(--border-radius-soft);
    color:var(--color-neutral-8);
    cursor:pointer;
    display:-webkit-inline-box;
    display:-ms-inline-flexbox;
    display:inline-flex;
    height:32px;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    margin-left:var(--space-s);
    padding:0;
    width:32px;
}
.pagination-button[disabled]{
    opacity:0.5;
    pointer-events:none;
}
.pagination-button.is--active{
    border:var(--border-size-s) solid var(--color-primary);
    color:var(--color-primary);
    cursor:auto;
    pointer-events:none;
}
.pagination-button.is--ellipsis{
    background-color:transparent;
    border:0;
    cursor:auto;
    width:16px;
}
.pagination-input{
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
}
.pagination-input{

}
.pagination-counter{
    color:var(--color-neutral-7);
}
.pagination .list.list-group{
    overflow:initial;
}
.pagination .form-control[data-input]{
    height:32px;
    margin:var(--space-none) var(--space-s);
    padding:0;
    text-align:center;
    width:32px;
}
.desktop .pagination-button:not(.is--ellipsis):hover{
    background-color:rgba(21, 24, 26, 0.04);
    border:var(--border-size-s) solid var(--color-neutral-4);
}
.tablet .pagination-button,
.tablet .pagination .form-control[data-input]{
    height:40px;
    width:40px;
}
.phone .pagination{
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
}
.phone .pagination-container{
    margin-top:var(--space-base);
}
.phone .pagination-button,
.phone .pagination .form-control[data-input]{
    height:40px;
    width:40px;
}
.is-rtl .pagination-button{
    margin-left:0;
    margin-right:var(--space-s);
}
.is-rtl .pagination-button .icon{
    -webkit-transform:rotate(180deg);
    -ms-transform:rotate(180deg);
    transform:rotate(180deg);
}
.has-accessible-features .pagination-button:focus{
    border-color:var(--color-focus-inner);
}
.os-high-contrast .pagination-button.is--active{
    outline:var(--border-size-l) solid var(--color-focus-outer);
}
/*! 6.4.5. Section Index */
.osui-section-index{
    --top-position:calc(var(--header-size) + var(--header-size-content) + max(var(--status-bar-height), var(--safe-area-inset-top, 0px)));
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    position:relative;
}
.osui-section-index::before{
    background-color:var(--color-neutral-5);
    bottom:0;
    content:"";
    left:0;
    position:absolute;
    top:0;
    width:1px;
}
.osui-section-index.osui-section-index--is-sticky{
    position:sticky;
    top:var(--top-position);
}
.osui-section-index-item, .osui-section-index-item:visited{
    color:var(--color-neutral-8);
    cursor:pointer;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    padding-bottom:var(--space-xs);
    padding-left:var(--space-m);
    padding-top:var(--space-xs);
    position:relative;
}
.osui-section-index-item:hover{
    color:var(--color-neutral-9);
}
.osui-section-index-item--is-active{
    color:var(--color-neutral-9);
    font-weight:var(--font-semi-bold);
}
.osui-section-index-item--is-active::before{
    background-color:var(--color-primary);
    bottom:0;
    content:"";
    left:0;
    position:absolute;
    top:0;
    width:2px;
}
.osui-section-index-item__target{
    scroll-margin:var(--target-scroll-margin);
}
.has-accessible-features .osui-section-index-item:focus{
    background-color:transparent;
    -webkit-box-shadow:0 0 0 var(--border-size-l) var(--color-focus-outer);
    box-shadow:0 0 0 var(--border-size-l) var(--color-focus-outer);
}
.os-high-contrast .osui-section-index::before{
    border-left:var(--border-size-s) solid var(--color-focus-outer);
}
.os-high-contrast .osui-section-index-item--is-active::before{
    border-left:var(--border-size-l) solid var(--color-focus-outer);
}
.is-rtl .osui-section-index::before{
    left:auto;
    right:0;
}
.is-rtl .osui-section-index-item, .is-rtl .osui-section-index-item:visited{
    padding-left:var(--space-none);
    padding-right:var(--space-m);
}
.is-rtl .osui-section-index-item--is-active::before{
    left:auto;
    right:0;
}
.phone .osui-section-index--is-sticky{
    left:calc(var(--os-safe-area-right) + var(--space-base));
    padding:0 var(--space-base) 0 0;
    position:fixed;
    top:var(--top-position);
    z-index:var(--layer-local-tier-1);
}
.phone .is-rtl .osui-section-index--is-sticky{
    left:initial;
    right:calc(var(--os-safe-area-right) + var(--space-base));
    padding:0 0 var(--space-base) 0;
}
/*! 6.4.6. Submenu */
.osui-submenu{
    cursor:pointer;
    display:-webkit-inline-box;
    display:-ms-inline-flexbox;
    display:inline-flex;
    position:relative;
}
.osui-submenu{

}
.osui-submenu:first-of-type:not(.osui-submenu--is-open) .osui-submenu__items{
    display:none;
    opacity:0;
}
.osui-submenu:first-of-type:not(.osui-submenu--is-open) .osui-submenu__header .osui-submenu__header__icon{
    top:-1px;
    -webkit-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
    transform:rotate(-45deg);
}
.osui-submenu:hover .osui-submenu__header__icon:before{
    border:var(--border-size-s) solid var(--color-neutral-9);
    border-right:0;
    border-top:0;
}
.osui-submenu.active--is-open .osui-submenu__header__item{
    color:var(--color-primary);
}
.osui-submenu.active .osui-submenu__header{
    border-bottom:var(--border-size-m) solid var(--color-primary);
}
.osui-submenu.active .osui-submenu__header__item,
.osui-submenu.active .osui-submenu__header__item a{
    color:var(--color-primary);
    text-decoration:none;
}
.osui-submenu.active .osui-submenu__header__icon:before{
    border:var(--border-size-s) solid var(--color-primary);
    border-right:0;
    border-top:0;
}
.osui-submenu--is-open .osui-submenu__header__icon{
    top:3px;
    -webkit-transform:rotate(135deg);
    -ms-transform:rotate(135deg);
    transform:rotate(135deg);
}
.osui-submenu--is-open .osui-submenu__items{
    opacity:1;
    pointer-events:auto;
    -webkit-transform:translateY(0px);
    -ms-transform:translateY(0px);
    transform:translateY(0px);
}
.osui-submenu--is-dropdown .osui-submenu__header__icon{
    display:-webkit-inline-box;
    display:-ms-inline-flexbox;
    display:inline-flex;
}
.osui-submenu--is-hover.osui-submenu--is-open .osui-submenu__header{
    position:relative;
}
.osui-submenu--is-hover.osui-submenu--is-open .osui-submenu__header:after{
    content:"";
    height:100%;
    left:0;
    position:absolute;
    right:0;
    top:100%;
}
.osui-submenu__header{
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    border-bottom:var(--border-size-m) solid transparent;
    border-top:var(--border-size-m) solid transparent;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    padding:var(--space-none) var(--space-s);
    -webkit-transition:all 150ms linear;
    transition:all 150ms linear;
}
.osui-submenu__header__icon{
    display:none;
    margin-left:var(--space-s);
    position:relative;
    top:-1px;
    -webkit-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
    transform:rotate(-45deg);
    -webkit-transition:all 150ms linear;
    transition:all 150ms linear;
}
.osui-submenu__header__icon:before{
    border:var(--border-size-s) solid var(--color-neutral-8);
    border-right:0;
    border-top:0;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    content:"";
    height:6px;
    -webkit-transition:all 150ms linear;
    transition:all 150ms linear;
    width:6px;
}
.osui-submenu__header__item{
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    color:var(--color-neutral-9);
    display:-webkit-inline-box;
    display:-ms-inline-flexbox;
    display:inline-flex;
    height:100%;
    position:relative;
    -webkit-transition:all 150ms linear;
    transition:all 150ms linear;


}
.osui-submenu__header__item a{
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    color:var(--color-neutral-8);
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    height:100%;
}
.osui-submenu__header__item a:hover{
    text-decoration:none;
}
.osui-submenu__items{
    background-color:var(--color-neutral-0);
    border:var(--border-size-s) solid var(--color-neutral-4);
    border-radius:var(--border-radius-soft);
    -webkit-box-shadow:var(--shadow-m);
    box-shadow:var(--shadow-m);
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    left:0;
    min-width:100px;
    opacity:0;
    padding:var(--space-s) var(--space-none);
    pointer-events:none;
    position:absolute;
    top:calc(100% + var(--space-xs));
    -webkit-transform:translateY(-8px);
    -ms-transform:translateY(-8px);
    transform:translateY(-8px);
    -webkit-transition:all 130ms ease-out;
    transition:all 130ms ease-out;
    z-index:var(--layer-global-elevated);
}
.osui-submenu__items{




}
.osui-submenu__items a{
    color:var(--color-neutral-8);
    margin:0;
    padding:var(--space-s) var(--space-base);
    white-space:nowrap;
}
.osui-submenu__items a.active{
    color:var(--color-primary);
}
.layout:not(.layout-side) .app-menu-links .osui-submenu a{
    border-bottom:none;
}
.layout .header .osui-submenu__items{

}
.layout-side .app-menu-links .osui-submenu a{
    border-left:none;
}
.layout-side .app-menu-links .osui-submenu{
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    width:100%;
}
.layout-side .app-menu-links .osui-submenu.active .osui-submenu__header{
    border-left:var(--border-size-m) solid var(--color-primary);
}
.layout-side .app-menu-links .osui-submenu--is-open > .osui-submenu__items{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
}
.layout-side .app-menu-links .osui-submenu .osui-submenu__header{
    border-bottom:0;
    border-left:var(--border-size-m) solid transparent;
    border-top:0;
    padding:var(--space-s) var(--space-m);
}
.layout-side .app-menu-links .osui-submenu .osui-submenu__header__item{
    -webkit-box-flex:1;
    -ms-flex:1;
    flex:1;
}
.layout-side .app-menu-links .osui-submenu__items{
    border:none;
    -webkit-box-shadow:none;
    box-shadow:none;
    display:none;
    opacity:1;
    padding:var(--space-xs) var(--space-m);
    pointer-events:auto;
    position:relative;
    top:0;
    -webkit-transform:translateY(0);
    -ms-transform:translateY(0);
    transform:translateY(0);
}
.layout-side .app-menu-links .osui-submenu__items a{
    padding:var(--space-s) var(--space-base);
}
.layout-side .app-menu-links .osui-submenu__header a,
.menu-visible .app-menu-links .osui-submenu__header a{
    padding:var(--space-none);
}
.desktop .osui-submenu:hover .osui-submenu__header__item{
    color:var(--color-neutral-9);
}
.desktop .osui-submenu.active .osui-submenu__header:hover .osui-submenu__header__item{
    color:var(--color-primary);
}
.desktop .osui-submenu__header:hover{
    border-bottom:var(--border-size-m) solid var(--color-primary);
}
.desktop .osui-submenu__header__item a:hover{
    color:var(--color-neutral-9);
}
.desktop .osui-submenu__items a:hover{
    background-color:var(--color-neutral-2);
    color:var(--color-neutral-9);
}
.desktop .osui-submenu__items a.active:hover{
    color:var(--color-primary);
}
.desktop .layout:not(.layout-side) .app-menu-links .osui-submenu{
    height:100%;
}
.desktop .layout-side .app-menu-links .osui-submenu__header:hover{
    border-bottom:none;
    border-left:var(--border-size-m) solid var(--color-primary);
}
.has-accessible-features .osui-submenu:focus-within{
    -webkit-box-shadow:0 0 0 3px var(--color-focus-outer);
    box-shadow:0 0 0 3px var(--color-focus-outer);
    outline:0;
}
.tablet .has-accessible-features .osui-submenu:focus-within,
.phone .has-accessible-features .osui-submenu:focus-within{
    -webkit-box-shadow:0 0 0 3px var(--color-focus-outer);
    box-shadow:0 0 0 3px var(--color-focus-outer);
    outline:0;
}
.tablet .osui-submenu,
.phone .osui-submenu{
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    width:100%;
}
.tablet .osui-submenu.active .osui-submenu__header,
.phone .osui-submenu.active .osui-submenu__header{
    border-left:var(--border-size-m) solid var(--color-primary);
    border-bottom:0;
}
.tablet .osui-submenu--is-open .osui-submenu__items,
.phone .osui-submenu--is-open .osui-submenu__items{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
}
.tablet .osui-submenu__header,
.phone .osui-submenu__header{
    border-bottom:0;
    border-left:var(--border-size-m) solid transparent;
    border-top:0;
    padding:var(--space-s) var(--space-m);
}
.tablet .osui-submenu__header__item,
.phone .osui-submenu__header__item{
    -webkit-box-flex:1;
    -ms-flex:1;
    flex:1;
}
.tablet .osui-submenu__items,
.phone .osui-submenu__items{
    border:none;
    -webkit-box-shadow:none;
    box-shadow:none;
    display:none;
    opacity:1;
    padding:var(--space-xs) var(--space-m);
    pointer-events:auto;
    position:relative;
    top:0;
    -webkit-transform:translateY(0);
    -ms-transform:translateY(0);
    transform:translateY(0);
}
.is-rtl .layout-side .osui-submenu .osui-submenu__header{
    border-left:0;
    border-right:var(--border-size-m) solid transparent;
}
.is-rtl .layout-side .osui-submenu.active .osui-submenu__header{
    border-left:var(--border-size-none);
    border-right:var(--border-size-m) solid var(--color-primary);
}
.is-rtl.tablet .osui-submenu.active .osui-submenu__header, .is-rtl.phone .osui-submenu.active .osui-submenu__header{
    border-left:0;
    border-right:var(--border-size-m) solid var(--color-primary);
}
.is-rtl.tablet .osui-submenu .osui-submenu__header, .is-rtl.phone .osui-submenu .osui-submenu__header{
    border-left:0;
    border-right:var(--border-size-m) solid transparent;
}
.is-rtl .osui-submenu__header__icon{
    margin-left:var(--space-none);
    margin-right:var(--space-s);
}
.os-high-contrast .layout:not(.layout-side) .app-menu-links .osui-submenu a{
    border-top:none;
    border-bottom:none;
}
.os-high-contrast .osui-submenu__header{
    border-top:none;
}
/*! 6.4.7. Tabs */
.osui-tabs{
    --header-item-width:fit-content(30%);
    --header-item-alignment:auto;
    --tabs-indicator-size:1px;
    display:grid;
    height:var(--tabs-height);
    overflow:hidden;
}
.osui-tabs--is-vertical.osui-tabs--is-right{
    grid-auto-flow:dense;
    grid-template-columns:1fr var(--header-item-width);
}
.osui-tabs--is-vertical.osui-tabs--is-right > .osui-tabs__header{
    grid-column:2;
}
.osui-tabs--is-vertical.osui-tabs--is-right > .osui-tabs__header .osui-tabs__header-item{
    padding:var(--space-s) 0 var(--space-s) var(--space-base);
}
.osui-tabs--is-vertical.osui-tabs--is-right > .osui-tabs__header > .osui-tabs__header__indicator{
    left:0;
}
.osui-tabs--is-vertical.osui-tabs--is-right .osui-tabs__content{
    border-right:var(--border-size-s) solid var(--color-neutral-5);
    margin-right:-1px;
}
.osui-tabs--is-vertical.osui-tabs--is-left{
    grid-auto-flow:row;
    grid-template-columns:var(--header-item-width) 1fr;
}
.osui-tabs--is-vertical.osui-tabs--is-left > .osui-tabs__header .osui-tabs__header-item{
    -webkit-box-pack:start;
    -ms-flex-pack:start;
    justify-content:flex-start;
    padding:var(--space-s) var(--space-base) var(--space-s) 0;
}
.osui-tabs--is-vertical.osui-tabs--is-left > .osui-tabs__header > .osui-tabs__header__indicator{
    right:0;
}
.osui-tabs--is-vertical.osui-tabs--is-left .osui-tabs__content{
    border-left:var(--border-size-s) solid var(--color-neutral-5);
    margin-left:-1px;
}
.osui-tabs--is-vertical > .osui-tabs__header{
    -ms-flex-line-pack:start;
    align-content:start;
    grid-template-rows:repeat(var(--tabs-header-items), var(--header-item-alignment));
    overflow:hidden;
}
.osui-tabs--is-vertical > .osui-tabs__header .osui-tabs__header-item{
    -webkit-box-flex:0;
    -ms-flex:none;
    flex:none;
}
.osui-tabs--is-vertical > .osui-tabs__header > .osui-tabs__header__indicator{
    height:var(--tabs-indicator-size);
    position:absolute;
    top:0;
    -webkit-transform:translateY(var(--tabs-indicator-transform)) translateX(0) translateZ(0);
    transform:translateY(var(--tabs-indicator-transform)) translateX(0) translateZ(0);
    width:2px;
}
.osui-tabs--is-vertical .osui-tabs__content{
    width:auto;
}
.osui-tabs--is-vertical .osui-tabs__content-item{
    padding:var(--space-none) var(--space-m);
}
.osui-tabs--is-horizontal{
    grid-auto-flow:column;
    grid-template-rows:auto 1fr;
}
.osui-tabs--is-horizontal > .osui-tabs__header{
    grid-template-columns:repeat(var(--tabs-header-items), var(--header-item-alignment));
    -webkit-box-pack:start;
    -ms-flex-pack:start;
    justify-content:start;
    overflow-y:hidden;
    overflow-x:auto;
    word-break:keep-all;
}
.osui-tabs--is-horizontal > .osui-tabs__header .osui-tabs__header-item{
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    padding:var(--space-s) var(--space-base);
}
.osui-tabs--is-horizontal .osui-tabs__header__indicator{
    bottom:0;
    height:2px;
    -webkit-transform:translateX(var(--tabs-indicator-transform)) translateY(0) translateZ(0);
    transform:translateX(var(--tabs-indicator-transform)) translateY(0) translateZ(0);
    width:var(--tabs-indicator-size);
}
.osui-tabs--is-horizontal .osui-tabs__content{
    border-top:var(--border-size-s) solid var(--color-neutral-5);
    margin-top:-1px;
}
.osui-tabs--is-justified{
    --header-item-alignment:1fr;
}
.osui-tabs--is-justified.osui-tabs--is-horizontal .osui-tabs__header{
    -webkit-box-pack:initial;
    -ms-flex-pack:initial;
    justify-content:initial;
}
.osui-tabs--is-justified.osui-tabs--is-vertical .osui-tabs__header{
    -ms-flex-line-pack:initial;
    align-content:initial;
}
.osui-tabs--has-auto-height .osui-tabs__content-item{
    display:none;
}
.osui-tabs--has-auto-height .osui-tabs__content-item.osui-tabs--is-active{
    display:block;
}
.osui-tabs--has-drag:not(.osui-tabs--is-vertical) .osui-tabs__content{
    overflow-x:auto;
    -ms-scroll-snap-type:x mandatory;
    scroll-snap-type:x mandatory;
}
.osui-tabs:not(.osui-tabs--has-drag) .osui-tabs__content:not(:focus-within){
    -ms-scroll-snap-type:x mandatory;
    scroll-snap-type:x mandatory;
}
.osui-tabs:not(.osui-tabs--has-drag) .osui-tabs__content-item:not(.osui-tabs--is-active){
    opacity:0;
}
.osui-tabs:not(.osui-tabs--has-drag) .osui-tabs__content-item:not(.osui-tabs--is-active){

}
.osui-tabs__header{
    display:grid;
    height:-webkit-fit-content;
    min-height:100%;
    position:relative;
}
.osui-tabs__header-item{
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    background-color:transparent;
    border:none;
    color:var(--color-neutral-8);
    cursor:pointer;
    display:-webkit-inline-box;
    display:-ms-inline-flexbox;
    display:inline-flex;
    height:100%;
    position:relative;
    min-height:42px;
    text-align:unset;
    width:100%;
}
.osui-tabs__header-item:hover:not(.osui-tabs--is-active){
    color:var(--color-neutral-10);
}
.osui-tabs__header-item:hover[disabled]{
    color:var(--color-neutral-6);
}
.osui-tabs__header-item.osui-tabs--is-active{
    color:var(--color-neutral-10);
    text-shadow:0 0 0.5px currentColor;
}
.osui-tabs__header-item[disabled]{
    color:var(--color-neutral-6);
    cursor:auto;
}
.osui-tabs__header__indicator{
    background-color:var(--color-primary);
    position:absolute;
    -webkit-transition:-webkit-transform 200ms linear;
    transition:-webkit-transform 200ms linear;
    transition:transform 200ms linear;
    transition:transform 200ms linear, -webkit-transform 200ms linear;
    -webkit-transform-origin:0 0;
    -ms-transform-origin:0 0;
    transform-origin:0 0;
    will-change:transform;
    z-index:var(--layer-local-tier-1);
}
.osui-tabs__header__indicator[disabled]{
    background-color:var(--color-neutral-6);
}
.osui-tabs__header{



}
.osui-tabs__content{
    display:grid;
    grid-auto-flow:column;
    grid-auto-columns:100%;
    overflow:hidden;
    overscroll-behavior-x:contain;
    position:relative;
    width:100%;
}
.osui-tabs__content::-webkit-scrollbar{
    display:none;
}
.osui-tabs__content-item{
    height:100%;
    overflow-y:var(--tabs-content-item-overflow);
    padding:var(--space-m) var(--space-none);
    scroll-snap-align:start;
    scroll-snap-stop:always;
}
.osui-tabs__content-item{


}
.osui-tabs__content-item div:empty{

}
.osui-tabs__content-item .uieditor-if-branch-widget:has(> div:empty){

}
.osui-tabs__content-item .columns{
    max-width:99.99%;
}
.osui-tabs__header > .ph > .OSBlockWidget, .osui-tabs__header > .ph > .list.list-group, .osui-tabs__content > .ph > .OSBlockWidget, .osui-tabs__content > .ph > .list.list-group{
    display:contents;
}
.osui-tabs .osui-tabs__header-item,
.osui-tabs .osui-tabs__header-item > *,
.osui-tabs .osui-tabs__content-item{


}
.osui-tabs .osui-tabs__content-item .display-contents{

}
.is-rtl .osui-tabs.osui-tabs--is-vertical.osui-tabs--is-right .osui-tabs__header-item{
    -webkit-box-pack:start;
    -ms-flex-pack:start;
    justify-content:flex-start;
    padding:var(--space-xs) var(--space-base) var(--space-xs) 0;
}
.is-rtl .osui-tabs.osui-tabs--is-vertical.osui-tabs--is-right .osui-tabs__header > .osui-tabs__header__indicator{
    left:unset;
    right:0;
}
.is-rtl .osui-tabs.osui-tabs--is-vertical.osui-tabs--is-right .osui-tabs__content{
    border-left:var(--border-size-s) solid var(--color-neutral-5);
    margin-left:-1px;
    border-right:0;
}
.is-rtl .osui-tabs.osui-tabs--is-vertical.osui-tabs--is-left .osui-tabs__header{
    grid-column:1;
}
.is-rtl .osui-tabs.osui-tabs--is-vertical.osui-tabs--is-left .osui-tabs__header-item{
    padding:var(--space-xs) 0 var(--space-xs) var(--space-base);
}
.is-rtl .osui-tabs.osui-tabs--is-vertical.osui-tabs--is-left .osui-tabs__header > .osui-tabs__header__indicator{
    left:0;
    right:unset;
}
.is-rtl .osui-tabs.osui-tabs--is-vertical.osui-tabs--is-left .osui-tabs__content{
    border-right:var(--border-size-s) solid var(--color-neutral-5);
    margin-right:-1px;
    border-left:0;
}
.is-rtl .osui-tabs.osui-tabs--is-horizontal .osui-tabs__header > .osui-tabs__header__indicator{
    -webkit-transform-origin:right;
    -ms-transform-origin:right;
    transform-origin:right;
}
.has-accessible-features .osui-tabs__header-item:focus{
    -webkit-box-shadow:none;
    box-shadow:none;
}
.has-accessible-features .osui-tabs__header-item:focus-visible{
    background-color:var(--color-focus-outer);
    color:var(--color-neutral-10);
}
.has-accessible-features .osui-tabs__content-item:focus-visible{
    -webkit-box-shadow:0 0 0 1px var(--color-focus-outer) inset;
    box-shadow:0 0 0 1px var(--color-focus-outer) inset;
}
.os-high-contrast .osui-tabs__header__indicator{
    display:none;
}
.os-high-contrast .osui-tabs__content-item{
    position:relative;
}
.os-high-contrast .osui-tabs__header-item:focus,
.os-high-contrast .osui-tabs__content-item :focus{
    outline:none;
}
.os-high-contrast .osui-tabs__header-item:focus:before,
.os-high-contrast .osui-tabs__header-item.osui-tabs--is-active:before,
.os-high-contrast .osui-tabs__content-item:focus:before,
.os-high-contrast .osui-tabs__content-item.osui-tabs--is-active:before{
    border:var(--border-size-m) solid var(--color-focus-outer);
    bottom:0;
    content:"";
    display:block;
    left:0;
    pointer-events:none;
    position:absolute;
    right:0;
    top:0;
}
.os-high-contrast .osui-tabs__header-item:focus:before,
.os-high-contrast .osui-tabs__content-item:focus:before{
    border-width:var(--border-size-l);
}
.os-high-contrast .osui-tabs__content-item{
    padding:var(--space-base);
}
.windows.chrome .osui-accordion .osui-tabs__header__indicator,
.windows.chrome .section-expandable .osui-tabs__header__indicator,
.windows.edge .osui-accordion .osui-tabs__header__indicator,
.windows.edge .section-expandable .osui-tabs__header__indicator,
.osx.chrome .osui-accordion .osui-tabs__header__indicator,
.osx.chrome .section-expandable .osui-tabs__header__indicator,
.osx.edge .osui-accordion .osui-tabs__header__indicator,
.osx.edge .section-expandable .osui-tabs__header__indicator{
    -webkit-perspective:1000px;
    perspective:1000px;
}
.osui-tabs__preview{
    display:none;
}
.osui-tabs__header__indicator{

}
.osui-tabs--is-vertical .osui-tabs__header{


}
.osui-tabs--is-vertical .osui-tabs__header-item{

}
.osui-tabs--is-vertical .osui-tabs--is-active::after{




}
.osui-tabs--is-vertical.osui-tabs--is-right .osui-tabs--is-active::after{


}
.osui-tabs--is-active::after{







}
html[data-uieditorversion^="1"] .osui-tabs__preview.osui-tabs__preview--is-active{





}
html[data-uieditorversion^="1"] .osui-tabs__preview--is-active::after{











}
/*! 6.4.8. Timeline */
.timeline-item{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    position:relative;
}
.timeline-item .timeline-content{
    -webkit-box-flex:1;
    -ms-flex:1;
    flex:1;
    margin-bottom:var(--space-xl);
}
.timeline-icon{
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:reverse;
    -ms-flex-direction:column-reverse;
    flex-direction:column-reverse;
    position:relative;
}
.timeline-icon-line{
    background-color:var(--color-neutral-5);
    -webkit-box-flex:1;
    -ms-flex:1;
    flex:1;
    margin:var(--space-s) var(--space-none) var(--space-s);
    width:1px;
}
.timeline-icon-container{
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    border-radius:var(--border-radius-circle);
    color:var(--color-neutral-0);
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    font-size:var(--font-size-xs);
    height:24px;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    margin:var(--space-none) var(--space-base);
    text-align:center;
    width:24px;
}
.timeline-icon-container:empty{
    height:8px;
    margin-top:var(--space-xs);
    width:8px;
}
.timeline-right, .timeline-content-inner{
    color:var(--color-neutral-8);
}
[data-block="Navigation.TimelineItem"]:last-of-type .timeline-icon{
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
}
[data-block="Navigation.TimelineItem"]:last-of-type .timeline-icon-line{
    display:none;
}
/*! 6.4.9. Wizard */
.wizard-wrapper.wizard-vertical [data-block*=WizardItem] .wizard-wrapper-item{
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -ms-flex-direction:row;
    flex-direction:row;
    margin-bottom:var(--space-l);
}
.wizard-wrapper.wizard-vertical [data-block*=WizardItem] .wizard-wrapper-item.label-top{
    -webkit-box-orient:horizontal;
    -webkit-box-direction:reverse;
    -ms-flex-direction:row-reverse;
    flex-direction:row-reverse;
}
.wizard-wrapper.wizard-vertical [data-block*=WizardItem]:last-child{
    margin-bottom:var(--space-none);
}
.wizard-wrapper.wizard-vertical .list{
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
}
.wizard-wrapper [data-block*=WizardItem]{
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-flex:1;
    -ms-flex:1;
    flex:1;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    position:relative;
    width:100%;
}
.wizard-wrapper [data-block*=WizardItem]:first-child .wizard-item-icon-wrapper:before{
    content:none;
}
.wizard-wrapper [data-block*=WizardItem] .wizard-wrapper-item{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    width:100%;
}
.wizard-wrapper [data-block*=WizardItem] .wizard-wrapper-item.label-top{
    -webkit-box-orient:vertical;
    -webkit-box-direction:reverse;
    -ms-flex-direction:column-reverse;
    flex-direction:column-reverse;
}
.wizard-wrapper [data-block*=WizardItem] .wizard-item-label{
    color:var(--color-neutral-7);
    text-align:center;
}
.wizard-wrapper .list{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    width:100%;
}
.wizard-item-icon{
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    background-color:var(--color-neutral-0);
    border:var(--border-size-s) solid var(--color-neutral-5);
    border-radius:var(--border-radius-circle);
    color:var(--color-neutral-7);
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    height:32px;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    margin:0 auto;
    position:relative;
    width:32px;
    z-index:var(--layer-local-tier-1);
}
.wizard-item-icon:empty{
    height:8px;
    width:8px;
}
.wizard-item-icon-wrapper{
    margin:var(--space-s) var(--space-none);
    position:relative;
    width:100%;
}
.wizard-item-icon-wrapper:before{
    content:"";
    height:2px;
    position:absolute;
    right:calc(50% + 12px);
    top:50%;
    -webkit-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    transform:translateY(-50%);
    width:calc(100% - 24px);
    z-index:var(--layer-global-screen);
}
.wizard-item-icon .icon{
    font-size:var(--font-size-xs);
    width:auto;
}
.wizard-wrapper-item.active .wizard-item-icon{
    background-color:var(--color-neutral-0);
    border-color:var(--color-primary);
    color:var(--color-primary);
}
.wizard-wrapper-item.active .wizard-item-icon-wrapper:before{
    background-color:var(--color-primary);
}
.wizard-wrapper-item.active .wizard-item-label{
    color:var(--color-neutral-10);
}
.wizard-wrapper-item.past .wizard-item-icon{
    background-color:var(--color-primary);
    border-color:var(--color-primary);
    color:var(--color-neutral-0);
}
.wizard-wrapper-item.past .wizard-item-icon-wrapper:before{
    background-color:var(--color-primary);
}
.wizard-wrapper-item.past .wizard-item-label{
    color:var(--color-neutral-8);
}
.wizard-wrapper-item.next .wizard-item-icon-wrapper:before{
    background-color:var(--color-neutral-5);
}
.wizard-wrapper-item.next .wizard-item-icon .fa-fw{
    color:var(--color-neutral-5);
}
.wizard-vertical .wizard-item-icon-wrapper{
    margin:var(--space-none) var(--space-s) var(--space-none) var(--space-none);
    width:auto;
}
.wizard-vertical .wizard-wrapper-item .wizard-item-icon-wrapper:before{
    bottom:calc(50% + 12px);
    height:calc(100% + 18px);
    left:50%;
    top:auto;
    -webkit-transform:translateY(0) translateX(-50%);
    -ms-transform:translateY(0) translateX(-50%);
    transform:translateY(0) translateX(-50%);
    width:2px;
}
.wizard-vertical .wizard-wrapper-item.label-top .wizard-item-label{
    text-align:right;
}
.wizard-vertical .wizard-wrapper-item.label-top .wizard-item-icon-wrapper{
    margin:var(--space-none) var(--space-none) var(--space-none) var(--space-s);
}
html[data-uieditorversion^="1"] .wizard-wrapper .OSBlockWidget{

}
html[data-uieditorversion^="1"] .wizard-wrapper .OSBlockWidget:first-child .wizard-item-icon-wrapper:before{

}
html[data-uieditorversion^="1"] .wizard-wrapper .OSBlockWidget:first-child .wizard-item-icon-wrapper.label-top{

}
html[data-uieditorversion^="1"] .wizard-wrapper.wizard-vertical .OSBlockWidget .wizard-wrapper-item.label-top{

}
html[data-uieditorversion^="1"] .wizard-wrapper.wizard-vertical .OSBlockWidget:last-child{

}
html[data-uieditorversion^="1"] .wizard-wrapper-item{



}
.is-rtl .wizard-vertical .wizard-item-icon-wrapper{
    margin:var(--space-none) var(--space-none) var(--space-none) var(--space-s);
}
.is-rtl .wizard-vertical .wizard-wrapper-item.label-top .wizard-item-icon-wrapper{
    margin:var(--space-none) var(--space-s) var(--space-none) var(--space-none);
}
.is-rtl .wizard-item-icon-wrapper:before{
    left:calc(50% + 12px);
    right:auto;
}
/*! 6.5. Numbers */
/*! 6.5.1. Badge */
.badge{
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    color:var(--color-neutral-0);
    display:-webkit-inline-box;
    display:-ms-inline-flexbox;
    display:inline-flex;
    font-weight:var(--font-semi-bold);
    height:32px;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    line-height:1;
    min-width:32px;
}
.badge.background-neutral-0{
    color:var(--color-primary);
}
.badge.background-neutral-1, .badge.background-neutral-2, .badge.background-neutral-3, .badge.background-neutral-4{
    color:var(--color-neutral-9);
}
.badge.background-transparent{
    color:var(--color-primary);
}
.badge-small{
    font-size:var(--font-size-xs);
    height:24px;
    min-width:24px;
    padding:var(--space-none) var(--space-xs);
}
.badge-medium{
    font-size:var(--font-size-base);
    height:40px;
    min-width:40px;
}
.badge span{
    width:auto;
}
/*! 6.5.2. Counter */
.counter{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    padding:var(--space-none) var(--space-m);
    word-break:keep-all;
}
.counter.background-transparent{
    border:none;
}
.counter .center-align{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    width:100%;
}
.counter .center-align.flex-direction-column{
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
}
.counter .center-align.flex-direction-row{
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
}
/*! 6.5.3. Icon Badge */
.icon-badge{
    display:inline-block;
    position:relative;
}
.icon-badge .badge{
    left:45%;
    position:absolute;
    top:0;
    border-radius:var(--border-radius-rounded);
    font-size:var(--font-size-xs);
    height:18px;
    min-width:18px;
    padding:var(--space-none) var(--space-xs);
    -webkit-transform:translateY(-40%);
    -ms-transform:translateY(-40%);
    transform:translateY(-40%);
    white-space:nowrap;
}
.icon-badge .badge [data-expression]{
    white-space:nowrap;
}
.icon-badge .icon{
    font-size:var(--font-size-h4);
}
.icon-badge div:first-child:empty{


}
.layout-native .bottom-bar-wrapper .icon-badge .icon{
    font-size:inherit;
}
/*! 6.5.4. Progress */
/*! 6.5.4.1 Progress Bar */
.osui-progress-bar{
    --progress-value:0%;
    min-height:var(--thickness);
    position:relative;
}
.osui-progress-bar{

}
.osui-progress-bar__container{
    min-height:var(--thickness);
    position:relative;
}
.osui-progress-bar__container{

}
.osui-progress-bar__container.animate-entrance .osui-progress-bar__value:before{
    -webkit-transition-delay:var(--progress-initial-speed, 0.5s);
    transition-delay:var(--progress-initial-speed, 0.5s);
}
.osui-progress-bar__container.animate-entrance .osui-progress-bar__value:before, .osui-progress-bar__container.animate-progress-change .osui-progress-bar__value:before{
    -webkit-transition-duration:var(--progress-speed, 0.35s);
    transition-duration:var(--progress-speed, 0.35s);
}
.osui-progress-bar__value{
    border-radius:calc(var(--shape) / 2);
    height:var(--thickness);
    left:0;
    overflow:hidden;
    position:absolute;
    right:0;
}
.osui-progress-bar__value{

}
.osui-progress-bar__value:after, .osui-progress-bar__value:before{
    border-radius:calc(var(--shape) / 2);
    content:"";
    height:100%;
    left:0;
    position:absolute;
    top:0;
}
.osui-progress-bar__value:after, .osui-progress-bar__value:before{

}
.osui-progress-bar__value:after{
    background:var(--trail-color);
    width:100%;
}
.osui-progress-bar__value:after{

}
.osui-progress-bar__value:before{
    background:var(--progress-gradient, var(--progress-color));
    width:var(--progress-value);
    z-index:var(--layer-local-tier-1);
}
.osui-progress-bar__value:before{


}
.osui-progress-bar__content{
    left:0;
    padding:var(--space-none) var(--space-s);
    position:absolute;
    top:50%;
    -webkit-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    transform:translateY(-50%);
    width:100%;
    z-index:var(--layer-local-tier-1);
}
.osui-progress-bar__content{

}
.is-rtl .osui-progress-bar__value:before{
    left:inherit;
    right:0;
}
.os-high-contrast .osui-progress-bar__container{
    min-height:calc(2 * var(--thickness));
}
.os-high-contrast .osui-progress-bar__value{
    border:var(--border-size-m) solid var(--color-neutral-7);
    height:calc(2 * var(--thickness));
}
.os-high-contrast .osui-progress-bar__value:before, .os-high-contrast .osui-progress-bar__value:after{
    border:var(--border-size-m) solid var(--color-neutral-7);
    top:calc(-1 * var(--border-size-m));
    left:calc(-1 * var(--border-size-m));
}
/*! 6.5.4.2 Progress Circle */
[data-block*=ProgressCircle]{
    display:inline-block;
}
.osui-progress-circle{
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    height:var(--progress-circle-size);
    position:relative;
    width:var(--progress-circle-size);
}
.osui-progress-circle__container{
    display:inline-block;
    height:var(--circle-size);
    margin:0 auto;
    position:relative;
    width:var(--circle-size);
    z-index:var(--layer-global-screen);
}
.osui-progress-circle__container > div{
    display:block;
    min-height:inherit;
    min-width:inherit;
}
.osui-progress-circle__container__progress-path, .osui-progress-circle__container__trail-path{
    cx:50%;
    cy:50%;
    fill:transparent;
    left:0;
    position:absolute;
    r:var(--radius);
    stroke-width:var(--thickness);
    top:0;
    -webkit-transform:rotate(-90deg);
    -ms-transform:rotate(-90deg);
    transform:rotate(-90deg);
    -webkit-transform-origin:center;
    -ms-transform-origin:center;
    transform-origin:center;
}
.osui-progress-circle__container__progress-path{
    stroke:var(--progress-circle-gradient-url, var(--progress-color, var(--color-primary)));
    stroke-dasharray:var(--stroke-dasharray);
    stroke-dashoffset:var(--stroke-dashoffset);
    stroke-linecap:var(--shape);
    -webkit-transition:stroke-dashoffset 0;
    transition:stroke-dashoffset 0;
}
.osui-progress-circle__container__progress-path.animate-entrance, .osui-progress-circle__container__progress-path.animate-progress-change{
    -webkit-transition-duration:var(--progress-speed, 0.35s);
    transition-duration:var(--progress-speed, 0.35s);
}
.osui-progress-circle__container__progress-path.animate-entrance{
    -webkit-transition-delay:var(--progress-initial-speed, 0.5s);
    transition-delay:var(--progress-initial-speed, 0.5s);
}
.osui-progress-circle__container__trail-path{
    stroke:var(--trail-color, var(--color-neutral-3));
}
.osui-progress-circle__content{
    left:50%;
    position:absolute;
    text-align:center;
    top:50%;
    -webkit-transform:translate(-50%, -50%);
    -ms-transform:translate(-50%, -50%);
    transform:translate(-50%, -50%);
    width:80%;
    z-index:var(--layer-local-tier-1);
}
.osui-progress-circle .osui-inline-svg{
    display:-webkit-inline-box;
    display:-ms-inline-flexbox;
    display:inline-flex;
    height:var(--circle-size) !important;
    position:relative;
    width:var(--circle-size);
}
.osui-progress-circle .osui-inline-svg svg{
    height:var(--circle-size);
    width:var(--circle-size);
}
.is-rtl .osui-progress-circle .svg-wrapper{
    -webkit-transform:scaleX(-1);
    -ms-transform:scaleX(-1);
    transform:scaleX(-1);
}
/*! 6.5.5. Rating */
.rating{
    position:relative;
    display:-webkit-inline-box;
    display:-ms-inline-flexbox;
    display:inline-flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    font-size:var(--rating-size);
    pointer-events:none;
    --rating-size:16px;
}
.rating{

}
.rating.rating-small{
    --rating-size:8px;
}
.rating.rating-small .rating-item{
    padding-right:calc(var(--rating-size) + var(--space-xs));
}
.rating.rating-medium{
    --rating-size:24px;
}
.rating.is-edit:not(:has(fieldset[disabled=true])){
    pointer-events:initial;
}
.rating.is-edit:not(:has(fieldset[disabled=true])) .rating-item{
    cursor:pointer;
    pointer-events:auto;
}
.rating fieldset{
    border:none;
    display:contents;
    margin:0;
    padding:0;
}
.rating fieldset[disabled=true] .rating-item-filled, .rating fieldset[disabled=true] .rating-item-half{
    color:var(--color-neutral-6);
}
.rating fieldset[disabled=true] .rating-item-filled .icon, .rating fieldset[disabled=true] .rating-item-half .icon{
    color:var(--color-neutral-6);
}
.rating fieldset[disabled=true] .rating-item-empty{
    color:var(--color-neutral-6);
}
.rating fieldset[disabled=true] .rating-item-empty .icon{
    color:var(--color-neutral-4);
}
.rating-item{
    display:inline-block;
    height:var(--rating-size);
    padding-right:calc(var(--rating-size) + var(--space-s));
    position:relative;
    width:var(--rating-size);
}
.rating-item-filled, .rating-item-half, .rating-item-empty{
    left:0;
    line-height:1;
    position:absolute;
    top:0;
    -webkit-transition:opacity linear 150ms;
    transition:opacity linear 150ms;
}
.rating-item-filled, .rating-item-half, .rating-item-empty{





}
.rating-item-filled{
    opacity:1;
    z-index:var(--layer-local-tier-1);
}
.rating-item-empty, .rating-item-half{
    opacity:0;
    z-index:var(--layer-global-screen);
}
.rating-item:last-of-type{
    padding-right:0;
}
.rating-item img{
    max-width:none;
}
.rating input:checked + .rating-item .rating-item-empty, .rating input:checked ~ .rating-item .rating-item-filled{
    opacity:0;
}
.rating.is-half input:checked ~ .rating-item .rating-item-half{
    opacity:0;
}
.rating:hover input + .rating-item .rating-item-filled{
    opacity:1;
}
.rating input{
}
.rating input:first-of-type + .rating-item{
    background:transparent;
    -webkit-box-shadow:0 0 0 3px var(--color-focus-outer);
    box-shadow:0 0 0 3px var(--color-focus-outer);
    height:100%;
    left:0;
    opacity:0;
    pointer-events:none;
    position:absolute;
    top:0;
    width:100%;
}
.rating input:first-of-type:focus:checked + .rating-item{
    opacity:1;
}
.rating input:checked + .rating-item .rating-item-filled, .rating input:checked + .rating-item .rating-item-half, .rating input:checked ~ .rating-item .rating-item-empty, .rating input:hover ~ .rating-item .rating-item-empty, .rating input:focus ~ .rating-item .rating-item-empty, .rating input:focus + .rating-item .rating-item-filled{
    opacity:1;
}
.rating input:hover ~ .rating-item .rating-item-filled, .rating input:hover ~ .rating-item .rating-item-half{
    opacity:0;
}
.rating input:hover + .rating-item .rating-item-filled{
    opacity:1;
}
.rating.is-half .rating-item-half{
    z-index:var(--layer-local-tier-1);
}
.rating.is-half input:checked + .rating-item .rating-item-half{
    opacity:1;
}
.rating.is-half input:checked + .rating-item .rating-item-filled{
    opacity:0;
}
.rating.is-half input:hover ~ .rating-item .rating-item-filled,
.rating.is-half input:hover ~ .rating-item .rating-item-half{
    opacity:0;
}
.rating.is-half:hover input:checked + .rating-item .rating-item-filled,
.rating.is-half input:hover + .rating-item .rating-item-filled{
    opacity:1;
}
.rating.is-half:hover input:hover ~ .rating-item .rating-item-filled{
    opacity:0;
}
.rating.is-half:hover input:hover + .rating-item .rating-item-filled{
    opacity:1;
}
.rating .icon-states{

}
.rating .icon-states span{

}
.form .rating span.wcag-hide-text{
    position:absolute;
}
.ios .rating .rating-item > *{
    display:block;
    pointer-events:none;
}
.is-rtl .rating .rating-item{
    padding-left:calc(var(--rating-size) + var(--space-s));
    padding-right:0;
    -webkit-transform:scaleX(-1);
    -ms-transform:scaleX(-1);
    transform:scaleX(-1);
}
.has-accessible-features .rating.is-half input:focus + .rating-item .rating-item-filled,
.has-accessible-features .rating.is-half input:focus + .rating-item .rating-item-filled *, .has-accessible-features .rating:not(.is-half) input:focus + .rating-item .rating-item-half,
.has-accessible-features .rating:not(.is-half) input:focus + .rating-item .rating-item-half *,
.has-accessible-features .rating input:checked + .rating-item .rating-item-empty,
.has-accessible-features .rating input:checked + .rating-item .rating-item-empty *{
    -webkit-box-shadow:none;
    box-shadow:none;
}
.has-accessible-features .rating.is-half input:focus + .rating-item .rating-item-half,
.has-accessible-features .rating.is-half input:focus + .rating-item .rating-item-half *, .has-accessible-features .rating:not(.is-half) input:focus + .rating-item .rating-item-filled,
.has-accessible-features .rating:not(.is-half) input:focus + .rating-item .rating-item-filled *{
    -webkit-box-shadow:0 0 0 3px var(--color-focus-outer);
    box-shadow:0 0 0 3px var(--color-focus-outer);
}
.has-accessible-features fieldset[disabled=true] .rating-item-filled, .has-accessible-features fieldset[disabled=true] .rating-item-half{
    color:var(--color-neutral-7);
}
.has-accessible-features fieldset[disabled=true] .rating-item-filled .icon, .has-accessible-features fieldset[disabled=true] .rating-item-half .icon{
    color:var(--color-neutral-7);
}
.has-accessible-features fieldset[disabled=true] .rating-item-empty{
    color:var(--color-neutral-7);
}
.has-accessible-features fieldset[disabled=true] .rating-item-empty .icon{
    color:var(--color-neutral-5);
}
.chrome .osui-tabs .rating .wcag-hide-text,
.edge .osui-tabs .rating .wcag-hide-text{
    margin:unset;
}
.os-high-contrast .has-accessible-features .rating.is-half input:focus + .rating-item .rating-item-half,
.os-high-contrast .has-accessible-features .rating.is-half input:focus + .rating-item .rating-item-half *, .os-high-contrast .has-accessible-features .rating:not(.is-half) input:focus + .rating-item .rating-item-filled,
.os-high-contrast .has-accessible-features .rating:not(.is-half) input:focus + .rating-item .rating-item-filled *{
    outline:var(--border-size-l) solid var(--color-focus-outer);
}
/*! 6.6. Utilities */
/*! 6.6.1. Align Center */
.vertical-align{
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -ms-flex-direction:row;
    flex-direction:row;
}
.vertical-align > span.input-text,
.vertical-align > label ~ span{
    -webkit-box-flex:1;
    -ms-flex:1;
    flex:1;
}
.vertical-align span{
    display:inherit;
}
[style*="text-align: center"] .vertical-align{
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
}
[style*="text-align: right"] .vertical-align{
    -webkit-box-pack:end;
    -ms-flex-pack:end;
    justify-content:flex-end;
}
/*! 6.6.2. Button Loading */
.osui-btn-loading{

}
.osui-btn-loading-show-spinner.osui-btn-loading--is-loading .btn{
    font-size:0;
}
.osui-btn-loading-show-spinner.osui-btn-loading--is-loading .btn .osui-btn-loading__spinner-animation{
    margin-right:var(--space-none);
}
.osui-btn-loading-show-spinner.osui-btn-loading--is-loading .btn > span[data-expression]{
    display:none;
}
.osui-btn-loading.osui-btn-loading--is-loading, .osui-btn-loading.osui-btn-loading--is-loading *{
    pointer-events:none;
}
.osui-btn-loading.osui-btn-loading--is-loading .btn .osui-btn-loading__spinner-animation{
    display:inline-block;
}
.osui-btn-loading .btn{
    display:-webkit-inline-box;
    display:-ms-inline-flexbox;
    display:inline-flex;
    -webkit-transition:none;
    transition:none;
    vertical-align:middle;
    white-space:nowrap;
}
.osui-btn-loading .btn{

}
.osui-btn-loading .btn > *{
    display:inline-block;
    font-size:var(--font-size-s);
    vertical-align:middle;
}
.osui-btn-loading .btn .osui-btn-loading__spinner-animation{
    display:none;
    -webkit-animation:loadingSpinner 850ms cubic-bezier(0.7, 1.05, 0.78, 0.78) infinite;
    animation:loadingSpinner 850ms cubic-bezier(0.7, 1.05, 0.78, 0.78) infinite;
    border:var(--border-size-m) solid currentColor;
    border-radius:var(--border-radius-circle);
    border-top-color:transparent;
    height:16px;
    margin-right:var(--space-s);
    width:16px;
    will-change:transform;
}
.osui-btn-loading .btn .osui-btn-loading__spinner-animation{

}
.osui-btn-loading .btn > span[data-expression]{
    white-space:nowrap;
}
.is-rtl .osui-btn-loading-show-spinner.osui-btn-loading--is-loading .btn .osui-btn-loading__spinner-animation{
    margin-left:var(--space-none);
}
.is-rtl .osui-btn-loading--is-loading .btn .osui-btn-loading__spinner-animation{
    margin-left:var(--space-s);
    margin-right:var(--space-none);
}
.phone .osui-btn-loading{
    width:100%;
}
.os-high-contrast .osui-btn-loading .btn .osui-btn-loading__spinner-animation{
    border-width:var(--border-size-l);
    border-bottom:none;
    border-top:none;
}
/*! 6.6.3. Center Content */
.center-content{
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    height:100%;
    width:100%;
}
.center-content{

}
.center-content-header{
    width:100%;
}
.center-content-container{
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-flex:1;
    -ms-flex:1;
    flex:1;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    width:100%;
}
.center-content-container > div{
    width:100%;
}
.center-content-bottom{
    width:100%;
}
.animate .center-content{

}
/*! 6.6.4. Margin Container */
.margin-container{
    padding:var(--space-m);
}
.layout-native .margin-container{
    padding:var(--space-l);
}
.tablet .layout-native .margin-container{
    padding:var(--space-m);
}
.phone .layout-native .margin-container{
    padding:var(--space-base);
}
/*! 6.6.5. Separator */
.separator{
    background-color:var(--color-primary);
}
.separator-vertical{
    display:inline-block;
    height:100%;
    min-height:20px;
    min-width:1px;
    width:1px;
}
.separator-horizontal{
    height:1px;
    width:100%;
}
/*! 6.6.6. Pull to Refresh */
.pull-to-refresh{
    color:var(--color-neutral-6);
    font-size:var(--font-size-h3);
    left:0;
    padding:var(--space-s);
    position:absolute;
    text-align:center;
    width:100%;
}
.pull-to-refresh{

}
.pull-to-refresh-loading{
    display:none;
    text-align:center;
}
.pull-to-refresh .genericon{
    -webkit-transition:all 0.25s ease;
    transition:all 0.25s ease;
}
.ptr-loading .content,
.ptr-loading .pull-to-refresh, .ptr-reset .content,
.ptr-reset .pull-to-refresh{
    -webkit-transition:all 0.25s ease;
    transition:all 0.25s ease;
}
.ptr-loading .pull-to-refresh .genericon, .ptr-reset .pull-to-refresh .genericon{
    display:none;
}
.ptr-loading .pull-to-refresh-loading{
    display:block;
}
.ptr-loading .content{
    -webkit-transform:translate3D(0, 50px, 0);
    -ms-transform:translate3D(0, 50px, 0);
    transform:translate3D(0, 50px, 0);
}
.ptr-reset .content{
    -webkit-transform:translate3D(0, 0, 0);
    -ms-transform:translate3D(0, 0, 0);
    transform:translate3D(0, 0, 0);
}
.ptr-refresh .pull-to-refresh .genericon{
    -webkit-transform:rotate(180deg);
    -ms-transform:rotate(180deg);
    transform:rotate(180deg);
}
.slide-from-left-enter .layout-native .pull-to-refresh,
.slide-from-left-leave .layout-native .pull-to-refresh,
.slide-from-right-enter .layout-native .pull-to-refresh,
.slide-from-right-leave .layout-native .pull-to-refresh,
.slide-from-top-enter .layout-native .pull-to-refresh,
.slide-from-top-leave .layout-native .pull-to-refresh,
.slide-from-bottom-enter .layout-native .pull-to-refresh,
.slide-from-bottom-leave .layout-native .pull-to-refresh,
.fade-enter .layout-native .pull-to-refresh,
.fade-leave .layout-native .pull-to-refresh{
    display:none;
}
.ios.ptr-refresh .layout-native.ios-bounce .main{
    overflow:hidden;
}
/*! 6.6.7. List Updating */
.list-updating{
    height:40px;
    margin-top:var(--space-m);
    position:relative;
}
.list-updating:before{
    -webkit-animation:spin 1s infinite linear, fade 300ms ease;
    animation:spin 1s infinite linear, fade 300ms ease;
    border:5px solid var(--color-neutral-5);
    border-radius:50%;
    border-top-color:var(--color-neutral-7);
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    content:"";
    height:40px;
    left:50%;
    margin-left:-20px;
    position:absolute;
    width:40px;
}
.list-updating:before{


}
/*! 6.6.8. Provider Login Button */
/*! Patterns - Utilities - Provider Login Button */
.btn.btn-provider-login{
    background:var(--color-neutral-0);
    border-color:var(--color-neutral-6);
    border-radius:0;
}
.btn.btn-provider-login-logo-only{
    padding:10px;
}
.btn.btn-provider-login-logo-only .btn-provider-login-text{
    display:none;

}
.btn.btn-provider-login-logo svg{
    height:100%;
    width:100%;
}
.btn.btn-provider-login.btn-small{
    padding:0 16px;
}
.btn.btn-provider-login.btn-small.btn-provider-login-logo-only{
    padding:5px;
}
.btn.btn-provider-login.btn-large{
    padding:10px 15px;
}
.btn.btn-provider-login.soft{
    border-radius:var(--border-radius-soft);
}
.btn.btn-provider-login.rounded{
    border-radius:var(--border-radius-rounded);
}
.btn.btn-provider-login .btn-provider-login-logo{
    border-radius:50%;
    height:20px;
    width:20px;
}
.btn.btn-provider-login .btn-provider-login-text{
    color:var(--color-neutral-7);
    margin-left:10px;
    white-space:nowrap;
}
.phone .layout .btn.btn-provider-login.btn-provider-login-logo-only{
    width:50px;
}
.phone .layout .btn.btn-provider-login.btn-provider-login-logo-only.btn-small{
    width:40px;
}
.phone .layout .btn.btn-provider-login.btn-provider-login-logo-only.btn-large{
    width:55px;
}
.phone .layout .btn.btn-provider-login .btn-provider-login-text-name{
    text-align:left;
    width:70px;

}
.phone .layout .btn.btn-provider-login.btn-small .btn-provider-login-text-name{
    width:53px;
}
/*! 6.7. Advanced */
/*! 6.7.1. Dropdown ServerSide */
.osui-dropdown-serverside{
    --osui-dropdown-ss-balloon-max-height:300px;
    --osui-dropdown-min-width:170px;
    --osui-floating-offset:var(--space-xs);
    --osui-dropdown-ss-scroll-bar-width:5px;
    position:relative;
}
.osui-dropdown-serverside .osui-balloon{
    --osui-balloon-shadow:none;
    border:var(--border-size-s) solid var(--color-neutral-5);
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-flex:1;
    -ms-flex:1;
    flex:1;
    height:auto;
    min-width:var(--osui-dropdown-min-width);
    overflow:hidden;
    z-index:var(--layer-global-elevated);
}
.osui-dropdown-serverside .osui-balloon{







}
.osui-dropdown-serverside__selected-values{
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-flex:1;
    -ms-flex:1;
    flex:1;
    height:inherit;
    margin-right:var(--space-base);
    overflow:hidden;
}
.osui-dropdown-serverside__selected-values:hover{
    border-color:var(--color-neutral-6);
}
.osui-dropdown-serverside__selected-values:after{
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    color:var(--color-neutral-7);
    content:"\f107";
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    font:normal normal normal 20px/1 FontAwesome;
    height:100%;
    pointer-events:none;
    position:absolute;
    right:16px;
    top:0;
    -webkit-transition:-webkit-transform 200ms ease-in-out;
    transition:-webkit-transform 200ms ease-in-out;
    transition:transform 200ms ease-in-out;
    transition:transform 200ms ease-in-out, -webkit-transform 200ms ease-in-out;
}
.osui-dropdown-serverside__selected-values > *::-moz-selection{
    background-color:transparent;
}
.osui-dropdown-serverside__selected-values > *::selection{
    background-color:transparent;
}
.osui-dropdown-serverside__selected-values > *:first-child{
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    width:100%;
}
.osui-dropdown-serverside__selected-values-wrapper{
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    background-color:var(--color-neutral-0);
    border-radius:var(--border-radius-soft);
    border:var(--border-size-s) solid var(--color-neutral-5);
    color:var(--color-neutral-9);
    cursor:pointer;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    font-size:var(--font-size-s);
    height:40px;
    padding:var(--space-none) var(--space-base);
    position:relative;
    -webkit-transition:border 250ms ease-in-out;
    transition:border 250ms ease-in-out;
    width:100%;
}
.osui-dropdown-serverside__selected-values-wrapper{




}
.osui-dropdown-serverside__selected-values [data-expression]{
    white-space:nowrap;
}
.osui-dropdown-serverside__balloon-search-wrapper{
    background-color:var(--color-neutral-0);
    padding:var(--space-none);
    position:relative;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
}
.osui-dropdown-serverside__balloon-search{
    -webkit-box-flex:1;
    -ms-flex:1;
    flex:1;
}
.osui-dropdown-serverside__balloon-search:before{
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    color:var(--color-neutral-6);
    content:"\f002";
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    font:normal normal normal 14px/1 FontAwesome;
    height:100%;
    left:var(--space-base);
    position:absolute;
    top:0;
}
.osui-dropdown-serverside__balloon-search:empty + .osui-dropdown-serverside__balloon-search-icon{
    display:none;
}
.osui-dropdown-serverside__balloon-search input,
.osui-dropdown-serverside__balloon-search .form-control[data-input]{
    background-color:transparent;
    border-radius:var(--border-size-none);
    border:none;
    color:inherit;
    font-size:var(--font-size-s);
    height:40px;
    padding:var(--space-none) var(--space-s) var(--space-none) var(--space-xl);
    width:100%;
}
.osui-dropdown-serverside__balloon-search-icon{
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    height:100%;
    padding:var(--space-none) var(--space-base);
}
.osui-dropdown-serverside__balloon-content{
    border-top:var(--border-size-s) solid var(--color-neutral-5);
    -webkit-box-flex:1;
    -ms-flex:1;
    flex:1;
    height:auto;
    max-height:var(--osui-dropdown-ss-balloon-max-height);
    overflow-x:hidden;
    overflow-y:auto;
    padding:var(--space-none);
}
.osui-dropdown-serverside__balloon-content::-webkit-scrollbar{
    width:var(--osui-dropdown-ss-scroll-bar-width);
}
.osui-dropdown-serverside__balloon-content::-webkit-scrollbar-track{
    background:var(--color-neutral-4);
}
.osui-dropdown-serverside__balloon-content::-webkit-scrollbar-thumb{
    background-color:var(--color-neutral-6);
}
.osui-dropdown-serverside__balloon-content > *:not([data-list]){
    z-index:var(--layer-local-tier-2);
}
.osui-dropdown-serverside__balloon--has-not-search .osui-dropdown-serverside__balloon-content{
    border-top:none;
}
.osui-dropdown-serverside__balloon-footer{
    border-top:var(--border-size-s) solid var(--color-neutral-5);
    padding:var(--space-s) var(--space-base);
}
.osui-dropdown-serverside:has(.osui-dropdown-serverside--is-opened) .osui-dropdown-serverside__selected-values-wrapper{
    border-color:var(--color-primary);
}
.osui-dropdown-serverside:has(.osui-dropdown-serverside--is-opened) .osui-dropdown-serverside__selected-values:after{
    color:var(--color-primary);
    -webkit-transform:rotate(180deg);
    -ms-transform:rotate(180deg);
    transform:rotate(180deg);
}
.osui-dropdown-serverside--is-disabled .osui-dropdown-serverside__selected-values:after{
    border-color:var(--color-neutral-6);
}
.osui-dropdown-serverside--is-disabled .osui-dropdown-serverside__selected-values-wrapper{
    background-color:var(--color-neutral-2);
    border-color:var(--color-neutral-4);
    color:var(--color-neutral-6);
    pointer-events:none;
}
.osui-dropdown-serverside--not-valid .osui-dropdown-serverside__selected-values-wrapper{
    /* !important should be here in order to grant more specific selectors be overriding border color at this context. */
    border-color:var(--color-error) !important;
}
.osui-dropdown-serverside--not-valid + .osui-dropdown-serverside-error-message{
    color:var(--color-error);
    font-size:var(--font-size-xs);
    margin-left:var(--space-none);
    margin-top:3px;
}
.form .osui-dropdown-serverside__balloon-search-wrapper input[data-input]{
    margin-bottom:0;
}
.form .osui-dropdown-serverside__balloon .wcag-hide-text{
    position:absolute;
    margin:-1px;
}
.windows .osui-tabs .osui-dropdown-serverside__selected-values-wrapper{
    width:calc(100% - 2 * var(--border-size-s));
}
.has-accessible-features .osui-dropdown-serverside__selected-values:hover, .has-accessible-features .osui-dropdown-serverside__selected-values:after, .has-accessible-features .osui-dropdown-serverside__selected-values-wrapper, .has-accessible-features .osui-dropdown-serverside__selected-values-footer{
    border-color:var(--color-neutral-7);
}
.has-accessible-features .osui-dropdown-serverside__balloon{
    border-color:var(--color-neutral-7);
}
.has-accessible-features .osui-dropdown-serverside__balloon-search:before{
    color:var(--color-neutral-7);
}
.has-accessible-features .osui-dropdown-serverside__balloon-search input:focus,
.has-accessible-features .osui-dropdown-serverside__balloon-search .form-control[data-input]:focus{
    -webkit-box-shadow:inset 0 0 0 3px var(--color-focus-outer);
    box-shadow:inset 0 0 0 3px var(--color-focus-outer);
}
.has-accessible-features .osui-dropdown-serverside__balloon-content{
    --osui-outline-size:3px;
}
.has-accessible-features .osui-dropdown-serverside__balloon-content::-webkit-scrollbar-thumb{
    background-color:var(--color-neutral-7);
}
.has-accessible-features .osui-dropdown-serverside__balloon-content:focus{
    -webkit-box-shadow:none;
    box-shadow:none;
}
.has-accessible-features .osui-dropdown-serverside__balloon-content:focus:before, .has-accessible-features .osui-dropdown-serverside__balloon-content:focus:after, .has-accessible-features .osui-dropdown-serverside__balloon-content:focus > *:before, .has-accessible-features .osui-dropdown-serverside__balloon-content:focus > *:after{
    background-color:var(--color-focus-outer);
    content:"";
    display:block;
}
.has-accessible-features .osui-dropdown-serverside__balloon-content:focus:before, .has-accessible-features .osui-dropdown-serverside__balloon-content:focus:after{
    height:var(--osui-outline-size);
    margin-top:calc(-1 * var(--osui-outline-size));
    position:sticky;
    width:100%;
    z-index:var(--layer-local-tier-3);
}
.has-accessible-features .osui-dropdown-serverside__balloon-content:focus:before{
    top:0;
}
.has-accessible-features .osui-dropdown-serverside__balloon-content:focus:after{
    bottom:0;
}
.has-accessible-features .osui-dropdown-serverside__balloon-content:focus > *:before, .has-accessible-features .osui-dropdown-serverside__balloon-content:focus > *:after{
    height:100%;
    position:absolute;
    top:0;
    width:var(--osui-outline-size);
    z-index:var(--layer-local-tier-2);
}
.has-accessible-features .osui-dropdown-serverside__balloon-content:focus > *:before{
    left:0;
}
.has-accessible-features .osui-dropdown-serverside__balloon-content:focus > *:after{
    right:0;
}
.os-high-contrast .has-accessible-features .osui-dropdown-serverside__balloon-content:focus{
    --osui-outline-size:0;
    border:var(--border-size-l) solid var(--color-focus-outer);
}
.is-rtl .osui-dropdown-serverside__selected-values{
    margin-left:var(--space-base);
    margin-right:initial;
}
.is-rtl .osui-dropdown-serverside__selected-values:after{
    left:var(--space-base);
    right:auto;
}
.is-rtl .osui-dropdown-serverside__balloon-search:before{
    left:auto;
    right:var(--space-base);
}
.is-rtl .osui-dropdown-serverside__balloon-search input,
.is-rtl .osui-dropdown-serverside__balloon-search .form-control[data-input]{
    padding:var(--space-none) var(--space-xl) var(--space-none) var(--space-s);
}
.tablet .osui-dropdown-serverside__selected-values-wrapper,
.phone .osui-dropdown-serverside__selected-values-wrapper{
    height:48px;
}
.tablet .osui-dropdown-serverside__balloon-search input,
.tablet .osui-dropdown-serverside__balloon-search .form-control[data-input],
.phone .osui-dropdown-serverside__balloon-search input,
.phone .osui-dropdown-serverside__balloon-search .form-control[data-input]{
    font-size:var(--font-size-base);
    height:48px;
}
.phone.android.landscape .osui-dropdown-serverside__balloon-container{
    max-height:90vh;
}
.phone.android .osui-dropdown-serverside__balloon-container{
    max-height:calc(85vh - var(--header-size));
}
.phone.ios .osui-dropdown-serverside__search-input--is-focused .osui-dropdown-serverside__balloon-container{
    max-height:calc(100vw - 5vh - var(--header-size));
}
.phone.portrait .osui-dropdown-serverside--at-content .osui-dropdown-serverside__balloon-container{
    --ballon-top-margin-value:calc(var(--header-size) + var(--header-size-content) + 5vw);
}
.phone.landscape .osui-dropdown-serverside__balloon-container{
    max-height:50vh;
}
.phone.landscape .osui-dropdown-serverside__balloon--has-not-search .osui-dropdown-serverside__balloon-container{
    max-height:90vh;
}
.phone.landscape .osui-dropdown-serverside--at-content .osui-dropdown-serverside__balloon-container{
    --ballon-top-margin-value:10px;
}
.phone .osui-dropdown-serverside__balloon{
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    background-color:var(--overlay-background);
    border:none;
    border-radius:var(--border-radius-sharp);
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    left:0;
    max-width:100vw;
    opacity:0;
    overflow:hidden;
    top:0;
    -webkit-transition:opacity 250ms ease;
    transition:opacity 250ms ease;
    width:100vw;
    z-index:var(--layer-global-instant-interaction);
}
.phone .osui-dropdown-serverside__balloon{





}
.phone .osui-dropdown-serverside__balloon-container{
    background:var(--color-neutral-0);
    border-radius:var(--osui-balloon-shape);
    -webkit-box-shadow:var(--shadow-xl);
    box-shadow:var(--shadow-xl);
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    height:auto;
    margin-top:5vh;
    max-height:calc(85vh - var(--header-size));
    overflow:hidden;
    width:85vw;
}
.phone .osui-dropdown-serverside__balloon-container{




}
.phone .osui-dropdown-serverside__balloon-content{
    height:var(--osui-dropdown-ss-balloon-max-height);
    max-height:unset;
}
.phone .osui-dropdown-serverside__balloon--has-not-search .osui-dropdown-serverside__balloon-container{
    margin-top:5vh;
    max-height:calc(var(--viewport-height) - 5vh - var(--header-size));
}
.phone .osui-dropdown-serverside--is-opened.osui-dropdown-serverside__balloon{
    min-height:100vh;
    opacity:1;
}
.phone .osui-dropdown-serverside--at-content{
    -webkit-box-align:start;
    -ms-flex-align:start;
    align-items:flex-start;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    max-height:0;
}
.phone .osui-dropdown-serverside--at-content.osui-dropdown-serverside--is-opened{
    max-height:60vh;
}
.phone .osui-dropdown-serverside--at-content.osui-dropdown-serverside--is-opened .osui-dropdown-serverside__balloon-container{
    -webkit-transform:translateY(0);
    -ms-transform:translateY(0);
    transform:translateY(0);
}
.phone .osui-dropdown-serverside--at-content .osui-dropdown-serverside__balloon-container{
    margin-top:var(--ballon-top-margin-value);
    position:relative;
    -webkit-transform:translateY(calc(0.5 * var(--ballon-top-margin-value)));
    -ms-transform:translateY(calc(0.5 * var(--ballon-top-margin-value)));
    transform:translateY(calc(0.5 * var(--ballon-top-margin-value)));
    -webkit-transition:all 0.25s ease;
    transition:all 0.25s ease;
}
.phone .osui-dropdown-serverside--at-content .osui-dropdown-serverside__balloon-content{
    max-height:calc(100vh - 2 * var(--ballon-top-margin-value));
}
.phone .osui-dropdown-serverside--at-content .osui-dropdown-serverside__balloon-content::-webkit-scrollbar{
    width:3px;
}
.phone .osui-dropdown-serverside--at-content .osui-dropdown-serverside__balloon-content::-webkit-scrollbar-track{
    background-color:var(--color-neutral-3);
}
.phone .osui-dropdown-serverside--at-content .osui-dropdown-serverside__balloon-content::-webkit-scrollbar-thumb{
    background-color:var(--color-neutral-6);
}
.phone .osui-dropdown-serverside--at-content .osui-dropdown-serverside__balloon-content::-webkit-scrollbar-thumb:hover{
    background-color:var(--color-neutral-8);
}
/*! 6.7.2. Dropdown ServerSide Item */
.osui-dropdown-serverside-item{
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    background-color:transparent;
    color:var(--color-neutral-9);
    cursor:pointer;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-flex:1;
    -ms-flex:1;
    flex:1;
    min-height:40px;
    overflow:hidden;
    padding:var(--space-s) var(--space-base);
    position:relative;
    -webkit-transition:background 250ms ease;
    transition:background 250ms ease;
    width:100%;
    z-index:var(--layer-global-screen);
}
.osui-dropdown-serverside-item:hover, .osui-dropdown-serverside-item--is-selected{
    background-color:var(--color-neutral-2);
    z-index:var(--layer-local-tier-1);
}
.osui-dropdown-serverside-item:hover, .osui-dropdown-serverside-item--is-selected{

}
.osui-dropdown-serverside-item__content{
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-flex:1;
    -ms-flex:1;
    flex:1;
    height:inherit;
    overflow:hidden;
    pointer-events:none;
}
.osui-dropdown-serverside-item__content > *:first-child{
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    width:100%;
}
.has-accessible-features .osui-dropdown-serverside-item:hover{
    background-color:var(--color-neutral-4);
}
.has-accessible-features .osui-dropdown-serverside-item:focus{
    -webkit-box-shadow:inset 0 0 0 3px var(--color-focus-outer);
    box-shadow:inset 0 0 0 3px var(--color-focus-outer);
}
.os-high-contrast .osui-dropdown-serverside-item:hover, .os-high-contrast .osui-dropdown-serverside-item:focus{
    outline:none;
}
.os-high-contrast .osui-dropdown-serverside-item:hover:before, .os-high-contrast .osui-dropdown-serverside-item:focus:before{
    border:var(--border-size-l) solid var(--color-focus-outer);
    bottom:0;
    content:"";
    display:block;
    left:0;
    position:absolute;
    right:0;
    top:0;
}
.tablet .osui-dropdown-serverside-item,
.phone .osui-dropdown-serverside-item{
    height:48px;
}
/*! 6.8. Deprecated Patterns */
/*! 6.8.1. Accordion */
[data-block*=AccordionItem]:first-of-type .section-expandable{
    border-radius:var(--border-radius-soft) var(--border-radius-soft) var(--border-radius-none) var(--border-radius-none);
}
[data-block*=AccordionItem]:last-of-type .section-expandable{
    border-bottom-width:var(--border-size-s);
    border-radius:var(--border-radius-none) var(--border-radius-none) var(--border-radius-soft) var(--border-radius-soft);
}
[data-block*=AccordionItem]:only-of-type .section-expandable{
    border-radius:var(--border-radius-soft);
}
.section-expandable{
    background-color:var(--color-neutral-0);
    border:var(--border-size-s) solid var(--color-neutral-4);
    border-bottom-width:var(--border-size-none);
}
.section-expandable.is--open{
    border-top:var(--border-size-m) solid var(--color-primary);
}
.section-expandable.is--open > .section-expandable-title{
    font-weight:var(--font-semi-bold);
}
.section-expandable.is--open > .section-expandable-title > .section-expandable-icon{
    -webkit-transform:rotate(180deg);
    -ms-transform:rotate(180deg);
    transform:rotate(180deg);
}
.section-expandable.is--disabled{
    color:var(--color-neutral-7);
    pointer-events:none;
}
.section-expandable.is--disabled{


}
.section-expandable.is--disabled .section-expandable-icon{
    color:var(--color-neutral-6);
}
.section-expandable .section-expandable-title{
    -webkit-box-align:start;
    -ms-flex-align:start;
    align-items:flex-start;
    cursor:pointer;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    font-size:var(--font-size-h6);
    line-height:1;
    padding:var(--space-m);
    width:100%;
}
.section-expandable .section-expandable-icon{
    color:var(--color-primary);
    font-family:FontAwesome;
    font-size:24px;
    font-weight:400;
    -webkit-transition:all 300ms ease-in-out;
    transition:all 300ms ease-in-out;
}
.section-expandable .section-expandable-icon:after{
    content:"\f107";
}
.section-expandable .section-expandable-content{
    display:block;
    overflow:hidden;
}
.section-expandable .section-expandable-content-collapsed, .section-expandable .section-expandable-content.is--collapsed{
    height:0;
    padding:var(--space-none) var(--space-m);
    visibility:hidden;
}
.section-expandable .section-expandable-content-collapsed, .section-expandable .section-expandable-content.is--collapsed{


}
.section-expandable .section-expandable-content-expanded, .section-expandable .section-expandable-content.is--expanded{
    height:auto;
    padding:var(--space-none) var(--space-m) var(--space-m);
    visibility:visible;
}
.section-expandable .section-expandable-content-animating, .section-expandable .section-expandable-content.is--animating{
    -webkit-transition:all 300ms ease-in-out;
    transition:all 300ms ease-in-out;
}
.section-expandable .section-expandable-content.no-padding{
    padding:var(--space-none);
}
.section-expandable .section-expandable-content [data-block*=AnimatedLabel]:first-child .animated-label{
    margin-top:var(--space-s);
}
.section-expandable .osui-accordion{
    margin-top:2px;
}
.section-expandable .pop-comp-wrapper{
    position:relative;
    -webkit-transform:translate3d(0px, var(--space-xs), 0px) !important;
    transform:translate3d(0px, var(--space-xs), 0px) !important;
}
.tablet .section-expandable .section-expandable-title{
    font-size:calc(var(--font-size-h6) - 1px);
}
.phone .section-expandable .section-expandable-title{
    font-size:calc(var(--font-size-h6) - 2px);
}
.phone .section-expandable .choices__list.choices__list--dropdown, .phone .section-expandable [data-dropdown] > div.dropdown-list{
    position:initial;
}
.layout-native .section-expandable .section-expandable-title{
    padding:var(--space-base);
}
.layout-native .section-expandable .section-expandable-content{
    padding:var(--space-none) var(--space-base);
}
.layout-native .section-expandable .section-expandable-content.is--collapsed{
    padding:var(--space-none) var(--space-base);
}
.layout-native .section-expandable .section-expandable-content.is--expanded{
    padding:var(--space-none) var(--space-base) var(--space-base);
}
.layout-native .section-expandable .section-expandable-content.no-padding{
    padding:var(--space-none);
}
.has-accessible-features .section-expandable .section-expandable-title:focus,
.has-accessible-features .section-expandable .section-expandable-content:focus{
    -webkit-box-shadow:none;
    box-shadow:none;
    outline:3px solid var(--color-focus-outer);
}
/*! 6.8.2. Button Loading */
button.OSFillParent{
    display:-webkit-inline-box;
    display:-ms-inline-flexbox;
    display:inline-flex;
}
.is--loading{
    position:relative;
}
.is--loading .btn{
    display:inline-block;
}
.is--loading .btn, .is--loading .btn *{
    pointer-events:none;
}
.btn-loading{
    display:none;
    position:absolute;
}
.btn-show-label .btn-loading{
    position:relative;
}
.is--loading .btn-loading{
    display:-webkit-inline-box;
    display:-ms-inline-flexbox;
    display:inline-flex;
}
.is--loading:not(.btn-show-label) .btn-loading{
    left:50%;
    top:50%;
    -webkit-transform:translate(-50%, -50%);
    -ms-transform:translate(-50%, -50%);
    transform:translate(-50%, -50%);
}
.is--loading .btn-label{
    opacity:0;
}
.btn-show-label .btn-label{
    opacity:1;
}
.btn-loading .loading-spinner{
    -webkit-animation:loadingSpinner 850ms cubic-bezier(0.7, 1.05, 0.78, 0.78) infinite;
    animation:loadingSpinner 850ms cubic-bezier(0.7, 1.05, 0.78, 0.78) infinite;
    border:var(--border-size-m) solid currentColor;
    border-radius:var(--border-radius-circle);
    border-top:var(--border-size-m) solid transparent;
    height:16px;
    width:16px;
    will-change:transform;
}
/*! 6.8.3. Carousel */
.carousel{
    overflow:hidden;
    position:relative;
    -webkit-transition:all 400ms ease;
    transition:all 400ms ease;
    will-change:transform;
}
.carousel{



}
.carousel:empty{

}
.carousel:not(.no-swipe) .carousel-container-content:hover{
    cursor:-webkit-grab;
    cursor:grab;
}
.carousel.init{
    opacity:0;
}
.carousel.init{

}
.carousel > .list:not([data-virtualization-disabled]) > *, .carousel > .list:not([data-animation-disabled]) > *{

}
.carousel > .list:not([data-virtualization-disabled]), .carousel > .list:not([data-animation-disabled]){


}
.carousel > .list:not([data-virtualization-disabled]):after, .carousel > .list:not([data-animation-disabled]):after{











}
.carousel--animatable{
    -webkit-transition:all 250ms linear;
    transition:all 250ms linear;
    will-change:transform;
}
.carousel [data-block*=Card] + [data-block*=Card] .card{
    margin-top:var(--space-none);
}
.carousel .carousel-container{
    --carousel-width:100%;
    width:var(--carousel-width);
    background-color:transparent;
    white-space:nowrap;
}
.carousel .carousel-container{


}
.carousel .carousel-container .list.list-group{
    background-color:transparent;
    white-space:nowrap;
}
.carousel .carousel-container .list.list-group{

}
.carousel .carousel-container > .carousel-container-content > *:not(.list), .carousel .carousel-container > .carousel-container-content > .list > div{
    display:inline-block;
    white-space:normal;
    width:100%;
}
.carousel .carousel-container .carousel-container-content > .list:not([data-virtualization-disabled]) > *,
.carousel .carousel-container .carousel-container-content > .list:not([data-animation-disabled]) > *{

}
.carousel .carousel-container .carousel-container-content > .list:not([data-virtualization-disabled]),
.carousel .carousel-container .carousel-container-content > .list:not([data-animation-disabled]){


}
.carousel .carousel-container .carousel-container-content > .list:not([data-virtualization-disabled]):after,
.carousel .carousel-container .carousel-container-content > .list:not([data-animation-disabled]):after{











}
.carousel .carousel-container-content{

}
.carousel .carousel-container-content .OSFillParent{
    display:inline-block;
}
.carousel .carousel-container-content .grid-gallery .OSFillParent{
    display:inherit;
}
.carousel .carousel-navigation{
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    background-color:var(--color-neutral-0);
    border-radius:var(--border-radius-circle);
    -webkit-box-shadow:var(--shadow-xs);
    box-shadow:var(--shadow-xs);
    color:var(--color-neutral-7);
    cursor:pointer;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    font-size:var(--font-size-h4);
    height:40px;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    opacity:1;
    position:absolute;
    top:50%;
    -webkit-transform:translateY(-25px);
    -ms-transform:translateY(-25px);
    transform:translateY(-25px);
    -webkit-transition:opacity 150ms linear;
    transition:opacity 150ms linear;
    width:40px;
    will-change:opacity;
    z-index:var(--layer-local-tier-2);
}
.carousel .carousel-navigation.disabled{
    opacity:0.3;
}
.carousel .carousel-navigation.hidden{
    display:none;
}
.carousel .carousel-navigation.carousel-navigation-left{
    left:24px;
}
.carousel .carousel-navigation.carousel-navigation-right{
    right:24px;
    text-align:right;
}
.carousel .carousel-dots-container{
    margin-top:var(--space-base);
    text-align:center;
}
.carousel .carousel-dots-container.disabled{
    display:none;
}
.carousel .carousel-dots-container .carousel-dot{
    background-color:var(--color-neutral-5);
    border-radius:var(--border-radius-circle);
    cursor:pointer;
    display:inline-block;
    height:8px;
    margin:0 var(--space-xs);
    width:8px;
}
.carousel .carousel-dots-container .carousel-dot.active{
    background-color:var(--color-primary);
}
.carousel-is-moving .hide-on-drag{
    opacity:0;
    -webkit-transition:opacity 250ms ease;
    transition:opacity 250ms ease;
}
.carousel .list.list-group{
    overflow:initial;
}
.carousel svg{
    max-width:100%;
}
.has-accessible-features .carousel .carousel-navigation:focus{
    -webkit-box-shadow:0 0 0 3px var(--color-focus-outer);
    box-shadow:0 0 0 3px var(--color-focus-outer);
}
/*! 6.8.4. Datepicker */
.pika-single{
    background:var(--color-neutral-0);
    border:var(--border-size-s) solid var(--color-neutral-4);
    border-radius:var(--border-radius-soft);
    display:block;
    margin-top:var(--space-xs);
    max-width:320px;
    position:relative;
}
.layout-native .pika-single{
    max-width:100%;
}
.pika-single.is-bound{
    -webkit-box-shadow:var(--shadow-s);
    box-shadow:var(--shadow-s);
    position:absolute !important;
    z-index:var(--layer-global-elevated);
}
.pika-single.is-hidden{
    display:none;
}
.pika-title{
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    padding:var(--space-m) var(--space-base);
}
.pika-title select{
    cursor:pointer;
    left:0;
    margin:0;
    opacity:0;
    position:absolute;
    right:0;
}
.pika-title .pika-time-container select{
    opacity:1;
    position:static;
}
.pika-labels{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-flex:1;
    -ms-flex:1;
    flex:1;
}
.pika-select-month{
    margin-left:var(--space-base);
    margin-right:0;
}
.year-first .pika-select-month{
    margin-left:var(--space-base);
    margin-right:0;
}
.pika-prev{
    background-color:transparent;
    border:var(--border-size-none);
    color:var(--color-neutral-7);
    cursor:pointer;
    font:normal normal normal 0 FontAwesome;
    padding:var(--space-none) var(--space-s);
}
.pika-prev:before{
    content:"\f104";
    font-size:var(--font-size-h5);
    position:relative;
}
.pika-next{
    background-color:transparent;
    border:var(--border-size-none);
    color:var(--color-neutral-7);
    cursor:pointer;
    font:normal normal normal 0 FontAwesome;
    margin-left:var(--space-base);
    padding:var(--space-none) var(--space-s);
}
.pika-next:before{
    content:"\f105";
    font-size:var(--font-size-h5);
    position:relative;
}
.pika-label{
    color:var(--color-primary);
    cursor:pointer;
    position:relative;
}
.pika-label:first-child{
    margin-right:var(--space-base);
}
.pika-label:hover{
    color:var(--color-primary-hover);
    text-decoration:underline;
}
.pika-table{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    padding:var(--space-none) var(--space-base) var(--space-base);
    width:100%;
}
.pika-table thead{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -ms-flex-direction:row;
    flex-direction:row;
}
.pika-table thead tr{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-flex:1;
    -ms-flex:1;
    flex:1;
}
.pika-table th{
    color:var(--color-neutral-7);
    -webkit-box-flex:1;
    -ms-flex:1;
    flex:1;
    font-weight:var(--font-regular);
}
.pika-table th abbr[title]{
    text-decoration:none;
}
.pika-table tbody{
    margin-top:var(--space-s);
    overflow:hidden;
}
.pika-table tbody tr{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -ms-flex-direction:row;
    flex-direction:row;
    margin-bottom:var(--space-xs);
}
.pika-table tbody tr:last-child{
    margin-bottom:var(--space-none);
}
.pika-table tbody td{
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    display:-webkit-inline-box;
    display:-ms-inline-flexbox;
    display:inline-flex;
    -webkit-box-flex:1;
    -ms-flex:1;
    flex:1;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
}
.pika-button{
    background-color:transparent;
    border:var(--border-size-none);
    border-radius:var(--border-radius-soft);
    color:var(--color-neutral-9);
    cursor:pointer;
    height:32px;
    padding:var(--space-none);
    position:relative;
    width:32px;
    z-index:var(--layer-local-tier-1);
}
.pika-button:hover{
    background-color:var(--color-neutral-3);
}
.is-today .pika-button{
    background-color:var(--color-neutral-4);
}
.is-inrange .pika-button{
    background:var(--color-primary) var(--color-primary-lightest);
}
.is-startrange .pika-button, .is-selected .pika-button, .is-endrange .pika-button{
    background:var(--color-primary);
    color:var(--color-neutral-0);
}
.is-disabled .pika-button, .is-disabled.is-outside-current-month .pika-button{
    color:var(--color-neutral-7);
    pointer-events:none;
    text-decoration:line-through;
}
.is-outside-current-month .pika-button{
    color:var(--color-neutral-7);
    text-decoration:none;
}
.has-event .pika-button:before{
    background-color:var(--color-primary);
    border-radius:var(--border-radius-circle);
    bottom:3px;
    content:"";
    height:4px;
    left:50%;
    margin-left:-2px;
    position:absolute;
    width:4px;
}
.is-selected.has-event .pika-button:before{
    background-color:var(--color-neutral-0);
}
.pika-today-container{
    height:auto;
    margin:var(--space-none) var(--space-none);
    padding:var(--space-none) var(--space-none) var(--space-none);
    width:100%;
}
.pika-today-container:hover{
    background-color:transparent;
}
.pika-go-today{
    background-color:transparent;
    border:var(--border-size-none);
    color:var(--color-primary);
    cursor:pointer;
    font-weight:normal;
    padding:var(--space-none);
}
.pika-go-today:hover{
    color:var(--color-primary-hover);
}
.pika-month, .pika-year{
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    margin-bottom:var(--space-base);
    width:33.333%;
}
.pika-month.is-selected, .pika-year.is-selected{
    background-color:var(--color-primary);
    color:var(--color-neutral-0);
}
.pika-time-container{
    margin:0 var(--space-base);
}
.pika-time-container select{
    background-color:transparent;
    border:0;
    color:var(--color-primary);
}
.pika-time-container option{
    color:var(--color-neutral-10);
}
input.OSFillParent.calendar-input{
    display:none;
}
.is-inrange{
    position:relative;
}
.is-inrange:before{
    background:var(--color-primary) var(--color-primary-lightest);
    border-radius:var(--border-radius-soft);
    content:"";
    height:100%;
    left:-8px;
    position:absolute;
    right:-14px;
    top:0;
}
.is-inrange:first-child:before{
    left:3px;
}
.is-inrange:last-child:before{
    right:3px;
}
.month-picker,
.year-picker{
    -webkit-box-direction:normal;
    -webkit-box-orient:horizontal;
    -ms-flex-direction:row;
    flex-direction:row;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    padding:var(--space-none);
}
.prev-year,
.next-year{
    color:var(--color-neutral-7);
}
.calendar-help-dialog{
    background-color:var(--color-neutral-0);
    bottom:0;
    color:var(--color-neutral-10);
    display:none;
    left:0;
    padding:var(--space-s);
    position:absolute;
    right:0;
    top:0;
    z-index:var(--laber-global-elevated);
}
.calendar-help-dialog.is--open{
    display:block;
}
.calendar-help-content{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    height:100%;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    overflow-y:auto;
}
.calendar-help-content p{
    margin:0;
}
.calendar-help-content ul{
    padding-left:var(--space-m);
}
.calendar-help-trigger{
    background-color:var(--color-info);
    clip:rect(0, 0, 0, 0);
    color:var(--color-neutral-0);
    height:0;
    left:50%;
    overflow:hidden;
    padding:var(--space-s);
    position:absolute;
    top:var(--space-xxl);
    -webkit-transform:translateX(-50%);
    -ms-transform:translateX(-50%);
    transform:translateX(-50%);
    white-space:nowrap;
    width:0;
}
.calendar-help-trigger:focus{
    clip:initial;
    height:auto;
    overflow:visible;
    width:auto;
    z-index:var(--laber-global-elevated);
}
.calendar-help-close{
    background-color:var(--color-neutral-0);
    color:var(--color-neutral-10);
    height:auto;
}
.portal-class ~ .pika-single.is-bound{
    z-index:calc(var(--layer-above) + var(--popup-layer));
}
.phone .pika-lendar tr{
    border-bottom:0;
}
.phone .pika-time td{
    display:initial;
}
.is-rtl .pika-next{
    margin-left:0;
    margin-right:var(--space-m);
    padding:var(--space-none) var(--space-xs);
}
.is-rtl .pika-next:before{
    content:"\f104";
}
.is-rtl .pika-prev:before{
    content:"\f105";
}
.is-rtl .pika-label:first-child{
    margin-left:var(--space-base);
    margin-right:0;
}
.desktop .has-accessible-features .pika-title select{
    border:none;
    color:var(--color-primary);
    opacity:1;
}
.desktop .has-accessible-features .pika-title select:hover{
    border-bottom:var(--border-size-s) solid var(--color-primary);
}
.desktop .has-accessible-features .pika-title select option{
    color:var(--color-neutral-10);
}
.desktop .has-accessible-features .pika-title .pika-label{
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
}
/*! 6.8.5. Dropdown Search an Tags (Common) */
.choices{
    min-width:150px;
    position:relative;
}
.choices:focus{
    outline:none;
}
.choices:last-child{
    margin-bottom:var(--space-none);
}
.choices.is-open.is-focused .choices__inner{
    border:var(--border-size-s) solid var(--color-primary);
    border-radius:var(--border-radius-soft);
}
.choices[data-type*=text] .choices__inner{
    cursor:text;
}
.choices[data-type*=text] .choices__button{
    border:var(--border-size-none);
    display:inline-block;
    line-height:1;
    margin-bottom:var(--space-none);
    margin-left:var(--space-s);
    margin-right:-4px;
    margin-top:var(--space-none);
    padding-left:var(--space-base);
    position:relative;
    width:8px;
}
.choices[data-type*=text] .choices__button:hover, .choices[data-type*=text] .choices__button:focus{
    opacity:1;
}
.choices.Not_Valid .choices__inner{
    border:var(--border-size-s) solid var(--color-error);
}
.choices.is-disabled{
    pointer-events:none;
}
.choices.is-disabled .choices__inner, .choices.is-disabled .choices__input{
    background-color:var(--color-neutral-0);
    cursor:not-allowed;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
}
.choices.is-disabled .choices__input::-webkit-input-placeholder{
    color:var(--color-neutral-6);
}
.choices.is-disabled .choices__input::-moz-placeholder{
    color:var(--color-neutral-6);
}
.choices.is-disabled .choices__input:-ms-input-placeholder{
    color:var(--color-neutral-6);
}
.choices.is-disabled .choices__input::-ms-input-placeholder{
    color:var(--color-neutral-6);
}
.choices.is-disabled .choices__input::placeholder{
    color:var(--color-neutral-6);
}
.choices.is-disabled .choices__item{
    cursor:not-allowed;
}
.choices.is-disabled .choices__item .choices__item--selectable{
    color:var(--color-neutral-6);
}
.choices.is-disabled .choices__inner{
    background-color:var(--color-neutral-2);
    border:var(--border-size-s) solid var(--color-neutral-4);
}
.choices .choices__inner select{
    opacity:0;
    pointer-events:none;
    position:absolute;
    width:1px;
    z-index:var(--layer-global-negative);
}
.choices .search--wrapper{
    padding:var(--space-s);
}
.choices__inner{
    background-color:var(--color-neutral-0);
    border:var(--border-size-s) solid var(--color-neutral-5);
    border-radius:var(--border-radius-soft);
    color:var(--color-neutral-3);
    display:inline-block;
    height:40px;
    line-height:calc(var(--font-size-base) * 2);
    padding-left:var(--space-base);
    -webkit-transition:all 180ms linear;
    transition:all 180ms linear;
    vertical-align:top;
    width:100%;
}
.choices__inner:hover{
    border:var(--border-size-s) solid var(--color-neutral-6);
}
.choices__list{
    list-style:none;
    margin:var(--space-none);
    padding-left:var(--space-none);
}
.choices__list::-webkit-scrollbar{
    width:5px;
}
.choices__list::-webkit-scrollbar-track{
    background:var(--color-neutral-4);
}
.choices__list::-webkit-scrollbar-thumb{
    background-color:var(--color-neutral-6);
}
.choices__list.choices__list--dropdown{
    border-radius:var(--border-radius-soft);
}
.choices__list.choices__list--dropdown.is-active{
    margin-top:var(--space-xs);
}
.choices__list--single{
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    display:-webkit-inline-box;
    display:-ms-inline-flexbox;
    display:inline-flex;
    height:100%;
    padding-right:var(--space-base);
    width:100%;
}
.choices__list--dropdown{
    background-color:var(--color-neutral-0);
    border:var(--border-size-s) solid var(--color-neutral-5);
    display:none;
    overflow:hidden;
    position:absolute;
    top:100%;
    width:100%;
    word-break:break-all;
    z-index:var(--layer-local-tier-3);
}
.choices__list--dropdown.is-active{
    display:block;
}
.choices__list--dropdown .choices__list{
    max-height:300px;
    overflow:auto;
    -webkit-overflow-scrolling:touch;
    position:relative;
    will-change:scroll-position;
}
.choices__list--dropdown .choices__item{
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    height:auto;
    min-height:40px;
    padding:var(--space-none) var(--space-base);
    position:relative;
}
.choices__list--dropdown .choices__item--selectable.is-highlighted{
    background-color:var(--color-neutral-2);
}
.choices__list--dropdown .choices__item--selectable.is-highlighted:after{
    opacity:0.5;
}
.choices__item{
    cursor:default;
}
.choices__item--disabled{
    cursor:not-allowed;
    opacity:0.5;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
}
.choices__item--selectable{
    cursor:pointer;
}
.choices__heading{
    border-bottom:var(--border-size-s) solid var(--color-neutral-0);
    color:var(--color-neutral-5);
    font-size:var(--font-size-s);
    font-weight:var(--font-semi-bold);
    padding:var(--space-s);
}
.choices__button{
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    background-color:transparent;
    background-position:center;
    background-repeat:no-repeat;
    border:var(--border-size-none);
    cursor:pointer;
    text-indent:-9999px;
}
.choices__button:focus{
    outline:none;
}
.choices__input{
    background-color:var(--color-neutral-0);
    border:var(--border-size-s) solid var(--color-neutral-5);
    border-radius:var(--border-radius-soft);
    display:inline-block;
    vertical-align:baseline;
    width:100%;
}
.choices__input:focus{
    outline:0;
}
.choices__placeholder{
    opacity:0.5;
}
.is-focused .choices__inner, .is-open .choices__inner{
    border-color:var(--color-primary);
    border-radius:var(--border-radius-soft);
    color:var(--color-neutral-1);
}
.is-open .choices__inner{
    border-radius:var(--border-radius-none);
}
.is-open.is-flipped .choices__inner{
    border-radius:var(--border-radius-none);
}
.is-flipped .choices__list--dropdown{
    border-radius:var(--border-radius-soft) var(--border-radius-soft) var(--border-radius-none) var(--border-radius-none);
    bottom:100%;
    margin-bottom:-1px;
    margin-top:var(--space-none);
    top:auto;
}
.search--wrapper{
    position:relative;
}
.search--wrapper:before{
    color:var(--color-neutral-6);
    content:"\f002";
    font:normal normal normal 14px/1 FontAwesome;
    font-family:"FontAwesome";
    left:var(--space-base);
    position:absolute;
    top:50%;
    -webkit-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    transform:translateY(-50%);
}
.search--wrapper input{
    height:40px;
    padding:var(--space-none) var(--space-base);
    -webkit-transition:all 180ms linear;
    transition:all 180ms linear;
}
.section-expandable-content .choices__list--dropdown.is-active{
    position:relative;
}
.tablet .choices__inner,
.phone .choices__inner{
    font-size:var(--font-size-base);
    height:48px;
}
.choices[dir=rtl][data-type*=text] .choices__button{
    margin-left:0;
    margin-right:var(--space-s);
    padding-left:var(--space-none);
}
.choices[dir=rtl].is-disabled .choices__inner{
    background-position:center left 16px;
}
.choices[dir=rtl] .search--wrapper:before{
    right:var(--space-base);
}
.choices[dir=rtl] .search--wrapper input:not(.btn):not(.checkbox):not(.radio-button){
    padding-right:var(--space-xl);
}
.choices[dir=rtl] .choices__item,
.choices[dir=rtl] .choices__list--dropdown .choices__item{
    text-align:right;
}
.choices[dir=rtl] .choices__input{
    padding-left:var(--space-none);
    padding-right:2px;
}
.has-accessible-features .choices__inner{
    border-color:var(--color-neutral-7);
}
.has-accessible-features .choices__inner:hover{
    border-color:var(--color-neutral-8);
}
.has-accessible-features .choices.is-open.is-focused .choices__inner{
    border-color:var(--color-focus-inner);
}
.has-accessible-features .search--wrapper input:focus{
    border-color:var(--color-focus-inner);
}
@media (min-width: 640px){
    .choices__list--dropdown .choices__item--selectable:after{
        content:attr(data-select-text);
        font-size:var(--font-size-xs);
        opacity:0;
        position:absolute;
        right:10px;
        top:50%;
        -webkit-transform:translateY(-50%);
        -ms-transform:translateY(-50%);
        transform:translateY(-50%);
    }
    .choices[dir=rtl] .choices__list--dropdown .choices__item--selectable{
        padding-right:var(--space-s);
        text-align:right;
    }
    .choices[dir=rtl] .choices__list--dropdown .choices__item--selectable:after{
        left:10px;
        right:auto;
    }
}
.layout-native .tabs .choices .choices__list.choices__list--dropdown{
    position:relative;
}
/*! 6.8.6. Dropdown Search */
.choices[data-type*=select-one]{
    cursor:pointer;
}
.choices[data-type*=select-one]:after{
    color:var(--color-neutral-7);
    content:"\f107";
    font:normal normal normal 24px/1 FontAwesome;
    font-family:"FontAwesome";
    position:absolute;
    right:16px;
    top:8px;
    -webkit-transform-origin:center;
    -ms-transform-origin:center;
    transform-origin:center;
    -webkit-transition:all 300ms ease;
    transition:all 300ms ease;
}
.choices[data-type*=select-one].is-open:after{
    color:var(--color-primary);
    -webkit-transform:rotate(180deg);
    -ms-transform:rotate(180deg);
    transform:rotate(180deg);
}
.choices[data-type*=select-one].is-disabled:after{
    color:var(--color-neutral-5);
}
.choices[data-type*=select-one].is-disabled .choices__list--single .choices__item{
    color:var(--color-neutral-6);
}
.choices[data-type*=select-one] .choices__button{
    display:none;
    height:auto;
    margin-right:var(--space-m);
    margin-top:-10px;
    padding:var(--space-none);
    position:absolute;
    right:0;
    top:50%;
    width:20px;
}
.choices[data-type*=select-one] .choices__button:hover, .choices[data-type*=select-one] .choices__button:focus{
    opacity:1;
}
.choices[data-type*=select-one] .choices__button:focus{
    -webkit-box-shadow:0 0 0 2px var(--shadow-xs);
    box-shadow:0 0 0 2px var(--shadow-xs);
}
.choices[data-type*=select-one] .search--wrapper input:not(.btn):not(.checkbox):not(.radio-button),
.choices[data-type*=select-one] .search--wrapper .input{
    max-width:100%;
    padding-left:var(--space-l);
}
.choices__list--single .choices__item{
    color:var(--color-neutral-10);
    overflow:hidden;
    padding-right:var(--space-base);
    text-overflow:ellipsis;
    white-space:nowrap;
    width:99%;
}
.tablet .choices[data-type*=select-one]:after,
.phone .choices[data-type*=select-one]:after{
    top:14px;
}
.choices[dir=rtl][data-type*=select-one]:after{
    left:16px;
    right:auto;
}
.choices[dir=rtl][data-type*=select-one] .choices__button{
    left:0;
    margin-left:var(--space-m);
    margin-right:var(--space-none);
    right:auto;
}
.choices[dir=rtl] .choices__list--single{
    padding-left:var(--space-base);
    padding-right:var(--space-xs);
}
.has-accessible-features .choices[data-type*=select-one]{
    border-radius:var(--border-radius-soft);
}
/*! 6.8.7. Dropdown Tags */
.choices__list--multiple{
    display:inline;
}
.choices__list--multiple .choices__item{
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    background-color:var(--color-neutral-3);
    border:var(--border-size-s) solid var(--color-neutral-3);
    border-radius:var(--border-radius-soft);
    color:var(--color-neutral-9);
    display:inline-table;
    font-size:var(--font-size-xs);
    font-weight:var(--font-semi-bold);
    height:32px;
    margin-left:var(--space-xs);
    margin-top:var(--space-xs);
    padding:var(--space-xs) var(--space-s);
    vertical-align:middle;
    word-break:break-all;
}
.choices__list--multiple .choices__item.is-highlighted{
    background-color:var(--color-primary);
    border:var(--border-size-s) solid var(--color-primary);
    color:var(--color-neutral-0);
}
.choices[data-type*=select-multiple].is-open.is-focused .choices__inner{
    border:var(--border-size-s) solid var(--color-primary);
    border-radius:var(--border-radius-soft);
}
.choices[data-type*=select-multiple].is-open .choices__inner{
    border:var(--border-size-s) solid var(--color-neutral-5);
}
.choices[data-type*=select-multiple].is-disabled .choices__item.choices__item--selectable{
    color:var(--color-neutral-7);
}
.choices[data-type*=select-multiple] .choices__button{
    border:var(--border-size-none);
    display:inline-block;
    line-height:1;
    margin-bottom:var(--space-none);
    margin-left:var(--space-s);
    margin-right:-4px;
    margin-top:var(--space-none);
    padding-left:var(--space-base);
    position:relative;
    width:8px;
}
.choices[data-type*=select-multiple] .choices__button::after{
    color:var(--color-neutral-7);
    content:"\f00d";
    font:normal normal normal 14px/1 FontAwesome;
    font-family:"FontAwesome";
    left:0;
    position:absolute;
    text-indent:0;
    top:50%;
    -webkit-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    transform:translateY(-50%);
}
.choices[data-type*=select-multiple] .choices__button:hover, .choices[data-type*=select-multiple] .choices__button:focus{
    opacity:1;
}
.choices[data-type*=select-multiple] .choices__inner{
    border-radius:var(--border-radius-soft);
    cursor:text;
    height:auto;
    padding:0;
}
.choices[data-type*=select-multiple] .choices__item.is-highlighted .choices__button::after{
    color:var(--color-neutral-0);
}
.choices[data-type*=select-multiple] .choices__item[data-deletable]{
    padding-right:var(--space-xs);
}
.choices[data-type*=select-multiple] .choices__input{
    background-color:transparent;
}
.choices[data-type*=select-multiple] .search--wrapper{
    padding:0 var(--space-xs) 0 0;
    width:auto;
}
.choices[data-type*=select-multiple] .search--wrapper::before{
    left:var(--space-base);
}
.choices[data-type*=select-multiple] .search--wrapper input:not(.btn):not(.checkbox):not(.radio-button),
.choices[data-type*=select-multiple] .search--wrapper .input{
    padding-left:var(--space-xl);
    width:100% !important;
}
.choices[data-type*=select-multiple] .search--wrapper input{
    border:0;
}
.choices[data-type*=select-multiple] .search--wrapper input:focus{
    border:0;
    -webkit-box-shadow:none;
    box-shadow:none;
}
.is-disabled .choices__list--multiple .choices__item{
    background-color:var(--color-neutral-6);
    border:var(--border-size-s) solid var(--color-neutral-7);
}
.dropdown-tag-select{
    opacity:0;
}
.dropdown-tag-preview .card{
    padding:var(--space-xs);
}
.choices[dir=rtl] .choices__list--multiple .choices__item{
    margin-left:var(--space-none);
    margin-right:var(--space-xs);
}
.choices[dir=rtl][data-type*=select-multiple] .choices__button{
    margin-left:0;
    margin-right:var(--space-s);
    padding-left:var(--space-none);
}
.has-accessible-features .choices[data-type=select-multiple].is-open.is-focused .choices__inner{
    border-color:var(--color-focus-inner);
    -webkit-box-shadow:0px 0px 0px 3px var(--color-focus-outer);
    box-shadow:0px 0px 0px 3px var(--color-focus-outer);
}
/*! 6.8.8. Flip Content */
.flip-content{
    position:relative;
    -webkit-perspective:1000;
    perspective:1000;


}
.flip-content-container{
    position:relative;
    -webkit-transition:all 630ms cubic-bezier(0.03, 0.01, 0.67, 1.97);
    transition:all 630ms cubic-bezier(0.03, 0.01, 0.67, 1.97);
    -webkit-transform-style:preserve-3d;
    transform-style:preserve-3d;


}
.flip-content-front,
.flip-content-back{
    left:0;
    top:0;
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden;
}
.flip-content-front:empty,
.flip-content-back:empty{

}
.flip-content-front{
    position:relative;
    z-index:var(--layer-local-tier-1);
}
.flip-content-back{
    position:absolute;
    width:100%;

}
.flip-content.flipped .flip-content-front{
    position:absolute;
}
.flip-content.flipped .flip-content-back{
    position:relative;
    -webkit-transform:rotateY(90deg);
    transform:rotateY(90deg);
}
.flip-content.flipped .flip-content-container{
    -webkit-transform:rotateY(-90deg);
    transform:rotateY(-90deg);
}
/*! 6.8.9. Gallery */
.grid-gallery, .grid-gallery > .list{
    display:grid;
    grid-gap:var(--grid-gap);
    grid-template-columns:repeat(var(--grid-desktop), 1fr);
}
.grid-gallery > *{
    margin-top:0;
}
.grid-gallery > .list{
    grid-column-end:calc(var(--grid-desktop) + 1);
    grid-column-start:1;
    overflow:initial;
}
.grid-gallery > .list .card,
.grid-gallery > .list .animate{
    height:100%;
}
.grid-gallery > img{
    -o-object-fit:cover;
    object-fit:cover;
}
.tablet .grid-gallery, .tablet .grid-gallery > .list{
    grid-template-columns:repeat(var(--grid-tablet), 1fr);
}
.tablet .grid-gallery > .list{
    grid-column-end:calc(var(--grid-tablet) + 1);
}
.phone .grid-gallery, .phone .grid-gallery > .list{
    grid-template-columns:repeat(var(--grid-phone), 1fr);
}
.phone .grid-gallery > .list{
    grid-column-end:calc(var(--grid-phone) + 1);
}
/*! 6.8.10. Horizontal Scroll */
.horizontal-scroll{
    overflow-x:auto;
    overflow-y:hidden;
    white-space:nowrap;
}
.horizontal-scroll{


}
.horizontal-scroll > *:not(table){
    display:inline-block;
    -webkit-transform:translateZ(0);
    transform:translateZ(0);
}
.horizontal-scroll > .list > *{
    display:inline-block;
    -webkit-transform:translateZ(0);
    transform:translateZ(0);
}
.horizontal-scroll > .list > :not(:first-child){
    margin-left:var(--space-base);
}
.horizontal-scroll > .list > [data-block*=Card] + [data-block*=Card] .card{
    margin-top:var(--space-none);
}
.horizontal-scroll .list{
    background-color:transparent;
}
.horizontal-scroll > :not(:first-child){
    margin-left:var(--space-base);
}
.horizontal-scroll > [data-block*=Card] + [data-block*=Card] .card{
    margin-top:var(--space-none);
}
/*! 6.8.11. Notification */
.notification{
    background-color:var(--color-neutral-0);
    border:var(--border-size-s) solid var(--color-neutral-4);
    border-radius:var(--border-radius-soft);
    -webkit-box-shadow:var(--shadow-xl);
    box-shadow:var(--shadow-xl);
    color:var(--color-neutral-10);
    left:50%;
    padding:var(--space-m);
    position:fixed;
    top:0;
    -webkit-transform:translateY(-120%) translateX(-50%);
    -ms-transform:translateY(-120%) translateX(-50%);
    transform:translateY(-120%) translateX(-50%);
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    width:370px;
    z-index:var(--layer-global-off-canvas);
}
.notification{



}
.notification-content{
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
}
.notification--visible{
    -webkit-transform:translateY(24px) translateX(-50%);
    -ms-transform:translateY(24px) translateX(-50%);
    transform:translateY(24px) translateX(-50%);
}
.notification--visible.notification--animatable{
    -webkit-transition:all 330ms ease-out;
    transition:all 330ms ease-out;
}
.notification--animatable{
    -webkit-transition:all 130ms ease-in;
    transition:all 130ms ease-in;
}
.layout-native .notification{
    left:50%;
    margin-left:-185px;
    -webkit-transform:translateY(-120%) translateX(0);
    -ms-transform:translateY(-120%) translateX(0);
    transform:translateY(-120%) translateX(0);
}
.layout-native .notification{



}
.layout-native .notification--visible{
    -webkit-transform:translateY(24px) translateX(0);
    -ms-transform:translateY(24px) translateX(0);
    transform:translateY(24px) translateX(0);
}
.slide-from-left-enter .layout-native .notification,
.slide-from-left-leave .layout-native .notification,
.slide-from-right-enter .layout-native .notification,
.slide-from-right-leave .layout-native .notification,
.slide-from-top-enter .layout-native .notification,
.slide-from-top-leave .layout-native .notification,
.slide-from-bottom-enter .layout-native .notification,
.slide-from-bottom-leave .layout-native .notification,
.fade-enter .layout-native .notification,
.fade-leave .layout-native .notification{
    display:none;
}
.tablet .layout-native .notification{
    left:50%;
    margin-left:-185px;
}
.phone .layout-native .notification{
    left:16px;
    margin-left:0;
    right:16px;
    width:auto;
}
.android .layout-native .notification--visible{
    margin-top:max(var(--status-bar-height), var(--safe-area-inset-top, 0px));
}
.ios.phone.landscape .layout-native .notification{
    left:calc(var(--os-safe-area-left) + 16px);
    right:calc(var(--os-safe-area-right) + 16px);
}
.ios .layout-native .notification--visible{
    margin-top:max(var(--status-bar-height), var(--safe-area-inset-top, 0px));
}
/*! 6.8.12. Progress Bar */
.progress{
    background-color:var(--color-primary);
    -webkit-transform-origin:left;
    -ms-transform-origin:left;
    transform-origin:left;
    -webkit-transition:all 750ms ease-out;
    transition:all 750ms ease-out;
    will-change:width;
}
.progress-bar{
    background-color:var(--color-neutral-3);
    overflow:hidden;
    position:relative;
}
.progress-bar-text{
    display:none;
}
/*! 6.8.13. Progress Circle */
.progress-circle{
    position:relative;
}
.progress-circle svg{
    height:100%;
    stroke-linecap:round;
}
.progress-circle .progressbar-text{
    text-align:center;
}
.progress-circle-outer{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    padding:var(--space-base);
}
.progress-circle-small .progressbar-text{
    font-size:var(--font-size-h4);
}
.progress-circle-medium .progressbar-text{
    font-size:var(--font-size-h3);
}
.progress-circle-large .progressbar-text{
    font-size:var(--font-size-display);
}
/*! 6.8.14. Progress Circle Fraction */
.progress-circle-text{
    left:50%;
    position:absolute;
    top:50%;
    -webkit-transform:translate(-50%, -50%);
    -ms-transform:translate(-50%, -50%);
    transform:translate(-50%, -50%);
    line-height:1.2;
}
.progress-circle-text{


}
.progress-circle-text-numerator{
    font-size:var(--font-size-h4);
}
.progress-circle-text-denominator{
    font-size:var(--font-size-h6);
}
.progress-circle-medium .progress-circle-text-numerator{
    font-size:var(--font-size-h1);
}
.progress-circle-medium .progress-circle-text-denominator{
    font-size:var(--font-size-h4);
}
.progress-circle-large .progress-circle-text-numerator{
    font-size:44px;
}
.progress-circle-large .progress-circle-text-denominator{
    font-size:var(--font-size-h2);
}
/*! 6.8.15. Section Index */
.section-index{
    border-left:var(--border-size-s) solid var(--color-neutral-5);
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
}
.section-index.is--sticky{
    position:sticky;
    top:var(--top-position);
}
.section-index-item{
    cursor:pointer;
}
.section-index-item:last-child{
    margin-bottom:var(--space-none);
}
.section-index-item.is--active{
    border-left:var(--border-size-m) solid var(--color-primary);
    color:var(--color-neutral-9);
    font-weight:var(--font-semi-bold);
}
.section-index a, .section-index a:visited{
    border-left:var(--border-size-m) solid transparent;
    color:var(--color-neutral-8);
    margin-bottom:var(--space-s);
    padding-left:var(--space-base);
}
.section-index a:hover{
    color:var(--color-neutral-9);
}
.layout-native .section-index.is--sticky{
    position:fixed;
    top:calc(var(--header-size) + var(--header-size-content) + var(--top-position) + var(--os-safe-area-top));
}
.android .layout-native .section-index.is--sticky{
    top:calc(var(--header-size) + var(--header-size-content) + var(--top-position) + max(var(--status-bar-height), var(--safe-area-inset-top, 0px)));
}
.safari [data-block*=SectionIndex]{
    display:contents;
}
.has-accessible-features .section-index a:focus{
    background-color:transparent;
    -webkit-box-shadow:0 0 0 3px var(--color-focus-outer);
    box-shadow:0 0 0 3px var(--color-focus-outer);
}
/*! 6.8.16. Sidebar */
.sidebar{
    background-color:var(--color-neutral-0);
    -webkit-box-shadow:var(--shadow-l);
    box-shadow:var(--shadow-l);
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    height:100%;
    margin:var(--space-none);
    position:fixed;
    right:0;
    top:0;
    -webkit-transform:translateX(102%);
    -ms-transform:translateX(102%);
    transform:translateX(102%);
    -webkit-transition:all 130ms ease-in;
    transition:all 130ms ease-in;
    width:500px;
    will-change:transform;
    z-index:var(--layer-global-off-canvas);
}
.sidebar{






}
.sidebar:before{
    background-color:transparent;
    content:"";
    height:100%;
    left:-24px;
    position:fixed;
    width:24px;
}
.sidebar-header, .sidebar-content{
    padding:var(--space-base) var(--space-m);
}
.sidebar-content{
    -webkit-box-flex:1;
    -ms-flex:1;
    flex:1;
    overflow:auto;
    -webkit-overflow-scrolling:touch;
}
.active-screen.screen-container .sidebar.sidebar-open{
    -webkit-transform:none;
    -ms-transform:none;
    transform:none;
    -webkit-transition:all 330ms ease-out;
    transition:all 330ms ease-out;
    will-change:transform;
}
.desktop .sidebar:before{
    display:none;
}
.android .layout-native .sidebar{
    padding-top:max(var(--status-bar-height), var(--safe-area-inset-top, 0px));
}
.ios .layout-native .sidebar{
    padding-bottom:var(--os-safe-area-bottom);
    padding-top:var(--os-safe-area-top);
}
.ios .phone.landscape .layout-native .sidebar:before{
    left:calc((var(--os-safe-area-left) + 12px) * -1);
    width:calc(var(--os-safe-area-left) + 12px);
}
.landscape .layout-native .sidebar{
    padding-bottom:var(--os-safe-area-bottom);
}
.tablet .sidebar.full-width,
.phone .sidebar.full-width{
    width:100%;
}
.tablet .sidebar.full-width-vw,
.phone .sidebar.full-width-vw{
    width:100vw;
}
.tablet .layout-native .sidebar{
    width:336px;
}
.phone .sidebar{
    width:85vw;
}
/*! 6.8.17. Search */
.search{
    position:relative;
}
.search:empty{

}
.search-input{
    position:relative;
}
.search-input:empty{



}
.search-input:after{
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    color:var(--color-neutral-6);
    content:"\f002";
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    font:normal normal normal 14px/1 FontAwesome;
    height:100%;
    left:16px;
    position:absolute;
    top:0;
}
.search-preview{
    display:none;
}
.search .form-control[data-input]{
    padding-left:var(--space-xl);
}
.form .search input[data-input]{
    margin-bottom:var(--space-none);
}
.is-rtl .search-input:after{
    left:auto;
    right:16px;
}
.is-rtl .search .form-control[data-input]{
    padding-left:var(--space-base);
    padding-right:var(--space-xl);
}
.layout-native .header .search input[data-input], .layout-native .header .search input[data-input]:empty{
    border:var(--border-size-none);
    padding-left:var(--space-xl);
}
.layout-native .header-right .search{
    background-color:transparent;
    padding:var(--space-none);
    position:static;
}
.layout-native .header-right .search.open .search-glass .search-round, .layout-native .header-right .search.open .search-glass .search-stick-bottom{
    height:24px;
    right:17px;
}
.layout-native .header-right .search.open .search-glass .search-round{
    border-radius:var(--border-radius-none);
    -webkit-box-shadow:inset 0 0 0 3px var(--color-neutral-6);
    box-shadow:inset 0 0 0 3px var(--color-neutral-6);
    -webkit-transform:rotate(135deg);
    -ms-transform:rotate(135deg);
    transform:rotate(135deg);
    width:3px;
}
.layout-native .header-right .search.open .search-glass .search-stick-bottom{
    background-color:var(--color-neutral-6);
    top:12px;
    -webkit-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    transform:rotate(45deg);
}
.layout-native .header-right .search.open .search-input{
    -webkit-transform:translate(0, 0);
    -ms-transform:translate(0, 0);
    transform:translate(0, 0);
}
.layout-native .header-right .search-glass{
    display:inline-block;
    height:44px;
    position:relative;
    width:40px;
}
.layout-native .header-right .search-round{
    border-radius:var(--border-radius-circle);
    -webkit-box-shadow:inset 0 0 0 3px var(--color-neutral-6);
    box-shadow:inset 0 0 0 3px var(--color-neutral-6);
    height:16px;
    margin-top:-10px;
    position:absolute;
    right:13px;
    top:50%;
    -webkit-transition:all 300ms ease;
    transition:all 300ms ease;
    width:16px;
}
.layout-native .header-right .search-stick-bottom{
    background-color:var(--color-neutral-6);
    content:"";
    height:10px;
    position:absolute;
    right:12px;
    top:23px;
    -webkit-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
    transform:rotate(-45deg);
    -webkit-transition:all 300ms ease;
    transition:all 300ms ease;
    width:3px;
}
.layout-native .header-right .search-input{
    left:var(--os-safe-area-left);
    position:absolute;
    right:0;
    top:var(--os-safe-area-top);
    -webkit-transform:translate(0, calc(-100% - var(--os-safe-area-top)));
    -ms-transform:translate(0, calc(-100% - var(--os-safe-area-top)));
    transform:translate(0, calc(-100% - var(--os-safe-area-top)));
    -webkit-transition:all 300ms ease;
    transition:all 300ms ease;
}
.layout-native .header-right .search-input input[data-input], .layout-native .header-right .search-input input[data-input]:empty{
    height:34px;
    padding-left:var(--space-xl);
    -webkit-transition:none;
    transition:none;
}
.layout-native .header-right .search-input input[data-input]:focus{
    border-bottom:var(--border-size-s) solid transparent;
}
.layout-native .header-right .search-input ::-webkit-input-placeholder{
    color:var(--color-neutral-6);
}
.layout-native .header-content .search input[data-input], .layout-native .header-content .search input[data-input]:empty{
    border-radius:var(--border-radius-none);
    height:var(--header-size);
}
.slide-from-left-enter .layout-native .header-right .search-input,
.slide-from-left-leave .layout-native .header-right .search-input,
.slide-from-right-enter .layout-native .header-right .search-input,
.slide-from-right-leave .layout-native .header-right .search-input,
.slide-from-top-enter .layout-native .header-right .search-input,
.slide-from-top-leave .layout-native .header-right .search-input,
.slide-from-bottom-enter .layout-native .header-right .search-input,
.slide-from-bottom-leave .layout-native .header-right .search-input,
.fade-enter .header-right .layout-native .search-input,
.fade-leave .header-right .layout-native .search-input{
    display:none;
}
/*! 6.8.18. Submenu */
.submenu{
    cursor:pointer;
    display:-webkit-inline-box;
    display:-ms-inline-flexbox;
    display:inline-flex;
    height:100%;
    margin-left:var(--space-base);
    position:relative;
}
.submenu{

}
.submenu:hover .submenu-icon:before{
    border:var(--border-size-s) solid var(--color-neutral-9);
    border-right:0;
    border-top:0;
}
.submenu.active.open .submenu-item{
    color:var(--color-primary);
}
.submenu.active .submenu-header{
    border-bottom:var(--border-size-m) solid var(--color-primary);
}
.submenu.active .submenu-item,
.submenu.active .submenu-item a{
    color:var(--color-primary);
}
.submenu.active .submenu-icon:before{
    border:var(--border-size-s) solid var(--color-primary);
    border-right:0;
    border-top:0;
}
.submenu.open .submenu-icon{
    top:3px;
    -webkit-transform:rotate(135deg);
    -ms-transform:rotate(135deg);
    transform:rotate(135deg);
}
.submenu.open .submenu-items{
    opacity:1;
    pointer-events:auto;
    -webkit-transform:translateY(0px);
    -ms-transform:translateY(0px);
    transform:translateY(0px);
}
.submenu.is--dropdown .submenu-icon{
    display:-webkit-inline-box;
    display:-ms-inline-flexbox;
    display:inline-flex;
}
.submenu-header{
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    border-bottom:var(--border-size-m) solid transparent;
    border-top:var(--border-size-m) solid transparent;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    padding:var(--space-none) var(--space-s);
    -webkit-transition:all 150ms linear;
    transition:all 150ms linear;
}
.submenu-icon{
    display:none;
    margin-left:var(--space-s);
    position:relative;
    top:-1px;
    -webkit-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
    transform:rotate(-45deg);
    -webkit-transition:all 150ms linear;
    transition:all 150ms linear;
}
.submenu-icon:before{
    border:var(--border-size-s) solid var(--color-neutral-8);
    border-right:0;
    border-top:0;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    content:"";
    height:6px;
    -webkit-transition:all 150ms linear;
    transition:all 150ms linear;
    width:6px;
}
.submenu-item{
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    color:var(--color-neutral-9);
    display:-webkit-inline-box;
    display:-ms-inline-flexbox;
    display:inline-flex;
    height:100%;
    position:relative;
    -webkit-transition:all 150ms linear;
    transition:all 150ms linear;
}
.submenu-item a{
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    color:var(--color-neutral-8);
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    height:100%;
}
.submenu-items{
    background-color:var(--color-neutral-0);
    border:var(--border-size-s) solid var(--color-neutral-4);
    border-radius:var(--border-radius-soft);
    -webkit-box-shadow:var(--shadow-m);
    box-shadow:var(--shadow-m);
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    left:0;
    min-width:100px;
    opacity:0;
    padding:var(--space-s) var(--space-none);
    pointer-events:none;
    position:absolute;
    top:calc(100% + var(--space-xs));
    -webkit-transform:translateY(-8px);
    -ms-transform:translateY(-8px);
    transform:translateY(-8px);
    -webkit-transition:all 130ms ease-out;
    transition:all 130ms ease-out;
    z-index:var(--layer-global-elevated);
}
.submenu-items{




}
.submenu-items a{
    color:var(--color-neutral-8);
    margin:0;
    padding:var(--space-s) var(--space-base);
    white-space:nowrap;
}
.submenu-items a.active{
    color:var(--color-primary);
}
.layout:not(.layout-side) .app-menu-links .submenu a{
    border-bottom:none;
}
.layout .header .submenu-items{

}
.layout .submenu{

}
.layout-side .app-menu-links .submenu a{
    border-left:none;
}
.layout-side .submenu{
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    margin-left:var(--space-none);
    width:100%;
}
.layout-side .submenu.active .submenu-header{
    border-left:var(--border-size-m) solid var(--color-primary);
}
.layout-side .submenu.open .submenu-items{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
}
.layout-side .submenu .submenu-header{
    border-bottom:0;
    border-left:var(--border-size-m) solid transparent;
    border-top:0;
    padding:var(--space-s) var(--space-m);
}
.layout-side .submenu-item{
    -webkit-box-flex:1;
    -ms-flex:1;
    flex:1;
}
.layout-side .submenu-items{
    border:none;
    -webkit-box-shadow:none;
    box-shadow:none;
    display:none;
    opacity:1;
    padding:var(--space-xs) var(--space-m);
    pointer-events:auto;
    position:relative;
    top:0;
    -webkit-transform:translateY(0);
    -ms-transform:translateY(0);
    transform:translateY(0);
}
.layout-side .submenu-items a{
    padding:var(--space-s) var(--space-base);
}
.layout-side .app-menu-links .submenu-header a,
.menu-visible .app-menu-links .submenu-header a{
    padding:var(--space-none);
}
.desktop .submenu:hover .submenu-item{
    color:var(--color-neutral-9);
}
.desktop .submenu.active .submenu-header:hover .submenu-item{
    color:var(--color-primary);
}
.desktop .submenu-header:hover{
    border-bottom:var(--border-size-m) solid var(--color-primary);
}
.desktop .submenu-item a:hover{
    color:var(--color-neutral-9);
}
.desktop .submenu-items a:hover{
    background-color:var(--color-neutral-2);
    color:var(--color-neutral-9);
}
.desktop .submenu-items a.active:hover{
    color:var(--color-primary);
}
.desktop .layout-side .submenu .submenu-header{
    border-bottom:var(--border-size-m) solid transparent;
}
.desktop .layout-side .submenu .submenu-header:hover{
    border-bottom:var(--border-size-m) solid transparent;
}
.tablet .submenu,
.phone .submenu{
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    margin-left:var(--space-none);
    width:100%;
}
.tablet .submenu.active .submenu-header,
.phone .submenu.active .submenu-header{
    border-left:var(--border-size-m) solid var(--color-primary);
    border-bottom:0;
}
.tablet .submenu.open .submenu-items,
.phone .submenu.open .submenu-items{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
}
.tablet .submenu-header,
.phone .submenu-header{
    border-bottom:0;
    border-left:var(--border-size-m) solid transparent;
    border-top:0;
    padding:var(--space-s) var(--space-m);
}
.tablet .submenu-item,
.phone .submenu-item{
    -webkit-box-flex:1;
    -ms-flex:1;
    flex:1;
}
.tablet .submenu-items,
.phone .submenu-items{
    border:none;
    -webkit-box-shadow:none;
    box-shadow:none;
    display:none;
    opacity:1;
    padding:var(--space-xs) var(--space-m);
    pointer-events:auto;
    position:relative;
    top:0;
    -webkit-transform:translateY(0);
    -ms-transform:translateY(0);
    transform:translateY(0);
}
.is-rtl .layout-side .submenu .submenu-header{
    border-left:0;
    border-right:var(--border-size-m) solid transparent;
}
.is-rtl.tablet .submenu.active .submenu-header, .is-rtl.phone .submenu.active .submenu-header{
    border-left:0;
    border-right:var(--border-size-m) solid var(--color-primary);
}
.is-rtl.tablet .submenu .submenu-header, .is-rtl.phone .submenu .submenu-header{
    border-left:0;
    border-right:var(--border-size-m) solid transparent;
}
.is-rtl .submenu-icon{
    margin-left:var(--space-none);
    margin-right:var(--space-s);
}
.is-rtl .layout-side .submenu.active .submenu-header{
    border-left:var(--border-size-none);
    border-right:var(--border-size-m) solid var(--color-primary);
}
/*! 6.8.19. Tabs */
.tabs{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
}
.tabs.justified .tabs-header{
    width:100%;
}
.tabs.justified [data-block*=TabsHeaderItem]{
    -webkit-box-flex:1;
    -ms-flex:1;
    flex:1;
}
.tabs.justified [data-block*=TabsHeaderItem] .tabs-header-tab{
    margin-left:var(--space-none);
}
.tabs.tabs-vertical{
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -ms-flex-direction:row;
    flex-direction:row;
    -ms-flex-wrap:nowrap;
    flex-wrap:nowrap;
}
.tabs.tabs-vertical.justified .tabs-header{
    height:auto;
}
.tabs.tabs-vertical.tabs-header-right .tabs-header{
    -webkit-box-ordinal-group:3;
    -ms-flex-order:2;
    order:2;
}
.tabs.tabs-vertical.tabs-header-right .tabs-header .tabs-header-tab{
    border-left:var(--border-size-m) solid transparent;
    border-right:var(--border-size-none);
    padding:var(--space-s) var(--space-none) var(--space-s) var(--space-m);
}
.tabs.tabs-vertical.tabs-header-right .tabs-header .tabs-header-tab.active{
    border-left:var(--border-size-m) solid var(--color-primary);
}
.tabs.tabs-vertical.tabs-header-right .tabs-content{
    border-left:var(--border-size-none);
    border-right:var(--border-size-s) solid var(--color-neutral-5);
    margin-left:var(--space-none);
    margin-right:-1px;
}
.tabs.tabs-vertical .tabs-header,
.tabs.tabs-vertical .tabs-header .ListRecords{
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    height:100%;
    width:auto;
    word-break:initial;
}
.tabs.tabs-vertical .tabs-header .tabs-header-tab{
    border-bottom:var(--border-size-none);
    border-right:var(--border-size-m) solid transparent;
    -webkit-box-pack:start;
    -ms-flex-pack:start;
    justify-content:flex-start;
    margin-left:var(--space-none);
    padding:var(--space-s) var(--space-m) var(--space-s) var(--space-none);
}
.tabs.tabs-vertical .tabs-header-tab.active{
    border-right:var(--border-size-m) solid var(--color-primary);
}
.tabs.tabs-vertical .tabs-content{
    border-left:var(--border-size-s) solid var(--color-neutral-5);
    border-top:var(--border-size-none);
    margin-left:-1px;
    margin-top:var(--space-none);
    padding:var(--space-none) var(--space-m);
}
.tabs-header,
.tabs-header .list{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    overflow-x:auto;
    position:relative;
    width:100%;
    z-index:var(--layer-local-tier-1);
}
.tabs-header-tab{
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    border-bottom:var(--border-size-m) solid transparent;
    color:var(--color-neutral-8);
    cursor:pointer;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    margin-left:var(--space-l);
    padding:var(--space-base) var(--space-xs);
    -webkit-transition:border 150ms linear;
    transition:border 150ms linear;
    white-space:nowrap;
}
.tabs-header-tab.active{
    border-bottom:var(--border-size-m) solid var(--color-primary);
    color:var(--color-neutral-10);
    font-weight:var(--font-semi-bold);
}
.tabs-content{
    border-top:var(--border-size-s) solid var(--color-neutral-5);
    -webkit-box-flex:1;
    -ms-flex-positive:1;
    flex-grow:1;
    margin-top:-1px;
    padding:var(--space-m) var(--space-none);
    position:relative;
    width:100%;
    z-index:var(--layer-global-auto);
}
.tabs-content-tab:not(.open){
    display:none;
}
.tabs-content-tab:not(.open){

}
[data-block*=TabsHeaderItem]:first-child .tabs-header-tab{
    margin-left:var(--space-none);
}
.popup-dialog .tabs .tabs-content-tab:not(.open){
    display:none;
}
.popup-dialog .tabs .tabs-content-tab:not(.open){

}
.layout-native .tabs.tabs-section-group .tabs-content{
    overflow:initial;
}
.layout-native .tabs.tabs-vertical .tabs-content-tab:not(.open){
    display:none;
}
.layout-native .tabs.tabs-vertical .tabs-content .tabs-content-wrapper{
    -webkit-transform:translateX(0px) translateZ(0px) !important;
    transform:translateX(0px) translateZ(0px) !important;
}
.layout-native .tabs-content{
    overflow:hidden;
    white-space:nowrap;
    width:100%;
}
.layout-native .tabs-content{


}
.layout-native .tabs-content-wrapper{
    -webkit-transition:-webkit-transform 230ms ease-in-out;
    transition:-webkit-transform 230ms ease-in-out;
    transition:transform 230ms ease-in-out;
    transition:transform 230ms ease-in-out, -webkit-transform 230ms ease-in-out;
}
.layout-native .tabs-content-tab{
    display:-webkit-inline-box;
    display:-ms-inline-flexbox;
    display:inline-flex;
    height:100%;
    position:relative;
    vertical-align:top;
    white-space:normal;
    width:100%;
    overflow:hidden;
}
.layout-native .tabs-content-tab > *{
    left:0;
    position:absolute;
    top:0;
    width:100%;
}
.layout-native .tabs-content-tab > *{

}
.layout-native .tabs-content-tab.open > *{
    position:relative;
}
.layout-native .tabs-content-tab:not(.open){
    display:inline-block;
}
.desktop .tabs.tabs-vertical .tabs-header-tab:hover{
    border-bottom:var(--border-size-none);
    border-right:var(--border-size-m) solid var(--color-neutral-6);
}
.desktop .tabs.tabs-vertical .tabs-header-tab.active:hover{
    border-right:var(--border-size-m) solid var(--color-primary);
}
.desktop .tabs.tabs-vertical.tabs-header-right .tabs-header-tab:hover{
    border-left:var(--border-size-m) solid var(--color-neutral-6);
}
.desktop .tabs.tabs-vertical.tabs-header-right .tabs-header-tab.active:hover{
    border-left:var(--border-size-m) solid var(--color-primary);
    border-right:var(--border-size-none);
}
.desktop .tabs-header-tab:hover{
    border-bottom:var(--border-size-m) solid var(--color-neutral-6);
    color:var(--color-neutral-10);
}
.desktop .tabs-header-tab.active:hover{
    border-bottom:var(--border-size-m) solid var(--color-primary);
}
.is-rtl .tabs.tabs-vertical.tabs-header-right .tabs-header .tabs-header-tab{
    border-left:var(--border-size-none);
    border-right:var(--border-size-m) solid transparent;
    margin:0;
    padding:var(--space-s) var(--space-m) var(--space-s) var(--space-none);
}
.is-rtl .tabs.tabs-vertical.tabs-header-right .tabs-content{
    border-left:var(--border-size-s) solid var(--color-neutral-5);
    border-right:0;
}
.is-rtl .tabs.tabs-vertical .tabs-header-tab{
    border-left:var(--border-size-m) solid transparent;
    border-right:var(--border-size-none);
    margin:0;
    padding:var(--space-s) var(--space-none) var(--space-s) var(--space-m);
}
.is-rtl .tabs.tabs-vertical .tabs-header-tab.active{
    border-left:var(--border-size-m) solid var(--color-primary);
    border-right:var(--border-size-none);
}
.is-rtl .tabs.tabs-vertical .tabs-content{
    border-left:0;
    border-right:var(--border-size-s) solid var(--color-neutral-5);
}
.is-rtl .tabs-header-tab{
    margin-left:0;
    margin-right:var(--space-l);
}
.is-rtl [data-block*=TabsHeaderItem]:first-child .tabs-header-tab{
    margin-right:0;
}
.is-rtl.desktop .tabs.tabs-vertical .tabs-header-tab:hover{
    border-left:var(--border-size-m) solid var(--color-neutral-6);
    border-right:var(--border-size-none);
}
.is-rtl.desktop .tabs.tabs-vertical .tabs-header-tab.active{
    border-left:var(--border-size-m) solid var(--color-primary);
    border-right:var(--border-size-none);
}
/*! 6.8.20. Tooltip */
.tooltip{
    display:inline-block;
    position:relative;
}
.tooltip{

}
.tooltip-content{

}
.tooltip-wrapper{
    background-color:var(--color-neutral-9);
    border-radius:var(--border-radius-soft);
    color:var(--color-neutral-0);
    min-width:80px;
    padding:var(--space-s) var(--space-base);
    position:absolute;
    text-align:center;
    z-index:var(--layer-global-elevated);
}
.tooltip-wrapper{


}
.tooltip-wrapper.top{
    bottom:calc(100% + var(--space-s));
    left:50%;
    -webkit-transform:translateX(-50%);
    -ms-transform:translateX(-50%);
    transform:translateX(-50%);
}
.tooltip-wrapper.top{

}
.tooltip-wrapper.top:after{
    border:8px solid transparent;
    border-top:8px solid var(--color-neutral-9);
    bottom:-14px;
    content:"";
    height:0;
    left:50%;
    position:absolute;
    -webkit-transform:translateX(-50%);
    -ms-transform:translateX(-50%);
    transform:translateX(-50%);
    width:0;
}
.tooltip-wrapper.top-left{
    bottom:calc(100% + var(--space-s));
    right:calc(100% - var(--space-m));
}
.tooltip-wrapper.top-left:after{
    border:8px solid transparent;
    border-top:8px solid var(--color-neutral-9);
    bottom:-14px;
    content:"";
    height:0;
    position:absolute;
    right:7px;
    width:0;
}
.tooltip-wrapper.top-right{
    bottom:calc(100% + var(--space-s));
    left:calc(100% - var(--space-m));
}
.tooltip-wrapper.top-right:after{
    border:8px solid transparent;
    border-top:8px solid var(--color-neutral-9);
    bottom:-14px;
    content:"";
    height:0;
    left:7px;
    position:absolute;
    width:0;
}
.tooltip-wrapper.bottom{
    left:50%;
    top:calc(100% + var(--space-s));
    -webkit-transform:translateX(-50%);
    -ms-transform:translateX(-50%);
    transform:translateX(-50%);
}
.tooltip-wrapper.bottom:after{
    border:8px solid transparent;
    border-bottom:8px solid var(--color-neutral-9);
    content:"";
    height:0;
    left:50%;
    position:absolute;
    top:-14px;
    -webkit-transform:translateX(-50%);
    -ms-transform:translateX(-50%);
    transform:translateX(-50%);
    width:0;
}
.tooltip-wrapper.bottom-left{
    right:calc(100% - var(--space-m));
    top:calc(100% + var(--space-s));
}
.tooltip-wrapper.bottom-left:after{
    border:8px solid transparent;
    border-bottom:8px solid var(--color-neutral-9);
    content:"";
    height:0;
    position:absolute;
    right:7px;
    top:-14px;
    width:0;
}
.tooltip-wrapper.bottom-right{
    left:calc(100% - var(--space-m));
    top:calc(100% + var(--space-s));
}
.tooltip-wrapper.bottom-right:after{
    border:8px solid transparent;
    border-bottom:8px solid var(--color-neutral-9);
    content:"";
    height:0;
    left:7px;
    position:absolute;
    top:-14px;
    width:0;
}
.tooltip-wrapper.left{
    right:calc(100% + var(--space-s));
    top:50%;
    -webkit-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    transform:translateY(-50%);
}
.tooltip-wrapper.left:after{
    border:8px solid transparent;
    border-left:8px solid var(--color-neutral-9);
    content:"";
    height:0;
    left:calc(100% - 1px);
    position:absolute;
    top:50%;
    -webkit-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    transform:translateY(-50%);
    width:0;
}
.tooltip-wrapper.right{
    left:calc(100% + var(--space-s));
    top:50%;
    -webkit-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    transform:translateY(-50%);
}
.tooltip-wrapper.right:after{
    border:8px solid transparent;
    border-right:8px solid var(--color-neutral-9);
    content:"";
    height:0;
    position:absolute;
    right:calc(100% - 1px);
    top:50%;
    -webkit-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    transform:translateY(-50%);
    width:0;
}
.tooltip-background{
    height:100%;
    left:0;
    position:fixed;
    top:0;
    width:100%;
    z-index:var(--layer-local-tier-1);
}
.tooltip-background{

}
.layout-native .tabs-content .tooltip-background{
    position:absolute;
}
/*! 6.8.21. Video */
.video-preview{
    display:block;
}
.video-wrapper.hide-controls{
    pointer-events:none;
}
.video-wrapper.hide-controls::-webkit-media-controls-panel, .video-wrapper.hide-controls::-webkit-media-controls-panel-container{
    display:none !important;
}
/*! ==============================================================================
7. Usefull Classes
=============================================================================== */
/*! 7.1. a11y (Accessibility) */
.wcag-hide-text{
    border:0;
    clip:rect(0 0 0 0);
    height:1px;
    margin:-1px;
    overflow:hidden;
    padding:0;
    position:absolute;
    white-space:nowrap;
    width:1px;
}
.wcag-hide-text{

}
.skip-nav{
    left:var(--space-xl);
    opacity:0;
    padding:var(--space-s) var(--space-base);
    pointer-events:none;
    position:absolute;
    text-transform:uppercase;
    top:10px;
    z-index:var(--layer-global-instant-interaction);
}
.skip-nav[data-showskipcontent=false]{
    display:none;
}
.skip-nav[data-showskipcontent=true]{
    display:block;
}
.has-accessible-features .skip-nav:focus, .has-accessible-features .skip-nav:active{
    opacity:1;
    pointer-events:auto;
}
/*! 7.2. Colors - Brand */
.background-primary{
    background-color:var(--color-primary);
}
.background-primary-lightest{
    background-color:var(--color-neutral-0);
}
.background-secondary{
    background-color:var(--color-secondary);
}
.background-secondary-lightest{
    background-color:var(--color-neutral-0);
}
.text-primary, .text-primary-darker{
    color:var(--color-primary);
}
.text-secondary, .text-secondary-darker{
    color:var(--color-secondary);
}
/*! 7.3. Colors - Neutral */
.background-neutral-0{
    background-color:var(--color-neutral-0);
}
.background-neutral-0-lightest{
    background-color:var(--color-neutral-9);
}
.background-neutral-1{
    background-color:var(--color-neutral-1);
}
.background-neutral-1-lightest{
    background-color:var(--color-neutral-9);
}
.background-neutral-2{
    background-color:var(--color-neutral-2);
}
.background-neutral-2-lightest{
    background-color:var(--color-neutral-9);
}
.background-neutral-3{
    background-color:var(--color-neutral-3);
}
.background-neutral-3-lightest{
    background-color:var(--color-neutral-9);
}
.background-neutral-4{
    background-color:var(--color-neutral-4);
}
.background-neutral-4-lightest{
    background-color:var(--color-neutral-9);
}
.background-neutral-5{
    background-color:var(--color-neutral-5);
}
.background-neutral-5-lightest{
    background-color:var(--color-neutral-0);
}
.background-neutral-6{
    background-color:var(--color-neutral-6);
}
.background-neutral-6-lightest{
    background-color:var(--color-neutral-0);
}
.background-neutral-7{
    background-color:var(--color-neutral-7);
}
.background-neutral-7-lightest{
    background-color:var(--color-neutral-0);
}
.background-neutral-8{
    background-color:var(--color-neutral-8);
}
.background-neutral-8-lightest{
    background-color:var(--color-neutral-0);
}
.background-neutral-9{
    background-color:var(--color-neutral-9);
}
.background-neutral-9-lightest{
    background-color:var(--color-neutral-0);
}
.background-neutral-10{
    background-color:var(--color-neutral-10);
}
.background-neutral-10-lightest{
    background-color:var(--color-neutral-0);
}
.text-neutral-0{
    color:var(--color-neutral-0);
}
.text-neutral-1{
    color:var(--color-neutral-1);
}
.text-neutral-2{
    color:var(--color-neutral-2);
}
.text-neutral-3{
    color:var(--color-neutral-3);
}
.text-neutral-4{
    color:var(--color-neutral-4);
}
.text-neutral-5{
    color:var(--color-neutral-5);
}
.text-neutral-5-darker{
    color:var(--color-neutral-5);
}
.text-neutral-6{
    color:var(--color-neutral-6);
}
.text-neutral-6-darker{
    color:var(--color-neutral-6);
}
.text-neutral-7{
    color:var(--color-neutral-7);
}
.text-neutral-7-darker{
    color:var(--color-neutral-7);
}
.text-neutral-8{
    color:var(--color-neutral-8);
}
.text-neutral-8-darker{
    color:var(--color-neutral-8);
}
.text-neutral-9{
    color:var(--color-neutral-9);
}
.text-neutral-9-darker{
    color:var(--color-neutral-9);
}
.text-neutral-10{
    color:var(--color-neutral-10);
}
.text-neutral-10-darker{
    color:var(--color-neutral-10);
}
/*! 7.4. Colors - Palette */
.background-red-lightest{
    background-color:var(--color-red-lightest);
}
.background-red-lighter{
    background-color:var(--color-red-lighter);
}
.background-red-light{
    background-color:var(--color-red-light);
}
.background-red{
    background-color:var(--color-red);
}
.background-red-dark{
    background-color:var(--color-red-dark);
}
.background-red-darker{
    background-color:var(--color-red-darker);
}
.background-red-darkest{
    background-color:var(--color-red-darkest);
}
.background-orange-lightest{
    background-color:var(--color-orange-lightest);
}
.background-orange-lighter{
    background-color:var(--color-orange-lighter);
}
.background-orange-light{
    background-color:var(--color-orange-light);
}
.background-orange{
    background-color:var(--color-orange);
}
.background-orange-dark{
    background-color:var(--color-orange-dark);
}
.background-orange-darker{
    background-color:var(--color-orange-darker);
}
.background-orange-darkest{
    background-color:var(--color-orange-darkest);
}
.background-yellow-lightest{
    background-color:var(--color-yellow-lightest);
}
.background-yellow-lighter{
    background-color:var(--color-yellow-lighter);
}
.background-yellow-light{
    background-color:var(--color-yellow-light);
}
.background-yellow{
    background-color:var(--color-yellow);
}
.background-yellow-dark{
    background-color:var(--color-yellow-dark);
}
.background-yellow-darker{
    background-color:var(--color-yellow-darker);
}
.background-yellow-darkest{
    background-color:var(--color-yellow-darkest);
}
.background-lime-lightest{
    background-color:var(--color-lime-lightest);
}
.background-lime-lighter{
    background-color:var(--color-lime-lighter);
}
.background-lime-light{
    background-color:var(--color-lime-light);
}
.background-lime{
    background-color:var(--color-lime);
}
.background-lime-dark{
    background-color:var(--color-lime-dark);
}
.background-lime-darker{
    background-color:var(--color-lime-darker);
}
.background-lime-darkest{
    background-color:var(--color-lime-darkest);
}
.background-green-lightest{
    background-color:var(--color-green-lightest);
}
.background-green-lighter{
    background-color:var(--color-green-lighter);
}
.background-green-light{
    background-color:var(--color-green-light);
}
.background-green{
    background-color:var(--color-green);
}
.background-green-dark{
    background-color:var(--color-green-dark);
}
.background-green-darker{
    background-color:var(--color-green-darker);
}
.background-green-darkest{
    background-color:var(--color-green-darkest);
}
.background-teal-lightest{
    background-color:var(--color-teal-lightest);
}
.background-teal-lighter{
    background-color:var(--color-teal-lighter);
}
.background-teal-light{
    background-color:var(--color-teal-light);
}
.background-teal{
    background-color:var(--color-teal);
}
.background-teal-dark{
    background-color:var(--color-teal-dark);
}
.background-teal-darker{
    background-color:var(--color-teal-darker);
}
.background-teal-darkest{
    background-color:var(--color-teal-darkest);
}
.background-cyan-lightest{
    background-color:var(--color-cyan-lightest);
}
.background-cyan-lighter{
    background-color:var(--color-cyan-lighter);
}
.background-cyan-light{
    background-color:var(--color-cyan-light);
}
.background-cyan{
    background-color:var(--color-cyan);
}
.background-cyan-dark{
    background-color:var(--color-cyan-dark);
}
.background-cyan-darker{
    background-color:var(--color-cyan-darker);
}
.background-cyan-darkest{
    background-color:var(--color-cyan-darkest);
}
.background-blue-lightest{
    background-color:var(--color-blue-lightest);
}
.background-blue-lighter{
    background-color:var(--color-blue-lighter);
}
.background-blue-light{
    background-color:var(--color-blue-light);
}
.background-blue{
    background-color:var(--color-blue);
}
.background-blue-dark{
    background-color:var(--color-blue-dark);
}
.background-blue-darker{
    background-color:var(--color-blue-darker);
}
.background-blue-darkest{
    background-color:var(--color-blue-darkest);
}
.background-indigo-lightest{
    background-color:var(--color-indigo-lightest);
}
.background-indigo-lighter{
    background-color:var(--color-indigo-lighter);
}
.background-indigo-light{
    background-color:var(--color-indigo-light);
}
.background-indigo{
    background-color:var(--color-indigo);
}
.background-indigo-dark{
    background-color:var(--color-indigo-dark);
}
.background-indigo-darker{
    background-color:var(--color-indigo-darker);
}
.background-indigo-darkest{
    background-color:var(--color-indigo-darkest);
}
.background-violet-lightest{
    background-color:var(--color-violet-lightest);
}
.background-violet-lighter{
    background-color:var(--color-violet-lighter);
}
.background-violet-light{
    background-color:var(--color-violet-light);
}
.background-violet{
    background-color:var(--color-violet);
}
.background-violet-dark{
    background-color:var(--color-violet-dark);
}
.background-violet-darker{
    background-color:var(--color-violet-darker);
}
.background-violet-darkest{
    background-color:var(--color-violet-darkest);
}
.background-grape-lightest{
    background-color:var(--color-grape-lightest);
}
.background-grape-lighter{
    background-color:var(--color-grape-lighter);
}
.background-grape-light{
    background-color:var(--color-grape-light);
}
.background-grape{
    background-color:var(--color-grape);
}
.background-grape-dark{
    background-color:var(--color-grape-dark);
}
.background-grape-darker{
    background-color:var(--color-grape-darker);
}
.background-grape-darkest{
    background-color:var(--color-grape-darkest);
}
.background-pink-lightest{
    background-color:var(--color-pink-lightest);
}
.background-pink-lighter{
    background-color:var(--color-pink-lighter);
}
.background-pink-light{
    background-color:var(--color-pink-light);
}
.background-pink{
    background-color:var(--color-pink);
}
.background-pink-dark{
    background-color:var(--color-pink-dark);
}
.background-pink-darker{
    background-color:var(--color-pink-darker);
}
.background-pink-darkest{
    background-color:var(--color-pink-darkest);
}
.text-red-lightest{
    color:var(--color-red-lightest);
}
.text-red-lighter{
    color:var(--color-red-lighter);
}
.text-red-light{
    color:var(--color-red-light);
}
.text-red{
    color:var(--color-red);
}
.text-red-dark{
    color:var(--color-red-dark);
}
.text-red-darker{
    color:var(--color-red-darker);
}
.text-red-darkest{
    color:var(--color-red-darkest);
}
.text-orange-lightest{
    color:var(--color-orange-lightest);
}
.text-orange-lighter{
    color:var(--color-orange-lighter);
}
.text-orange-light{
    color:var(--color-orange-light);
}
.text-orange{
    color:var(--color-orange);
}
.text-orange-dark{
    color:var(--color-orange-dark);
}
.text-orange-darker{
    color:var(--color-orange-darker);
}
.text-orange-darkest{
    color:var(--color-orange-darkest);
}
.text-yellow-lightest{
    color:var(--color-yellow-lightest);
}
.text-yellow-lighter{
    color:var(--color-yellow-lighter);
}
.text-yellow-light{
    color:var(--color-yellow-light);
}
.text-yellow{
    color:var(--color-yellow);
}
.text-yellow-dark{
    color:var(--color-yellow-dark);
}
.text-yellow-darker{
    color:var(--color-yellow-darker);
}
.text-yellow-darkest{
    color:var(--color-yellow-darkest);
}
.text-lime-lightest{
    color:var(--color-lime-lightest);
}
.text-lime-lighter{
    color:var(--color-lime-lighter);
}
.text-lime-light{
    color:var(--color-lime-light);
}
.text-lime{
    color:var(--color-lime);
}
.text-lime-dark{
    color:var(--color-lime-dark);
}
.text-lime-darker{
    color:var(--color-lime-darker);
}
.text-lime-darkest{
    color:var(--color-lime-darkest);
}
.text-green-lightest{
    color:var(--color-green-lightest);
}
.text-green-lighter{
    color:var(--color-green-lighter);
}
.text-green-light{
    color:var(--color-green-light);
}
.text-green{
    color:var(--color-green);
}
.text-green-dark{
    color:var(--color-green-dark);
}
.text-green-darker{
    color:var(--color-green-darker);
}
.text-green-darkest{
    color:var(--color-green-darkest);
}
.text-teal-lightest{
    color:var(--color-teal-lightest);
}
.text-teal-lighter{
    color:var(--color-teal-lighter);
}
.text-teal-light{
    color:var(--color-teal-light);
}
.text-teal{
    color:var(--color-teal);
}
.text-teal-dark{
    color:var(--color-teal-dark);
}
.text-teal-darker{
    color:var(--color-teal-darker);
}
.text-teal-darkest{
    color:var(--color-teal-darkest);
}
.text-cyan-lightest{
    color:var(--color-cyan-lightest);
}
.text-cyan-lighter{
    color:var(--color-cyan-lighter);
}
.text-cyan-light{
    color:var(--color-cyan-light);
}
.text-cyan{
    color:var(--color-cyan);
}
.text-cyan-dark{
    color:var(--color-cyan-dark);
}
.text-cyan-darker{
    color:var(--color-cyan-darker);
}
.text-cyan-darkest{
    color:var(--color-cyan-darkest);
}
.text-blue-lightest{
    color:var(--color-blue-lightest);
}
.text-blue-lighter{
    color:var(--color-blue-lighter);
}
.text-blue-light{
    color:var(--color-blue-light);
}
.text-blue{
    color:var(--color-blue);
}
.text-blue-dark{
    color:var(--color-blue-dark);
}
.text-blue-darker{
    color:var(--color-blue-darker);
}
.text-blue-darkest{
    color:var(--color-blue-darkest);
}
.text-indigo-lightest{
    color:var(--color-indigo-lightest);
}
.text-indigo-lighter{
    color:var(--color-indigo-lighter);
}
.text-indigo-light{
    color:var(--color-indigo-light);
}
.text-indigo{
    color:var(--color-indigo);
}
.text-indigo-dark{
    color:var(--color-indigo-dark);
}
.text-indigo-darker{
    color:var(--color-indigo-darker);
}
.text-indigo-darkest{
    color:var(--color-indigo-darkest);
}
.text-violet-lightest{
    color:var(--color-violet-lightest);
}
.text-violet-lighter{
    color:var(--color-violet-lighter);
}
.text-violet-light{
    color:var(--color-violet-light);
}
.text-violet{
    color:var(--color-violet);
}
.text-violet-dark{
    color:var(--color-violet-dark);
}
.text-violet-darker{
    color:var(--color-violet-darker);
}
.text-violet-darkest{
    color:var(--color-violet-darkest);
}
.text-grape-lightest{
    color:var(--color-grape-lightest);
}
.text-grape-lighter{
    color:var(--color-grape-lighter);
}
.text-grape-light{
    color:var(--color-grape-light);
}
.text-grape{
    color:var(--color-grape);
}
.text-grape-dark{
    color:var(--color-grape-dark);
}
.text-grape-darker{
    color:var(--color-grape-darker);
}
.text-grape-darkest{
    color:var(--color-grape-darkest);
}
.text-pink-lightest{
    color:var(--color-pink-lightest);
}
.text-pink-lighter{
    color:var(--color-pink-lighter);
}
.text-pink-light{
    color:var(--color-pink-light);
}
.text-pink{
    color:var(--color-pink);
}
.text-pink-dark{
    color:var(--color-pink-dark);
}
.text-pink-darker{
    color:var(--color-pink-darker);
}
.text-pink-darkest{
    color:var(--color-pink-darkest);
}
/*! 7.5. Colors - Semantic */
.background-error-light{
    background-color:var(--color-error-light);
}
.background-error{
    background-color:var(--color-error);
}
.background-warning-light{
    background-color:var(--color-warning-light);
}
.background-warning{
    background-color:var(--color-warning);
}
.background-success-light{
    background-color:var(--color-success-light);
}
.background-success{
    background-color:var(--color-success);
}
.background-info-light{
    background-color:var(--color-info-light);
}
.background-info{
    background-color:var(--color-info);
}
.text-error-light{
    color:var(--color-error-light);
}
.text-error{
    color:var(--color-error);
}
.text-warning-light{
    color:var(--color-warning-light);
}
.text-warning{
    color:var(--color-warning);
}
.text-success-light{
    color:var(--color-success-light);
}
.text-success{
    color:var(--color-success);
}
.text-info-light{
    color:var(--color-info-light);
}
.text-info{
    color:var(--color-info);
}
/*! 7.6. Colors - Others */
.background-transparent, .ie11 .background-transparent{
    background-color:transparent;
}
/*! 7.7. Text */
.break-word{
    word-break:break-word;
}
.text-align-left{
    text-align:left;
}
.text-align-center{
    text-align:center;
}
.text-align-right{
    text-align:right;
}
.white-space-nowrap{
    white-space:nowrap;
}
.is-rtl [align=right],
.is-rtl .text-align-right{
    text-align:left;
}
.is-rtl [align=left],
.is-rtl .text-align-left{
    text-align:right;
}
/*! 7.8. Typography */
.font-size-base{
    font-size:var(--font-size-base);
}
.font-size-s{
    font-size:var(--font-size-s);
}
.font-size-xs{
    font-size:var(--font-size-xs);
}
.font-size-label{
    font-size:var(--font-size-label);
}
.font-light{
    font-weight:var(--font-light);
}
.font-regular{
    font-weight:var(--font-regular);
}
.font-semi-bold{
    font-weight:var(--font-semi-bold);
}
.font-bold{
    font-weight:var(--font-bold);
}
.bold{
    font-weight:var(--font-bold);
}
.italic{
    font-style:italic;
}
.oblique{
    font-style:oblique;
}
.text-lowercase{
    text-transform:lowercase;
}
.text-uppercase{
    text-transform:uppercase;
}
.text-capitalize{
    text-transform:capitalize;
}
.text-ellipsis{
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
/*! 7.9. Border Size */
.border-size-none{
    border-width:var(--border-size-none);
}
.border-size-s{
    border:var(--border-size-s) solid currentColor;
}
.border-size-m{
    border:var(--border-size-m) solid currentColor;
}
.border-size-l{
    border:var(--border-size-l) solid currentColor;
}
.border-top-s:not(.columns), .border-top-s.columns > .columns-item:not(:last-child){
    border-top:var(--border-size-s) solid currentColor;
}
.border-top-m:not(.columns), .border-top-m.columns > .columns-item:not(:last-child){
    border-top:var(--border-size-m) solid currentColor;
}
.border-top-l:not(.columns), .border-top-l.columns > .columns-item:not(:last-child){
    border-top:var(--border-size-l) solid currentColor;
}
.border-right-s:not(.columns), .border-right-s.columns > .columns-item:not(:last-child){
    border-right:var(--border-size-s) solid currentColor;
}
.border-right-m:not(.columns), .border-right-m.columns > .columns-item:not(:last-child){
    border-right:var(--border-size-m) solid currentColor;
}
.border-right-l:not(.columns), .border-right-l.columns > .columns-item:not(:last-child){
    border-right:var(--border-size-l) solid currentColor;
}
.border-bottom-s:not(.columns), .border-bottom-s.columns > .columns-item:not(:last-child){
    border-bottom:var(--border-size-s) solid currentColor;
}
.border-bottom-m:not(.columns), .border-bottom-m.columns > .columns-item:not(:last-child){
    border-bottom:var(--border-size-m) solid currentColor;
}
.border-bottom-l:not(.columns), .border-bottom-l.columns > .columns-item:not(:last-child){
    border-bottom:var(--border-size-l) solid currentColor;
}
.border-left-s:not(.columns), .border-left-s.columns > .columns-item:not(:last-child){
    border-left:var(--border-size-s) solid currentColor;
}
.border-left-m:not(.columns), .border-left-m.columns > .columns-item:not(:last-child){
    border-left:var(--border-size-m) solid currentColor;
}
.border-left-l:not(.columns), .border-left-l.columns > .columns-item:not(:last-child){
    border-left:var(--border-size-l) solid currentColor;
}
/*! 7.10. Border Radius */
.border-radius-none{
    border-radius:var(--border-radius-none);
}
.border-radius-top-left-none{
    border-top-left-radius:var(--border-radius-none);
}
.border-radius-top-right-none{
    border-top-right-radius:var(--border-radius-none);
}
.border-radius-bottom-right-none{
    border-bottom-right-radius:var(--border-radius-none);
}
.border-radius-bottom-left-none{
    border-bottom-left-radius:var(--border-radius-none);
}
.border-radius-top-none{
    border-top-left-radius:var(--border-radius-none);
    border-top-right-radius:var(--border-radius-none);
}
.border-radius-bottom-none{
    border-bottom-left-radius:var(--border-radius-none);
    border-bottom-right-radius:var(--border-radius-none);
}
.border-radius-soft{
    border-radius:var(--border-radius-soft);
}
.border-radius-top-left-soft{
    border-top-left-radius:var(--border-radius-soft);
}
.border-radius-top-right-soft{
    border-top-right-radius:var(--border-radius-soft);
}
.border-radius-bottom-right-soft{
    border-bottom-right-radius:var(--border-radius-soft);
}
.border-radius-bottom-left-soft{
    border-bottom-left-radius:var(--border-radius-soft);
}
.border-radius-top-soft{
    border-top-left-radius:var(--border-radius-soft);
    border-top-right-radius:var(--border-radius-soft);
}
.border-radius-bottom-soft{
    border-bottom-left-radius:var(--border-radius-soft);
    border-bottom-right-radius:var(--border-radius-soft);
}
.border-radius-rounded{
    border-radius:var(--border-radius-rounded);
}
.border-radius-top-left-rounded{
    border-top-left-radius:var(--border-radius-rounded);
}
.border-radius-top-right-rounded{
    border-top-right-radius:var(--border-radius-rounded);
}
.border-radius-bottom-right-rounded{
    border-bottom-right-radius:var(--border-radius-rounded);
}
.border-radius-bottom-left-rounded{
    border-bottom-left-radius:var(--border-radius-rounded);
}
.border-radius-top-rounded{
    border-top-left-radius:var(--border-radius-rounded);
    border-top-right-radius:var(--border-radius-rounded);
}
.border-radius-bottom-rounded{
    border-bottom-left-radius:var(--border-radius-rounded);
    border-bottom-right-radius:var(--border-radius-rounded);
}
.border-radius-circle{
    border-radius:var(--border-radius-circle);
}
.border-radius-top-left-circle{
    border-top-left-radius:var(--border-radius-circle);
}
.border-radius-top-right-circle{
    border-top-right-radius:var(--border-radius-circle);
}
.border-radius-bottom-right-circle{
    border-bottom-right-radius:var(--border-radius-circle);
}
.border-radius-bottom-left-circle{
    border-bottom-left-radius:var(--border-radius-circle);
}
.border-radius-top-circle{
    border-top-left-radius:var(--border-radius-circle);
    border-top-right-radius:var(--border-radius-circle);
}
.border-radius-bottom-circle{
    border-bottom-left-radius:var(--border-radius-circle);
    border-bottom-right-radius:var(--border-radius-circle);
}
/*! 7.11. Space - Margin */
.margin-none{
    margin:var(--space-none);
}
.margin-top-none{
    margin-top:var(--space-none);
}
.margin-right-none{
    margin-right:var(--space-none);
}
.margin-bottom-none{
    margin-bottom:var(--space-none);
}
.margin-left-none{
    margin-left:var(--space-none);
}
.margin-x-none{
    margin-left:var(--space-none);
    margin-right:var(--space-none);
}
.margin-y-none{
    margin-bottom:var(--space-none);
    margin-top:var(--space-none);
}
.margin-xs{
    margin:var(--space-xs);
}
.margin-top-xs{
    margin-top:var(--space-xs);
}
.margin-right-xs{
    margin-right:var(--space-xs);
}
.margin-bottom-xs{
    margin-bottom:var(--space-xs);
}
.margin-left-xs{
    margin-left:var(--space-xs);
}
.margin-x-xs{
    margin-left:var(--space-xs);
    margin-right:var(--space-xs);
}
.margin-y-xs{
    margin-bottom:var(--space-xs);
    margin-top:var(--space-xs);
}
.margin-s{
    margin:var(--space-s);
}
.margin-top-s{
    margin-top:var(--space-s);
}
.margin-right-s{
    margin-right:var(--space-s);
}
.margin-bottom-s{
    margin-bottom:var(--space-s);
}
.margin-left-s{
    margin-left:var(--space-s);
}
.margin-x-s{
    margin-left:var(--space-s);
    margin-right:var(--space-s);
}
.margin-y-s{
    margin-bottom:var(--space-s);
    margin-top:var(--space-s);
}
.margin-base{
    margin:var(--space-base);
}
.margin-top-base{
    margin-top:var(--space-base);
}
.margin-right-base{
    margin-right:var(--space-base);
}
.margin-bottom-base{
    margin-bottom:var(--space-base);
}
.margin-left-base{
    margin-left:var(--space-base);
}
.margin-x-base{
    margin-left:var(--space-base);
    margin-right:var(--space-base);
}
.margin-y-base{
    margin-bottom:var(--space-base);
    margin-top:var(--space-base);
}
.margin-m{
    margin:var(--space-m);
}
.margin-top-m{
    margin-top:var(--space-m);
}
.margin-right-m{
    margin-right:var(--space-m);
}
.margin-bottom-m{
    margin-bottom:var(--space-m);
}
.margin-left-m{
    margin-left:var(--space-m);
}
.margin-x-m{
    margin-left:var(--space-m);
    margin-right:var(--space-m);
}
.margin-y-m{
    margin-bottom:var(--space-m);
    margin-top:var(--space-m);
}
.margin-l{
    margin:var(--space-l);
}
.margin-top-l{
    margin-top:var(--space-l);
}
.margin-right-l{
    margin-right:var(--space-l);
}
.margin-bottom-l{
    margin-bottom:var(--space-l);
}
.margin-left-l{
    margin-left:var(--space-l);
}
.margin-x-l{
    margin-left:var(--space-l);
    margin-right:var(--space-l);
}
.margin-y-l{
    margin-bottom:var(--space-l);
    margin-top:var(--space-l);
}
.margin-xl{
    margin:var(--space-xl);
}
.margin-top-xl{
    margin-top:var(--space-xl);
}
.margin-right-xl{
    margin-right:var(--space-xl);
}
.margin-bottom-xl{
    margin-bottom:var(--space-xl);
}
.margin-left-xl{
    margin-left:var(--space-xl);
}
.margin-x-xl{
    margin-left:var(--space-xl);
    margin-right:var(--space-xl);
}
.margin-y-xl{
    margin-bottom:var(--space-xl);
    margin-top:var(--space-xl);
}
.margin-xxl{
    margin:var(--space-xxl);
}
.margin-top-xxl{
    margin-top:var(--space-xxl);
}
.margin-right-xxl{
    margin-right:var(--space-xxl);
}
.margin-bottom-xxl{
    margin-bottom:var(--space-xxl);
}
.margin-left-xxl{
    margin-left:var(--space-xxl);
}
.margin-x-xxl{
    margin-left:var(--space-xxl);
    margin-right:var(--space-xxl);
}
.margin-y-xxl{
    margin-bottom:var(--space-xxl);
    margin-top:var(--space-xxl);
}
.margin-auto{
    margin:0 auto;
}
.is-rtl .margin-right-none{
    margin-left:var(--space-none);
    margin-right:var(--space-none);
}
.is-rtl .margin-left-none{
    margin-left:var(--space-none);
    margin-right:var(--space-none);
}
.is-rtl .margin-right-xs{
    margin-left:var(--space-xs);
    margin-right:var(--space-none);
}
.is-rtl .margin-left-xs{
    margin-left:var(--space-none);
    margin-right:var(--space-xs);
}
.is-rtl .margin-right-s{
    margin-left:var(--space-s);
    margin-right:var(--space-none);
}
.is-rtl .margin-left-s{
    margin-left:var(--space-none);
    margin-right:var(--space-s);
}
.is-rtl .margin-right-base{
    margin-left:var(--space-base);
    margin-right:var(--space-none);
}
.is-rtl .margin-left-base{
    margin-left:var(--space-none);
    margin-right:var(--space-base);
}
.is-rtl .margin-right-m{
    margin-left:var(--space-m);
    margin-right:var(--space-none);
}
.is-rtl .margin-left-m{
    margin-left:var(--space-none);
    margin-right:var(--space-m);
}
.is-rtl .margin-right-l{
    margin-left:var(--space-l);
    margin-right:var(--space-none);
}
.is-rtl .margin-left-l{
    margin-left:var(--space-none);
    margin-right:var(--space-l);
}
.is-rtl .margin-right-xl{
    margin-left:var(--space-xl);
    margin-right:var(--space-none);
}
.is-rtl .margin-left-xl{
    margin-left:var(--space-none);
    margin-right:var(--space-xl);
}
.is-rtl .margin-right-xxl{
    margin-left:var(--space-xxl);
    margin-right:var(--space-none);
}
.is-rtl .margin-left-xxl{
    margin-left:var(--space-none);
    margin-right:var(--space-xxl);
}
/*! 7.12. Space - Padding */
.padding-none{
    padding:var(--space-none);
}
.padding-top-none{
    padding-top:var(--space-none);
}
.padding-right-none{
    padding-right:var(--space-none);
}
.padding-bottom-none{
    padding-bottom:var(--space-none);
}
.padding-left-none{
    padding-left:var(--space-none);
}
.padding-x-none{
    padding-left:var(--space-none);
    padding-right:var(--space-none);
}
.padding-y-none{
    padding-bottom:var(--space-none);
    padding-top:var(--space-none);
}
.padding-xs{
    padding:var(--space-xs);
}
.padding-top-xs{
    padding-top:var(--space-xs);
}
.padding-right-xs{
    padding-right:var(--space-xs);
}
.padding-bottom-xs{
    padding-bottom:var(--space-xs);
}
.padding-left-xs{
    padding-left:var(--space-xs);
}
.padding-x-xs{
    padding-left:var(--space-xs);
    padding-right:var(--space-xs);
}
.padding-y-xs{
    padding-bottom:var(--space-xs);
    padding-top:var(--space-xs);
}
.padding-s{
    padding:var(--space-s);
}
.padding-top-s{
    padding-top:var(--space-s);
}
.padding-right-s{
    padding-right:var(--space-s);
}
.padding-bottom-s{
    padding-bottom:var(--space-s);
}
.padding-left-s{
    padding-left:var(--space-s);
}
.padding-x-s{
    padding-left:var(--space-s);
    padding-right:var(--space-s);
}
.padding-y-s{
    padding-bottom:var(--space-s);
    padding-top:var(--space-s);
}
.padding-base{
    padding:var(--space-base);
}
.padding-top-base{
    padding-top:var(--space-base);
}
.padding-right-base{
    padding-right:var(--space-base);
}
.padding-bottom-base{
    padding-bottom:var(--space-base);
}
.padding-left-base{
    padding-left:var(--space-base);
}
.padding-x-base{
    padding-left:var(--space-base);
    padding-right:var(--space-base);
}
.padding-y-base{
    padding-bottom:var(--space-base);
    padding-top:var(--space-base);
}
.padding-m{
    padding:var(--space-m);
}
.padding-top-m{
    padding-top:var(--space-m);
}
.padding-right-m{
    padding-right:var(--space-m);
}
.padding-bottom-m{
    padding-bottom:var(--space-m);
}
.padding-left-m{
    padding-left:var(--space-m);
}
.padding-x-m{
    padding-left:var(--space-m);
    padding-right:var(--space-m);
}
.padding-y-m{
    padding-bottom:var(--space-m);
    padding-top:var(--space-m);
}
.padding-l{
    padding:var(--space-l);
}
.padding-top-l{
    padding-top:var(--space-l);
}
.padding-right-l{
    padding-right:var(--space-l);
}
.padding-bottom-l{
    padding-bottom:var(--space-l);
}
.padding-left-l{
    padding-left:var(--space-l);
}
.padding-x-l{
    padding-left:var(--space-l);
    padding-right:var(--space-l);
}
.padding-y-l{
    padding-bottom:var(--space-l);
    padding-top:var(--space-l);
}
.padding-xl{
    padding:var(--space-xl);
}
.padding-top-xl{
    padding-top:var(--space-xl);
}
.padding-right-xl{
    padding-right:var(--space-xl);
}
.padding-bottom-xl{
    padding-bottom:var(--space-xl);
}
.padding-left-xl{
    padding-left:var(--space-xl);
}
.padding-x-xl{
    padding-left:var(--space-xl);
    padding-right:var(--space-xl);
}
.padding-y-xl{
    padding-bottom:var(--space-xl);
    padding-top:var(--space-xl);
}
.padding-xxl{
    padding:var(--space-xxl);
}
.padding-top-xxl{
    padding-top:var(--space-xxl);
}
.padding-right-xxl{
    padding-right:var(--space-xxl);
}
.padding-bottom-xxl{
    padding-bottom:var(--space-xxl);
}
.padding-left-xxl{
    padding-left:var(--space-xxl);
}
.padding-x-xxl{
    padding-left:var(--space-xxl);
    padding-right:var(--space-xxl);
}
.padding-y-xxl{
    padding-bottom:var(--space-xxl);
    padding-top:var(--space-xxl);
}
.padding-auto{
    padding:0 auto;
}
.is-rtl .padding-right-none{
    padding-left:var(--space-none);
    padding-right:var(--space-none);
}
.is-rtl .padding-left-none{
    padding-left:var(--space-none);
    padding-right:var(--space-none);
}
.is-rtl .padding-right-xs{
    padding-left:var(--space-xs);
    padding-right:var(--space-none);
}
.is-rtl .padding-left-xs{
    padding-left:var(--space-none);
    padding-right:var(--space-xs);
}
.is-rtl .padding-right-s{
    padding-left:var(--space-s);
    padding-right:var(--space-none);
}
.is-rtl .padding-left-s{
    padding-left:var(--space-none);
    padding-right:var(--space-s);
}
.is-rtl .padding-right-base{
    padding-left:var(--space-base);
    padding-right:var(--space-none);
}
.is-rtl .padding-left-base{
    padding-left:var(--space-none);
    padding-right:var(--space-base);
}
.is-rtl .padding-right-m{
    padding-left:var(--space-m);
    padding-right:var(--space-none);
}
.is-rtl .padding-left-m{
    padding-left:var(--space-none);
    padding-right:var(--space-m);
}
.is-rtl .padding-right-l{
    padding-left:var(--space-l);
    padding-right:var(--space-none);
}
.is-rtl .padding-left-l{
    padding-left:var(--space-none);
    padding-right:var(--space-l);
}
.is-rtl .padding-right-xl{
    padding-left:var(--space-xl);
    padding-right:var(--space-none);
}
.is-rtl .padding-left-xl{
    padding-left:var(--space-none);
    padding-right:var(--space-xl);
}
.is-rtl .padding-right-xxl{
    padding-left:var(--space-xxl);
    padding-right:var(--space-none);
}
.is-rtl .padding-left-xxl{
    padding-left:var(--space-none);
    padding-right:var(--space-xxl);
}
/*! 7.13. Shadow */
.shadow-none{
    -webkit-box-shadow:var(--shadow-none);
    box-shadow:var(--shadow-none);
}
.shadow-xs{
    -webkit-box-shadow:var(--shadow-xs);
    box-shadow:var(--shadow-xs);
}
.shadow-s{
    -webkit-box-shadow:var(--shadow-s);
    box-shadow:var(--shadow-s);
}
.shadow-m{
    -webkit-box-shadow:var(--shadow-m);
    box-shadow:var(--shadow-m);
}
.shadow-l{
    -webkit-box-shadow:var(--shadow-l);
    box-shadow:var(--shadow-l);
}
.shadow-xl{
    -webkit-box-shadow:var(--shadow-xl);
    box-shadow:var(--shadow-xl);
}
/*! 7.14. Box Width */
.full-width{
    width:100%;
}
.full-width-vw{
    width:100vw;
}
.half-width{
    width:50%;
}
.half-width-vw{
    width:50vw;
}
/*! 7.15. Box Height */
.full-height{
    height:100%;
}
.full-height-vh{
    height:100vh;
}
.full-height-minus-header{
    height:calc(100vh - var(--header-size));
}
.full-height-minus-header{

}
.half-height{
    height:50%;
}
.half-height-vh{
    height:50vh;
}
.half-height-vh{

}
.auto-height{
    height:auto;
}
/*! 7.16. Display */
.display-none{
    display:none;
}
.display-block{
    display:block;
}
.display-contents{
    display:contents;
}
.display-inline{
    display:inline;
}
.display-inline-block{
    display:inline-block;
}
.display-inline-flex{
    display:-webkit-inline-box;
    display:-ms-inline-flexbox;
    display:inline-flex;
}
.display-grid{
    display:grid;
}
/*! 7.17. Display - Flex */
.display-flex{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
}
.flex1{
    -webkit-box-flex:1;
    -ms-flex:1;
    flex:1;
}
.flex2{
    -webkit-box-flex:2;
    -ms-flex:2;
    flex:2;
}
.flex3{
    -webkit-box-flex:3;
    -ms-flex:3;
    flex:3;
}
.flex-direction-column{
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
}
.flex-direction-column-reverse{
    -webkit-box-orient:vertical;
    -webkit-box-direction:reverse;
    -ms-flex-direction:column-reverse;
    flex-direction:column-reverse;
}
.flex-direction-row{
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -ms-flex-direction:row;
    flex-direction:row;
}
.flex-direction-row-reverse{
    -webkit-box-orient:horizontal;
    -webkit-box-direction:reverse;
    -ms-flex-direction:row-reverse;
    flex-direction:row-reverse;
}
.flex-wrap{
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
}
.flex-wrap-reverse{
    -ms-flex-wrap:wrap-reverse;
    flex-wrap:wrap-reverse;
}
.flex-nowrap{
    -ms-flex-wrap:nowrap;
    flex-wrap:nowrap;
}
.justify-content-flex-end{
    -webkit-box-pack:end;
    -ms-flex-pack:end;
    justify-content:flex-end;
}
.justify-content-flex-start{
    -webkit-box-pack:start;
    -ms-flex-pack:start;
    justify-content:flex-start;
}
.justify-content-center{
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
}
.justify-content-space-between{
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
}
.justify-content-space-around{
    -ms-flex-pack:distribute;
    justify-content:space-around;
}
.justify-content-space-evenly{
    -webkit-box-pack:space-evenly;
    -ms-flex-pack:space-evenly;
    justify-content:space-evenly;
}
.gap-xs{
    gap:var(--space-xs);
}
.gap-s{
    gap:var(--space-s);
}
.gap-base{
    gap:var(--space-base);
}
.gap-m{
    gap:var(--space-m);
}
.gap-l{
    gap:var(--space-l);
}
.gap-xl{
    gap:var(--space-xl);
}
.gap-xxl{
    gap:var(--space-xxl);
}
.row-gap-xs{
    row-gap:var(--space-xs);
}
.row-gap-s{
    row-gap:var(--space-s);
}
.row-gap-base{
    row-gap:var(--space-base);
}
.row-gap-m{
    row-gap:var(--space-m);
}
.row-gap-l{
    row-gap:var(--space-l);
}
.row-gap-xl{
    row-gap:var(--space-xl);
}
.row-gap-xxl{
    row-gap:var(--space-xxl);
}
.column-gap-xs{
    -webkit-column-gap:var(--space-xs);
    -moz-column-gap:var(--space-xs);
    column-gap:var(--space-xs);
}
.column-gap-s{
    -webkit-column-gap:var(--space-s);
    -moz-column-gap:var(--space-s);
    column-gap:var(--space-s);
}
.column-gap-base{
    -webkit-column-gap:var(--space-base);
    -moz-column-gap:var(--space-base);
    column-gap:var(--space-base);
}
.column-gap-m{
    -webkit-column-gap:var(--space-m);
    -moz-column-gap:var(--space-m);
    column-gap:var(--space-m);
}
.column-gap-l{
    -webkit-column-gap:var(--space-l);
    -moz-column-gap:var(--space-l);
    column-gap:var(--space-l);
}
.column-gap-xl{
    -webkit-column-gap:var(--space-xl);
    -moz-column-gap:var(--space-xl);
    column-gap:var(--space-xl);
}
.column-gap-xxl{
    -webkit-column-gap:var(--space-xxl);
    -moz-column-gap:var(--space-xxl);
    column-gap:var(--space-xxl);
}
/*! 7.18. Display - Align */
.align-items-flex-start{
    -webkit-box-align:start;
    -ms-flex-align:start;
    align-items:flex-start;
}
.align-items-flex-end{
    -webkit-box-align:end;
    -ms-flex-align:end;
    align-items:flex-end;
}
.align-items-center{
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
}
.align-items-stretch{
    -webkit-box-align:stretch;
    -ms-flex-align:stretch;
    align-items:stretch;
}
.align-items-baseline{
    -webkit-box-align:baseline;
    -ms-flex-align:baseline;
    align-items:baseline;
}
.align-items-initial{
    -webkit-box-align:initial;
    -ms-flex-align:initial;
    align-items:initial;
}
.align-self-flex-start{
    -ms-flex-item-align:start;
    align-self:flex-start;
}
.align-self-flex-end{
    -ms-flex-item-align:end;
    align-self:flex-end;
}
.align-self-center{
    -ms-flex-item-align:center;
    align-self:center;
}
.align-self-stretch{
    -ms-flex-item-align:stretch;
    align-self:stretch;
}
.align-self-baseline{
    -ms-flex-item-align:baseline;
    align-self:baseline;
}
.align-content-flex-start{
    -ms-flex-line-pack:start;
    align-content:flex-start;
}
.align-content-flex-end{
    -ms-flex-line-pack:end;
    align-content:flex-end;
}
.align-content-center{
    -ms-flex-line-pack:center;
    align-content:center;
}
.align-content-space-between{
    -ms-flex-line-pack:justify;
    align-content:space-between;
}
.align-content-space-around{
    -ms-flex-line-pack:distribute;
    align-content:space-around;
}
.align-content-space-evenly{
    -ms-flex-line-pack:space-evenly;
    align-content:space-evenly;
}
.align-content-stretch{
    -ms-flex-line-pack:stretch;
    align-content:stretch;
}
.align-content-baseline{
    -ms-flex-line-pack:baseline;
    align-content:baseline;
}
.top-left{
    -webkit-box-align:start;
    -ms-flex-align:start;
    align-items:flex-start;
    -webkit-box-pack:start;
    -ms-flex-pack:start;
    justify-content:flex-start;
}
.top-center{
    -webkit-box-align:start;
    -ms-flex-align:start;
    align-items:flex-start;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
}
.top-right{
    -webkit-box-align:start;
    -ms-flex-align:start;
    align-items:flex-start;
    -webkit-box-pack:end;
    -ms-flex-pack:end;
    justify-content:flex-end;
}
.center{
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
}
.center-left{
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:start;
    -ms-flex-pack:start;
    justify-content:flex-start;
}
.center-right{
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:end;
    -ms-flex-pack:end;
    justify-content:flex-end;
}
.bottom-left{
    -webkit-box-align:end;
    -ms-flex-align:end;
    align-items:flex-end;
    -webkit-box-pack:start;
    -ms-flex-pack:start;
    justify-content:flex-start;
}
.bottom-center{
    -webkit-box-align:end;
    -ms-flex-align:end;
    align-items:flex-end;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
}
.bottom-right{
    -webkit-box-align:end;
    -ms-flex-align:end;
    align-items:flex-end;
    -webkit-box-pack:end;
    -ms-flex-pack:end;
    justify-content:flex-end;
}
/*! 7.19. Images */
.img-cover{
    height:100%;
    -o-object-fit:cover;
    object-fit:cover;
}
img.img-rounded{
    border-radius:10px;
}
img.img-circle{
    border-radius:var(--border-radius-circle);
}
img.thumbnail{
    background-color:var(--color-neutral-0);
    border:var(--border-size-s) solid var(--color-neutral-4);
    padding:var(--space-xs);
}
/*! 7.20. Overflow */
.overflow-hidden{
    overflow:hidden;
}
.overflow-hidden{

}
.overflow-horizontal{
    overflow-x:auto;
}
.overflow-horizontal{

}
.overflow-vertical{
    overflow-y:auto;
}
.overflow-vertical{

}
/*! 7.21. Visibility */
.ph:empty{
    display:none;
}
.hidden{
    display:none;
}
.hide-scrollbar{
    -ms-overflow-style:none;
    scrollbar-width:none;
}
.hide-scrollbar:hover{
    cursor:all-scroll;
}
.hide-scrollbar::-webkit-scrollbar{
    display:none;
}
.hide-on-service-studio{

}
/*! 7.22. Position */
.position-relative{
    position:relative;
}
.fixed{
    position:fixed;
}
.sticky{
    position:sticky;
}
/*! 7.23. Position - Absolute */
.position-absolute{
    position:absolute;
}
.absolute-top{
    top:0;
}
.absolute-top-right{
    right:0;
    top:0;
}
.absolute-top-left{
    left:0;
    top:0;
}
.absolute-top-plus-header{
    top:calc(var(--header-size) + var(--os-safe-area-top));
}
.absolute-right{
    right:0;
}
.absolute-bottom{
    bottom:0;
}
.absolute-bottom-right{
    bottom:0;
    right:0;
}
.absolute-bottom-left{
    bottom:0;
    left:0;
}
.absolute-bottom.absolute-center{
    bottom:0;
    left:50%;
    -webkit-transform:translateX(-50%);
    -ms-transform:translateX(-50%);
    transform:translateX(-50%);
}
.absolute-left{
    left:0;
}
.absolute-center{
    left:50%;
    top:50%;
    -webkit-transform:translate(-50%, -50%);
    -ms-transform:translate(-50%, -50%);
    transform:translate(-50%, -50%);
}
.absolute-center-top{
    left:50%;
    top:0;
    -webkit-transform:translateX(-50%);
    -ms-transform:translateX(-50%);
    transform:translateX(-50%);
}
.absolute-center-right{
    right:0;
    top:50%;
    -webkit-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    transform:translateY(-50%);
}
.absolute-center-bottom{
    bottom:0;
    left:50%;
    -webkit-transform:translateX(-50%);
    -ms-transform:translateX(-50%);
    transform:translateX(-50%);
}
.absolute-center-left{
    left:0;
    top:50%;
    -webkit-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    transform:translateY(-50%);
}
/*! 7.24. Miscellaneous */
.no-transition{
    -webkit-transition:none !important;
    transition:none !important;
}
.no-transform{
    -webkit-transform:none !important;
    -ms-transform:none !important;
    transform:none !important;
}
.sticky-observer{
    height:var(--header-size);
    left:0;
    position:absolute;
    right:0;
    top:0;
    visibility:hidden;
}
[data-allow-event-propagation=true] > *,
[data-allow-event-propagation=True] > *{
    pointer-events:none;
}
.tablet .tablet-full-width,
.phone .phone-full-width{
    margin-left:0;
    width:100%;
}
/*! ==============================================================================
8. Screen Transitions
=============================================================================== */
.slide-from-left-enter .layout-native .app-menu-content, .slide-from-left-leave .layout-native .app-menu-content,
.slide-from-right-enter .layout-native .app-menu-content,
.slide-from-right-leave .layout-native .app-menu-content,
.slide-from-bottom-enter .layout-native .app-menu-content,
.slide-from-bottom-leave .layout-native .app-menu-content,
.fade-enter .layout-native .app-menu-content,
.fade-leave .layout-native .app-menu-content{
    display:none;
}
.slide-from-left-enter .layout-native .app-menu-overlay, .slide-from-left-leave .layout-native .app-menu-overlay,
.slide-from-right-enter .layout-native .app-menu-overlay,
.slide-from-right-leave .layout-native .app-menu-overlay,
.slide-from-bottom-enter .layout-native .app-menu-overlay,
.slide-from-bottom-leave .layout-native .app-menu-overlay,
.fade-enter .layout-native .app-menu-overlay,
.fade-leave .layout-native .app-menu-overlay{
    display:none;
}
.slide-from-right-enter.slide-from-right-enter-active,
.slide-from-right-leave.slide-from-right-leave-active,
.slide-from-left-enter.slide-from-left-enter-active,
.slide-from-left-leave.slide-from-left-leave-active,
.slide-from-top-enter.slide-from-top-enter-active,
.slide-from-top-leave.slide-from-top-leave-active,
.slide-from-bottom-enter.slide-from-bottom-enter-active,
.slide-from-bottom-leave.slide-from-bottom-leave-active,
.fade-enter.fade-enter-active,
.fade-leave.fade-leave-active{
    -webkit-transition:opacity 400ms ease-in-out, -webkit-transform 400ms ease-in-out;
    transition:opacity 400ms ease-in-out, -webkit-transform 400ms ease-in-out;
    transition:transform 400ms ease-in-out, opacity 400ms ease-in-out;
    transition:transform 400ms ease-in-out, opacity 400ms ease-in-out, -webkit-transform 400ms ease-in-out;
}
.slide-from-right-enter.slide-from-right-enter-active .content,
.slide-from-right-leave.slide-from-right-leave-active .content,
.slide-from-left-enter.slide-from-left-enter-active .content,
.slide-from-left-leave.slide-from-left-leave-active .content,
.slide-from-top-enter.slide-from-top-enter-active .content,
.slide-from-top-leave.slide-from-top-leave-active .content,
.slide-from-bottom-enter.slide-from-bottom-enter-active .content,
.slide-from-bottom-leave.slide-from-bottom-leave-active .content,
.fade-enter.fade-enter-active .content,
.fade-leave.fade-leave-active .content{
    -webkit-transition:opacity 400ms ease-in-out, -webkit-transform 400ms ease-in-out;
    transition:opacity 400ms ease-in-out, -webkit-transform 400ms ease-in-out;
    transition:transform 400ms ease-in-out, opacity 400ms ease-in-out;
    transition:transform 400ms ease-in-out, opacity 400ms ease-in-out, -webkit-transform 400ms ease-in-out;
}
.slide-from-right-enter .content,
.slide-from-left-leave.slide-from-left-leave-active .content{
    -webkit-transform:translateX(100vw) translateZ(0);
    transform:translateX(100vw) translateZ(0);
}
.slide-from-right-leave,
.slide-from-right-enter.slide-from-right-enter-active,
.slide-from-left-leave,
.slide-from-left-enter.slide-from-left-enter-active{
    -webkit-transform:none;
    -ms-transform:none;
    transform:none;
}
.slide-from-right-leave .content,
.slide-from-right-enter.slide-from-right-enter-active .content,
.slide-from-left-leave .content,
.slide-from-left-enter.slide-from-left-enter-active .content{
    -webkit-transform:translateX(0vw) translateZ(0);
    transform:translateX(0vw) translateZ(0);
}
.slide-from-right-leave.slide-from-right-leave-active,
.slide-from-left-enter{
    -webkit-transform:none;
    -ms-transform:none;
    transform:none;
}
.slide-from-right-leave.slide-from-right-leave-active .content,
.slide-from-left-enter .content{
    -webkit-transform:translateX(-100vw) translateZ(0);
    transform:translateX(-100vw) translateZ(0);
}
.slide-from-right-enter,
.slide-from-left-leave.slide-from-left-leave-active{
    -webkit-transform:none;
    -ms-transform:none;
    transform:none;
}
.slide-from-right-leave.slide-from-right-leave-active .header,
.slide-from-left-leave.slide-from-left-leave-active .header{
    opacity:0;
}
.slide-from-top-leave.slide-from-top-leave-active{
    opacity:0;
    -webkit-transform:translateY(30vh) translateZ(0);
    transform:translateY(30vh) translateZ(0);
}
.slide-from-right-leave.slide-from-right-leave-active .content{
    opacity:0;
    -webkit-transform:translateX(-30vw) translateZ(0);
    transform:translateX(-30vw) translateZ(0);
}
.slide-from-bottom-leave.slide-from-bottom-leave-active{
    opacity:0;
    -webkit-transform:translateY(-30vh) translateZ(0);
    transform:translateY(-30vh) translateZ(0);
}
.slide-from-left-leave.slide-from-left-leave-active .content{
    opacity:0;
    -webkit-transform:translateX(30vw) translateZ(0);
    transform:translateX(30vw) translateZ(0);
}
.fade-enter{
    opacity:initial;
}
.fade-enter.fade-enter-active{
    opacity:initial;
}
.fade-enter.fade-enter-active .content{
    opacity:1;
}
.fade-enter.fade-enter-active .header{
    -webkit-transition:opacity 400ms ease-in-out, -webkit-transform 400ms ease-in-out;
    transition:opacity 400ms ease-in-out, -webkit-transform 400ms ease-in-out;
    transition:transform 400ms ease-in-out, opacity 400ms ease-in-out;
    transition:transform 400ms ease-in-out, opacity 400ms ease-in-out, -webkit-transform 400ms ease-in-out;
}
.fade-enter .content{
    opacity:0;
    will-change:opacity;
}
.fade-leave.fade-leave-active{
    opacity:0;
    -webkit-transition:all 400ms ease-in-out;
    transition:all 400ms ease-in-out;
}
.fade-leave.fade-leave-active .header{
    opacity:0;
    -webkit-transform:translateY(-200px) translateZ(0);
    transform:translateY(-200px) translateZ(0);
    -webkit-transition:none;
    transition:none;
}
.fade-leave.screen-container{
    position:fixed;
    top:0;
    width:100%;
    z-index:var(--layer-global-negative);
}
.desktop .slide-from-left-enter .layout-native.aside-visible .app-menu-content, .desktop .slide-from-left-leave .layout-native.aside-visible .app-menu-content,
.desktop .slide-from-right-enter .layout-native.aside-visible .app-menu-content,
.desktop .slide-from-right-leave .layout-native.aside-visible .app-menu-content,
.desktop .slide-from-bottom-enter .layout-native.aside-visible .app-menu-content,
.desktop .slide-from-bottom-leave .layout-native.aside-visible .app-menu-content,
.desktop .fade-enter .layout-native.aside-visible .app-menu-content,
.desktop .fade-leave .layout-native.aside-visible .app-menu-content,
.tablet.landscape .slide-from-left-enter .layout-native.aside-visible .app-menu-content,
.tablet.landscape .slide-from-left-leave .layout-native.aside-visible .app-menu-content,
.tablet.landscape .slide-from-right-enter .layout-native.aside-visible .app-menu-content,
.tablet.landscape .slide-from-right-leave .layout-native.aside-visible .app-menu-content,
.tablet.landscape .slide-from-bottom-enter .layout-native.aside-visible .app-menu-content,
.tablet.landscape .slide-from-bottom-leave .layout-native.aside-visible .app-menu-content,
.tablet.landscape .fade-enter .layout-native.aside-visible .app-menu-content,
.tablet.landscape .fade-leave .layout-native.aside-visible .app-menu-content{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
}
/*! ==============================================================================
9. Keyframes - Animations
=============================================================================== */
/*! 9.1. Animate */
@-webkit-keyframes bottomtotop{
    from{
        opacity:0;
        -webkit-transform:translateX(0) translateY(60%) translateZ(0);
        transform:translateX(0) translateY(60%) translateZ(0);
    }
    to{
        opacity:1;
        -webkit-transform:translateX(0) translateY(0) translateZ(0);
        transform:translateX(0) translateY(0) translateZ(0);
    }
}
@keyframes bottomtotop{
    from{
        opacity:0;
        -webkit-transform:translateX(0) translateY(60%) translateZ(0);
        transform:translateX(0) translateY(60%) translateZ(0);
    }
    to{
        opacity:1;
        -webkit-transform:translateX(0) translateY(0) translateZ(0);
        transform:translateX(0) translateY(0) translateZ(0);
    }
}
@-webkit-keyframes bounce{
    from, 20%, 53%, 80%, to{
        -webkit-transform:translateX(0) translateY(0) translateZ(0);
        transform:translateX(0) translateY(0) translateZ(0);
    }
    40%, 43%{
        -webkit-transform:translateX(0) translateY(-30px) translateZ(0);
        transform:translateX(0) translateY(-30px) translateZ(0);
    }
    70%{
        -webkit-transform:translateX(0) translateY(-15px) translateZ(0);
        transform:translateX(0) translateY(-15px) translateZ(0);
    }
    90%{
        -webkit-transform:translateX(0) translateY(-4px) translateZ(0);
        transform:translateX(0) translateY(-4px) translateZ(0);
    }
}
@keyframes bounce{
    from, 20%, 53%, 80%, to{
        -webkit-transform:translateX(0) translateY(0) translateZ(0);
        transform:translateX(0) translateY(0) translateZ(0);
    }
    40%, 43%{
        -webkit-transform:translateX(0) translateY(-30px) translateZ(0);
        transform:translateX(0) translateY(-30px) translateZ(0);
    }
    70%{
        -webkit-transform:translateX(0) translateY(-15px) translateZ(0);
        transform:translateX(0) translateY(-15px) translateZ(0);
    }
    90%{
        -webkit-transform:translateX(0) translateY(-4px) translateZ(0);
        transform:translateX(0) translateY(-4px) translateZ(0);
    }
}
@-webkit-keyframes fadein{
    0%{
        opacity:0;
    }
    20%{
        opacity:0;
    }
    100%{
        opacity:1;
    }
}
@keyframes fadein{
    0%{
        opacity:0;
    }
    20%{
        opacity:0;
    }
    100%{
        opacity:1;
    }
}
@-webkit-keyframes lefttoright{
    0%{
        opacity:0;
        -webkit-transform:translateX(-60%) translateY(0) translateZ(0);
        transform:translateX(-60%) translateY(0) translateZ(0);
    }
    100%{
        opacity:1;
        -webkit-transform:translateX(0) translateY(0) translateZ(0);
        transform:translateX(0) translateY(0) translateZ(0);
    }
}
@keyframes lefttoright{
    0%{
        opacity:0;
        -webkit-transform:translateX(-60%) translateY(0) translateZ(0);
        transform:translateX(-60%) translateY(0) translateZ(0);
    }
    100%{
        opacity:1;
        -webkit-transform:translateX(0) translateY(0) translateZ(0);
        transform:translateX(0) translateY(0) translateZ(0);
    }
}
@-webkit-keyframes righttoleft{
    0%{
        opacity:0;
        -webkit-transform:translateX(60%) translateY(0) translateZ(0);
        transform:translateX(60%) translateY(0) translateZ(0);
    }
    100%{
        opacity:1;
        -webkit-transform:translateX(0) translateY(0) translateZ(0);
        transform:translateX(0) translateY(0) translateZ(0);
    }
}
@keyframes righttoleft{
    0%{
        opacity:0;
        -webkit-transform:translateX(60%) translateY(0) translateZ(0);
        transform:translateX(60%) translateY(0) translateZ(0);
    }
    100%{
        opacity:1;
        -webkit-transform:translateX(0) translateY(0) translateZ(0);
        transform:translateX(0) translateY(0) translateZ(0);
    }
}
@-webkit-keyframes toptobottom{
    0%{
        opacity:0;
        -webkit-transform:translateX(0) translateY(-60%) translateZ(0);
        transform:translateX(0) translateY(-60%) translateZ(0);
    }
    100%{
        opacity:1;
        -webkit-transform:translateX(0) translateY(0) translateZ(0);
        transform:translateX(0) translateY(0) translateZ(0);
    }
}
@keyframes toptobottom{
    0%{
        opacity:0;
        -webkit-transform:translateX(0) translateY(-60%) translateZ(0);
        transform:translateX(0) translateY(-60%) translateZ(0);
    }
    100%{
        opacity:1;
        -webkit-transform:translateX(0) translateY(0) translateZ(0);
        transform:translateX(0) translateY(0) translateZ(0);
    }
}
@-webkit-keyframes scale{
    0%{
        opacity:0;
        -webkit-transform:translateX(0) translateY(0) translateZ(0) scale(0);
        transform:translateX(0) translateY(0) translateZ(0) scale(0);
    }
    80%{
        opacity:1;
        -webkit-transform:translateX(0) translateY(0) translateZ(0) scale(1.2);
        transform:translateX(0) translateY(0) translateZ(0) scale(1.2);
    }
    100%{
        opacity:1;
        -webkit-transform:translateX(0) translateY(0) translateZ(0) scale(1);
        transform:translateX(0) translateY(0) translateZ(0) scale(1);
    }
}
@keyframes scale{
    0%{
        opacity:0;
        -webkit-transform:translateX(0) translateY(0) translateZ(0) scale(0);
        transform:translateX(0) translateY(0) translateZ(0) scale(0);
    }
    80%{
        opacity:1;
        -webkit-transform:translateX(0) translateY(0) translateZ(0) scale(1.2);
        transform:translateX(0) translateY(0) translateZ(0) scale(1.2);
    }
    100%{
        opacity:1;
        -webkit-transform:translateX(0) translateY(0) translateZ(0) scale(1);
        transform:translateX(0) translateY(0) translateZ(0) scale(1);
    }
}
@-webkit-keyframes scaledown{
    0%{
        opacity:0;
        -webkit-transform:translateX(0) translateY(0) translateZ(0) scale(1.5);
        transform:translateX(0) translateY(0) translateZ(0) scale(1.5);
    }
    100%{
        opacity:1;
        -webkit-transform:translateX(0) translateY(0) translateZ(0) scale(1);
        transform:translateX(0) translateY(0) translateZ(0) scale(1);
    }
}
@keyframes scaledown{
    0%{
        opacity:0;
        -webkit-transform:translateX(0) translateY(0) translateZ(0) scale(1.5);
        transform:translateX(0) translateY(0) translateZ(0) scale(1.5);
    }
    100%{
        opacity:1;
        -webkit-transform:translateX(0) translateY(0) translateZ(0) scale(1);
        transform:translateX(0) translateY(0) translateZ(0) scale(1);
    }
}
@-webkit-keyframes scaleup{
    0%{
        opacity:0;
        -webkit-transform:translateX(0) translateY(0) translateZ(0) scale(0);
        transform:translateX(0) translateY(0) translateZ(0) scale(0);
    }
    100%{
        opacity:1;
        -webkit-transform:translateX(0) translateY(0) translateZ(0) scale(1);
        transform:translateX(0) translateY(0) translateZ(0) scale(1);
    }
}
@keyframes scaleup{
    0%{
        opacity:0;
        -webkit-transform:translateX(0) translateY(0) translateZ(0) scale(0);
        transform:translateX(0) translateY(0) translateZ(0) scale(0);
    }
    100%{
        opacity:1;
        -webkit-transform:translateX(0) translateY(0) translateZ(0) scale(1);
        transform:translateX(0) translateY(0) translateZ(0) scale(1);
    }
}
@-webkit-keyframes spinner{
    0%{
        -webkit-transform:rotate(0deg);
        transform:rotate(0deg);
    }
    100%{
        -webkit-transform:rotate(359deg);
        transform:rotate(359deg);
    }
}
@keyframes spinner{
    0%{
        -webkit-transform:rotate(0deg);
        transform:rotate(0deg);
    }
    100%{
        -webkit-transform:rotate(359deg);
        transform:rotate(359deg);
    }
}
/*! 9.2. Button Loading */
@-webkit-keyframes loadingSpinner{
    0%{
        -webkit-transform:rotate(0deg) translateZ(0);
        transform:rotate(0deg) translateZ(0);
    }
    100%{
        -webkit-transform:rotate(360deg) translateZ(0);
        transform:rotate(360deg) translateZ(0);
    }
}
@keyframes loadingSpinner{
    0%{
        -webkit-transform:rotate(0deg) translateZ(0);
        transform:rotate(0deg) translateZ(0);
    }
    100%{
        -webkit-transform:rotate(360deg) translateZ(0);
        transform:rotate(360deg) translateZ(0);
    }
}
/*! 9.3. List Item */
@-webkit-keyframes list-item-scale-animation{
    from{
        opacity:0.3;
        -webkit-transform:scale(0, 1) translateZ(0);
        transform:scale(0, 1) translateZ(0);
    }
    to{
        opacity:0;
        -webkit-transform:scale(400, 300) translateZ(0);
        transform:scale(400, 300) translateZ(0);
    }
}
@keyframes list-item-scale-animation{
    from{
        opacity:0.3;
        -webkit-transform:scale(0, 1) translateZ(0);
        transform:scale(0, 1) translateZ(0);
    }
    to{
        opacity:0;
        -webkit-transform:scale(400, 300) translateZ(0);
        transform:scale(400, 300) translateZ(0);
    }
}
/*! 9.4. Feedback Message */
@-webkit-keyframes feedbackMessageSlideDownThenUp{
    0%{
        -webkit-transform:translateY(-100%) translateX(-50%) translateZ(0);
        transform:translateY(-100%) translateX(-50%) translateZ(0);
    }
    5%{
        -webkit-transform:translateY(24px) translateX(-50%) translateZ(0);
        transform:translateY(24px) translateX(-50%) translateZ(0);
    }
    95%{
        -webkit-transform:translateY(24px) translateX(-50%) translateZ(0);
        transform:translateY(24px) translateX(-50%) translateZ(0);
    }
    100%{
        -webkit-transform:translateY(-100%) translateX(-50%) translateZ(0);
        transform:translateY(-100%) translateX(-50%) translateZ(0);
    }
}
@keyframes feedbackMessageSlideDownThenUp{
    0%{
        -webkit-transform:translateY(-100%) translateX(-50%) translateZ(0);
        transform:translateY(-100%) translateX(-50%) translateZ(0);
    }
    5%{
        -webkit-transform:translateY(24px) translateX(-50%) translateZ(0);
        transform:translateY(24px) translateX(-50%) translateZ(0);
    }
    95%{
        -webkit-transform:translateY(24px) translateX(-50%) translateZ(0);
        transform:translateY(24px) translateX(-50%) translateZ(0);
    }
    100%{
        -webkit-transform:translateY(-100%) translateX(-50%) translateZ(0);
        transform:translateY(-100%) translateX(-50%) translateZ(0);
    }
}
@-webkit-keyframes feedbackMessageSlideDown{
    0%{
        -webkit-transform:translateY(-100%) translateX(-50%) translateZ(0);
        transform:translateY(-100%) translateX(-50%) translateZ(0);
    }
    100%{
        -webkit-transform:translateY(24px) translateX(-50%) translateZ(0);
        transform:translateY(24px) translateX(-50%) translateZ(0);
    }
}
@keyframes feedbackMessageSlideDown{
    0%{
        -webkit-transform:translateY(-100%) translateX(-50%) translateZ(0);
        transform:translateY(-100%) translateX(-50%) translateZ(0);
    }
    100%{
        -webkit-transform:translateY(24px) translateX(-50%) translateZ(0);
        transform:translateY(24px) translateX(-50%) translateZ(0);
    }
}
@-webkit-keyframes feedbackMessageSlideDownThenUpPhone{
    0%{
        -webkit-transform:translateY(-100%) translateX(-50%) translateZ(0);
        transform:translateY(-100%) translateX(-50%) translateZ(0);
    }
    5%{
        -webkit-transform:translateY(0) translateX(-50%) translateZ(0);
        transform:translateY(0) translateX(-50%) translateZ(0);
    }
    95%{
        -webkit-transform:translateY(0) translateX(-50%) translateZ(0);
        transform:translateY(0) translateX(-50%) translateZ(0);
    }
    100%{
        -webkit-transform:translateY(-100%) translateX(-50%) translateZ(0);
        transform:translateY(-100%) translateX(-50%) translateZ(0);
    }
}
@keyframes feedbackMessageSlideDownThenUpPhone{
    0%{
        -webkit-transform:translateY(-100%) translateX(-50%) translateZ(0);
        transform:translateY(-100%) translateX(-50%) translateZ(0);
    }
    5%{
        -webkit-transform:translateY(0) translateX(-50%) translateZ(0);
        transform:translateY(0) translateX(-50%) translateZ(0);
    }
    95%{
        -webkit-transform:translateY(0) translateX(-50%) translateZ(0);
        transform:translateY(0) translateX(-50%) translateZ(0);
    }
    100%{
        -webkit-transform:translateY(-100%) translateX(-50%) translateZ(0);
        transform:translateY(-100%) translateX(-50%) translateZ(0);
    }
}
@-webkit-keyframes feedbackMessageSlideDownPhone{
    0%{
        -webkit-transform:translateY(-100%) translateX(-50%) translateZ(0);
        transform:translateY(-100%) translateX(-50%) translateZ(0);
    }
    100%{
        -webkit-transform:translateY(0) translateX(-50%) translateZ(0);
        transform:translateY(0) translateX(-50%) translateZ(0);
    }
}
@keyframes feedbackMessageSlideDownPhone{
    0%{
        -webkit-transform:translateY(-100%) translateX(-50%) translateZ(0);
        transform:translateY(-100%) translateX(-50%) translateZ(0);
    }
    100%{
        -webkit-transform:translateY(0) translateX(-50%) translateZ(0);
        transform:translateY(0) translateX(-50%) translateZ(0);
    }
}
@-webkit-keyframes feedbackMessageSlideDownThenUpPhoneRTL{
    0%{
        -webkit-transform:translateY(-100%) translateX(0) translateZ(0);
        transform:translateY(-100%) translateX(0) translateZ(0);
    }
    5%{
        -webkit-transform:translateY(0) translateX(0) translateZ(0);
        transform:translateY(0) translateX(0) translateZ(0);
    }
    95%{
        -webkit-transform:translateY(0) translateX(0) translateZ(0);
        transform:translateY(0) translateX(0) translateZ(0);
    }
    100%{
        -webkit-transform:translateY(-100%) translateX(0) translateZ(0);
        transform:translateY(-100%) translateX(0) translateZ(0);
    }
}
@keyframes feedbackMessageSlideDownThenUpPhoneRTL{
    0%{
        -webkit-transform:translateY(-100%) translateX(0) translateZ(0);
        transform:translateY(-100%) translateX(0) translateZ(0);
    }
    5%{
        -webkit-transform:translateY(0) translateX(0) translateZ(0);
        transform:translateY(0) translateX(0) translateZ(0);
    }
    95%{
        -webkit-transform:translateY(0) translateX(0) translateZ(0);
        transform:translateY(0) translateX(0) translateZ(0);
    }
    100%{
        -webkit-transform:translateY(-100%) translateX(0) translateZ(0);
        transform:translateY(-100%) translateX(0) translateZ(0);
    }
}
@-webkit-keyframes feedbackMessageSlideDownPhoneRTL{
    0%{
        -webkit-transform:translateY(-100%) translateX(0) translateZ(0);
        transform:translateY(-100%) translateX(0) translateZ(0);
    }
    100%{
        -webkit-transform:translateY(0) translateX(0) translateZ(0);
        transform:translateY(0) translateX(0) translateZ(0);
    }
}
@keyframes feedbackMessageSlideDownPhoneRTL{
    0%{
        -webkit-transform:translateY(-100%) translateX(0) translateZ(0);
        transform:translateY(-100%) translateX(0) translateZ(0);
    }
    100%{
        -webkit-transform:translateY(0) translateX(0) translateZ(0);
        transform:translateY(0) translateX(0) translateZ(0);
    }
}
/*! 9.5. Pull To Refresh */
@-webkit-keyframes ptr-loading{
    0%{
        opacity:0;
        -webkit-transform:translateY(0) scale(0.3);
        transform:translateY(0) scale(0.3);
    }
    100%{
        background-color:var(--color-neutral-0);
        opacity:1;
        -webkit-transform:scale(1);
        transform:scale(1);
    }
}
@keyframes ptr-loading{
    0%{
        opacity:0;
        -webkit-transform:translateY(0) scale(0.3);
        transform:translateY(0) scale(0.3);
    }
    100%{
        background-color:var(--color-neutral-0);
        opacity:1;
        -webkit-transform:scale(1);
        transform:scale(1);
    }
}
/*! 9.6. Miscellaneous */
@-webkit-keyframes fade{
    0%, 50%{
        opacity:0;
    }
    100%{
        opacity:1;
    }
}
@keyframes fade{
    0%, 50%{
        opacity:0;
    }
    100%{
        opacity:1;
    }
}
@-webkit-keyframes spin{
    0%{
        -webkit-transform:rotate(0deg);
        transform:rotate(0deg);
    }
    100%{
        -webkit-transform:rotate(360deg);
        transform:rotate(360deg);
    }
}
@keyframes spin{
    0%{
        -webkit-transform:rotate(0deg);
        transform:rotate(0deg);
    }
    100%{
        -webkit-transform:rotate(360deg);
        transform:rotate(360deg);
    }
}
/*! ==============================================================================
10. Service Studio Preview
=============================================================================== */
body > .app-menu-content{





}
body > .app-menu-content .app-menu-links{



}
.tablet .app-menu-links a,
.phone .app-menu-links a{



}
html[data-uieditorversion^="1"] body:not(.phone):not(.tablet) .layout-side aside{






}
html[data-uieditorversion^="1"] body .app-menu-content{





}
html[data-uieditorversion^="1"] body .app-menu-content > *{


}
html[data-uieditorversion^="1"] body .app-menu-content .app-login-info{

}
html[data-uieditorversion^="1"] body .app-menu-links{


}
html[data-uieditorversion^="1"] body .app-menu-overlay{
    pointer-events:none !important;
}
html[data-uieditorversion^="1"] body.phone .layout .app-menu-content,
html[data-uieditorversion^="1"] body.tablet .layout .app-menu-content,
html[data-uieditorversion^="1"] body:not(.phone):not(.tablet) .layout-side .menu-icon{

}
html[data-uieditorversion^="1"] .ph:empty{

}
html[data-uieditorversion^="1"] .table tr:empty{

}
html[data-uieditorversion^="1"] .blank-slate > div{





}
html[data-uieditorversion^="1"] .card-background-image .card{

}
html[data-uieditorversion^="1"] .icon-states .uieditor-if-branch-widget{

}
html[data-uieditorversion^="1"] .icon-states .uieditor-if-branch-widget:empty{

}
html[data-uieditorversion^="1"] .phone .table:not(.table-responsive){
    display:block;
}
html[data-uieditorversion^="1"] .phone .layout:not(.layout-native) .table{

}
html[data-uieditorversion^="1"] .phone .layout:not(.layout-native) .table td{

}
html[data-uieditorversion^="1"] .phone .layout:not(.layout-native) .table:not(.table-no-responsive) th{

}
html[data-uieditorversion^="1"] .phone .layout:not(.layout-native) .table-no-responsive thead > tr:not(:empty):before{

}
html[data-uieditorversion^="1"] .phone .layout:not(.layout-native) thead,
html[data-uieditorversion^="1"] .tablet .layout:not(.layout-native) thead{
    display:initial;
}
html[data-uieditorversion^="1"] .phone .layout:not(.layout-native) thead > tr,
html[data-uieditorversion^="1"] .tablet .layout:not(.layout-native) thead > tr{

}
html[data-uieditorversion^="1"] .phone .layout:not(.layout-native) table.table > thead > tr,
html[data-uieditorversion^="1"] .tablet .layout:not(.layout-native) table.table > thead > tr{
    display:none;
}
html[data-uieditorversion^="1"] .phone .layout:not(.layout-native) table.table > thead > tr:empty,
html[data-uieditorversion^="1"] .tablet .layout:not(.layout-native) table.table > thead > tr:empty{
    display:block;
}
html[data-uieditorversion^="1"] .phone .layout:not(.layout-native) .table-no-responsive thead,
html[data-uieditorversion^="1"] .tablet .layout:not(.layout-native) .table-no-responsive thead{

}
html:not([data-uieditorversion^="1"]) .phone td,
html:not([data-uieditorversion^="1"]) .tablet td{

}
html:not([data-uieditorversion^="1"]) .table{

}
.osui-deprecated:before{
    display:none;

















}
/*! The CSS classes below will be excluded in the Style Classes dropwdown of Widgets */
/*! ExcludeFromPickers: accordion, accordion-item, accordion-item-content, accordion-item-header, accordion-item-icon, accordion-item-title, active, alert, alert-close, alert-icon, alert-message, align-items-center, animate,
animated-label, animated-label-inline, animated-label-input, animated-label-text, Application_Menu, app-logo, badge, badge-icon, badge-medium, badge-small, balloon, balloon-container, balloon-content, balloon-footer, balloon-title,
blank-slate, blank-slate-content, bottom-center, bottom-left, bottom-right, breadcrumbs, breadcrumbs-item, Button, button-group, card-background, card-background-color, card-background-content, card-background-image, card-content,
card-footer, card-image, card-sectioned, card-sectioned-right, card-sectioned-top, card-title, carousel, carousel-arrow-left, carousel-arrow-right, carousel-navigation, carousel-padding-none, center, center-align,
center-left, center-right, chat, chat-message, chat-message-actions, chat-message-content, chat-message-name, chat-photo, checkbox, choices, choices__button, choices__heading, choices__inner, choices__input,
choices__input--cloned, choices__item, choices__item--disabled, choices__item--selectable, choices__list, choices__list--dropdown, choices__list--multiple, choices__list--single, choices__placeholder, ColumnHeader,
columns, columns2, columns3, columns4, columns5, columns6, columns-item, columns-medium-left, columns-medium-right, columns-small-left, columns-small-right, content, content-bottom, content-breadcrumbs, content-middle, content-top,
content-top-actions, content-top-title, ControlActions, controls, counter, Counter_Message, customize-tools, desktop, desktop-big, desktop-hd, desktop-small, dropdown, dropdown-container, dropdown-content, dropdown-content-list,
dropdown-header, dropdown-icon, EditableTable, EditRecord, enter-bottom, enter-fade, enter-left, enter-right, enter-scale, enter-top, expandable-row, fa, fa-fw, fail, Feedback_AjaxWait, Feedback_AjaxWait_CursorProgress,
Feedback_Message_Error, Feedback_Message_Info, Feedback_Message_Success, Feedback_Message_Warning, Feedback_Message_Wrapper, Feedback_Message_Wrapper_Close, file-upload, file-upload-button, file-upload-delete,
file-upload-icon, file-upload-message, file-upload-widget, Form, gallery-content, gallery-item, has-event, header, header-center, header-content, header-left, header-right, header-top, hide-on-service-studio, icon,
icon-silk-angle-down, icon-silk-chevron-down, icon-silk-rocket, icon-silk-search, ie10, ie11, img, img-1, img-2, img-3, img-4, img-5, img-6, img-7, img-8, InEditMode, input, input-with-icon, input-with-icon-content-icon,
input-with-icon-input, interval, Is_Default, is-active, is--active, is--animating, is-bound, is--closed, is--collapsed, is-disabled, is--disabled, is--expanded, is-flipped, is-focused, is-hidden, is--hidden,
is-highlighted, is-inline, is-open, is--open, is-outside-current-month, is-right, is-rtl, is-selected, is-today, is--visible, jello, justified, justify-content-flex-end, label-top, layout, layout-left, layout-login,
layout-login-background, layout-login-form, layout-login-form-content, layout-login-simple, layout-side, layout-top, lazyload, leave-bottom, leave-fade, leave-left, leave-right, leave-scale, leave-top, left, lightbox,
lightbox-content-thumbnail, light-theme, ListNavigation_CurrentPageNumber, ListNavigation_DisabledNext, ListNavigation_DisabledPrevious, ListNavigation_Ellipsis, ListNavigation_Next, ListNavigation_PageNumber,
ListNavigation_Previous, ListNavigation_Wrapper, list-navigation-circle, list-navigation-inline, list-navigation-sharp, ListRecords, loaded, logo-preview, lt-ie9, main, main-content, MandatoryLabel,
Menu_DropDownArrow, Menu_DropDownButton, Menu_DropDownPanel, Menu_SubItemsPlaceholder, Menu_SubMenuItemActive, Menu_TopMenu, Menu_TopMenuActive, Menu_TopMenus, menu-icon, menu-icon-line, modal, modal-close, modal-content,
modal-footer, modal-overlay, modal-title, modal-top, modal-wrapper, month-picker, nav, navigation, navigation-bar, navigation-bar-item, navigation-bar-item-content, navigation-bar-item-subitem, navigation-bar-item-title,
navigation-bottom, navigation-menu, navigation-top, nav-toggle-handle, next, next-year, Not_Valid, noUi-active, noUi-connect, noUi-connects, noUi-handle, noUi-horizontal, noUi-marker, noUi-marker-horizontal, noUi-pips,
noUi-pips-horizontal, noUi-pips-vertical, noUi-target, noUi-value-horizontal, noUi-value-vertical, noUi-vertical, OnEdit, only-balloon, open, os-internal-header-space, os-internal-Popup, os-internal-PopupCallOut,
os-internal-ui-autocomplete, os-internal-ui-dialog, os-internal-ui-dialog-buttonpane, os-internal-ui-dialog-content, os-internal-ui-dialog-title, os-internal-ui-dialog-titlebar, os-internal-ui-dialog-titlebar-close,
os-internal-ui-dialog-titlebar-close-hover, os-internal-ui-dialog-titlebar-close-no-title, os-internal-ui-draggable, os-internal-ui-resizable-e, os-internal-ui-resizable-n, os-internal-ui-resizable-ne, os-internal-ui-resizable-nw,
os-internal-ui-resizable-s, os-internal-ui-resizable-se, os-internal-ui-resizable-sw, os-internal-ui-resizable-w, os-internal-ui-state-hover, os-internal-ui-widget-overlay, osui-deprecated, OUTSYSTEMS_INTERNAL_BLOCK_INSTANCE, panel, panel-actions,
panel-content, panel-footer, panel-header, panel-title, past, ph, phone, phone-break-all, phone-break-first, phone-break-last, phone-break-middle, pika-button, pika-days-picker, pika-go-today, pika-label, pika-labels,
pika-month, pika-next, pika-prev, pika-select-month, pika-select-year, pika-single, pika-table, pika-title, pika-today-container, pika-year, playbutton-wrapper, portrait, prev, prev-year, progress, progress-bar-base,
progress-bar-extra-small, progress-bar-small, progress-container, progress-content, progress-title, progress-value, pswp, pswp__bg, pswp__button, pswp__button--arrow--left, pswp__button--arrow--right, pswp__button--close,
pswp__button--fs, pswp__button--share, pswp__button--zoom, pswp__caption, pswp__caption__center, pswp__caption--empty, pswp__caption--fake, pswp__container, pswp__counter, pswp__element--disabled, pswp__error-msg, pswp__img,
pswp__img--placeholder, pswp__img--placeholder--blank, pswp__item, pswp__preloader, pswp__preloader__cut, pswp__preloader__donut, pswp__preloader__icn, pswp__preloader--active, pswp__scroll-wrap, pswp__share--download,
pswp__share--facebook, pswp__share-modal, pswp__share-modal--fade-in, pswp__share-modal--hidden, pswp__share--pinterest, pswp__share-tooltip, pswp__share--twitter, pswp__top-bar, pswp__ui, pswp__ui--fit,
pswp__ui--hidden, pswp__ui--idle, pswp__ui--one-slide, pswp__ui--over-close, pswp__zoom-wrap, pswp--animate_opacity, pswp--animated-in, pswp--css_animation, pswp--dragging, pswp--fs, pswp--has_mouse, pswp--ie, pswp--minimal--dark,
pswp--open, pswp--supports-fs, pswp--touch, pswp--zoom-allowed, pswp--zoomed-in, radio-button, range-slider, range-slider-label, range-slider-object, range-slider-separator, range-slider-values, ReadOnly, right, rollOut,
RowControlGroup, scrollable-row, search, search-actions, search-balloon, search-balloon-answers, search--wrapper, section-actions, section-content, section-header, select, Selected, separator, separator-horizontal,
separator-vertical, sidebar, sidebar-container, sidebar-content, sidebar-header, sidebar-overlay, SmartInput_Changed, SortColumns_Sortable, SortColumns_Sorted, subtitle, suite-container, table-no-header, TableRecords,
TableRecords_BottomNavigation, TableRecords_EvenLine, TableRecords_ExpandedRow, TableRecords_Header, TableRecords_Label, TableRecords_OddLine, table-records-medium, table-records-small, table-records-stripping,
tablet, tablet-break-all, tablet-break-first, tablet-break-last, tablet-break-middle, tabs, tabs-content, tabs-content-item, tabs-header, tabs-header-item, tabs-header-right, tabs-vertical, tag, tag-medium, tag-small,
textarea, ThemeGrid_Container, ThemeGrid_MarginGutter, thumbnails, timeline-item, timeline-item-date, timeline-item-icon, timeline-item-left, timeline-item-right, timeline-item-separator, tippy-arrow, tippy-backdrop,
tippy-iOS, tippy-notransition, tippy-popper, tippy-roundarrow, tippy-tooltip, title, Title_Links, tns-ah, tns-controls, tns-fadeIn, tns-fadeOut, tns-gallery, tns-horizontal, tns-item, tns-lazy-img, tns-moving, tns-nav,
tns-no-calc, tns-normal, tns-no-subpixel, tns-outer, tns-ovh, tns-slide-active, tns-slider, tns-subpixel, tns-transparent, tns-visually-hidden, toggle-button, toggle-button-label, tooltip, tooltip-bottom, tooltip-container,
tooltip-left, tooltip-right, tooltip-top, tooltip-widget, top-center, top-left, top-right, user-avatar, ValidationMessage, vertical, visually-hidden, wizard, wizard-item, wizard-item-icon, wizard-item-icon-wraper, wizard-item-label,
wizard-vertical, wrapper, year-picker, Heading2,  osui-gallery, osui-accordion, osui-accordion-item, osui-accordion-item__content, osui-accordion-item__content--is-animating, osui-accordion-item__content--is-collapsed,
osui-accordion-item__content--is-expanded, osui-accordion-item__icon, osui-accordion-item__icon--caret, osui-accordion-item__icon--custom, osui-accordion-item__icon--hidden, osui-accordion-item__icon--plus-minus,
osui-accordion-item__title, osui-accordion-item__title__placeholder, osui-accordion-item__title--is-left, osui-accordion-item--is-disabled,
osui-accordion-item--is-open, osui-flip-content, osui-flip-content__container, osui-flip-content__container__back, osui-flip-content__container__front, osui-flip-content__container--flip-self, osui-flip-content--flipped,
osui-tooltip, osui-tooltip__balloon-wrapper, osui-tooltip__balloon-wrapper__balloon, osui-tooltip__content, osui-tooltip--is-hover, osui-tooltip--is-opened, is-active, is-initialized, is-rendered, osui-carousel,
osui-carousel__content, splide, splide__arrow, splide__arrow--next, splide__arrow--prev, splide__arrows, splide__container, splide__list, splide__pagination, splide__pagination__page, splide__progress__bar,
splide__slide, splide__slider, splide__spinner, splide__track, splide--draggable, splide--fade, splide--nav, splide--rtl, splide--ttb, animate, arrowBottom, arrowCenter, arrowDown, arrowLeft, arrowRight, arrowTop,
arrowUp, cur-month, cur-year, dayContainer, dayContainer, endRange, flatpickr-am-pm, flatpickr-calendar, flatpickr-current-month, flatpickr-day, flatpickr-days, flatpickr-disabled, flatpickr-hour, flatpickr-innerContainer,
flatpickr-input, flatpickr-minute, flatpickr-month, flatpickr-monthDropdown-month, flatpickr-monthDropdown-months, flatpickr-months, flatpickr-next-month, flatpickr-prev-month, flatpickr-rContainer, flatpickr-second,
flatpickr-time, flatpickr-time-separator, flatpickr-today-button, flatpickr-weekdaycontainer, flatpickr-weekdays, flatpickr-weeks, flatpickr-weekwrapper, flatpickr-wrapper, has-today-btn, hasSeconds, hasTime, hasWeeks,
inline, inRange, multiMonth, nextMonthDay, noCalendar, notAllowed, numInput, numInputWrapper, open, osui-datepicker, osui-datepicker-calendar-ss-preview, placeholder-ss-preview, prevMonthDay, rangeMode, rightMost,
selected, single, startRange, static, time12h, time24h, today, week, osui-dropdown-serverside__balloon--has-not-search, osui-dropdown-serverside__balloon--is-top, osui-dropdown-serverside__balloon-container,
osui-dropdown-serverside__balloon-content, osui-dropdown-serverside__balloon-focus-bottom, osui-dropdown-serverside__balloon-focus-top, osui-dropdown-serverside__balloon-footer, osui-dropdown-serverside__balloon-search,
osui-dropdown-serverside__balloon-wrapper, osui-dropdown-serverside__selected-values, osui-dropdown-serverside__selected-values-footer, osui-dropdown-serverside__selected-values-wrapper, osui-dropdown-serverside--is-disabled,
osui-dropdown-serverside--is-opened, osui-dropdown-serverside--not-valid, osui-dropdown-serverside-error-message, osui-dropdown-error-message, osui-dropdown-option-icon, osui-dropdown-option-image, osui-dropdown-serverside-item,
osui-dropdown-serverside-item__content, osui-dropdown-serverside-item--is-selected, osui-dropdown--not-valid, osui-dropdown-search, osui-dropdown-search-ss-preview, vscomp-toggle-button, osui-dropdown--not-valid, osui-dropdown-tags,
osui-dropdown-tags-ss-preview, vscomp-toggle-button, osui-notification, osui-notification--is-bottom, osui-notification--is-bottom-left, osui-notification--is-bottom-right, osui-notification--is-center, osui-notification--is-left,
osui-notification--is-open, osui-notification--is-right, osui-notification--is-top, osui-notification--is-top-left, osui-notification--is-top-right, osui-notification-preview, noUi-active, noUi-background, noUi-base, noUi-connect,
noUi-connects, noUi-draggable, noUi-handle, noUi-horizontal, noUi-marker, noUi-marker-horizontal, noUi-marker-large, noUi-marker-sub, noUi-marker-vertical, noUi-origin, noUi-pips, noUi-pips-horizontal, noUi-pips-margin,
noUi-pips-vertical, noUi-rtl, noUi-state-drag, noUi-state-tap, noUi-target, noUi-tooltip, noUi-touch-area, noUi-txt-dir-rtl, noUi-value, noUi-value-horizontal, noUi-value-vertical, noUi-vertical, osui-range-slider,
osui-range-slider__provider, osui-range-slider--is-vertical, osui-sidebar, osui-sidebar__content, osui-sidebar__header, osui-sidebar--has-overlay, osui-sidebar--is-left, osui-sidebar--is-open, osui-sidebar--is-right,
osui-submenu, osui-submenu__header, osui-submenu__header__icon, osui-submenu__header__item, osui-submenu__items, osui-submenu--is-open, osui-progress-bar, osui-progress-bar__container, osui-progress-bar__content,
osui-progress-bar__value, osui-progress-circle, osui-progress-circle__container, osui-progress-circle__container__progress-path, osui-progress-circle__container__trail-path, osui-progress-circle__content, osui-btn-loading,
osui-btn-loading__spinner-animation, osui-btn-loading--is-loading, osui-btn-loading-show-spinner, osui-deprecated, osui-bottom-sheet--has-handler, osui-bottom-sheet--has-scroll, osui-bottom-sheet--is-open, osui-bottom-sheet__content,
osui-bottom-sheet__header, osui-bottom-sheet-overlay, osui-bottom-sheet__header__top-bar, osui-bottom-sheet, focus-trap-top, focus-trap-bottom, osui-timepicker, osui-timepicker-dropdown-ss-preview, osui-monthpicker, osui-monthpicker__dropdown*/