@charset "UTF-8";
/*! ==============================================================================
*  ❖ MktPortal app Theme
*   - This theme is created by taking advantage of the outsystems-ui npm package!
* ============================================================================= */
/*!
OutSystems UI 2.21.0 • O11 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. Popup
    4.16. Feedback Message
    4.17. 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.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
*/
: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-medium:500;
  --font-semi-bold:600;
  --font-bold:700;
  /*! Color - Brand */
  --color-primary:#0000ff;
  --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:#d3d3d3;
  --color-neutral-7:#646464;
  --color-neutral-8:#4f575e;
  --color-neutral-9:#272b30;
  --color-neutral-10:#313131;
  /*! 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;
  --space-xxxl:60px;
  /*! Border Radius */
  --border-radius-none:0;
  --border-radius-soft:8px;
  --border-radius-soft-medium:16px;
  --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:#f1f1fd;
  --color-background-body:#f1f1fd;
  --color-background-login:#ffffff;
  --header-size:auto;
  --header-size-content:48px;
  --side-menu-size:100%;
  --bottom-bar-size:56px;
  --footer-height:0px;
  /*! Set the StatusBar variable that will be overwritten when it will be enable due to miss calculations! */
  --status-bar-height:0px;
  /*! iOS Safe Areas (Notch Support) */
  --os-safe-area-top:env(safe-area-inset-top);
  --os-safe-area-right:env(safe-area-inset-right);
  --os-safe-area-bottom:env(safe-area-inset-bottom);
  --os-safe-area-left:env(safe-area-inset-left);
  /*! 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));
}
/*! ==============================================================================
0. Root - CSS Variables
=============================================================================== */
/*! ==============================================================================
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;
}
button.OSFillParent{
  display:-webkit-inline-box;
  display:-ms-inline-flexbox;
  display:inline-flex;
}
.focus-trap-top{
  top:0;
}
.focus-trap-bottom{
  bottom:0;
}

@font-face{
  font-family:"Red Hat Display";
  src: url("../RedHatDisplay-VariableFont_wght__MUeDZlXHTIbIIgLoZAKjw.ttf?MUeDZlX_HTIbIIgLoZAKjw") format("truetype");  
  /*src:url("https://dev.yeaz.nl/YeazApp_LSG/RedHatDisplay-VariableFont_wght__MUeDZlXHTIbIIgLoZAKjw.ttf?MUeDZlX_HTIbIIgLoZAKjw") format("truetype");*/
  font-weight:100, 200, 300, 400, 500, 600, 700, 800, 900;
  font-style:normal;
}
/*! Overriden styles... */
html{
  font-family:"Red Hat Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

body{
  font-weight:300;
  line-height:initial;
  font-size:clamp(1rem, 1vw, 1.75rem);
}

.font-family-red-hat-display{
  font-family:"Red Hat Display", sans-serif;
  font-optical-sizing:auto;
  font-style:normal;
}

/*! ==============================================================================
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;
}

.header{
  background-color:var(--color-background-body);
  -webkit-box-shadow:none;
          box-shadow:none;
}
.header .header-content{
  -webkit-box-pack:justify;
      -ms-flex-pack:justify;
          justify-content:space-between;
}
.header .header-content > div > .application-name{
  position:relative;
  z-index:14;
}
.header .app-logo{
  border-radius:0;
}

.menu-icon{
  -webkit-box-align:center;
      -ms-flex-align:center;
          align-items:center;
  margin-right:0;
  position:relative;
  width:48px;
  z-index:14;
}
.menu-icon .menu-icon-line{
  position:absolute;
  -webkit-transition:all 400ms cubic-bezier(0.84, 0.06, 0.52, 1.8);
  transition:all 400ms cubic-bezier(0.84, 0.06, 0.52, 1.8);
}
.menu-icon .menu-icon-line:nth-child(1){
  -webkit-animation-delay:250ms;
          animation-delay:250ms;
  -webkit-transform:translateY(-8px);
      -ms-transform:translateY(-8px);
          transform:translateY(-8px);
}
.menu-icon .menu-icon-line:nth-child(3){
  -webkit-animation-delay:250ms;
          animation-delay:250ms;
  -webkit-transform:translateY(8px);
      -ms-transform:translateY(8px);
          transform:translateY(8px);
}
.menu-visible .menu-icon .menu-icon-line:nth-child(1){
  -webkit-transform:rotate(45deg);
      -ms-transform:rotate(45deg);
          transform:rotate(45deg);
}
.menu-visible .menu-icon .menu-icon-line:nth-child(2){
  opacity:0;
}
.menu-visible .menu-icon .menu-icon-line:nth-child(3){
  -webkit-transform:rotate(-45deg);
      -ms-transform:rotate(-45deg);
          transform:rotate(-45deg);
}

.menu-icon-line{
  background-color:var(--color-primary);
}

/*! 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[data-status-bar-height] .layout-native.hide-header-on-scroll .header{
  top:calc(-1 * (var(--header-size) + var(--status-bar-height)));
}
.android[data-status-bar-height] .layout-native .header,
.android[data-status-bar-height] .layout-native .app-menu{
  padding-top:var(--status-bar-height);
}

.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[data-status-bar-height].portrait .app-menu-content{
  padding-top:var(--status-bar-height);
}
.android[data-status-bar-height].landscape .app-menu-content{
  padding-left:var(--status-bar-height);
}

.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;
}

.tablet .app-menu-content,
.phone .app-menu-content{
  height:var(--side-menu-size);
  left:0;
  top:0;
  opacity:0;
  -webkit-transform:translateY(-100%) translateZ(0);
          transform:translateY(-100%) translateZ(0);
  transition:opacity 450ms ease-in-out 250ms, transform 450ms ease-in-out 450ms, -webkit-transform 450ms ease-in-out 450ms;
  width:100%;
}
.tablet .menu-visible .app-menu-content,
.phone .menu-visible .app-menu-content{
  opacity:1;
  -webkit-transform:translateY(0) translateZ(0);
          transform:translateY(0) translateZ(0);
  transition:transform 450ms ease-in-out 450ms, -webkit-transform 450ms ease-in-out 450ms;
}

.landscape .menu-visible .app-menu-content{
  -webkit-transform:translateY(100px) translateZ(0);
          transform:translateY(100px) translateZ(0);
}

/*! 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[data-status-bar-height].layout-side.aside-expandable .app-menu-content,
.tablet .layout-native .landscape.android[data-status-bar-height].layout-side.aside-expandable .app-menu-content{
  padding-top:calc(var(--header-size) + var(--header-size-content) + var(--status-bar-height));
}

.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);
}

.tablet .header-logo,
.phone .header-logo{
  -ms-flex-item-align:start;
      align-self:flex-start;
  display:none;
}

/*! 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;
}

.tablet .app-login-info,
.phone .app-login-info{
  background-color:var(--color-background-body);
}

/*! 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%;
}

.tablet .content-top-title,
.phone .content-top-title{
  text-align:center;
}
.tablet .content-top-animations .myyeaz_video_animation,
.phone .content-top-animations .myyeaz_video_animation{
  --video-size:150px;
  border-radius:var(--border-radius-circle);
  height:var(--video-size);
  overflow:hidden;
  width:var(--video-size);
}

/*! 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[data-status-bar-height] .layout-native .login-screen{
  padding-top:var(--status-bar-height);
}

.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);
  pointer-events:none;
}
.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);
}

.form-control[data-input],
.form-control[data-textarea]{
  border-color:var(--color-neutral-10);
  color:var(--color-primary);
  font-weight:var(--font-semi-bold);
}
.form-control[data-input]:not([value=""]),
.form-control[data-textarea]:not([value=""]){
  border-color:var(--color-primary);
}

/*! 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);
}

.checkbox.rounded[data-checkbox]:before{
  border-color:var(--color-neutral-7);
  border-radius:var(--border-radius-rounded);
}
.checkbox.rounded[data-checkbox]:checked:before{
  border-color:var(--color-primary);
}
.checkbox.rounded[data-checkbox]:checked:after{
  display:none;
}

/*! 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);
}

.btn{
  border-radius:var(--border-radius-rounded);
  font-weight:var(--font-regular);
}
.btn[disabled]{
  background-color:var(--color-neutral-6);
  border-color:var(--color-neutral-6);
  color:var(--color-neutral-0);
  pointer-events:none;
}
.btn.btn2{
  background-color:var(--color-neutral-0);
  border-color:var(--color-neutral-10);
  color:var(--color-neutral-7);
}
.btn.btn2.selected{
  background-color:var(--color-primary);
  color:var(--color-neutral-0);
}
.btn img{
  height:50%;
  margin-right:var(--space-base);
}

/*! 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);
}

.popup-dialog{
  border:var(--border-size-s) solid var(--color-neutral-10);
}

/*! 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[data-status-bar-height] .feedback-message{
  padding-top:calc(var(--status-bar-height) + 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;
  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;
  height:34px;
  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;
  display:flex;
}

.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;
}

.flatpickr-calendar .flatpickr-day{
  border-radius:var(--border-radius-soft);
}
.flatpickr-calendar .flatpickr-day.flatpickr-disabled, .flatpickr-calendar .flatpickr-day.flatpickr-disabled:hover{
  background-color:var(--color-neutral-4);
}
.flatpickr-calendar .flatpickr-months{
  grid-template-areas:"prev date next";
  grid-template-columns:34px 1fr 34px;
}
.flatpickr-calendar .flatpickr-months .flatpickr-month{
  justify-self:center;
  overflow:initial;
}
.flatpickr-calendar .flatpickr-current-month{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
      -ms-flex-direction:column;
          flex-direction:column;
}
.flatpickr-calendar .flatpickr-current-month .numInputWrapper{
  width:80%;
}
.flatpickr-calendar .flatpickr-current-month .numInputWrapper input{
  font-size:var(--font-size-h5);
  text-align:center;
}
.flatpickr-calendar .flatpickr-current-month .flatpickr-monthDropdown-months{
  text-align:center;
}

/*! 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.0.46
 * 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;
  cursor:pointer;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  padding:7px 30px 7px 10px;
  position:relative;
  width:100%;
}

.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;
  border-bottom-color:rgba(0, 0, 0, 0);
  border-left-color:rgba(0, 0, 0, 0);
  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;
  position:relative;
}

.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{
  margin-top:0;
  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[data-status-bar-height] .layout-native .split-right{
  padding-top:calc(var(--header-size) + var(--status-bar-height));
}
.phone.ios .layout-native .split-right-close{
  top:calc(var(--os-safe-area-top) + 12px);
}

.android[data-status-bar-height] .layout-native .split-right-close{
  left:16px;
  top:calc(var(--status-bar-height) + 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-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[data-status-bar-height] .section-group.is--sticky .section-title{
  top:calc(var(--section-top-position) + var(--status-bar-height));
}

.ios[data-status-bar-height] .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{
  -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.slow{
  -webkit-animation-duration:1500ms;
          animation-duration:1500ms;
}
.animate.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{
  display:inline-block;
}

.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{
  display:none;
}
.osui-datepicker input:first-of-type{
  
}
.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;
}

.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);
}

.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);
}

.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[data-status-bar-height] .pswp__top-bar{
  top:var(--status-bar-height);
}

.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{
  display:none;
}
.osui-monthpicker input:first-of-type{
  
}

.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[data-status-bar-height] .layout-native .osui-notification--is-open{
  margin-top:var(--status-bar-height);
}

/*! 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);
}

.osui-range-slider{
  --range-slider-handle-size:max(1.5vw, 24px);
}
.osui-range-slider .noUi-horizontal .noUi-handle{
  background-color:var(--color-primary);
  border-color:var(--color-primary);
}
.osui-range-slider .noUi-horizontal .noUi-handle:before, .osui-range-slider .noUi-horizontal .noUi-handle:after{
  display:none;
}

/*! 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[data-status-bar-height] .layout-native .osui-sidebar{
  padding-top:var(--status-bar-height);
}

.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;
}
.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);
}

.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);
}

.tablet .osui-overflow-menu .osui-overflow-menu__trigger.btn,
.phone .osui-overflow-menu .osui-overflow-menu__trigger.btn{
  background-color:transparent;
}

/*! 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) + var(--status-bar-height));
  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;
}

.safari [data-block*=SectionIndex]{
  display:contents;
}

/*! 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;
}

.tablet .osui-submenu__items,
.phone .osui-submenu__items{
  background-color:var(--color-background-body);
}
.tablet .osui-submenu.active .osui-submenu__header,
.phone .osui-submenu.active .osui-submenu__header{
  border-bottom:var(--border-size-m) solid var(--color-primary);
  border-left:0;
  top:0;
}
.tablet .osui-submenu.menu-visible,
.phone .osui-submenu.menu-visible{
  top:0;
}
.tablet .osui-submenu .osui-submenu__header,
.phone .osui-submenu .osui-submenu__header{
  -webkit-animation-delay:1500ms;
          animation-delay:1500ms;
  border-bottom:var(--border-size-m) solid var(--color-primary);
  overflow:hidden;
}
.tablet .osui-submenu .osui-submenu__header__item,
.tablet .osui-submenu a,
.phone .osui-submenu .osui-submenu__header__item,
.phone .osui-submenu a{
  bottom:-45px;
  color:var(--color-primary);
  font-size:var(--font-size-h5);
  font-weight:var(--font-semi-bold);
  position:relative;
}
.tablet .menu-visible .osui-submenu .osui-submenu__header__item,
.tablet .menu-visible .osui-submenu a,
.phone .menu-visible .osui-submenu .osui-submenu__header__item,
.phone .menu-visible .osui-submenu a{
  bottom:0;
  -webkit-transition:bottom 250ms ease-in-out 750ms;
  transition:bottom 250ms ease-in-out 750ms;
}

/*! 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 .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:0.5s;
          transition-delay: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:0.35s;
          transition-duration: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:0.35s;
          transition-duration:0.35s;
}
.osui-progress-circle__container__progress-path.animate-entrance{
  -webkit-transition-delay:0.5s;
          transition-delay: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{
  --rating-size:16px;
  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{
  
}
.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 [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.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 .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;
}

/*! 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%;
}

.dropdown-tag-select{
  opacity:0;
}

.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[data-status-bar-height] .layout-native .notification--visible{
  margin-top:var(--status-bar-height);
}

.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:var(--status-bar-height);
}

/*! 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[data-status-bar-height] .layout-native .section-index.is--sticky{
  top:calc(var(--header-size) + var(--header-size-content) + var(--top-position) + var(--status-bar-height));
}

.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[data-status-bar-height] .layout-native .sidebar{
  padding-top:var(--status-bar-height);
}

.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*/
/*! ==============================================================================
* └── Custom styling
=============================================================================== */
.yeaz-mktportal{
  --grid-horizontal-margin-value:11vw;
}
.yeaz-mktportal .ThemeGrid_Container{
  max-width:100%;
  background-color:var(--color-neutral-0);
}
.yeaz-mktportal .ThemeGrid_Container.main-content{
  padding-bottom:0;
}
.yeaz-mktportal .ThemeGrid_Container.footer{
  padding:0;
}
.yeaz-mktportal .btn{
  --button-height:40px;
  --button-padding:1.25vw;
  padding:var(--button-padding);
  height:var(--button-height);
  white-space:nowrap;
}
.yeaz-mktportal .btn img,
.yeaz-mktportal .btn .icon{
  margin:0 0 0 2vw;
  height:max(1.2vw, var(--button-height) / 2);
}

.tablet .yeaz-mktportal .btn,
.phone .yeaz-mktportal .btn{
  --button-height:48px;
  --button-padding:1.5vw 20px;
  -webkit-box-pack:justify;
      -ms-flex-pack:justify;
          justify-content:space-between;
  width:auto !important;
}

.tablet .yeaz-mktportal{
  --grid-horizontal-margin-value:5vw;
}

.phone .yeaz-mktportal{
  --grid-horizontal-margin-value:var(--space-m);
}

/*! ==============================================================================
* └── Custom Patterns
=============================================================================== */
/*! ------------------------------------------------------------------------------
*   └── MktPortal Header
------------------------------------------------------------------------------- */
.header .ThemeGrid_Container{
  padding:var(--space-xl) calc(2 * var(--space-xl)) var(--space-xs);
}
.header .application-name img{
  height:max(3vw, 60px);
  max-height:unset;
  max-width:unset;
}
.header .app-menu-links{
  -webkit-box-pack:end;
      -ms-flex-pack:end;
          justify-content:flex-end;
  margin-right:3vw;
}
.header .app-menu-links .app-menu-content{
  -webkit-box-align:center;
      -ms-flex-align:center;
          align-items:center;
}
.header .app-menu-links > a{
  color:var(--color-primary);
  font-weight:600;
  /* !important is needed to ensure overide text decoration for all cases  */
  text-decoration:none !important;
}
.header .app-menu-links > a:not(:last-child){
  margin-right:max(2vw, 20px);
}
.header .app-menu-links > a.app-menu-links__login-item{
  margin-left:max(3vw, 20px);
}
.header .app-menu-actions{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
      -ms-flex-align:center;
          align-items:center;
}

.tablet .header .ThemeGrid_Container,
.phone .header .ThemeGrid_Container{
  padding:var(--space-l) var(--grid-horizontal-margin-value) var(--space-s);
}
.tablet .header .app-menu-content,
.phone .header .app-menu-content{
  padding-top:calc(max(3vw, 60px) + var(--space-l) + var(--space-s) + 5vw);
}
.tablet .header .app-menu-links,
.phone .header .app-menu-links{
  -webkit-box-pack:start;
      -ms-flex-pack:start;
          justify-content:flex-start;
  margin-right:0;
}
.tablet .header .app-menu-links > a,
.phone .header .app-menu-links > a{
  display:block;
  position:relative;
  padding:0;
  font-weight:600;
  line-height:1;
  font-size:clamp(1.5rem, 3vw, 2rem);
}
.tablet .header .app-menu-links > a:after,
.phone .header .app-menu-links > a:after{
  background-color:var(--color-primary);
  content:"";
  display:none;
  height:1px;
  left:0;
  position:absolute;
  right:0;
}
.tablet .header .app-menu-links > a:not(:last-child),
.phone .header .app-menu-links > a:not(:last-child){
  margin:0 var(--grid-horizontal-margin-value) max(3vw, 20px);
  padding-bottom:max(3vw, 30px);
}
.tablet .header .app-menu-links > a:not(:last-child):not(:nth-child(5)):after,
.phone .header .app-menu-links > a:not(:last-child):not(:nth-child(5)):after{
  display:block;
  bottom:0;
}
.tablet .header .app-menu-links > a.app-menu-links__login-item,
.phone .header .app-menu-links > a.app-menu-links__login-item{
  margin:max(3vw, 20px) var(--grid-horizontal-margin-value) 0;
  padding-top:max(3vw, 30px);
}
.tablet .header .app-menu-links > a.app-menu-links__login-item:after,
.phone .header .app-menu-links > a.app-menu-links__login-item:after{
  display:block;
  top:0;
}
.tablet .header .app-menu-actions,
.phone .header .app-menu-actions{
  padding:max(3vw, var(--grid-horizontal-margin-value)) var(--grid-horizontal-margin-value);
}
.tablet .header .app-menu-actions > *,
.phone .header .app-menu-actions > *{
  -webkit-box-flex:1;
      -ms-flex:1;
          flex:1;
}
.tablet .header .app-menu-actions > .btn,
.phone .header .app-menu-actions > .btn{
  display:none;
}
.tablet .app-menu-content,
.phone .app-menu-content{
  pointer-events:none;
}
.tablet .menu-visible .app-menu-content,
.phone .menu-visible .app-menu-content{
  pointer-events:initial;
}

.landscape .header .app-menu-content{
  padding-top:0;
  overflow-y:auto;
}
.landscape .header .app-menu-links{
  min-height:calc(100% - 100px);
}
.landscape .header .app-menu-overlay{
  display:none;
}

.phone.landscape .menu-visible .header .app-menu-actions{
  margin-bottom:100px;
}

@media screen and (max-width: 1200px){
  .header .ThemeGrid_Container{
    padding:var(--space-xl) var(--space-xl) var(--space-s);
  }
}
/*! ------------------------------------------------------------------------------
*   └── MktPortal TopScreenSection
------------------------------------------------------------------------------- */
.mktportal-topScreenSection{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
      -ms-flex-direction:column;
          flex-direction:column;
  margin:0 calc(-1 * var(--space-xl));
  position:relative;
  overflow:hidden;
}
.mktportal-topScreenSection__top{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  min-height:45vw;
  z-index:0;
}
.mktportal-topScreenSection__top-text{
  -webkit-box-flex:1;
      -ms-flex:1;
          flex:1;
  margin-left:var(--grid-horizontal-margin-value);
  max-width:calc(50% - var(--grid-horizontal-margin-value));
  padding-right:4vw;
}
.mktportal-topScreenSection__top-text-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%;
  padding:max(2vw, 40px) 0 max(3vw, 60px);
}
.mktportal-topScreenSection__top-text-content-title{
  -webkit-box-flex:1;
      -ms-flex:1;
          flex:1;
}
.mktportal-topScreenSection__top-text-content-title,
.mktportal-topScreenSection__top-text-content-title h1,
.mktportal-topScreenSection__top-text-content-title .heading1,
.mktportal-topScreenSection__top-text-content-title h2,
.mktportal-topScreenSection__top-text-content-title .heading2,
.mktportal-topScreenSection__top-text-content-title h3,
.mktportal-topScreenSection__top-text-content-title .heading3,
.mktportal-topScreenSection__top-text-content-title h4,
.mktportal-topScreenSection__top-text-content-title .heading4,
.mktportal-topScreenSection__top-text-content-title h5,
.mktportal-topScreenSection__top-text-content-title .heading5,
.mktportal-topScreenSection__top-text-content-title h6,
.mktportal-topScreenSection__top-text-content-title .heading6{
  font-weight:900;
  line-height:1;
  font-size:clamp(2.5rem, 3.5vw, 7.5rem);
}
.mktportal-topScreenSection__top-text-content-text{
  -webkit-box-flex:4;
      -ms-flex:4;
          flex:4;
  margin:max(3vw, 35px) 0;
}
.mktportal-topScreenSection__top-image{
  -webkit-box-flex:1;
      -ms-flex:1;
          flex:1;
}
.mktportal-topScreenSection__top-image-content-bgLy1 img, .mktportal-topScreenSection__top-image-content-featured img{
  position:absolute;
  max-width:initial;
}
.mktportal-topScreenSection__top-image-content{
  height:80%;
  left:50%;
  position:absolute;
  top:0;
  width:50%;
  overflow:hidden;
}
.mktportal-topScreenSection__top-image-content-bgLy1 img{
  height:100%;
  left:0;
  max-width:initial;
  top:60px;
}
.mktportal-topScreenSection__top-image-content-featured img{
  bottom:0;
  height:100%;
}
.mktportal-topScreenSection__bottom{
  min-height:30vw;
  padding:max(5vw, 80px) var(--grid-horizontal-margin-value) max(6vw, 60px);
  position:relative;
  z-index:1;
}
.mktportal-topScreenSection__bottom-grid{
  margin-left:9.3vw;
}
.mktportal-topScreenSection__bottom-grid-text{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
      -ms-flex-direction:column;
          flex-direction:column;
  width:60%;
}
.mktportal-topScreenSection__bottom-grid-text-title{
  color:var(--color-primary);
  position:relative;
  margin-bottom:max(2vw, 40px);
}
.mktportal-topScreenSection__bottom-grid-text-title,
.mktportal-topScreenSection__bottom-grid-text-title h1,
.mktportal-topScreenSection__bottom-grid-text-title .heading1,
.mktportal-topScreenSection__bottom-grid-text-title h2,
.mktportal-topScreenSection__bottom-grid-text-title .heading2,
.mktportal-topScreenSection__bottom-grid-text-title h3,
.mktportal-topScreenSection__bottom-grid-text-title .heading3,
.mktportal-topScreenSection__bottom-grid-text-title h4,
.mktportal-topScreenSection__bottom-grid-text-title .heading4,
.mktportal-topScreenSection__bottom-grid-text-title h5,
.mktportal-topScreenSection__bottom-grid-text-title .heading5,
.mktportal-topScreenSection__bottom-grid-text-title h6,
.mktportal-topScreenSection__bottom-grid-text-title .heading6{
  font-weight:900;
  line-height:1;
  font-size:clamp(2.5rem, 4vw, 11.25rem);
}
.mktportal-topScreenSection__bottom-grid-text-title img{
  position:absolute;
  height:90%;
  bottom:7px;
  left:0;
  -webkit-transform:translateX(calc(-100% - 1.5vw));
      -ms-transform:translateX(calc(-100% - 1.5vw));
          transform:translateX(calc(-100% - 1.5vw));
}
.mktportal-topScreenSection__bottom-grid-text-action{
  margin-top:max(2vw, 40px);
}
.mktportal-topScreenSection__bottom-diagonal-bg-line{
  position:absolute;
  width:100%;
  height:100%;
  top:0;
  left:0;
  overflow:hidden;
  z-index:-1;
}
.mktportal-topScreenSection__bottom-diagonal-bg-line:before, .mktportal-topScreenSection__bottom-diagonal-bg-line:after{
  background-color:#f1f1fd;
  content:"";
  display:block;
  height:100%;
  position:absolute;
  top:0;
  z-index:0;
}
.mktportal-topScreenSection__bottom-diagonal-bg-line:before{
  left:0;
  width:50%;
}
.mktportal-topScreenSection__bottom-diagonal-bg-line:after{
  left:50%;
  -webkit-transform-origin:0 0;
      -ms-transform-origin:0 0;
          transform-origin:0 0;
  -webkit-transform:rotate(18deg);
      -ms-transform:rotate(18deg);
          transform:rotate(18deg);
  width:200vw;
}

.tablet .mktportal-topScreenSection__top-text,
.phone .mktportal-topScreenSection__top-text{
  -webkit-box-flex:1;
      -ms-flex:auto;
          flex:auto;
  max-width:100%;
  padding-right:0;
  position:relative;
  z-index:1;
}
.tablet .mktportal-topScreenSection__top-image,
.phone .mktportal-topScreenSection__top-image{
  -webkit-box-flex:1;
      -ms-flex:auto;
          flex:auto;
  max-width:0;
}
.tablet .mktportal-topScreenSection__top-image-content-featured img,
.phone .mktportal-topScreenSection__top-image-content-featured img{
  height:auto;
  max-width:initial;
  width:100%;
}
.tablet .mktportal-topScreenSection__bottom-grid,
.phone .mktportal-topScreenSection__bottom-grid{
  margin-left:0;
}
.tablet .mktportal-topScreenSection__bottom-grid-text,
.phone .mktportal-topScreenSection__bottom-grid-text{
  width:100%;
}
.tablet .mktportal-topScreenSection__bottom-grid-text-title,
.phone .mktportal-topScreenSection__bottom-grid-text-title{
  padding-left:max(9.3vw, 80px);
}
.tablet .mktportal-topScreenSection__bottom-grid-text-title img,
.phone .mktportal-topScreenSection__bottom-grid-text-title img{
  height:70%;
  -webkit-transform:translateX(1.5vw);
      -ms-transform:translateX(1.5vw);
          transform:translateX(1.5vw);
}

.tablet .mktportal-topScreenSection{
  margin:0 calc(-1 * var(--space-m));
}

.phone .mktportal-topScreenSection{
  margin:0 calc(-1 * var(--space-base));
}

/*! ------------------------------------------------------------------------------
*   └── MktPortal TopScreenSection: Homepage Screen
------------------------------------------------------------------------------- */
.mktportal-topScreenSection.homepage-screen .loan-simulator{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
      -ms-flex-direction:column;
          flex-direction:column;
}
.mktportal-topScreenSection.homepage-screen .loan-simulator > *, .mktportal-topScreenSection.homepage-screen .loan-simulator__sliders-wrapper > *:not(:last-child){
  margin-bottom:max(2vw, 40px);
}
.mktportal-topScreenSection.homepage-screen .loan-simulator__amount, .mktportal-topScreenSection.homepage-screen .loan-simulator__terms{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
}
.mktportal-topScreenSection.homepage-screen .loan-simulator__amount-slider, .mktportal-topScreenSection.homepage-screen .loan-simulator__terms-slider{
  min-width:40%;
  text-transform:uppercase;
}
.mktportal-topScreenSection.homepage-screen .loan-simulator__amount-slider > div, .mktportal-topScreenSection.homepage-screen .loan-simulator__terms-slider > div{
  position:relative;
  top:max(0.6vw, 5px);
}
.mktportal-topScreenSection.homepage-screen .loan-simulator__amount-value, .mktportal-topScreenSection.homepage-screen .loan-simulator__terms-value{
  -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;
  margin-left:max(3vw, 30px);
}
.mktportal-topScreenSection.homepage-screen .loan-simulator__amount-value{
  font-weight:900;
  line-height:1;
  font-size:clamp(2rem, 3vw, 5.125rem);
}
.mktportal-topScreenSection.homepage-screen .loan-simulator__terms-value{
  font-weight:900;
  line-height:1;
  font-size:clamp(1.875rem, 2.5vw, 5rem);
}
.mktportal-topScreenSection.homepage-screen .loan-simulator__value-per-day-month{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
}
.mktportal-topScreenSection.homepage-screen .loan-simulator__value-per-day-month-month, .mktportal-topScreenSection.homepage-screen .loan-simulator__value-per-day-month-day{
  text-transform:uppercase;
}
.mktportal-topScreenSection.homepage-screen .loan-simulator__value-per-day-month-month > div, .mktportal-topScreenSection.homepage-screen .loan-simulator__value-per-day-month-day > div{
  position:relative;
  top:max(0.6vw, 10px);
  font-weight:300;
  line-height:1;
  font-size:clamp(1.4375rem, 1.5vw, 1.875rem);
}
.mktportal-topScreenSection.homepage-screen .loan-simulator__value-per-day-month-month{
  min-width:40%;
}
.mktportal-topScreenSection.homepage-screen .loan-simulator__value-per-day-month-day{
  -webkit-box-flex:1;
      -ms-flex:1;
          flex:1;
  margin-left:max(3vw, 30px);
}

.tablet .mktportal-topScreenSection.homepage-screen .loan-simulator,
.phone .mktportal-topScreenSection.homepage-screen .loan-simulator{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:horizontal;
  -webkit-box-direction:normal;
      -ms-flex-direction:row;
          flex-direction:row;
}
.tablet .mktportal-topScreenSection.homepage-screen .loan-simulator__sliders-wrapper,
.phone .mktportal-topScreenSection.homepage-screen .loan-simulator__sliders-wrapper{
  -webkit-box-flex:2;
      -ms-flex:2;
          flex:2;
  margin-right:30px;
}
.tablet .mktportal-topScreenSection.homepage-screen .loan-simulator__amount, .tablet .mktportal-topScreenSection.homepage-screen .loan-simulator__terms,
.phone .mktportal-topScreenSection.homepage-screen .loan-simulator__amount,
.phone .mktportal-topScreenSection.homepage-screen .loan-simulator__terms{
  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;
}
.tablet .mktportal-topScreenSection.homepage-screen .loan-simulator__amount-slider, .tablet .mktportal-topScreenSection.homepage-screen .loan-simulator__terms-slider,
.phone .mktportal-topScreenSection.homepage-screen .loan-simulator__amount-slider,
.phone .mktportal-topScreenSection.homepage-screen .loan-simulator__terms-slider{
  min-width:100%;
}
.tablet .mktportal-topScreenSection.homepage-screen .loan-simulator__amount-slider > div, .tablet .mktportal-topScreenSection.homepage-screen .loan-simulator__terms-slider > div,
.phone .mktportal-topScreenSection.homepage-screen .loan-simulator__amount-slider > div,
.phone .mktportal-topScreenSection.homepage-screen .loan-simulator__terms-slider > div{
  position:relative;
  top:5px;
}
.tablet .mktportal-topScreenSection.homepage-screen .loan-simulator__amount-value, .tablet .mktportal-topScreenSection.homepage-screen .loan-simulator__terms-value,
.phone .mktportal-topScreenSection.homepage-screen .loan-simulator__amount-value,
.phone .mktportal-topScreenSection.homepage-screen .loan-simulator__terms-value{
  margin-left:0;
  margin-bottom:20px;
}
.tablet .mktportal-topScreenSection.homepage-screen .loan-simulator__value-per-day-month,
.phone .mktportal-topScreenSection.homepage-screen .loan-simulator__value-per-day-month{
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
      -ms-flex-direction:column;
          flex-direction:column;
  -webkit-box-flex:3;
      -ms-flex:3;
          flex:3;
}
.tablet .mktportal-topScreenSection.homepage-screen .loan-simulator__value-per-day-month-month, .tablet .mktportal-topScreenSection.homepage-screen .loan-simulator__value-per-day-month-day,
.phone .mktportal-topScreenSection.homepage-screen .loan-simulator__value-per-day-month-month,
.phone .mktportal-topScreenSection.homepage-screen .loan-simulator__value-per-day-month-day{
  -webkit-box-flex:unset;
      -ms-flex:unset;
          flex:unset;
  margin:0 0 60px;
  min-width:auto;
}
.tablet .mktportal-topScreenSection.homepage-screen .loan-simulator__value-per-day-month-month > div, .tablet .mktportal-topScreenSection.homepage-screen .loan-simulator__value-per-day-month-day > div,
.phone .mktportal-topScreenSection.homepage-screen .loan-simulator__value-per-day-month-month > div,
.phone .mktportal-topScreenSection.homepage-screen .loan-simulator__value-per-day-month-day > div{
  top:unset;
  margin-top:20px;
}
.tablet .mktportal-topScreenSection.homepage-screen .mktportal-topScreenSection__top-image-content-bgLy1,
.phone .mktportal-topScreenSection.homepage-screen .mktportal-topScreenSection__top-image-content-bgLy1{
  display:none;
}
.tablet .mktportal-topScreenSection.homepage-screen .mktportal-topScreenSection__top-image-content-featured img{
  right:0;
  -webkit-transform:translateX(25%);
      -ms-transform:translateX(25%);
          transform:translateX(25%);
  width:auto;
  height:70%;
}

.phone .mktportal-topScreenSection.homepage-screen .loan-simulator__sliders-wrapper, .phone .mktportal-topScreenSection.homepage-screen .loan-simulator__value-per-day-month{
  -webkit-box-flex:1;
      -ms-flex:1;
          flex:1;
}
.phone .mktportal-topScreenSection.homepage-screen .loan-simulator__terms-value{
  font-weight:900;
  line-height:1;
  font-size:clamp(1.5rem, 2.5vw, 3.75rem);
}
.phone .mktportal-topScreenSection.homepage-screen .mktportal-topScreenSection__top-image-content-featured img{
  bottom:unset;
  height:50%;
  left:0;
  top:38%;
  -webkit-transform:translateX(7%);
      -ms-transform:translateX(7%);
          transform:translateX(7%);
  width:auto;
}
.phone.landscape .mktportal-topScreenSection.homepage-screen .mktportal-topScreenSection__top-image-content-featured img{
  height:600px;
  -webkit-transform:translateX(5%);
      -ms-transform:translateX(5%);
          transform:translateX(5%);
}

@media screen and (max-width: 499px){
  .phone .mktportal-topScreenSection.homepage-screen .mktportal-topScreenSection__top-image-content-featured img{
    height:390px;
    top:40%;
    -webkit-transform:translateX(5%);
        -ms-transform:translateX(5%);
            transform:translateX(5%);
  }
}
/*! ------------------------------------------------------------------------------
*   └── MktPortal TopScreenSection: AboutUs Screen
------------------------------------------------------------------------------- */
.mktportal-topScreenSection.about-us-screen .mktportal-topScreenSection__top-image-content{
  background-position:50% -70px;
  background-size:cover;
  overflow:visible;
}
.mktportal-topScreenSection.about-us-screen .mktportal-topScreenSection__top-image-content-bgLy1 img{
  height:80%;
  left:-80px;
}
.mktportal-topScreenSection.about-us-screen .mktportal-topScreenSection__top-image-content-featured img{
  height:85%;
  left:50%;
  -webkit-transform:translateX(-50%);
      -ms-transform:translateX(-50%);
          transform:translateX(-50%);
  max-width:unset;
}

.tablet .mktportal-topScreenSection.about-us-screen .mktportal-topScreenSection__top-image-content,
.phone .mktportal-topScreenSection.about-us-screen .mktportal-topScreenSection__top-image-content{
  background-size:cover;
}
.tablet .mktportal-topScreenSection.about-us-screen .mktportal-topScreenSection__top-image-content-bgLy1 img,
.phone .mktportal-topScreenSection.about-us-screen .mktportal-topScreenSection__top-image-content-bgLy1 img{
  left:-40px;
}
.tablet .mktportal-topScreenSection.about-us-screen .mktportal-topScreenSection__top-image-content-featured img,
.phone .mktportal-topScreenSection.about-us-screen .mktportal-topScreenSection__top-image-content-featured img{
  width:auto;
  height:auto;
  max-height:90%;
}

/*! ------------------------------------------------------------------------------
*   └── MktPortal TopScreenSection: HowItWorks Screen
------------------------------------------------------------------------------- */
.mktportal-topScreenSection.how-it-works-screen .mktportal-topScreenSection__top-image-content{
  background-position:50% -70px;
  background-size:cover;
  overflow:visible;
}
.mktportal-topScreenSection.how-it-works-screen .mktportal-topScreenSection__top-image-content-bgLy1 img{
  height:80%;
  left:-80px;
}
.mktportal-topScreenSection.how-it-works-screen .mktportal-topScreenSection__top-image-content-featured img{
  height:85%;
  left:50%;
  -webkit-transform:translateX(-50%);
      -ms-transform:translateX(-50%);
          transform:translateX(-50%);
  max-width:unset;
}

.tablet .mktportal-topScreenSection.how-it-works-screen .mktportal-topScreenSection__top-image-content,
.phone .mktportal-topScreenSection.how-it-works-screen .mktportal-topScreenSection__top-image-content{
  background-size:cover;
}
.tablet .mktportal-topScreenSection.how-it-works-screen .mktportal-topScreenSection__top-image-content-bgLy1 img,
.phone .mktportal-topScreenSection.how-it-works-screen .mktportal-topScreenSection__top-image-content-bgLy1 img{
  left:-40px;
}
.tablet .mktportal-topScreenSection.how-it-works-screen .mktportal-topScreenSection__top-image-content-featured img,
.phone .mktportal-topScreenSection.how-it-works-screen .mktportal-topScreenSection__top-image-content-featured img{
  width:auto;
  height:auto;
  max-height:90%;
}

/*! ------------------------------------------------------------------------------
*   └── MktPortal TopScreenSection: Blog and BlogPost Screen
------------------------------------------------------------------------------- */
.mktportal-topScreenSection.blog-post-screen .mktportal-topScreenSection__top-image-content{
  background-position:50% -70px;
  background-size:cover;
  overflow:visible;
}
.mktportal-topScreenSection.blog-post-screen .mktportal-topScreenSection__top-image-content-bgLy1 img{
  height:80%;
  left:-80px;
}
.mktportal-topScreenSection.blog-post-screen .mktportal-topScreenSection__top-image-content-featured img{
  height:85%;
  left:50%;
  -webkit-transform:translateX(-50%);
      -ms-transform:translateX(-50%);
          transform:translateX(-50%);
  max-width:unset;
}

.tablet .mktportal-topScreenSection.blog-post-screen .mktportal-topScreenSection__top-image-content,
.phone .mktportal-topScreenSection.blog-post-screen .mktportal-topScreenSection__top-image-content{
  background-size:cover;
}
.tablet .mktportal-topScreenSection.blog-post-screen .mktportal-topScreenSection__top-image-content-bgLy1 img,
.phone .mktportal-topScreenSection.blog-post-screen .mktportal-topScreenSection__top-image-content-bgLy1 img{
  left:-40px;
}
.tablet .mktportal-topScreenSection.blog-post-screen .mktportal-topScreenSection__top-image-content-featured img,
.phone .mktportal-topScreenSection.blog-post-screen .mktportal-topScreenSection__top-image-content-featured img{
  width:auto;
  height:auto;
  max-height:90%;
}

/*! ------------------------------------------------------------------------------
*   └── MktPortal TopScreenSection: Faqs Screen
------------------------------------------------------------------------------- */
.mktportal-topScreenSection.faqs-screen .mktportal-topScreenSection__top-image-content{
  background-color:#edeff3;
  overflow:visible;
  height:82%;
}
.mktportal-topScreenSection.faqs-screen .mktportal-topScreenSection__top-image-content-bgLy1 img{
  height:80%;
  left:-80px;
}
.mktportal-topScreenSection.faqs-screen .mktportal-topScreenSection__top-image-content-featured img{
  height:94%;
  left:50%;
  -webkit-transform:translateX(-50%);
      -ms-transform:translateX(-50%);
          transform:translateX(-50%);
  max-width:unset;
}

.tablet .mktportal-topScreenSection.faqs-screen .mktportal-topScreenSection__top-image-content,
.phone .mktportal-topScreenSection.faqs-screen .mktportal-topScreenSection__top-image-content{
  background-size:cover;
}
.tablet .mktportal-topScreenSection.faqs-screen .mktportal-topScreenSection__top-image-content-bgLy1 img,
.phone .mktportal-topScreenSection.faqs-screen .mktportal-topScreenSection__top-image-content-bgLy1 img{
  left:-40px;
}
.tablet .mktportal-topScreenSection.faqs-screen .mktportal-topScreenSection__top-image-content-featured img,
.phone .mktportal-topScreenSection.faqs-screen .mktportal-topScreenSection__top-image-content-featured img{
  width:auto;
  height:auto;
  max-height:90%;
}

/*! ------------------------------------------------------------------------------
*   └── MktPortal Section Reviews
------------------------------------------------------------------------------- */
.mktportal-section-reviews{
  --mktportal-section-reviews-margin-y-value:62px;
  --mktportal-section-reviews-padding:90px;
  margin:calc(2 * var(--mktportal-section-reviews-margin-y-value)) calc(-1 * var(--space-xl));
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  position:relative;
}
.mktportal-section-reviews:before, .mktportal-section-reviews:after{
  background-color:var(--color-neutral-10);
  content:"";
  height:1px;
  left:calc(2 * var(--space-xl));
  position:absolute;
  right:calc(2 * var(--space-xl));
}
.mktportal-section-reviews:before{
  top:0;
}
.mktportal-section-reviews:after{
  bottom:0;
}
.mktportal-section-reviews__score-container{
  margin-left:var(--grid-horizontal-margin-value);
  padding:var(--mktportal-section-reviews-padding) var(--mktportal-section-reviews-padding) var(--mktportal-section-reviews-padding) 0;
  position:relative;
}
.mktportal-section-reviews__score-container:after{
  background-color:var(--color-neutral-10);
  bottom:0;
  content:"";
  position:absolute;
  right:0;
  top:0;
  width:1px;
}
.mktportal-section-reviews__score-title{
  text-transform:uppercase;
}
.mktportal-section-reviews__score-title,
.mktportal-section-reviews__score-title h1,
.mktportal-section-reviews__score-title .heading1,
.mktportal-section-reviews__score-title h2,
.mktportal-section-reviews__score-title .heading2,
.mktportal-section-reviews__score-title h3,
.mktportal-section-reviews__score-title .heading3,
.mktportal-section-reviews__score-title h4,
.mktportal-section-reviews__score-title .heading4,
.mktportal-section-reviews__score-title h5,
.mktportal-section-reviews__score-title .heading5,
.mktportal-section-reviews__score-title h6,
.mktportal-section-reviews__score-title .heading6{
  font-weight:900;
  line-height:1;
  font-size:clamp(2rem, 3vw, 11.25rem);
}
.mktportal-section-reviews__score-value{
  margin:max(1.25vw, 20px) 0;
  font-weight:900;
  line-height:1;
  font-size:clamp(2rem, 5vw, 11.25rem);
}
.mktportal-section-reviews__score-stars .rating{
  --rating-size:max(1.25vw, 18px);
}
.mktportal-section-reviews__score-stars .rating label{
  color:var(--color-neutral-10);
}
.mktportal-section-reviews__list-container{
  -webkit-box-flex:1;
      -ms-flex:1;
          flex:1;
  padding:var(--mktportal-section-reviews-padding) 0;
}
.mktportal-section-reviews-item{
  margin-right:5vw;
  padding-left:var(--mktportal-section-reviews-padding);
}
.mktportal-section-reviews-item__score-title{
  margin-bottom:max(1vw, 16px);
}
.mktportal-section-reviews-item__score-title,
.mktportal-section-reviews-item__score-title h1,
.mktportal-section-reviews-item__score-title .heading1,
.mktportal-section-reviews-item__score-title h2,
.mktportal-section-reviews-item__score-title .heading2,
.mktportal-section-reviews-item__score-title h3,
.mktportal-section-reviews-item__score-title .heading3,
.mktportal-section-reviews-item__score-title h4,
.mktportal-section-reviews-item__score-title .heading4,
.mktportal-section-reviews-item__score-title h5,
.mktportal-section-reviews-item__score-title .heading5,
.mktportal-section-reviews-item__score-title h6,
.mktportal-section-reviews-item__score-title .heading6{
  font-weight:900;
  line-height:1;
  font-size:clamp(2rem, 1vw, 11.25rem);
}
.mktportal-section-reviews-item__score-stars .rating{
  --rating-size:max(1.25vw, 18px);
}
.mktportal-section-reviews-item__score-stars .rating label{
  color:var(--color-neutral-10);
}
.mktportal-section-reviews-item__score-text{
  margin:max(1.25vw, 20px) 0;
}
.mktportal-section-reviews-item__score-image-from img{
  width:max(10vw, 150px);
}

.desktop .mktportal-section-reviews__list-container .osui-carousel__track{
  /*! This !important will be overrding an inline variable style */
  --osui-carousel-track-width:70vw !important;
}

.phone .mktportal-section-reviews,
.tablet .mktportal-section-reviews{
  --mktportal-section-reviews-padding:75px;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
      -ms-flex-direction:column;
          flex-direction:column;
}
.phone .mktportal-section-reviews:before,
.tablet .mktportal-section-reviews:before{
  display:none;
}
.phone .mktportal-section-reviews:after,
.tablet .mktportal-section-reviews:after{
  left:var(--grid-horizontal-margin-value);
  right:var(--grid-horizontal-margin-value);
}
.phone .mktportal-section-reviews__score-container,
.tablet .mktportal-section-reviews__score-container{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  margin:0 var(--grid-horizontal-margin-value);
  padding:0 0 max(2vw, 30px);
  -webkit-box-align:center;
      -ms-flex-align:center;
          align-items:center;
  -webkit-box-pack:center;
      -ms-flex-pack:center;
          justify-content:center;
}
.phone .mktportal-section-reviews__score-container:after,
.tablet .mktportal-section-reviews__score-container:after{
  left:0;
  bottom:0;
  height:1px;
  top:auto;
  width:100%;
}
.phone .mktportal-section-reviews__score-title,
.tablet .mktportal-section-reviews__score-title{
  -webkit-box-flex:1;
      -ms-flex:1;
          flex:1;
}
.phone .mktportal-section-reviews__score-value,
.tablet .mktportal-section-reviews__score-value{
  margin:0 max(1.25vw, 10px) 0 max(1.25vw, 40px);
}
.phone .mktportal-section-reviews__score-stars,
.tablet .mktportal-section-reviews__score-stars{
  display:none;
}
.phone .mktportal-section-reviews__score-text,
.tablet .mktportal-section-reviews__score-text{
  font-weight:700;
  line-height:1;
  text-align:center;
}
.phone .mktportal-section-reviews-item,
.tablet .mktportal-section-reviews-item{
  text-align:center;
  margin-right:var(--mktportal-section-reviews-padding);
}

.tablet .mktportal-section-reviews{
  margin:var(--mktportal-section-reviews-margin-y-value) calc(-1 * var(--space-m));
}

.phone .mktportal-section-reviews{
  margin:var(--mktportal-section-reviews-margin-y-value) calc(-1 * var(--space-base));
}

/*! ------------------------------------------------------------------------------
*   └── MktPortal Section Content
------------------------------------------------------------------------------- */
.mktportal-section-content{
  --mktportal-section-content-margin-y-value:62px;
  --mktportal-section-content-margin:var(--mktportal-section-content-margin-y-value) calc(-1 * var(--space-xl));
  --mktportal-section-content__text-content-padding:62px 0;
  --mktportal-section-content__text-content-margin:0 var(--grid-horizontal-margin-value);
  --mktportal-section-content__text-content-max-width:25vw;
  --mktportal-section-content__text-content__text-margin:2.8vw 0;
  --mktportal-paths-layer-outside-value:62px;
  margin:var(--mktportal-section-content-margin);
  position:relative;
  
}

.phone .mktportal-section-content,
.tablet .mktportal-section-content{
  --mktportal-section-content__text-content-max-width:100%;
  --mktportal-section-content__text-content-padding:62px 0;
}

.tablet .mktportal-section-content{
  --mktportal-section-content__text-content-padding:62px 0;
  --mktportal-section-content-margin:var(--mktportal-section-content-margin-y-value) calc(-1 * var(--space-m));
}

.phone .mktportal-section-content{
  --mktportal-section-content__text-content__text-margin:40px 0;
  --mktportal-section-content__text-content-margin:0;
  --mktportal-section-content__text-content-padding:62px var(--grid-horizontal-margin-value);
  --mktportal-section-content-margin:62px calc(-1 * var(--space-base));
}

.mktportal-section-content:before{
  background-color:var(--bg-color);
  content:"";
  display:block;
  height:100%;
  left:0;
  position:absolute;
  top:0;
  width:50%;
  z-index:0;
}

.mktportal-section-content.is-left-image:before{
  left:50%;
}

.tablet .mktportal-section-content:before,
.phone .mktportal-section-content:before{
  left:0;
  width:100%;
}

.mktportal-section-content.no-top-margin{
  margin-top:0;
}

.mktportal-section-content.no-bottom-margin{
  margin-bottom:0;
}

.mktportal-section-content__theme-grid{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:horizontal;
  -webkit-box-direction:normal;
      -ms-flex-direction:row;
          flex-direction:row;
  margin:0 auto;
  position:relative;
  z-index:1;
}

.mktportal-section-content.is-left-image .mktportal-section-content__theme-grid{
  -webkit-box-orient:horizontal;
  -webkit-box-direction:reverse;
      -ms-flex-direction:row-reverse;
          flex-direction:row-reverse;
}

.tablet .mktportal-section-content__theme-grid,
.phone .mktportal-section-content__theme-grid,
.tablet .mktportal-section-content.is-left-image .mktportal-section-content__theme-grid,
.phone .mktportal-section-content.is-left-image .mktportal-section-content__theme-grid{
  -webkit-box-orient:vertical;
  -webkit-box-direction:reverse;
      -ms-flex-direction:column-reverse;
          flex-direction:column-reverse;
}

.mktportal-section-content__text{
  -ms-flex-item-align:center;
      align-self:center;
  -webkit-box-flex:1;
      -ms-flex:1;
          flex:1;
}

.mktportal-section-content__text-content{
  margin:var(--mktportal-section-content__text-content-margin);
  max-width:var(--mktportal-section-content__text-content-max-width);
  padding:var(--mktportal-section-content__text-content-padding);
  
}

.mktportal-section-content.hide-content-left .mktportal-section-content__text-content{
  display:none;
}

.mktportal-section-content__text-content__title,
.mktportal-section-content__text-content__title h1,
.mktportal-section-content__text-content__title .heading1,
.mktportal-section-content__text-content__title h2,
.mktportal-section-content__text-content__title .heading2,
.mktportal-section-content__text-content__title h3,
.mktportal-section-content__text-content__title .heading3,
.mktportal-section-content__text-content__title h4,
.mktportal-section-content__text-content__title .heading4,
.mktportal-section-content__text-content__title h5,
.mktportal-section-content__text-content__title .heading5,
.mktportal-section-content__text-content__title h6,
.mktportal-section-content__text-content__title .heading6{
  font-weight:900;
  line-height:1;
  font-size:clamp(2rem, 5vw, 11.25rem);
}

.mktportal-section-content__text-content__text{
  margin:var(--mktportal-section-content__text-content__text-margin);
}

.mktportal-section-content__text-content__action button{
  border-color:var(--color-neutral-0);
}

.mktportal-section-content__image{
  -webkit-box-flex:1;
      -ms-flex:1;
          flex:1;
  position:relative;
  z-index:1;
}

.phone .mktportal-section-content__image:before,
.tablet .mktportal-section-content__image:before{
  background-color:var(--color-neutral-0);
  content:"";
  display:block;
  height:100%;
  left:100%;
  position:absolute;
  top:0;
  width:100%;
}

.mktportal-section-content__image-content{
  background-position:center;
  background-size:cover;
  height:50vw;
  min-height:100%;
  width:100%;
}

.mktportal-section-content.hide-content-right .mktportal-section-content__image-content{
  display:none;
}

.tablet .mktportal-section-content__image-content,
.phone .mktportal-section-content__image-content{
  padding-bottom:100%;
  -webkit-transform:unset;
      -ms-transform:unset;
          transform:unset;
  width:100%;
}

.mktportal-section-content__image_bgLy1,
.mktportal-section-content__image_featured{
  bottom:0;
  left:0px;
  position:absolute;
  right:0;
  top:0;
}

.mktportal-section-content__image_featured{
  overflow:hidden;
}

.mktportal-section-content__image_bgLy1 img,
.mktportal-section-content__image_featured img{
  position:absolute;
  top:50%;
  -webkit-transform:translatex(-50%) translateY(-50%);
      -ms-transform:translatex(-50%) translateY(-50%);
          transform:translatex(-50%) translateY(-50%);
}

.mktportal-section-content__image_bgLy1 img,
.mktportal-section-content__image_featured img{
  
  
  
}

.mktportal-section-content__image_bgLy1 img{
  height:100%;
  max-width:unset;
  min-height:200px;
  width:unset;
  
  
}

.mktportal-section-content__image_featured img{
  min-height:100px;
  min-width:100px;
}

/*! ------------------------------------------------------------------------------
*   └── MktPortal Section Content: Rosa Section
------------------------------------------------------------------------------- */
.rosa-section .mktportal-section-content__text-content__action{
  margin-bottom:60px;
}

.rosa-section .mktportal-section-content__image_bgLy1 img{
  left:0;
  top:0;
  -webkit-transform:translateX(10vw) translateY(calc(-1 * var(--mktportal-paths-layer-outside-value)));
      -ms-transform:translateX(10vw) translateY(calc(-1 * var(--mktportal-paths-layer-outside-value)));
          transform:translateX(10vw) translateY(calc(-1 * var(--mktportal-paths-layer-outside-value)));
}

.phone .rosa-section .mktportal-section-content__image_bgLy1 img,
.tablet .rosa-section .mktportal-section-content__image_bgLy1 img{
  -webkit-transform:translateX(var(--mktportal-paths-layer-outside-value)) translateY(calc(-1 * var(--mktportal-paths-layer-outside-value)));
      -ms-transform:translateX(var(--mktportal-paths-layer-outside-value)) translateY(calc(-1 * var(--mktportal-paths-layer-outside-value)));
          transform:translateX(var(--mktportal-paths-layer-outside-value)) translateY(calc(-1 * var(--mktportal-paths-layer-outside-value)));
}

.rosa-section .mktportal-section-content__image-content{
  background-position:70% 110%;
  background-size:140%;
}

.rosa-section .mktportal-section-content__image_featured img{
  bottom:0px;
  height:90%;
  left:50%;
  top:initial;
  -webkit-transform:translatex(-50%) translateY(60px);
      -ms-transform:translatex(-50%) translateY(60px);
          transform:translatex(-50%) translateY(60px);
}

.phone .rosa-section .mktportal-section-content__image_featured img{
  -webkit-transform:translatex(-50%) translateY(20px);
      -ms-transform:translatex(-50%) translateY(20px);
          transform:translatex(-50%) translateY(20px);
}

/*! ------------------------------------------------------------------------------
*   └── MktPortal Section Content: Juliet Section
------------------------------------------------------------------------------- */
.phone .juliet-section .mktportal-section-content__text,
.tablet .juliet-section .mktportal-section-content__text{
  margin-top:120px;
}

.phone .juliet-section .mktportal-section-content__image:before,
.tablet .juliet-section .mktportal-section-content__image:before{
  top:100%;
  height:120px;
  left:0;
}

.juliet-section .mktportal-section-content__image-content{
  background-position:center;
  background-size:cover;
}

.phone .juliet-section .mktportal-section-content__image-content,
.tablet .juliet-section .mktportal-section-content__image-content{
  background-position:50%;
  background-size:contain;
}

.juliet-section .mktportal-section-content__image_bgLy1 img{
  height:calc(100% + 2 * var(--mktportal-paths-layer-outside-value));
  right:0;
  -webkit-transform:translateX(-10vw) translateY(-50%);
      -ms-transform:translateX(-10vw) translateY(-50%);
          transform:translateX(-10vw) translateY(-50%);
}

.phone .juliet-section .mktportal-section-content__image_bgLy1 img,
.tablet .juliet-section .mktportal-section-content__image_bgLy1 img{
  -webkit-transform:translateX(calc(-1 * var(--mktportal-paths-layer-outside-value))) translateY(-50%);
      -ms-transform:translateX(calc(-1 * var(--mktportal-paths-layer-outside-value))) translateY(-50%);
          transform:translateX(calc(-1 * var(--mktportal-paths-layer-outside-value))) translateY(-50%);
}

.juliet-section .mktportal-section-content__image_featured img{
  bottom:0px;
  height:90%;
  left:50%;
  top:initial;
  -webkit-transform:translatex(-50%) translateY(4.5vw);
      -ms-transform:translatex(-50%) translateY(4.5vw);
          transform:translatex(-50%) translateY(4.5vw);
}

.phone .juliet-section .mktportal-section-content__image_featured img,
.tablet .juliet-section .mktportal-section-content__image_featured img{
  -webkit-transform:translatex(-50%) translateY(10vw);
      -ms-transform:translatex(-50%) translateY(10vw);
          transform:translatex(-50%) translateY(10vw);
}

/*! ------------------------------------------------------------------------------
*   └── MktPortal Section Content: Juliet Section @HowItWorks screen
------------------------------------------------------------------------------- */
.juliet-section-how-it-works .mktportal-section-content__text-content__title,
.juliet-section-how-it-works .mktportal-section-content__text-content__title h1,
.juliet-section-how-it-works .mktportal-section-content__text-content__title .heading1,
.juliet-section-how-it-works .mktportal-section-content__text-content__title h2,
.juliet-section-how-it-works .mktportal-section-content__text-content__title .heading2,
.juliet-section-how-it-works .mktportal-section-content__text-content__title h3,
.juliet-section-how-it-works .mktportal-section-content__text-content__title .heading3,
.juliet-section-how-it-works .mktportal-section-content__text-content__title h4,
.juliet-section-how-it-works .mktportal-section-content__text-content__title .heading4,
.juliet-section-how-it-works .mktportal-section-content__text-content__title h5,
.juliet-section-how-it-works .mktportal-section-content__text-content__title .heading5,
.juliet-section-how-it-works .mktportal-section-content__text-content__title h6,
.juliet-section-how-it-works .mktportal-section-content__text-content__title .heading6{
  font-weight:900;
  line-height:1;
  font-size:clamp(2.5rem, 2.5vw, 5rem);
}

.juliet-section-how-it-works .mktportal-section-content__text-content__action{
  margin-bottom:60px;
}

.juliet-section-how-it-works .mktportal-section-content__image_bgLy1 img{
  left:0;
  top:0;
  -webkit-transform:translateX(10vw) translateY(calc(-1 * var(--mktportal-paths-layer-outside-value)));
      -ms-transform:translateX(10vw) translateY(calc(-1 * var(--mktportal-paths-layer-outside-value)));
          transform:translateX(10vw) translateY(calc(-1 * var(--mktportal-paths-layer-outside-value)));
}

.phone .juliet-section-how-it-works .mktportal-section-content__image_bgLy1 img,
.tablet .juliet-section-how-it-works .mktportal-section-content__image_bgLy1 img{
  -webkit-transform:translateX(var(--mktportal-paths-layer-outside-value)) translateY(calc(-1 * var(--mktportal-paths-layer-outside-value)));
      -ms-transform:translateX(var(--mktportal-paths-layer-outside-value)) translateY(calc(-1 * var(--mktportal-paths-layer-outside-value)));
          transform:translateX(var(--mktportal-paths-layer-outside-value)) translateY(calc(-1 * var(--mktportal-paths-layer-outside-value)));
}

.juliet-section-how-it-works .mktportal-section-content__image-content{
  background-position:70% 110%;
  background-size:140%;
}

.juliet-section-how-it-works .mktportal-section-content__image_featured img{
  bottom:0px;
  height:90%;
  left:50%;
  top:initial;
  -webkit-transform:translatex(-50%) translateY(60px);
      -ms-transform:translatex(-50%) translateY(60px);
          transform:translatex(-50%) translateY(60px);
}

.phone .juliet-section-how-it-works .mktportal-section-content__image_featured img{
  -webkit-transform:translatex(-50%) translateY(20px);
      -ms-transform:translatex(-50%) translateY(20px);
          transform:translatex(-50%) translateY(20px);
}

/*! ------------------------------------------------------------------------------
*   └── MktPortal Section Content: Jimmy Section
------------------------------------------------------------------------------- */
.mktportal-section-content.jimmy-section{
  --mktportal-section-content-margin:calc(3 * var(--mktportal-section-content-margin-y-value)) calc(-1 * var(--space-xl)) var(--mktportal-section-content-margin-y-value);
}

.tablet .mktportal-section-content.jimmy-section{
  --mktportal-section-content-margin:calc(2 * var(--mktportal-section-content-margin-y-value)) calc(-1 * var(--space-m)) var(--mktportal-section-content-margin-y-value);
}

.phone .mktportal-section-content.jimmy-section{
  --mktportal-section-content-margin:calc(2 * var(--mktportal-section-content-margin-y-value)) calc(-1 * var(--space-base)) var(--mktportal-section-content-margin-y-value);
}

.tablet .jimmy-section .mktportal-section-content__image,
.phone .jimmy-section .mktportal-section-content__image{
  margin-top:initial;
  -webkit-transform:translateX(calc(-1 * (var(--mktportal-section-content-margin-y-value) + var(--mktportal-paths-layer-outside-value))));
      -ms-transform:translateX(calc(-1 * (var(--mktportal-section-content-margin-y-value) + var(--mktportal-paths-layer-outside-value))));
          transform:translateX(calc(-1 * (var(--mktportal-section-content-margin-y-value) + var(--mktportal-paths-layer-outside-value))));
}

.jimmy-section .mktportal-section-content__image-content{
  background-position:left bottom;
  background-size:135%;
}

.jimmy-section .mktportal-section-content__image_bgLy1 img{
  height:80%;
  right:0;
  top:0;
  -webkit-transform:translateX(60px) translateY(calc(-1 * var(--mktportal-paths-layer-outside-value)));
      -ms-transform:translateX(60px) translateY(calc(-1 * var(--mktportal-paths-layer-outside-value)));
          transform:translateX(60px) translateY(calc(-1 * var(--mktportal-paths-layer-outside-value)));
}

.jimmy-section .mktportal-section-content__image_featured img{
  bottom:0px;
  left:50%;
  max-height:90%;
  top:initial;
  -webkit-transform:translatex(-50%) translateY(0);
      -ms-transform:translatex(-50%) translateY(0);
          transform:translatex(-50%) translateY(0);
  width:25vw;
}

.phone .jimmy-section .mktportal-section-content__image_featured img,
.tablet .jimmy-section .mktportal-section-content__image_featured img{
  width:47vw;
}

/*! ------------------------------------------------------------------------------
*   └── MktPortal Section Content Diagonal
------------------------------------------------------------------------------- */
.mktportal-section-content-diagonal{
  --mktportal-section-content-diagonal-margin-y-value:62px;
  --mktportal-section-content-diagonal-margin:var(--mktportal-section-content-diagonal-margin-y-value) calc(-1 * var(--space-xl));
  --mktportal-section-content-diagonal__text-content-padding:62px 0;
  --mktportal-section-content-diagonal__text-content-margin:0 var(--grid-horizontal-margin-value);
  --mktportal-section-content-diagonal__text-content-max-width:25vw;
  --mktportal-section-content-diagonal__text-content__text-margin:2.8vw 0;
  margin:var(--mktportal-section-content-diagonal-margin);
  position:relative;
  
}

.phone .mktportal-section-content-diagonal,
.tablet .mktportal-section-content-diagonal{
  --mktportal-section-content-diagonal__text-content-max-width:100%;
  --mktportal-section-content-diagonal__text-content-padding:62px 0;
}

.tablet .mktportal-section-content-diagonal{
  --mktportal-section-content-diagonal-margin:62px calc(-1 * var(--space-m));
}

.phone .mktportal-section-content-diagonal{
  --mktportal-section-content-diagonal__text-content__text-margin:40px 0;
  --mktportal-section-content-diagonal__text-content-margin:0;
  --mktportal-section-content-diagonal__text-content-padding:62px var(--grid-horizontal-margin-value);
  --mktportal-section-content-diagonal-margin:62px calc(-1 * var(--space-base));
}

.mktportal-section-content-diagonal-bg-line{
  position:absolute;
  width:100%;
  height:100%;
  top:0;
  left:0;
  overflow:hidden;
}
.mktportal-section-content-diagonal-bg-line:before, .mktportal-section-content-diagonal-bg-line:after{
  background-color:var(--bg-color);
  content:"";
  display:block;
  height:100%;
  position:absolute;
  top:0;
  z-index:0;
}
.mktportal-section-content-diagonal-bg-line:before{
  left:0;
  width:50%;
}
.mktportal-section-content-diagonal-bg-line:after{
  left:50%;
  -webkit-transform-origin:0 0;
      -ms-transform-origin:0 0;
          transform-origin:0 0;
  -webkit-transform:rotate(24deg);
      -ms-transform:rotate(24deg);
          transform:rotate(24deg);
  width:200vw;
}

.phone .mktportal-section-content-diagonal-bg-line:after,
.tablet .mktportal-section-content-diagonal-bg-line:after{
  -webkit-transform:rotate(15deg);
      -ms-transform:rotate(15deg);
          transform:rotate(15deg);
}

.mktportal-section-content-diagonal.no-top-margin{
  margin-top:0;
}

.mktportal-section-content-diagonal.no-bottom-margin{
  margin-bottom:0;
}

.mktportal-section-content-diagonal__theme-grid{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:horizontal;
  -webkit-box-direction:normal;
      -ms-flex-direction:row;
          flex-direction:row;
  margin:0 auto;
  position:relative;
  z-index:1;
}

.phone .mktportal-section-content-diagonal__theme-grid,
.tablet .mktportal-section-content-diagonal__theme-grid{
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
      -ms-flex-direction:column;
          flex-direction:column;
}

.mktportal-section-content-diagonal__text{
  -ms-flex-item-align:center;
      align-self:center;
  -webkit-box-flex:1;
      -ms-flex:1;
          flex:1;
}

.mktportal-section-content-diagonal__text-content{
  margin:var(--mktportal-section-content-diagonal__text-content-margin);
  max-width:var(--mktportal-section-content-diagonal__text-content-max-width);
  padding:var(--mktportal-section-content-diagonal__text-content-padding);
  
}

.mktportal-section-content-diagonal__text-content__title,
.mktportal-section-content-diagonal__text-content__title h1,
.mktportal-section-content-diagonal__text-content__title .heading1,
.mktportal-section-content-diagonal__text-content__title h2,
.mktportal-section-content-diagonal__text-content__title .heading2,
.mktportal-section-content-diagonal__text-content__title h3,
.mktportal-section-content-diagonal__text-content__title .heading3,
.mktportal-section-content-diagonal__text-content__title h4,
.mktportal-section-content-diagonal__text-content__title .heading4,
.mktportal-section-content-diagonal__text-content__title h5,
.mktportal-section-content-diagonal__text-content__title .heading5,
.mktportal-section-content-diagonal__text-content__title h6,
.mktportal-section-content-diagonal__text-content__title .heading6{
  font-weight:900;
  line-height:1;
  font-size:clamp(2rem, 5vw, 11.25rem);
}

.mktportal-section-content-diagonal__text-content__text{
  margin:var(--mktportal-section-content-diagonal__text-content__text-margin);
}

.mktportal-section-content-diagonal__text-content__action button{
  border-color:var(--color-neutral-0);
}

.mktportal-section-content-diagonal__text-content__action button .icon{
  margin-left:50px;
}

.mktportal-section-content-diagonal__image{
  -webkit-box-flex:1;
      -ms-flex:1;
          flex:1;
  position:relative;
  z-index:1;
}

.mktportal-section-content-diagonal__image_bgLy1{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  overflow:hidden;
}

.mktportal-section-content-diagonal__image_featured{
  min-height:50vw;
  height:100%;
  position:relative;
}
.mktportal-section-content-diagonal__image_featured img{
  left:50%;
  max-height:100%;
  position:absolute;
  -webkit-transform:translateX(-50%);
      -ms-transform:translateX(-50%);
          transform:translateX(-50%);
}

.phone .mktportal-section-content-diagonal__image_featured,
.tablet .mktportal-section-content-diagonal__image_featured{
  min-height:80vw;
}

.card-section{
  --mktportal-section-content-diagonal-margin:calc(3 * var(--mktportal-section-content-diagonal-margin-y-value)) calc(-1 * var(--space-xl)) var(--mktportal-section-content-diagonal-margin-y-value);
}
.card-section .mktportal-section-content-diagonal__image_featured img{
  max-height:80%;
  top:5%;
}

.fishman-section .mktportal-section-content-diagonal__image_bgLy1{
  display:none;
}
.fishman-section .mktportal-section-content-diagonal__image_bgLy1 img{
  height:80%;
  max-width:unset;
  position:absolute;
  top:10vw;
  left:10vw;
}
.fishman-section .mktportal-section-content-diagonal__image_featured img{
  bottom:0;
}

.phone .fishman-section .mktportal-section-content-diagonal__image_bgLy1,
.tablet .fishman-section .mktportal-section-content-diagonal__image_bgLy1{
  display:block;
}

/*! ------------------------------------------------------------------------------
*   └── MktPortal Section Wallet
------------------------------------------------------------------------------- */
.mktportal-section-wallet{
  --mktportal-section-wallet-margin-y-value:62px;
  --mktportal-section-wallet-list-wrapper-padding-left:100px;
  --mktportal-section-wallet-list-wrapper-padding-right:120px;
  margin:calc(2 * var(--mktportal-section-wallet-margin-y-value)) calc(-1 * var(--space-xl)) calc(3 * var(--mktportal-section-wallet-margin-y-value));
  position:relative;
}
.mktportal-section-wallet__title{
  margin:0 var(--grid-horizontal-margin-value) 30px;
}
.mktportal-section-wallet__title,
.mktportal-section-wallet__title h1,
.mktportal-section-wallet__title .heading1,
.mktportal-section-wallet__title h2,
.mktportal-section-wallet__title .heading2,
.mktportal-section-wallet__title h3,
.mktportal-section-wallet__title .heading3,
.mktportal-section-wallet__title h4,
.mktportal-section-wallet__title .heading4,
.mktportal-section-wallet__title h5,
.mktportal-section-wallet__title .heading5,
.mktportal-section-wallet__title h6,
.mktportal-section-wallet__title .heading6{
  font-weight:900;
  line-height:1;
  font-size:clamp(1.25rem, 2vw, 11.25rem);
}
.mktportal-section-wallet__content{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
}
.mktportal-section-wallet__content__image-wrapper{
  position:relative;
  margin-left:var(--grid-horizontal-margin-value);
}
.mktportal-section-wallet__content__image-wrapper img{
  max-width:24vw;
}
.mktportal-section-wallet__content__list-items-wrapper{
  -webkit-box-flex:1;
      -ms-flex:1;
          flex:1;
  padding:0 var(--mktportal-section-wallet-list-wrapper-padding-right) 0 var(--mktportal-section-wallet-list-wrapper-padding-left);
}
.mktportal-section-wallet__content__list-items-wrapper .list{
  height:100%;
}
.mktportal-section-wallet__content__list-items-wrapper .list > *:last-child .mktportal-section-wallet-item{
  border-bottom:none;
}
.mktportal-section-wallet-item{
  border-bottom:1px solid var(--color-neutral-2);
  cursor:unset;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  height:25%;
  padding:15px;
  pointer-events:none;
  position:relative;
}
.mktportal-section-wallet-item--is-selected:before, .mktportal-section-wallet-item--is-selected > *{
  /* !important is needed to avoid adding extra selctor to increase specidicity, under this context there is no issue! */
  opacity:1 !important;
}
.mktportal-section-wallet-item__left, .mktportal-section-wallet-item__right{
  opacity:0.5;
  position:relative;
  -webkit-transition:opacity 0.3s;
  transition:opacity 0.3s;
  z-index:1;
}
.mktportal-section-wallet-item__left{
  -webkit-box-flex:1;
      -ms-flex:1;
          flex:1;
  padding-right:62px;
  text-transform:uppercase;
  font-weight:700;
  line-height:1;
  font-size:clamp(1.25rem, 1.5vw, 11.25rem);
}
.mktportal-section-wallet-item__right{
  -webkit-box-flex:1;
      -ms-flex:1;
          flex:1;
}

.desktop .mktportal-section-wallet-item--is-clickable{
  cursor:pointer;
  pointer-events:auto;
}
.desktop .mktportal-section-wallet-item--is-clickable:after{
  background-color:var(--color-neutral-1);
  bottom:0;
  content:"";
  left:0;
  opacity:0;
  pointer-events:none;
  position:absolute;
  right:0;
  top:0;
  z-index:0;
  -webkit-transition:opacity 0.3s;
  transition:opacity 0.3s;
}
.desktop .mktportal-section-wallet-item--is-clickable:hover{
  border-bottom-color:transparent;
}
.desktop .mktportal-section-wallet-item--is-clickable:hover:after{
  opacity:1;
}
.desktop .mktportal-section-wallet-item--is-clickable:hover > *{
  opacity:1;
}

.phone .mktportal-section-wallet__title,
.tablet .mktportal-section-wallet__title{
  margin-bottom:10vw;
}
.phone .mktportal-section-wallet__title,
.phone .mktportal-section-wallet__title h1,
.phone .mktportal-section-wallet__title .heading1,
.phone .mktportal-section-wallet__title h2,
.phone .mktportal-section-wallet__title .heading2,
.phone .mktportal-section-wallet__title h3,
.phone .mktportal-section-wallet__title .heading3,
.phone .mktportal-section-wallet__title h4,
.phone .mktportal-section-wallet__title .heading4,
.phone .mktportal-section-wallet__title h5,
.phone .mktportal-section-wallet__title .heading5,
.phone .mktportal-section-wallet__title h6,
.phone .mktportal-section-wallet__title .heading6,
.tablet .mktportal-section-wallet__title,
.tablet .mktportal-section-wallet__title h1,
.tablet .mktportal-section-wallet__title .heading1,
.tablet .mktportal-section-wallet__title h2,
.tablet .mktportal-section-wallet__title .heading2,
.tablet .mktportal-section-wallet__title h3,
.tablet .mktportal-section-wallet__title .heading3,
.tablet .mktportal-section-wallet__title h4,
.tablet .mktportal-section-wallet__title .heading4,
.tablet .mktportal-section-wallet__title h5,
.tablet .mktportal-section-wallet__title .heading5,
.tablet .mktportal-section-wallet__title h6,
.tablet .mktportal-section-wallet__title .heading6{
  font-weight:900;
  line-height:1;
  font-size:clamp(1.25rem, 6vw, 11.25rem);
}
.phone .mktportal-section-wallet__content,
.tablet .mktportal-section-wallet__content{
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
      -ms-flex-direction:column;
          flex-direction:column;
}
.phone .mktportal-section-wallet__content__image-wrapper,
.tablet .mktportal-section-wallet__content__image-wrapper{
  display:none;
}
.phone .mktportal-section-wallet__content__list-items-wrapper,
.tablet .mktportal-section-wallet__content__list-items-wrapper{
  -webkit-box-flex:1;
      -ms-flex:1;
          flex:1;
  margin:0 var(--grid-horizontal-margin-value);
  padding:0;
}
.phone .mktportal-section-wallet-item,
.tablet .mktportal-section-wallet-item{
  display:block;
  height:auto;
  margin-bottom:26px;
  min-height:100px;
  padding:0;
}
.phone .mktportal-section-wallet-item:before,
.tablet .mktportal-section-wallet-item:before{
  content:attr(data-index);
  font-size:clamp(60px, 8vw, 100px);
  font-weight:200;
  left:0;
  line-height:1;
  opacity:0.5;
  position:absolute;
  top:-4px;
  -webkit-transition:opacity 0.3s;
  transition:opacity 0.3s;
}
.phone .mktportal-section-wallet-item__left, .phone .mktportal-section-wallet-item__right,
.tablet .mktportal-section-wallet-item__left,
.tablet .mktportal-section-wallet-item__right{
  padding-bottom:26px;
  margin-left:15vw;
}
.phone .mktportal-section-wallet-item__left,
.tablet .mktportal-section-wallet-item__left{
  font-weight:600;
  line-height:1;
  font-size:clamp(1.25rem, 3vw, 11.25rem);
}
.phone .mktportal-section-wallet-item__left .item-index-number,
.tablet .mktportal-section-wallet-item__left .item-index-number{
  display:none;
}

.tablet .mktportal-section-wallet{
  margin:var(--mktportal-section-wallet-margin-y-value) calc(-1 * var(--space-m)) calc(2 * var(--mktportal-section-wallet-margin-y-value));
}

.phone .mktportal-section-wallet{
  margin:var(--mktportal-section-wallet-margin-y-value) calc(-1 * var(--space-base)) calc(2 * var(--mktportal-section-wallet-margin-y-value));
}
.phone .mktportal-section-wallet__title{
  margin:0 var(--grid-horizontal-margin-value) 10vw;
}
.phone .mktportal-section-wallet__content__list-items-wrapper{
  margin:0 var(--grid-horizontal-margin-value);
}

/*! ------------------------------------------------------------------------------
*   └── MktPortal Section Image and Carousel
------------------------------------------------------------------------------- */
.mktportal-section-content-with-carousel{
  margin:62px calc(-1 * var(--space-xl));
  position:relative;
  
}
.mktportal-section-content-with-carousel.no-top-margin{
  margin-top:0;
}
.mktportal-section-content-with-carousel.no-bottom-margin{
  margin-bottom:0;
}
.mktportal-section-content-with-carousel__theme-grid{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  min-height:50vw;
}
.mktportal-section-content-with-carousel__image{
  -webkit-box-flex:1;
      -ms-flex:1;
          flex:1;
  overflow:hidden;
  position:relative;
}
.mktportal-section-content-with-carousel__image-content{
  background-position:center;
  background-size:cover;
  height:100%;
  width:100%;
}
.mktportal-section-content-with-carousel__image-featured img{
  display:block;
  height:100%;
  left:50%;
  max-width:unset;
  min-height:inherit;
  position:absolute;
  top:50%;
  -webkit-transform:translate(-50%, -50%);
      -ms-transform:translate(-50%, -50%);
          transform:translate(-50%, -50%);
  width:auto;
}
.mktportal-section-content-with-carousel__carousel-wrapper{
  -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;
  -webkit-box-flex:1;
      -ms-flex:1;
          flex:1;
  -webkit-box-pack:center;
      -ms-flex-pack:center;
          justify-content:center;
  position:relative;
}
.mktportal-section-content-with-carousel__carousel{
  margin:max(7vw, 60px) 0;
  padding-bottom:max(5vw, 40px);
}
.mktportal-section-content-with-carousel__carousel-arrow-left, .mktportal-section-content-with-carousel__carousel-arrow-right{
  --carousel-custom-btn-size:max(2.5vw, 30px);
  bottom:max(3vw, 30px);
  height:var(--carousel-custom-btn-size);
  position:absolute;
  width:var(--carousel-custom-btn-size);
}
.mktportal-section-content-with-carousel__carousel-arrow-left img, .mktportal-section-content-with-carousel__carousel-arrow-right img{
  width:100%;
  height:100%;
}
.mktportal-section-content-with-carousel__carousel-arrow-left{
  right:calc(2 * var(--carousel-custom-btn-size) + 2 * var(--space-xl));
}
.mktportal-section-content-with-carousel__carousel-arrow-left img{
  -webkit-transform:rotate(180deg);
      -ms-transform:rotate(180deg);
          transform:rotate(180deg);
}
.mktportal-section-content-with-carousel__carousel-arrow-right{
  right:calc(2 * var(--space-xl));
}

.tablet .mktportal-section-content-with-carousel__theme-grid,
.phone .mktportal-section-content-with-carousel__theme-grid{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
      -ms-flex-direction:column;
          flex-direction:column;
  min-height:100vw;
}
.tablet .mktportal-section-content-with-carousel__image-featured img,
.phone .mktportal-section-content-with-carousel__image-featured img{
  position:relative;
  left:unset;
  top:unset;
  -webkit-transform:unset;
      -ms-transform:unset;
          transform:unset;
  max-width:100%;
  height:auto;
}

/*! ------------------------------------------------------------------------------
*   └── MktPortal Section Image and Carousel
------------------------------------------------------------------------------- */
.mktportal-section-content-with-carousel-item{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
      -ms-flex-direction:column;
          flex-direction:column;
  margin:0 max(7vw, 60px);
}
.mktportal-section-content-with-carousel-item__items-amount{
  color:var(--color-primary);
  margin-bottom:max(0.2vw, 20px);
  font-weight:700;
  line-height:1;
  font-size:clamp(1rem, 1vw, 2rem);
}
.mktportal-section-content-with-carousel-item__title{
  margin-bottom:max(0.5vw, 20px);
}
.mktportal-section-content-with-carousel-item__title,
.mktportal-section-content-with-carousel-item__title h1,
.mktportal-section-content-with-carousel-item__title .heading1,
.mktportal-section-content-with-carousel-item__title h2,
.mktportal-section-content-with-carousel-item__title .heading2,
.mktportal-section-content-with-carousel-item__title h3,
.mktportal-section-content-with-carousel-item__title .heading3,
.mktportal-section-content-with-carousel-item__title h4,
.mktportal-section-content-with-carousel-item__title .heading4,
.mktportal-section-content-with-carousel-item__title h5,
.mktportal-section-content-with-carousel-item__title .heading5,
.mktportal-section-content-with-carousel-item__title h6,
.mktportal-section-content-with-carousel-item__title .heading6{
  font-weight:900;
  line-height:1;
  font-size:clamp(1.75rem, 2.25vw, 5.25rem);
}
.mktportal-section-content-with-carousel-item__subtitle{
  margin-bottom:max(1.25vw, 40px);
  font-weight:600;
  line-height:1;
  font-size:clamp(1rem, 1vw, 2rem);
}
.mktportal-section-content-with-carousel-item__action{
  margin-top:max(1.25vw, 40px);
}

/*! ------------------------------------------------------------------------------
*   └── MktPortal Footer: CallToAction
------------------------------------------------------------------------------- */
.mktportal-cta{
  -webkit-box-align:center;
      -ms-flex-align:center;
          align-items:center;
  background-color:#60fccc;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:center;
      -ms-flex-pack:center;
          justify-content:center;
  padding-bottom:max(5vw, 100px);
  padding-top:max(7vw, 120px);
}
.mktportal-cta-content{
  position:relative;
  margin-left:calc(7.8vw + 20px);
}
.mktportal-cta-content-top{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  position:relative;
  margin-bottom:30px;
}
.mktportal-cta-content-top-symbol{
  bottom:5px;
  height:7.8vw;
  left:0;
  position:absolute;
  -webkit-transform:translateX(calc(-100% - 20px));
      -ms-transform:translateX(calc(-100% - 20px));
          transform:translateX(calc(-100% - 20px));
}
.mktportal-cta-content-top-symbol img{
  height:100%;
}
.mktportal-cta-content-top-text{
  text-transform:uppercase;
  font-weight:900;
  line-height:1;
  font-size:clamp(2.5rem, 5vw, 6.25rem);
}
.mktportal-cta-bottom{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
}
.mktportal-cta-bottom .btn{
  background-color:transparent;
  font-weight:600;
}

.header .mktportal-cta{
  display:none;
}

.tablet .header .mktportal-cta,
.phone .header .mktportal-cta{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  padding-bottom:max(3vw, 30px);
  padding-top:max(4vw, 50px);
}

/*! ------------------------------------------------------------------------------
*   └── MktPortal User Profile
------------------------------------------------------------------------------- */
.mktportal-user-profile{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:center;
      -ms-flex-pack:center;
          justify-content:center;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
      -ms-flex-direction:column;
          flex-direction:column;
  -webkit-box-align:center;
      -ms-flex-align:center;
          align-items:center;
  margin:max(5vw, 60px) auto;
}
.mktportal-user-profile__picture{
  height:max(11vw, 150px);
  width:max(11vw, 150px);
  border-radius:100%;
  overflow:hidden;
  position:relative;
}
.mktportal-user-profile__picture .avatar{
  --border-radius-rounded:100%;
  width:inherit;
  height:inherit;
}
.mktportal-user-profile__picture img{
  left:50%;
  max-width:auto;
  min-height:100%;
  position:absolute;
  top:50%;
  -webkit-transform:translate(-50%, -50%);
      -ms-transform:translate(-50%, -50%);
          transform:translate(-50%, -50%);
  width:auto;
}
.mktportal-user-profile__name{
  margin-top:max(1.25vw, 40px);
  font-weight:600;
  line-height:1;
  font-size:clamp(1rem, 1vw, 2rem);
}

/*! ------------------------------------------------------------------------------
*   └── MktPortal Blog Post
------------------------------------------------------------------------------- */
.mktportal-blog-post{
  --blog-post-padding-x:max(6vw, 80px);
  -webkit-box-align:center;
      -ms-flex-align:center;
          align-items:center;
  position:relative;
  max-width:65%;
  margin:0 auto max(5vw, 60px);
  padding:0 var(--blog-post-padding-x);
}
.mktportal-blog-post.has-top-margin{
  margin-top:max(5vw, 60px);
}
.mktportal-blog-post__text, .mktportal-blog-post__actions{
  width:100%;
}
.mktportal-blog-post__text{
  margin-bottom:max(1.25vw, 40px);
}
.mktportal-blog-post__actions{
  margin-bottom:max(1.25vw, 40px);
}
.mktportal-blog-post .blog-post-title{
  color:var(--color-primary);
  display:block;
  margin:max(1.25vw, 40px) 0;
}
.mktportal-blog-post .blog-post-title,
.mktportal-blog-post .blog-post-title h1,
.mktportal-blog-post .blog-post-title .heading1,
.mktportal-blog-post .blog-post-title h2,
.mktportal-blog-post .blog-post-title .heading2,
.mktportal-blog-post .blog-post-title h3,
.mktportal-blog-post .blog-post-title .heading3,
.mktportal-blog-post .blog-post-title h4,
.mktportal-blog-post .blog-post-title .heading4,
.mktportal-blog-post .blog-post-title h5,
.mktportal-blog-post .blog-post-title .heading5,
.mktportal-blog-post .blog-post-title h6,
.mktportal-blog-post .blog-post-title .heading6{
  font-weight:900;
  line-height:1;
  font-size:clamp(1.75rem, 2.25vw, 5.25rem);
}
.mktportal-blog-post .blog-post-title:first-of-type{
  margin-top:0;
}

.desktop .mktportal-blog-post.top-left-actions .mktportal-blog-post__actions{
  left:0;
  margin-bottom:0;
  position:absolute;
  top:max(5.1vw, 70px);
  width:max(2.5vw, 40px);
}
.desktop .mktportal-blog-post.top-left-actions .mktportal-blog-post__actions .mktportal-social-btns{
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
      -ms-flex-direction:column;
          flex-direction:column;
}
.desktop .mktportal-blog-post.top-left-actions .mktportal-blog-post__actions .mktportal-social-btns a{
  margin-left:0;
  margin-top:max(0.25vw, 30px);
}

.tablet .mktportal-blog-post,
.phone .mktportal-blog-post{
  --blog-post-padding-x:var(--grid-horizontal-margin-value);
  max-width:unset;
}

.tablet .mktportal-blog-post{
  margin-left:calc(-1 * var(--space-m));
  margin-right:calc(-1 * var(--space-m));
  width:calc(100% + 2 * var(--space-m));
}

.phone .mktportal-blog-post{
  margin-left:calc(-1 * var(--space-base));
  margin-right:calc(-1 * var(--space-base));
  width:calc(100% + 2 * var(--space-base));
}

/*! ------------------------------------------------------------------------------
*   └── MktPortal Social Buttons
------------------------------------------------------------------------------- */
.mktportal-social-btns{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
}
.mktportal-social-btns a{
  -webkit-box-align:center;
      -ms-flex-align:center;
          align-items:center;
  border-radius:100%;
  border:1px solid var(--color-primary);
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  height:max(2.5vw, 40px);
  -webkit-box-pack:center;
      -ms-flex-pack:center;
          justify-content:center;
  margin-left:max(0.25vw, 30px);
  width:max(2.5vw, 40px);
}
.mktportal-social-btns a:first-child{
  margin:0 !important;
}
.mktportal-social-btns a:hover{
  text-decoration:none;
}

/*! ------------------------------------------------------------------------------
*   └── MktPortal Related Mosaics
------------------------------------------------------------------------------- */
.mktportal-related-mosaics{
  margin:0 calc(-1 * var(--space-xl)) calc(4 * max(1.25vw, 40px));
  padding:0 var(--grid-horizontal-margin-value);
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
      -ms-flex-direction:column;
          flex-direction:column;
}
.mktportal-related-mosaics__title{
  color:var(--color-primary);
  display:block;
  padding:max(1.25vw, 40px) 0;
  position:relative;
  margin-bottom:max(1.25vw, 40px);
}
.mktportal-related-mosaics__title,
.mktportal-related-mosaics__title h1,
.mktportal-related-mosaics__title .heading1,
.mktportal-related-mosaics__title h2,
.mktportal-related-mosaics__title .heading2,
.mktportal-related-mosaics__title h3,
.mktportal-related-mosaics__title .heading3,
.mktportal-related-mosaics__title h4,
.mktportal-related-mosaics__title .heading4,
.mktportal-related-mosaics__title h5,
.mktportal-related-mosaics__title .heading5,
.mktportal-related-mosaics__title h6,
.mktportal-related-mosaics__title .heading6{
  font-weight:900;
  line-height:1;
  font-size:clamp(1.75rem, 2.25vw, 5.25rem);
}
.mktportal-related-mosaics__title:after{
  background-color:var(--color-neutral-10);
  bottom:0;
  content:"";
  display:block;
  height:1px;
  position:absolute;
  width:100%;
}
.mktportal-related-mosaics__content{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:horizontal;
  -webkit-box-direction:normal;
      -ms-flex-direction:row;
          flex-direction:row;
}
.mktportal-related-mosaics__content .list{
  display:inherit;
  -webkit-box-orient:inherit;
  -webkit-box-direction:inherit;
      -ms-flex-direction:inherit;
          flex-direction:inherit;
}
.mktportal-related-mosaics__content .list > *{
  -webkit-box-flex:1;
      -ms-flex:1;
          flex:1;
}
.mktportal-related-mosaics__content .list > *:not(:first-child){
  margin-left:max(1.25vw, 40px);
}

.tablet .mktportal-related-mosaics__content,
.phone .mktportal-related-mosaics__content{
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
      -ms-flex-direction:column;
          flex-direction:column;
}
.tablet .mktportal-related-mosaics__content .list > *:not(:first-child),
.phone .mktportal-related-mosaics__content .list > *:not(:first-child){
  margin-left:0;
  margin-top:max(1.25vw, 40px);
}

.tablet .mktportal-related-mosaics{
  margin:0 calc(-1 * var(--space-m)) calc(3 * max(1.25vw, 40px));
}

.phone .mktportal-related-mosaics{
  margin:0 calc(-1 * var(--space-base)) calc(2 * max(1.25vw, 40px));
}

/*! ------------------------------------------------------------------------------
*   └── MktPortal Related Mosaic Item
------------------------------------------------------------------------------- */
.mktportal-related-mosaic-item{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
      -ms-flex-direction:column;
          flex-direction:column;
}
.mktportal-related-mosaic-item__image{
  height:0;
  margin-bottom:max(2vw, 40px);
  overflow:hidden;
  padding-top:100%;
  position:relative;
  width:100%;
}
.mktportal-related-mosaic-item__image img{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  -o-object-fit:cover;
     object-fit:cover;
}
.mktportal-related-mosaic-item__date, .mktportal-related-mosaic-item__title, .mktportal-related-mosaic-item__text, .mktportal-related-mosaic-item__action{
  width:85%;
  margin-bottom:max(1vw, 26px);
}
.mktportal-related-mosaic-item__date{
  font-weight:600;
  line-height:1;
  font-size:clamp(0.875rem, 0.8vw, 1.5rem);
}
.mktportal-related-mosaic-item__title,
.mktportal-related-mosaic-item__title h1,
.mktportal-related-mosaic-item__title .heading1,
.mktportal-related-mosaic-item__title h2,
.mktportal-related-mosaic-item__title .heading2,
.mktportal-related-mosaic-item__title h3,
.mktportal-related-mosaic-item__title .heading3,
.mktportal-related-mosaic-item__title h4,
.mktportal-related-mosaic-item__title .heading4,
.mktportal-related-mosaic-item__title h5,
.mktportal-related-mosaic-item__title .heading5,
.mktportal-related-mosaic-item__title h6,
.mktportal-related-mosaic-item__title .heading6{
  font-weight:900;
  line-height:1;
  font-size:clamp(1.25rem, 2vw, 2rem);
}

/*! ------------------------------------------------------------------------------
*   └── MktPortal Faqs
------------------------------------------------------------------------------- */
.mktportal-faqs{
  --mktportal-faqs-reset-margin:calc(-1 * var(--space-xl));
  margin:max(5vw, 60px) var(--mktportal-faqs-reset-margin) max(6vw, 80px);
  padding:0 var(--grid-horizontal-margin-value);
}
.mktportal-faqs__section-title{
  color:var(--color-primary);
  margin-bottom:max(2vw, 60px);
}
.mktportal-faqs__section-title,
.mktportal-faqs__section-title h1,
.mktportal-faqs__section-title .heading1,
.mktportal-faqs__section-title h2,
.mktportal-faqs__section-title .heading2,
.mktportal-faqs__section-title h3,
.mktportal-faqs__section-title .heading3,
.mktportal-faqs__section-title h4,
.mktportal-faqs__section-title .heading4,
.mktportal-faqs__section-title h5,
.mktportal-faqs__section-title .heading5,
.mktportal-faqs__section-title h6,
.mktportal-faqs__section-title .heading6{
  font-weight:900;
  line-height:1;
  font-size:clamp(1.75rem, 2.25vw, 5.25rem);
}
.mktportal-faqs__section-content{
  margin:0 auto;
  max-width:85%;
}
.mktportal-faqs__section-content-title{
  margin-bottom:max(1.25vw, 26px);
}
.mktportal-faqs__section-content-title,
.mktportal-faqs__section-content-title h1,
.mktportal-faqs__section-content-title .heading1,
.mktportal-faqs__section-content-title h2,
.mktportal-faqs__section-content-title .heading2,
.mktportal-faqs__section-content-title h3,
.mktportal-faqs__section-content-title .heading3,
.mktportal-faqs__section-content-title h4,
.mktportal-faqs__section-content-title .heading4,
.mktportal-faqs__section-content-title h5,
.mktportal-faqs__section-content-title .heading5,
.mktportal-faqs__section-content-title h6,
.mktportal-faqs__section-content-title .heading6{
  font-weight:900;
  line-height:1;
  font-size:clamp(1.125rem, 1.25vw, 1.875rem);
}
.mktportal-faqs__section-content-text{
  margin-bottom:max(1.25vw, 26px);
}
.mktportal-faqs__section-content-content .accordion-item-header-left,
.mktportal-faqs__section-content-content .accordion-item-content-left{
  -webkit-box-flex:1;
      -ms-flex:1;
          flex:1;
  text-align:center;
}
.mktportal-faqs__section-content-content .accordion-item-header-right,
.mktportal-faqs__section-content-content .accordion-item-content-right{
  -webkit-box-flex:4;
      -ms-flex:4;
          flex:4;
}
.mktportal-faqs__section-content-content .accordion-item-header-right-textWrapper,
.mktportal-faqs__section-content-content .accordion-item-content-right-textWrapper{
  max-width:60%;
}
.mktportal-faqs__section-content-content .accordion-item-header-left, .mktportal-faqs__section-content-content .accordion-item-header-right{
  font-weight:600;
  line-height:1;
  font-size:clamp(1.125rem, 1vw, 1.75rem);
}
.mktportal-faqs__section-content-content .accordion-item-header-right{
  font-weight:800;
}
.mktportal-faqs__section-content-content .accordion-item-content-right{
  margin-left:-5px;
}
.mktportal-faqs__section-content-content .accordion-item-content-right-textWrapper{
  max-width:60%;
}

.tablet .mktportal-faqs__section-content,
.phone .mktportal-faqs__section-content{
  max-width:100%;
}
.tablet .mktportal-faqs__section-content .accordion-item-content-right-textWrapper,
.phone .mktportal-faqs__section-content .accordion-item-content-right-textWrapper{
  max-width:85%;
}

.tablet .mktportal-faqs{
  --mktportal-faqs-reset-margin:calc(-1 * var(--space-m));
}

.phone .mktportal-faqs{
  --mktportal-faqs-reset-margin:calc(-1 * var(--space-base));
}
.phone .mktportal-faqs__section-content .accordion-item-header-left{
  left:0;
  line-height:1;
  text-align:left;
  font-weight:200;
  line-height:1;
  font-size:clamp(3.75rem, 10vw, 6.25rem);
}

/*! ------------------------------------------------------------------------------
*   └── MktPortal > Faqs > Override OSUI AccordionItem styles
------------------------------------------------------------------------------- */
.osui-accordion{
  border-top:1px solid var(--color-neutral-10);
}

.phone .osui-accordion{
  border-color:transparent;
}

/*! ------------------------------------------------------------------------------
*   └── MktPortal > Faqs > Override OSUI AccordionItem styles
------------------------------------------------------------------------------- */
.osui-accordion-item{
  --accordion-active-border-size:1px;
  border:0;
}
.osui-accordion-item:after{
  border-color:var(--color-neutral-10);
  border-radius:0 !important;
  opacity:1;
  top:calc(100% - var(--accordion-active-border-size));
}
.osui-accordion-item .osui-accordion-item__icon{
  height:max(1.5vw, 30px);
  width:max(1.5vw, 30px);
}
.osui-accordion-item--is-open .osui-accordion-item__icon{
  -webkit-transform:rotate(-90deg);
      -ms-transform:rotate(-90deg);
          transform:rotate(-90deg);
}
.osui-accordion-item__title{
  padding:max(1.8vw, 26px) 0;
}
.osui-accordion-item__title__placeholder{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
      -ms-flex-align:center;
          align-items:center;
}
.osui-accordion-item__content{
  padding:0;
}
.osui-accordion-item__content > div{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
      -ms-flex-align:center;
          align-items:center;
}
.osui-accordion-item__content--is-expanded{
  padding:0 0 max(1.8vw, 26px);
}

/*! ------------------------------------------------------------------------------
*   └── MktPortal Footer
------------------------------------------------------------------------------- */
.mktportal-footer__container{
  background-color:var(--color-primary);
  color:var(--color-neutral-0);
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  padding:calc(2 * var(--space-xl));
}
.mktportal-footer__container-usageInfo{
  font-weight:600;
  text-transform:uppercase;
}
.mktportal-footer__container-usageInfo-title{
  margin-bottom:20px;
}
.mktportal-footer__container-usageInfo-title,
.mktportal-footer__container-usageInfo-title h1,
.mktportal-footer__container-usageInfo-title .heading1,
.mktportal-footer__container-usageInfo-title h2,
.mktportal-footer__container-usageInfo-title .heading2,
.mktportal-footer__container-usageInfo-title h3,
.mktportal-footer__container-usageInfo-title .heading3,
.mktportal-footer__container-usageInfo-title h4,
.mktportal-footer__container-usageInfo-title .heading4,
.mktportal-footer__container-usageInfo-title h5,
.mktportal-footer__container-usageInfo-title .heading5,
.mktportal-footer__container-usageInfo-title h6,
.mktportal-footer__container-usageInfo-title .heading6{
  font-weight:700;
  line-height:1;
  font-size:clamp(1rem, 1vw, 1.5rem);
}
.mktportal-footer__container-usageInfo-images{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  text-align:center;
  font-weight:600;
  line-height:1;
  font-size:clamp(0.5625rem, 1vw, 1rem);
}
.mktportal-footer__container-usageInfo-images > *:not(:last-child){
  margin-right:30px;
}
.mktportal-footer__container-usageInfo-images img{
  background-color:var(--color-neutral-0);
  border-radius:var(--border-radius-soft);
  display:block;
  height:auto;
  margin-bottom:var(--space-xs);
  max-width:80px;
  min-width:60px;
  padding:2px;
  width:3vw;
}
.mktportal-footer__container-companyGroup-title{
  margin-bottom:20px;
}
.mktportal-footer__container-companyGroup-title,
.mktportal-footer__container-companyGroup-title h1,
.mktportal-footer__container-companyGroup-title .heading1,
.mktportal-footer__container-companyGroup-title h2,
.mktportal-footer__container-companyGroup-title .heading2,
.mktportal-footer__container-companyGroup-title h3,
.mktportal-footer__container-companyGroup-title .heading3,
.mktportal-footer__container-companyGroup-title h4,
.mktportal-footer__container-companyGroup-title .heading4,
.mktportal-footer__container-companyGroup-title h5,
.mktportal-footer__container-companyGroup-title .heading5,
.mktportal-footer__container-companyGroup-title h6,
.mktportal-footer__container-companyGroup-title .heading6{
  font-weight:700;
  line-height:1;
  font-size:clamp(1rem, 1vw, 1.5rem);
}
.mktportal-footer__container-companyGroup-image img{
  height:3vw;
  max-height:60px;
  min-height:40px;
  width:auto;
}
.mktportal-footer__container-social-title{
  margin-bottom:20px;
}
.mktportal-footer__container-social-title,
.mktportal-footer__container-social-title h1,
.mktportal-footer__container-social-title .heading1,
.mktportal-footer__container-social-title h2,
.mktportal-footer__container-social-title .heading2,
.mktportal-footer__container-social-title h3,
.mktportal-footer__container-social-title .heading3,
.mktportal-footer__container-social-title h4,
.mktportal-footer__container-social-title .heading4,
.mktportal-footer__container-social-title h5,
.mktportal-footer__container-social-title .heading5,
.mktportal-footer__container-social-title h6,
.mktportal-footer__container-social-title .heading6{
  font-weight:700;
  line-height:1;
  font-size:clamp(1rem, 1vw, 1.5rem);
}
.mktportal-footer__container-social-icons{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  font-weight:600;
  line-height:1;
  font-size:clamp(1.625rem, 1vw, 2rem);
}
.mktportal-footer__container-social-icons > *:not(:last-child){
  margin-right:1.5vw;
}
.mktportal-footer__container-sveaBank{
  position:relative;
}
.mktportal-footer__container-sveaBank-icon{
  bottom:5px;
  height:100%;
  left:0;
  position:absolute;
  -webkit-transform:translateX(calc(-100% - 15px));
      -ms-transform:translateX(calc(-100% - 15px));
          transform:translateX(calc(-100% - 15px));
}
.mktportal-footer__container-sveaBank-icon img{
  height:100%;
  width:auto;
}
.mktportal-footer__container-sveaBank-link a{
  text-transform:uppercase;
  color:var(--color-neutral-0);
  font-weight:700;
  line-height:1;
  font-size:clamp(1rem, 1vw, 1.5rem);
}
.mktportal-footer__container-sveaBank-link a:hover{
  color:var(--color-neutral-0);
}
.mktportal-footer__container-left, .mktportal-footer__container-center, .mktportal-footer__container-right{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
      -ms-flex-direction:column;
          flex-direction:column;
}
.mktportal-footer__container-left-fullHight, .mktportal-footer__container-right-fullHight{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:inherit;
  -webkit-box-direction:inherit;
      -ms-flex-direction:inherit;
          flex-direction:inherit;
  -webkit-box-flex:1;
      -ms-flex:1;
          flex:1;
}
.mktportal-footer__container-left-links{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:inherit;
  -webkit-box-direction:inherit;
      -ms-flex-direction:inherit;
          flex-direction:inherit;
  -webkit-box-flex:1;
      -ms-flex:1;
          flex:1;
  -webkit-box-pack:center;
      -ms-flex-pack:center;
          justify-content:center;
  margin:3vw 0;
}
.mktportal-footer__container-left-links a{
  text-transform:uppercase;
  font-weight:600;
  line-height:1;
  font-size:clamp(0.75rem, 1vw, 1rem);
}
.mktportal-footer__container-left-links a:not(:last-child){
  margin-bottom:0.9vw;
}
.mktportal-footer__container-left-links a:hover{
  color:var(--color-neutral-0);
}
.mktportal-footer__container-center{
  -webkit-box-flex:1;
      -ms-flex:1;
          flex:1;
  margin:0 var(--grid-horizontal-margin-value);
}
.mktportal-footer__container-center-top{
  -webkit-box-align:center;
      -ms-flex-align:center;
          align-items:center;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:inherit;
  -webkit-box-direction:inherit;
      -ms-flex-direction:inherit;
          flex-direction:inherit;
  -webkit-box-flex:1;
      -ms-flex:1;
          flex:1;
  -webkit-box-pack:center;
      -ms-flex-pack:center;
          justify-content:center;
}
.mktportal-footer__container-center-top img{
  width:70%;
  max-width:800px;
}
.mktportal-footer__container-center-bottom{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:center;
      -ms-flex-pack:center;
          justify-content:center;
  text-align:center;
  font-weight:600;
  line-height:1;
  font-size:clamp(0.75rem, 1vw, 1rem);
}
.mktportal-footer__container-center-bottom > *:not(:last-child){
  margin-right:1.5vw;
}
.mktportal-footer__container-right-countriesList{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:inherit;
  -webkit-box-direction:inherit;
      -ms-flex-direction:inherit;
          flex-direction:inherit;
  -webkit-box-flex:1;
      -ms-flex:1;
          flex:1;
  -webkit-box-pack:center;
      -ms-flex-pack:center;
          justify-content:center;
  margin:3vw 0;
  text-transform:uppercase;
  font-weight:600;
  line-height:1;
  font-size:clamp(0.75rem, 1vw, 1rem);
}
.mktportal-footer__container-right-countriesList > *:not(:last-child){
  margin-bottom:0.9vw;
}

.desktop .mktportal-footer__container-left{
  -webkit-box-ordinal-group:2;
      -ms-flex-order:1;
          order:1;
}
.desktop .mktportal-footer__container-left .mktportal-footer__container-sveaBank{
  display:none;
}
.desktop .mktportal-footer__container-center{
  -webkit-box-ordinal-group:3;
      -ms-flex-order:2;
          order:2;
}
.desktop .mktportal-footer__container-right{
  -webkit-box-ordinal-group:4;
      -ms-flex-order:3;
          order:3;
}
.desktop .mktportal-footer__container-right .mktportal-footer__container-usageInfo{
  display:none;
}

.phone .mktportal-footer__container,
.tablet .mktportal-footer__container{
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
      -ms-flex-direction:column;
          flex-direction:column;
}
.phone .mktportal-footer__container-usageInfo,
.tablet .mktportal-footer__container-usageInfo{
  margin:7vw 0;
}
.phone .mktportal-footer__container-social-icons > *:not(:last-child),
.tablet .mktportal-footer__container-social-icons > *:not(:last-child){
  margin-right:7vw;
}
.phone .mktportal-footer__container-left,
.tablet .mktportal-footer__container-left{
  -webkit-box-ordinal-group:4;
      -ms-flex-order:3;
          order:3;
}
.phone .mktportal-footer__container-left .mktportal-footer__container-usageInfo,
.tablet .mktportal-footer__container-left .mktportal-footer__container-usageInfo{
  display:none;
}
.phone .mktportal-footer__container-left .mktportal-footer__container-sveaBank,
.tablet .mktportal-footer__container-left .mktportal-footer__container-sveaBank{
  display:-webkit-inline-box;
  display:-ms-inline-flexbox;
  display:inline-flex;
  margin:7vw 0;
}
.phone .mktportal-footer__container-left .mktportal-footer__container-sveaBank-icon,
.tablet .mktportal-footer__container-left .mktportal-footer__container-sveaBank-icon{
  margin:-5px 10px 0 0;
  position:relative;
  -webkit-transform:none;
      -ms-transform:none;
          transform:none;
  width:30px;
}
.phone .mktportal-footer__container-center,
.tablet .mktportal-footer__container-center{
  margin:0;
  -webkit-box-ordinal-group:2;
      -ms-flex-order:1;
          order:1;
}
.phone .mktportal-footer__container-center-top,
.tablet .mktportal-footer__container-center-top{
  -webkit-box-pack:start;
      -ms-flex-pack:start;
          justify-content:start;
  -webkit-box-align:start;
      -ms-flex-align:start;
          align-items:start;
}
.phone .mktportal-footer__container-center-top img,
.tablet .mktportal-footer__container-center-top img{
  width:65%;
}
.phone .mktportal-footer__container-center-bottom,
.tablet .mktportal-footer__container-center-bottom{
  display:none;
}
.phone .mktportal-footer__container-right,
.tablet .mktportal-footer__container-right{
  -webkit-box-ordinal-group:3;
      -ms-flex-order:2;
          order:2;
}
.phone .mktportal-footer__container-right .mktportal-footer__container-sveaBank,
.tablet .mktportal-footer__container-right .mktportal-footer__container-sveaBank{
  display:none;
}

.phone .mktportal-footer__container{
  padding:calc(2 * var(--space-xl)) var(--grid-horizontal-margin-value);
}

.tablet .mktportal-footer__container{
  padding:calc(2 * var(--space-xl)) var(--grid-horizontal-margin-value);
}