/**
    * #development version
    *
    * Copyright (c) cc
    * Released under the ccc license
    */
  
/*!********************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/tippy.js/dist/tippy.css ***!
  \********************************************************************************************************************/
.tippy-tooltip[data-animation=fade][data-state=hidden]{opacity:0}.tippy-iOS{cursor:pointer!important;-webkit-tap-highlight-color:transparent}.tippy-popper{pointer-events:none;max-width:calc(100vw - 10px);transition-timing-function:cubic-bezier(.165,.84,.44,1);transition-property:transform}.tippy-tooltip{position:relative;color:#fff;border-radius:4px;font-size:14px;line-height:1.4;background-color:#333;transition-property:visibility,opacity,transform;outline:0}.tippy-tooltip[data-placement^=top]>.tippy-arrow{border-width:8px 8px 0;border-top-color:#333;margin:0 3px;transform-origin:50% 0;bottom:-7px}.tippy-tooltip[data-placement^=bottom]>.tippy-arrow{border-width:0 8px 8px;border-bottom-color:#333;margin:0 3px;transform-origin:50% 7px;top:-7px}.tippy-tooltip[data-placement^=left]>.tippy-arrow{border-width:8px 0 8px 8px;border-left-color:#333;margin:3px 0;transform-origin:0 50%;right:-7px}.tippy-tooltip[data-placement^=right]>.tippy-arrow{border-width:8px 8px 8px 0;border-right-color:#333;margin:3px 0;transform-origin:7px 50%;left:-7px}.tippy-tooltip[data-interactive][data-state=visible]{pointer-events:auto}.tippy-tooltip[data-inertia][data-state=visible]{transition-timing-function:cubic-bezier(.54,1.5,.38,1.11)}.tippy-arrow{position:absolute;border-color:transparent;border-style:solid}.tippy-content{padding:5px 9px}
/*!*******************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/tippy.js/animations/shift-away.css ***!
  \*******************************************************************************************************************************/
.tippy-tooltip[data-animation=shift-away][data-placement^=top][data-state=hidden]{transform:translateY(10px)}.tippy-tooltip[data-animation=shift-away][data-placement^=bottom][data-state=hidden]{transform:translateY(-10px)}.tippy-tooltip[data-animation=shift-away][data-placement^=left][data-state=hidden]{transform:translateX(10px)}.tippy-tooltip[data-animation=shift-away][data-placement^=right][data-state=hidden]{transform:translateX(-10px)}.tippy-tooltip[data-animation=shift-away][data-state=hidden]{opacity:0}
/*!**********************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/sass-loader/dist/cjs.js!./wds/src/stylesheets/theme-mobile.scss ***!
  \**********************************************************************************************************************************************************************************************************************************/
@font-face {
  font-display: swap;
  font-family: "Source Sans 3";
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/source-sans-3-regular__pGGVY2RkTFYt2x6Hw3H3IQ.eot?pGGVY2RkTFYt2x6Hw3H3IQ);
  src: url(../fonts/source-sans-3-regular__J6sBxMtQE3ddhwrorMsQQA.woff2?J6sBxMtQE3ddhwrorMsQQA) format("woff2"), url(../fonts/source-sans-3-regular__EqZtNyAz7kzcZd1YHV65g.woff?EqZtN+yAz7kzcZd1YHV65g) format("woff"), url(../fonts/source-sans-3-regular__oXeKG6rKYQiuZgGE5rrHQ.ttf?oXe+KG6rKYQiuZgGE5rrHQ) format("truetype"), url(../fonts/source-sans-3-regular__WbqReykxZYZICuw21OVgkg.svg?WbqReykxZYZICuw21OVgkg) format("svg");
}
@font-face {
  font-display: swap;
  font-family: "Source Sans 3";
  font-style: normal;
  font-weight: 600;
  src: url(../fonts/source-sans-3-600__hS8OwCXdWgtf1OipWkSHRQ.eot?hS8OwCXdWgtf1OipWkSHRQ);
  src: url(../fonts/source-sans-3-600__mjXLp27a2hnFwPefKcQbsw.woff2?mjXLp27a2hnFwPefKcQbsw) format("woff2"), url(../fonts/source-sans-3-600__R6uZy2pj75CPKvdBuoGHw.woff?R6uZy2pj75_CPKvdBuoGHw) format("woff"), url(../fonts/source-sans-3-600__dmNMuJ6LHJOa6npiR76QA.ttf?dmNM+uJ6LHJOa6npiR76QA) format("truetype"), url(../fonts/source-sans-3-600__QMZMZ6JcywiHiiyAzkig.svg?QMZMZ_6JcywiHiiyAzk+ig) format("svg");
}
/**
    * #development version
    *
    * Copyright (c) cc
    * Released under the ccc license
    */
/*!************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/sass-loader/dist/cjs.js!./node_modules/webfonts-loader/index.js??ruleSet[1].rules[3].use[3]!./wds/src/assets/icons/wodify-icons.font.js ***!
  \************************************************************************************************************************************************************************************************************************************/
@font-face {
  font-family: "wodify-icons";
  src: url(../fonts/wodify-icons_v5-47__9nLFgXK0GqxXpqkEETRwQ.eot?9nLFgXK0GqxXpqk_EETRwQ) format("embedded-opentype"), url(../fonts/wodify-icons_v5-47__aOZN6cmZ5cEMStwzEMtg.woff?aOZN6cmZ5cE_MSt_wzEMtg) format("woff"), url(../fonts/wodify-icons_v5-47__diFu2emEWm6JrJg51uKjQ.woff2?diFu2emEWm6_JrJg51uKjQ) format("woff2"), url(../fonts/wodify-icons_v5-47__WHGOVms0bnzx5S38FAhlg.ttf?WHGOVms0bnzx5+S38FAhlg) format("truetype"), url(../fonts/wodify-icons_v5-47__cDkxkbc9Y4Np9VPWkqw8w.svg?_cDkxkbc9Y4Np9VPWkqw8w) format("svg");
}
/* base selectors */
.fa {
  display: inline-block;
  width: 24px;
  height: 24px;
  font-size: 24px;
  line-height: 24px;
}

.fa[aria-expanded=true] {
  color: var(--color-primary);
}

.fa:before {
  display: block;
  font-family: "wodify-icons";
  font-size: inherit;
  font-style: normal;
  font-weight: normal;
  line-height: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.fa[class*=fa-16] {
  width: 16px;
  height: 16px;
  font-size: 16px;
  line-height: 16px;
}

.fa[class*=fa-20] {
  width: 20px;
  height: 20px;
  font-size: 20px;
  line-height: 20px;
}

.fa[class*=fa-32] {
  width: 32px;
  height: 32px;
  font-size: 32px;
  line-height: 32px;
}

.fa[class*=fa-16]::before,
.fa[class*=fa-20]::before,
.fa[class*=fa-32]::before {
  font-size: inherit;
  line-height: inherit;
}

/* relate OutSystems icons to WDS */
.unchecked-on-hover-checked:hover {
  opacity: 0.5;
}

/* icon-specific selector output */
.fa-16_add:before {
  content: "\f101";
}

.fa-16_admin:before {
  content: "\f102";
}

.fa-16_appointment:before {
  content: "\f103";
}

.fa-16_arrowTipDown:before,
.dropdown-toggle:before,
.osui-accordion-item__icon--caret:before {
  content: "\f104";
}

.fa-16_arrowTipLeft:before,
.split-screen-wrapper .split-right .split-right-close a .icon:before {
  content: "\f105";
}

.fa-16_arrowTipRight:before {
  content: "\f106";
}

.fa-16_arrowTipUp:before {
  content: "\f107";
}

.fa-16_Ascending:before {
  content: "\f108";
}

.fa-16_automatedEmail:before {
  content: "\f109";
}

.fa-16_blockedTime:before {
  content: "\f10a";
}

.fa-16_calendarMonth:before {
  content: "\f10b";
}

.fa-16_change:before {
  content: "\f10c";
}

.fa-16_checkmark-circle:before {
  content: "\f10d";
}

.fa-16_checkMark:before,
[data-switch]:empty:checked:before {
  content: "\f10e";
}

.fa-16_classes:before {
  content: "\f10f";
}

.fa-16_classPass:before {
  content: "\f110";
}

.fa-16_clip:before {
  content: "\f111";
}

.fa-16_close:before,
.vscomp-clear-icon:before,
[data-switch]:empty:before {
  content: "\f112";
}

.fa-16_comment:before {
  content: "\f113";
}

.fa-16_copy:before {
  content: "\f114";
}

.fa-16_CopyCheck:before {
  content: "\f115";
}

.fa-16_delete:before {
  content: "\f116";
}

.fa-16_dependent:before {
  content: "\f117";
}

.fa-16_Descending:before {
  content: "\f118";
}

.fa-16_download:before {
  content: "\f119";
}

.fa-16_downwardArrowLeft:before {
  content: "\f11a";
}

.fa-16_downwardArrowRight:before {
  content: "\f11b";
}

.fa-16_drag:before {
  content: "\f11c";
}

.fa-16_dragResize:before {
  content: "\f11d";
}

.fa-16_dropdown:before {
  content: "\f11e";
}

.fa-16_edit:before {
  content: "\f11f";
}

.fa-16_email:before {
  content: "\f120";
}

.fa-16_employee:before {
  content: "\f121";
}

.fa-16_expand:before {
  content: "\f122";
}

.fa-16_externalLink:before {
  content: "\f123";
}

.fa-16_female:before {
  content: "\f124";
}

.fa-16_google:before {
  content: "\f125";
}

.fa-16_guardian:before {
  content: "\f126";
}

.fa-16_heart:before {
  content: "\f127";
}

.fa-16_image:before {
  content: "\f128";
}

.fa-16_Infinity:before {
  content: "\f129";
}

.fa-16_invisible:before {
  content: "\f12a";
}

.fa-16_lead:before {
  content: "\f12b";
}

.fa-16_locker:before {
  content: "\f12c";
}

.fa-16_male:before {
  content: "\f12d";
}

.fa-16_manager:before {
  content: "\f12e";
}

.fa-16_MarkerPlaceholder:before {
  content: "\f12f";
}

.fa-16_more:before {
  content: "\f130";
}

.fa-16_new:before {
  content: "\f131";
}

.fa-16_notes:before {
  content: "\f132";
}

.fa-16_notification:before {
  content: "\f133";
}

.fa-16_people:before {
  content: "\f134";
}

.fa-16_person:before {
  content: "\f135";
}

.fa-16_pointerDown:before {
  content: "\f136";
}

.fa-16_pointerLeft:before {
  content: "\f137";
}

.fa-16_pointerRight:before {
  content: "\f138";
}

.fa-16_pointerUp:before {
  content: "\f139";
}

.fa-16_power:before {
  content: "\f13a";
}

.fa-16_print:before {
  content: "\f13b";
}

.fa-16_question:before {
  content: "\f13c";
}

.fa-16_risePoints:before {
  content: "\f13d";
}

.fa-16_save:before {
  content: "\f13e";
}

.fa-16_search:before {
  content: "\f13f";
}

.fa-16_sendEmail:before {
  content: "\f140";
}

.fa-16_signature:before {
  content: "\f141";
}

.fa-16_sortdown:before {
  content: "\f142";
}

.fa-16_sortUp:before {
  content: "\f143";
}

.fa-16_staff:before {
  content: "\f144";
}

.fa-16_subtract:before {
  content: "\f145";
}

.fa-16_Tags:before {
  content: "\f146";
}

.fa-16_time:before {
  content: "\f147";
}

.fa-16_undo:before {
  content: "\f148";
}

.fa-16_unlock:before {
  content: "\f149";
}

.fa-16_video:before {
  content: "\f14a";
}

.fa-16_visible:before {
  content: "\f14b";
}

.fa-16_warning:before {
  content: "\f14c";
}

.fa-16_wellhub:before {
  content: "\f14d";
}

.fa-16_wodify:before {
  content: "\f14e";
}

.fa-16F_add:before {
  content: "\f14f";
}

.fa-16F_checkMark:before,
.avatar-wrapper.alert-success:before,
.wds-file-upload.alert-success .wds-file-upload__image-button:before {
  content: "\f150";
}

.fa-16F_close:before,
.vscomp-search-clear:before {
  content: "\f151";
}

.fa-16F_collapse:before {
  content: "\f152";
}

.fa-16F_expand:before {
  content: "\f153";
}

.fa-16F_info:before {
  content: "\f154";
}

.fa-16F_pointerDown:before {
  content: "\f155";
}

.fa-16F_pointerLeft:before {
  content: "\f156";
}

.fa-16F_pointerRight:before {
  content: "\f157";
}

.fa-16F_pointerUp:before {
  content: "\f158";
}

.fa-16F_question:before {
  content: "\f159";
}

.fa-16F_search:before {
  content: "\f15a";
}

.fa-16F_streak:before {
  content: "\f15b";
}

.fa-16F_subtract:before,
.avatar-wrapper.alert-warning:before,
.wds-file-upload.alert-warning .wds-file-upload__image-button:before {
  content: "\f15c";
}

.fa-16F_warning:before,
.avatar-wrapper.alert-error:before,
.wds-file-upload.alert-error .wds-file-upload__image-button:before {
  content: "\f15d";
}

.fa-20_shareFacebook:before {
  content: "\f15e";
}

.fa-20_shareInstagram:before {
  content: "\f15f";
}

.fa-20_shareLink:before {
  content: "\f160";
}

.fa-20_shareMail:before {
  content: "\f161";
}

.fa-20_shareX:before {
  content: "\f162";
}

.fa-24_247access:before {
  content: "\f163";
}

.fa-24_activityFeed:before {
  content: "\f164";
}

.fa-24_Add:before {
  content: "\f165";
}

.fa-24_addCreditCard:before {
  content: "\f166";
}

.fa-24_addDueDate:before {
  content: "\f167";
}

.fa-24_addFolder:before {
  content: "\f168";
}

.fa-24_addLine:before {
  content: "\f169";
}

.fa-24_addPeople:before {
  content: "\f16a";
}

.fa-24_admin:before {
  content: "\f16b";
}

.fa-24_advancedEditor:before {
  content: "\f16c";
}

.fa-24_alignCenter:before {
  content: "\f16d";
}

.fa-24_alignLeft:before {
  content: "\f16e";
}

.fa-24_alignRight:before {
  content: "\f16f";
}

.fa-24_announcemente:before {
  content: "\f170";
}

.fa-24_appointment:before {
  content: "\f171";
}

.fa-24_arm:before {
  content: "\f172";
}

.fa-24_arrowLeft:before {
  content: "\f173";
}

.fa-24_arrowRight:before {
  content: "\f174";
}

.fa-24_arrowTipLeft:before,
.list-classes__left-arrow:before {
  content: "\f175";
}

.fa-24_arrowTipRight:before,
.list-classes__right-arrow:before {
  content: "\f176";
}

.fa-24_assistantCoach:before {
  content: "\f177";
}

.fa-24_athlete:before {
  content: "\f178";
}

.fa-24_attendanceCard:before {
  content: "\f179";
}

.fa-24_automatedEmail:before {
  content: "\f17a";
}

.fa-24_backgroundColor:before {
  content: "\f17b";
}

.fa-24_bank:before {
  content: "\f17c";
}

.fa-24_barChart:before {
  content: "\f17d";
}

.fa-24_barcode:before {
  content: "\f17e";
}

.fa-24_barcodeScan:before {
  content: "\f17f";
}

.fa-24_barre:before {
  content: "\f180";
}

.fa-24_basketball:before {
  content: "\f181";
}

.fa-24_belt:before {
  content: "\f182";
}

.fa-24_bench_press:before {
  content: "\f183";
}

.fa-24_blockAlignBottom:before {
  content: "\f184";
}

.fa-24_blockAlignHorizontalCenters:before {
  content: "\f185";
}

.fa-24_blockAlignLeft:before {
  content: "\f186";
}

.fa-24_blockAlignRight:before {
  content: "\f187";
}

.fa-24_blockAlignTop:before {
  content: "\f188";
}

.fa-24_blockAlignVerticalCenters:before {
  content: "\f189";
}

.fa-24_blockedTime:before {
  content: "\f18a";
}

.fa-24_blog:before {
  content: "\f18b";
}

.fa-24_Blueprint:before {
  content: "\f18c";
}

.fa-24_bluesky:before {
  content: "\f18d";
}

.fa-24_bodyFat:before {
  content: "\f18e";
}

.fa-24_bookmark:before {
  content: "\f18f";
}

.fa-24_boxingBagLarge:before {
  content: "\f190";
}

.fa-24_boxingBagSmall:before {
  content: "\f191";
}

.fa-24_bug:before {
  content: "\f192";
}

.fa-24_bullets:before {
  content: "\f193";
}

.fa-24_burn:before {
  content: "\f194";
}

.fa-24_cake:before {
  content: "\f195";
}

.fa-24_calendarDay:before {
  content: "\f196";
}

.fa-24_calendarEmpty:before {
  content: "\f197";
}

.fa-24_calendarMonth:before {
  content: "\f198";
}

.fa-24_calf:before {
  content: "\f199";
}

.fa-24_camera:before {
  content: "\f19a";
}

.fa-24_cards:before {
  content: "\f19b";
}

.fa-24_carrot:before {
  content: "\f19c";
}

.fa-24_cartDiscount:before {
  content: "\f19d";
}

.fa-24_cash:before {
  content: "\f19e";
}

.fa-24_certificate:before {
  content: "\f19f";
}

.fa-24_change:before {
  content: "\f1a0";
}

.fa-24_checked:before,
.unchecked-on-hover-checked:hover:before {
  content: "\f1a1";
}

.fa-24_checkmark:before,
.fa-check:before,
.fa-check-circle:before,
.feedback-message-success i:before {
  content: "\f1a2";
}

.fa-24_checkPayment:before {
  content: "\f1a3";
}

.fa-24_cherry:before {
  content: "\f1a4";
}

.fa-24_chest:before {
  content: "\f1a5";
}

.fa-24_chevronDown:before,
.class-select-dropdown .dropdown-container:before {
  content: "\f1a6";
}

.fa-24_chevronUp:before {
  content: "\f1a7";
}

.fa-24_class:before {
  content: "\f1a8";
}

.fa-24_classPass:before {
  content: "\f1a9";
}

.fa-24_client:before {
  content: "\f1aa";
}

.fa-24_clip:before {
  content: "\f1ab";
}

.fa-24_close:before,
.dropzone .dz-preview .dz-remove:before,
.feedback-message:before,
.media-preview-close:before {
  content: "\f1ac";
}

.fa-24_closedFolder:before {
  content: "\f1ad";
}

.fa-24_coach:before {
  content: "\f1ae";
}

.fa-24_coldPlunge:before {
  content: "\f1af";
}

.fa-24_collapse:before {
  content: "\f1b0";
}

.fa-24_comment:before {
  content: "\f1b1";
}

.fa-24_communication:before {
  content: "\f1b2";
}

.fa-24_contract:before {
  content: "\f1b3";
}

.fa-24_copy:before {
  content: "\f1b4";
}

.fa-24_CopyCheck:before {
  content: "\f1b5";
}

.fa-24_creditCard:before {
  content: "\f1b6";
}

.fa-24_crown:before {
  content: "\f1b7";
}

.fa-24_cut:before {
  content: "\f1b8";
}

.fa-24_dailyUpdate:before {
  content: "\f1b9";
}

.fa-24_dance:before {
  content: "\f1ba";
}

.fa-24_dashboard:before {
  content: "\f1bb";
}

.fa-24_dateCancelled:before {
  content: "\f1bc";
}

.fa-24_dateConfirmed:before {
  content: "\f1bd";
}

.fa-24_decreaseIdent:before {
  content: "\f1be";
}

.fa-24_delete:before {
  content: "\f1bf";
}

.fa-24_densityLarge:before {
  content: "\f1c0";
}

.fa-24_densityMedium:before {
  content: "\f1c1";
}

.fa-24_densitySmall:before {
  content: "\f1c2";
}

.fa-24_dependent:before {
  content: "\f1c3";
}

.fa-24_Description:before {
  content: "\f1c4";
}

.fa-24_Digital_Presence:before {
  content: "\f1c5";
}

.fa-24_digitalPresence:before {
  content: "\f1c6";
}

.fa-24_dislike:before {
  content: "\f1c7";
}

.fa-24_distributeHorizontal:before {
  content: "\f1c8";
}

.fa-24_distributeVertical:before {
  content: "\f1c9";
}

.fa-24_doctor:before {
  content: "\f1ca";
}

.fa-24_document:before {
  content: "\f1cb";
}

.fa-24_documents:before {
  content: "\f1cc";
}

.fa-24_Done:before {
  content: "\f1cd";
}

.fa-24_doubleRightArrow:before {
  content: "\f1ce";
}

.fa-24_download:before {
  content: "\f1cf";
}

.fa-24_downwardsArrowLeft:before {
  content: "\f1d0";
}

.fa-24_downwardsArrowRight:before {
  content: "\f1d1";
}

.fa-24_drag:before {
  content: "\f1d2";
}

.fa-24_dragdrop:before {
  content: "\f1d3";
}

.fa-24_drinkWater:before {
  content: "\f1d4";
}

.fa-24_dropdown:before,
.dropdown-toggle-split:before,
.dropdown-container:before,
.vscomp-toggle-button:before {
  content: "\f1d5";
}

.fa-24_dropIn:before {
  content: "\f1d6";
}

.fa-24_duration:before {
  content: "\f1d7";
}

.fa-24_edit:before {
  content: "\f1d8";
}

.fa-24_egg:before {
  content: "\f1d9";
}

.fa-24_elliptical:before {
  content: "\f1da";
}

.fa-24_email:before {
  content: "\f1db";
}

.fa-24_emailRead:before {
  content: "\f1dc";
}

.fa-24_emailReplied:before {
  content: "\f1dd";
}

.fa-24_emailTemplate:before {
  content: "\f1de";
}

.fa-24_emailUnread:before {
  content: "\f1df";
}

.fa-24_employee:before {
  content: "\f1e0";
}

.fa-24_error-filledin:before {
  content: "\f1e1";
}

.fa-24_error:before,
.fa-times-circle:before,
.feedback-message-error i:before {
  content: "\f1e2";
}

.fa-24_expand:before {
  content: "\f1e3";
}

.fa-24_explore:before {
  content: "\f1e4";
}

.fa-24_externalLink:before {
  content: "\f1e5";
}

.fa-24_facebook:before {
  content: "\f1e6";
}

.fa-24_favoriteMarked:before {
  content: "\f1e7";
}

.fa-24_feedback:before {
  content: "\f1e8";
}

.fa-24_female:before {
  content: "\f1e9";
}

.fa-24_fight:before {
  content: "\f1ea";
}

.fa-24_fileStorage:before {
  content: "\f1eb";
}

.fa-24_filters:before {
  content: "\f1ec";
}

.fa-24_financial:before {
  content: "\f1ed";
}

.fa-24_fish:before {
  content: "\f1ee";
}

.fa-24_flag:before {
  content: "\f1ef";
}

.fa-24_flipCamera:before {
  content: "\f1f0";
}

.fa-24_fontFamily:before {
  content: "\f1f1";
}

.fa-24_football:before {
  content: "\f1f2";
}

.fa-24_forearm:before {
  content: "\f1f3";
}

.fa-24_fullscreen:before {
  content: "\f1f4";
}

.fa-24_fullscreenExit:before {
  content: "\f1f5";
}

.fa-24_fullView:before {
  content: "\f1f6";
}

.fa-24_gardian:before {
  content: "\f1f7";
}

.fa-24_gift:before {
  content: "\f1f8";
}

.fa-24_globalActions:before {
  content: "\f1f9";
}

.fa-24_grab:before {
  content: "\f1fa";
}

.fa-24_guide:before {
  content: "\f1fb";
}

.fa-24_gym:before {
  content: "\f1fc";
}

.fa-24_gymnastics:before {
  content: "\f1fd";
}

.fa-24_halfView:before {
  content: "\f1fe";
}

.fa-24_halfViewVertical-1:before {
  content: "\f1ff";
}

.fa-24_halfViewVertical:before {
  content: "\f200";
}

.fa-24_healthy:before {
  content: "\f201";
}

.fa-24_heart:before {
  content: "\f202";
}

.fa-24_heartRate:before {
  content: "\f203";
}

.fa-24_help:before {
  content: "\f204";
}

.fa-24_humidity:before {
  content: "\f205";
}

.fa-24_image:before {
  content: "\f206";
}

.fa-24_inbound:before {
  content: "\f207";
}

.fa-24_increaseIdent:before {
  content: "\f208";
}

.fa-24_info:before,
.fa-info-circle:before,
.feedback-message-info i:before {
  content: "\f209";
}

.fa-24_insight:before {
  content: "\f20a";
}

.fa-24_instagram:before {
  content: "\f20b";
}

.fa-24_instructor:before {
  content: "\f20c";
}

.fa-24_invisible:before {
  content: "\f20d";
}

.fa-24_invoice:before {
  content: "\f20e";
}

.fa-24_invoice2:before {
  content: "\f20f";
}

.fa-24_ivBag:before {
  content: "\f210";
}

.fa-24_jiuJitsuGround:before {
  content: "\f211";
}

.fa-24_jumpRope:before {
  content: "\f212";
}

.fa-24_karate:before {
  content: "\f213";
}

.fa-24_key:before {
  content: "\f214";
}

.fa-24_kiosk:before {
  content: "\f215";
}

.fa-24_kioskCopy:before {
  content: "\f216";
}

.fa-24_kioskNewTab:before {
  content: "\f217";
}

.fa-24_lab:before {
  content: "\f218";
}

.fa-24_lead:before {
  content: "\f219";
}

.fa-24_leaderboard:before {
  content: "\f21a";
}

.fa-24_leaves:before {
  content: "\f21b";
}

.fa-24_like:before {
  content: "\f21c";
}

.fa-24_link:before {
  content: "\f21d";
}

.fa-24_linkedin:before {
  content: "\f21e";
}

.fa-24_LiveUpdating:before {
  content: "\f21f";
}

.fa-24_location:before {
  content: "\f220";
}

.fa-24_locationPin:before,
.pac-container .pac-icon-marker:before {
  content: "\f221";
}

.fa-24_locker:before {
  content: "\f222";
}

.fa-24_LogContact:before {
  content: "\f223";
}

.fa-24_loginAsLeft:before {
  content: "\f224";
}

.fa-24_loginAsLeftSquare:before {
  content: "\f225";
}

.fa-24_loginAsRight:before {
  content: "\f226";
}

.fa-24_loginAsRightSquare:before {
  content: "\f227";
}

.fa-24_logo:before {
  content: "\f228";
}

.fa-24_male:before {
  content: "\f229";
}

.fa-24_management:before {
  content: "\f22a";
}

.fa-24_manager-1:before {
  content: "\f22b";
}

.fa-24_manager:before {
  content: "\f22c";
}

.fa-24_massage:before {
  content: "\f22d";
}

.fa-24_meat:before {
  content: "\f22e";
}

.fa-24_mediaLibrary:before {
  content: "\f22f";
}

.fa-24_medical:before {
  content: "\f230";
}

.fa-24_medicalCross1:before {
  content: "\f231";
}

.fa-24_medicalCross2:before {
  content: "\f232";
}

.fa-24_meditate:before {
  content: "\f233";
}

.fa-24_membership:before {
  content: "\f234";
}

.fa-24_menu:before {
  content: "\f235";
}

.fa-24_microphone:before {
  content: "\f236";
}

.fa-24_minimize:before {
  content: "\f237";
}

.fa-24_minus:before {
  content: "\f238";
}

.fa-24_more:before {
  content: "\f239";
}

.fa-24_movement:before {
  content: "\f23a";
}

.fa-24_muscleMass:before {
  content: "\f23b";
}

.fa-24_mushroom:before {
  content: "\f23c";
}

.fa-24_nails1:before {
  content: "\f23d";
}

.fa-24_nails2:before {
  content: "\f23e";
}

.fa-24_neck:before {
  content: "\f23f";
}

.fa-24_new:before {
  content: "\f240";
}

.fa-24_noDefaultPayment:before {
  content: "\f241";
}

.fa-24_notes:before {
  content: "\f242";
}

.fa-24_notification:before,
.toast:before {
  content: "\f243";
}

.fa-24_notificationRead:before {
  content: "\f244";
}

.fa-24_numeric:before {
  content: "\f245";
}

.fa-24_nutritionEntry:before {
  content: "\f246";
}

.fa-24_onlineSalesPortal:before {
  content: "\f247";
}

.fa-24_outbound:before {
  content: "\f248";
}

.fa-24_Override:before {
  content: "\f249";
}

.fa-24_paste:before {
  content: "\f24a";
}

.fa-24_pastePlaintext:before {
  content: "\f24b";
}

.fa-24_pasteWord:before {
  content: "\f24c";
}

.fa-24_payrollPosition:before {
  content: "\f24d";
}

.fa-24_pear:before {
  content: "\f24e";
}

.fa-24_people:before {
  content: "\f24f";
}

.fa-24_performance:before {
  content: "\f250";
}

.fa-24_person:before {
  content: "\f251";
}

.fa-24_personalRecord:before {
  content: "\f252";
}

.fa-24_personalTrainer:before {
  content: "\f253";
}

.fa-24_personalTrainning:before {
  content: "\f254";
}

.fa-24_personnel:before {
  content: "\f255";
}

.fa-24_phone:before {
  content: "\f256";
}

.fa-24_phoneRotation:before {
  content: "\f257";
}

.fa-24_pin:before {
  content: "\f258";
}

.fa-24_pinBottom:before {
  content: "\f259";
}

.fa-24_pinLeft:before {
  content: "\f25a";
}

.fa-24_pinRight:before {
  content: "\f25b";
}

.fa-24_pinTop:before {
  content: "\f25c";
}

.fa-24_placeholder:before {
  content: "\f25d";
}

.fa-24_play:before {
  content: "\f25e";
}

.fa-24_plus:before {
  content: "\f25f";
}

.fa-24_pointOfSale:before {
  content: "\f260";
}

.fa-24_power:before {
  content: "\f261";
}

.fa-24_print:before {
  content: "\f262";
}

.fa-24_productSKU:before {
  content: "\f263";
}

.fa-24_productSwitcher:before {
  content: "\f264";
}

.fa-24_profile:before {
  content: "\f265";
}

.fa-24_program:before {
  content: "\f266";
}

.fa-24_promoCode:before {
  content: "\f267";
}

.fa-24_provider:before {
  content: "\f268";
}

.fa-24_pulse:before {
  content: "\f269";
}

.fa-24_QRCode:before {
  content: "\f26a";
}

.fa-24_question:before {
  content: "\f26b";
}

.fa-24_Quickbooks:before {
  content: "\f26c";
}

.fa-24_quickTools:before {
  content: "\f26d";
}

.fa-24_quotes:before {
  content: "\f26e";
}

.fa-24_readBook:before {
  content: "\f26f";
}

.fa-24_recurrent:before {
  content: "\f270";
}

.fa-24_recurrentAlt:before {
  content: "\f271";
}

.fa-24_recycle:before {
  content: "\f272";
}

.fa-24_recycleText:before {
  content: "\f273";
}

.fa-24_redo:before {
  content: "\f274";
}

.fa-24_reformer:before {
  content: "\f275";
}

.fa-24_refundRequest:before {
  content: "\f276";
}

.fa-24_Remove:before {
  content: "\f277";
}

.fa-24_removeFormat:before {
  content: "\f278";
}

.fa-24_removeLink:before {
  content: "\f279";
}

.fa-24_reporting:before {
  content: "\f27a";
}

.fa-24_resetPassword-1:before {
  content: "\f27b";
}

.fa-24_resetPassword:before {
  content: "\f27c";
}

.fa-24_retail:before {
  content: "\f27d";
}

.fa-24_rhythmStrip:before {
  content: "\f27e";
}

.fa-24_risePoints:before {
  content: "\f27f";
}

.fa-24_roadmap:before {
  content: "\f280";
}

.fa-24_rotateLeft:before {
  content: "\f281";
}

.fa-24_rotateRight:before {
  content: "\f282";
}

.fa-24_rowing:before {
  content: "\f283";
}

.fa-24_Rplus:before {
  content: "\f284";
}

.fa-24_ruler:before {
  content: "\f285";
}

.fa-24_Rx:before {
  content: "\f286";
}

.fa-24_salon:before {
  content: "\f287";
}

.fa-24_save:before {
  content: "\f288";
}

.fa-24_search:before,
.lightbox-item.lightbox-item--pos:before,
.search-input:before,
.osui-search__input:before,
.autocomplete-search--list-block .input-search:before {
  content: "\f289";
}

.fa-24_searchPerformance:before {
  content: "\f28a";
}

.fa-24_section header:before {
  content: "\f28b";
}

.fa-24_sectionHeader:before {
  content: "\f28c";
}

.fa-24_segment:before {
  content: "\f28d";
}

.fa-24_selfService:before {
  content: "\f28e";
}

.fa-24_sendEmail:before {
  content: "\f28f";
}

.fa-24_service:before {
  content: "\f290";
}

.fa-24_settings:before {
  content: "\f291";
}

.fa-24_share:before {
  content: "\f292";
}

.fa-24_showblocks:before {
  content: "\f293";
}

.fa-24_sideView:before {
  content: "\f294";
}

.fa-24_signature:before {
  content: "\f295";
}

.fa-24_simpleEditor:before {
  content: "\f296";
}

.fa-24_sleepWell:before {
  content: "\f297";
}

.fa-24_smile:before {
  content: "\f298";
}

.fa-24_sms-1:before {
  content: "\f299";
}

.fa-24_sms:before {
  content: "\f29a";
}

.fa-24_sms2:before {
  content: "\f29b";
}

.fa-24_snapchat:before {
  content: "\f29c";
}

.fa-24_sneaker:before {
  content: "\f29d";
}

.fa-24_sort:before {
  content: "\f29e";
}

.fa-24_source:before {
  content: "\f29f";
}

.fa-24_specialCharacter:before {
  content: "\f2a0";
}

.fa-24_staff:before {
  content: "\f2a1";
}

.fa-24_stairs:before {
  content: "\f2a2";
}

.fa-24_star:before {
  content: "\f2a3";
}

.fa-24_stethoscope:before {
  content: "\f2a4";
}

.fa-24_stopwatch:before {
  content: "\f2a5";
}

.fa-24_storeCredit:before {
  content: "\f2a6";
}

.fa-24_streak:before {
  content: "\f2a7";
}

.fa-24_switch:before {
  content: "\f2a8";
}

.fa-24_SystemPlaceholder:before {
  content: "\f2a9";
}

.fa-24_table:before {
  content: "\f2aa";
}

.fa-24_Tags:before {
  content: "\f2ab";
}

.fa-24_TagsAdd:before {
  content: "\f2ac";
}

.fa-24_TagsRemove:before {
  content: "\f2ad";
}

.fa-24_takeWalk:before {
  content: "\f2ae";
}

.fa-24_tapeMeasure:before {
  content: "\f2af";
}

.fa-24_tasksSection:before {
  content: "\f2b0";
}

.fa-24_temperature:before {
  content: "\f2b1";
}

.fa-24_template:before {
  content: "\f2b2";
}

.fa-24_texItalic:before {
  content: "\f2b3";
}

.fa-24_textBold:before {
  content: "\f2b4";
}

.fa-24_textColor:before {
  content: "\f2b5";
}

.fa-24_textStyle:before {
  content: "\f2b6";
}

.fa-24_textUnderline:before {
  content: "\f2b7";
}

.fa-24_therapy:before {
  content: "\f2b8";
}

.fa-24_thigh:before {
  content: "\f2b9";
}

.fa-24_tiktok:before {
  content: "\f2ba";
}

.fa-24_time:before {
  content: "\f2bb";
}

.fa-24_tip:before {
  content: "\f2bc";
}

.fa-24_ToggleOff:before {
  content: "\f2bd";
}

.fa-24_ToggleOn:before {
  content: "\f2be";
}

.fa-24_toggleUser:before {
  content: "\f2bf";
}

.fa-24_tools:before {
  content: "\f2c0";
}

.fa-24_treadmill:before {
  content: "\f2c1";
}

.fa-24_trx_bar:before {
  content: "\f2c2";
}

.fa-24_trx:before {
  content: "\f2c3";
}

.fa-24_tShirt:before {
  content: "\f2c4";
}

.fa-24_twitter:before {
  content: "\f2c5";
}

.fa-24_unchecked:before {
  content: "\f2c6";
}

.fa-24_undislike:before {
  content: "\f2c7";
}

.fa-24_undo-1:before {
  content: "\f2c8";
}

.fa-24_undo:before {
  content: "\f2c9";
}

.fa-24_unlike:before {
  content: "\f2ca";
}

.fa-24_unlock:before {
  content: "\f2cb";
}

.fa-24_unpin:before {
  content: "\f2cc";
}

.fa-24_upload:before {
  content: "\f2cd";
}

.fa-24_video:before {
  content: "\f2ce";
}

.fa-24_videoGlobal:before {
  content: "\f2cf";
}

.fa-24_videoPartner:before {
  content: "\f2d0";
}

.fa-24_videoPlay:before {
  content: "\f2d1";
}

.fa-24_videoTenant:before {
  content: "\f2d2";
}

.fa-24_view:before {
  content: "\f2d3";
}

.fa-24_VoidInvoice:before {
  content: "\f2d4";
}

.fa-24_waist:before {
  content: "\f2d5";
}

.fa-24_waiver:before {
  content: "\f2d6";
}

.fa-24_warning:before,
.fa-warning:before,
.feedback-message-warning i:before {
  content: "\f2d7";
}

.fa-24_waterDrop1:before {
  content: "\f2d8";
}

.fa-24_waterDrop2:before {
  content: "\f2d9";
}

.fa-24_weatherClouds:before {
  content: "\f2da";
}

.fa-24_weatherCloudsFog:before {
  content: "\f2db";
}

.fa-24_weatherCloudsNight:before {
  content: "\f2dc";
}

.fa-24_weatherCloudsSun:before {
  content: "\f2dd";
}

.fa-24_weatherCloudsWind:before {
  content: "\f2de";
}

.fa-24_weatherFog:before {
  content: "\f2df";
}

.fa-24_weatherHeavyThunderstorm:before {
  content: "\f2e0";
}

.fa-24_weatherIce:before {
  content: "\f2e1";
}

.fa-24_weatherLightRain:before {
  content: "\f2e2";
}

.fa-24_weatherNight:before {
  content: "\f2e3";
}

.fa-24_weatherRain:before {
  content: "\f2e4";
}

.fa-24_weatherSnow:before {
  content: "\f2e5";
}

.fa-24_weatherSun:before {
  content: "\f2e6";
}

.fa-24_weatherThunderstorm:before {
  content: "\f2e7";
}

.fa-24_weatherWind:before {
  content: "\f2e8";
}

.fa-24_weight:before {
  content: "\f2e9";
}

.fa-24_weightScale:before {
  content: "\f2ea";
}

.fa-24_wheelChair:before {
  content: "\f2eb";
}

.fa-24_width:before {
  content: "\f2ec";
}

.fa-24_wodify:before {
  content: "\f2ed";
}

.fa-24_wodifyAI:before {
  content: "\f2ee";
}

.fa-24_wodifyPayments:before {
  content: "\f2ef";
}

.fa-24_workflow:before {
  content: "\f2f0";
}

.fa-24_workout:before {
  content: "\f2f1";
}

.fa-24_wrist:before {
  content: "\f2f2";
}

.fa-24_x:before {
  content: "\f2f3";
}

.fa-24_yoga_bike:before {
  content: "\f2f4";
}

.fa-24_yoga_mat:before {
  content: "\f2f5";
}

.fa-24_yoga:before {
  content: "\f2f6";
}

.fa-24_youtube:before {
  content: "\f2f7";
}

.fa-24_zoom:before {
  content: "\f2f8";
}

.fa-24_zoomout:before {
  content: "\f2f9";
}

.fa-32_arrowLeft:before,
.layout-pos .split-screen-wrapper .split-right-close .icon:before {
  content: "\f2fa";
}

.fa-32_close:before {
  content: "\f2fb";
}

.fa-32_menu:before {
  content: "\f2fc";
}

/* ===================================================================== */
/*  Dark Styles Colors                                                   */
/* ===================================================================== */
.outline {
  border: 3px solid currentColor;
}

img.img-contain {
  -o-object-fit: contain;
     object-fit: contain;
}

.size--square-xxxs {
  width: 16px;
  height: 16px;
}
.size--square-xxs {
  width: 24px;
  height: 24px;
}
.size--square-xs {
  width: 32px;
  height: 32px;
}
.size--square-sm {
  width: 48px;
  height: 48px;
}
.size--square-md {
  width: 64px;
  height: 64px;
}
.size--square-lg {
  width: 88px;
  height: 88px;
}
.size--square-xl {
  width: 144px;
  height: 144px;
}
.size--square-xxl {
  width: 200px;
  height: 200px;
}

.size--square-xxs {
  font-size: 12px;
}

.size--square-xs {
  font-size: 14px;
}

.size--square-md {
  font-size: 24px;
}

.size--square-lg {
  font-size: 32px;
}

.size--square-xl {
  font-size: 48px;
}

.size--square-xxl {
  font-size: 64px;
}

.circle {
  overflow: hidden;
  border-radius: 50%;
}

@media (min-width: 36em) {
  .position-sm-absolute {
    position: absolute;
  }
}

.hide-mandatory::after {
  display: none;
}

.btn--no-actions,
.unselectable {
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.remove-table-borders table,
.remove-table-borders table td {
  border: none;
}
.remove-table-styles div * {
  display: inline;
}
.remove-table-styles * {
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  color: inherit !important;
  display: -webkit-box;
  font-family: inherit;
  font-size: inherit;
  font-style: inherit;
  line-height: inherit;
  font-weight: inherit;
  margin: var(--space-none);
  max-height: 42px;
  overflow: hidden;
  padding: var(--space-none);
  text-align: left;
  text-decoration: none;
  word-break: break-word;
}
.remove-table-styles * br,
.remove-table-styles * iframe,
.remove-table-styles * video,
.remove-table-styles * img {
  display: none;
}

.custom-separator {
  width: 100%;
  border-bottom: var(--border-size-s) solid var(--border-color);
}

/* fix for input numbers when wanting to remove side arrows */
/* Chrome, Safari, Edge, Opera */
.form input[data-input].input-no-arrows::-webkit-outer-spin-button,
.form input[data-input].input-no-arrows::-webkit-inner-spin-button,
input.input-no-arrows::-webkit-outer-spin-button,
input.input-no-arrows::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
.form input[data-input][type=number].input-no-arrows,
input[type=number].input-no-arrows {
  -moz-appearance: textfield;
}

.input__show-arrows::-webkit-inner-spin-button,
.input__show-arrows::-webkit-outer-spin-button {
  opacity: 1;
}

/* Time input full icon clickable */
.input-time input[type=time] {
  padding-right: var(--space-none) !important;
}

.loading-spinner {
  animation: loadingSpinner 850ms cubic-bezier(0.7, 1.05, 0.78, 0.78) infinite;
  border: var(--border-size-m) solid currentColor;
  border-radius: 100%;
  border-top: var(--border-size-m) solid transparent;
  height: 16px;
  width: 16px;
  will-change: transform;
}

.icon-no-active:focus {
  text-decoration: none;
}

.z-index-inside-modal {
  z-index: 10200;
}

.z-index-0 {
  z-index: 0 !important;
}

.z-index-1 {
  z-index: 1 !important;
}

.hide-if-hidden-children:has(.hide) {
  display: none;
}

.scroll-on-hover::-webkit-scrollbar,
.scroll-on-hover .osui-tabs__header::-webkit-scrollbar {
  height: 6px;
  width: 6px;
}
.scroll-on-hover::-webkit-scrollbar-thumb,
.scroll-on-hover .osui-tabs__header::-webkit-scrollbar-thumb {
  color: transparent;
  background: transparent;
}
.scroll-on-hover::-webkit-scrollbar-track,
.scroll-on-hover .osui-tabs__header::-webkit-scrollbar-track {
  box-shadow: none;
}
.scroll-on-hover:hover::-webkit-scrollbar-thumb,
.scroll-on-hover .osui-tabs__header:hover::-webkit-scrollbar-thumb {
  background: #ccc;
}

.resize-vertical-only textarea {
  resize: vertical !important;
}

.max-h-40 {
  max-height: 40px;
}

.max-h-100 {
  max-height: 100px;
}

.max-h-350 {
  max-height: 350px;
}

.max-h-415 {
  max-height: 415px;
}

.max-h-600 {
  max-height: 600px;
}

.max-h-70vh {
  max-height: 70vh;
}

.max-w-175 {
  max-width: 175px !important;
}

.max-w-800 {
  max-width: 800px;
}

.max-w-20vw {
  max-width: 20vw;
}

.max-w-full-width {
  max-width: 100%;
}

.phone .phone-max-w-full-width {
  max-width: 100%;
}

.tablet .tablet-max-w-full-width {
  max-width: 100%;
}

.desktop .desktop-max-w-full-width {
  max-width: 100%;
}

.min-h-100 {
  min-height: 100px;
}

.min-h-510 {
  min-height: 510px;
}

.hover-color-primary:hover {
  color: var(--color-primary-hover);
}

.focus-outline-none *:focus {
  outline: none !important;
}

.focus-background-none *:focus:not(:hover) {
  background-color: transparent !important;
}

.line-height-none {
  line-height: 0;
}

.line-height-21 {
  line-height: 21px;
}

.line-height-unset {
  line-height: unset !important;
}

.min-height-unset {
  min-height: unset !important;
}

.height-unset {
  height: unset !important;
}

.margin-bottom-1 {
  margin-bottom: 1px;
}

.margin-top-auto {
  margin-top: auto !important;
}

.margin-right-auto {
  margin-right: auto !important;
}

.margin-bottom-auto {
  margin-bottom: auto !important;
}

.margin-left-auto {
  margin-left: auto !important;
}

.margin-x-auto {
  margin-left: auto !important;
  margin-right: auto !important;
}

.margin-y-auto {
  margin-bottom: auto !important;
  margin-top: auto !important;
}

.safe-margin-bottom {
  padding-bottom: var(--os-safe-area-bottom);
}

.pointer-events-none {
  pointer-events: none;
}

.pointer-events-auto {
  pointer-events: auto;
}

.opacity-0,
.opacity-0 * {
  opacity: 0 !important;
}

.opactiy-50,
.opactiy-50 * {
  opacity: 0.5 !important;
}

.rotate-90 {
  transform: rotate(90deg);
}

/* Miscellaneous Animations */
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.fade-out-animation {
  animation: fadeOut 1s forwards;
  animation-delay: 5s;
}

.border-spacing-none {
  border-spacing: 0;
}

.text-ellipsis-40char {
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 250px;
  white-space: nowrap;
  text-wrap: nowrap;
}

.font-alignment {
  position: relative;
  top: 0.5px;
}

:focus {
  outline: 0;
}

button,
optgroup,
input,
textarea,
select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  margin: var(--space-none);
  font-family: "Source Sans 3", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 100%;
}

button.invalid-fields,
button.btn.invalid-fields,
.layout-native .header-right .btn.invalid-fields,
.btn.invalid-fields-force,
button.invalid-fields-force,
button.btn.invalid-fields-force,
.layout-native .header-right .btn.invalid-fields-force {
  background-color: var(--color-disabled-background-active);
  border: var(--border-size-none);
  box-shadow: unset;
  color: var(--color-disabled-text-active);
  outline: 0;
  cursor: auto;
}
button.invalid-fields:hover,
button.btn.invalid-fields:hover,
.layout-native .header-right .btn.invalid-fields:hover,
.btn.invalid-fields-force:hover,
button.invalid-fields-force:hover,
button.btn.invalid-fields-force:hover,
.layout-native .header-right .btn.invalid-fields-force:hover {
  background-color: var(--color-disabled-background-active);
  color: var(--color-disabled-text-active);
}

::-moz-placeholder {
  color: currentColor;
}

::placeholder {
  color: currentColor;
}

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

input[type=date],
input[type=datetime],
input[type=datetime-local] {
  display: inline-flex;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
}

::-webkit-calendar-picker-indicator {
  cursor: pointer;
}

div[onclick] {
  cursor: pointer;
}

select::-ms-expand {
  display: none;
}

input::-ms-clear {
  display: none;
}

figure {
  margin: 0;
}

img,
svg {
  max-width: 100%;
  height: auto;
}

script {
  display: none !important;
}

.text-overflow-elipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.text-overflow-elipsis a {
  display: inline;
}

a:hover {
  color: var(--color-primary-hover);
  text-decoration: none;
}
a[disabled] {
  color: var(--secondary-text-color);
}
a.focused {
  color: var(--color-primary-darkest);
}

iframe {
  border: none;
}

p {
  margin: var(--space-none);
}

.fa.fa-16F_info {
  color: var(--secondary-text-color) !important;
}

/* ---------------------------------------------------------------------------- */
/* SHADOWS                                                                        */
/* ---------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------- */
/* BORDERS                                                                        */
/* ---------------------------------------------------------------------------- */
/*! ==============================================================================
0. Root - CSS Variables
=============================================================================== */
:root {
  /*! Typography - Size */
  --font-size-h1: 1.75rem;
  --font-size-h2: 1.25rem;
  --font-size-h3: 1.25rem;
  --font-size-h4: 1rem;
  --font-size-h5: 1rem;
  --font-size-h6: 0.875rem;
  --font-size-display: 2.625rem;
  --font-size-l: 1.25rem;
  --font-size-m: 1.125rem;
  --font-size-base: 1rem;
  --font-size-s: 1rem;
  --font-size-xs: 0.875rem;
  --font-size-xxs: 0.625rem;
  --font-size-label: 0.6875rem;
  /*! Color - Brand */
  --color-primary: #c63a28;
  --color-primary-hover: #c63a28;
  --color-primary-selected: rgba(198, 58, 40, 0.12);
  --color-primary-lightest: rgb(243.6, 215.6, 212);
  --color-primary-light: rgb(209.4, 97.4, 83);
  --color-primary-lighter: rgb(226.5, 156.5, 147.5);
  --color-primary-dark: rgb(158.4, 46.4, 32);
  --color-primary-darker: rgb(138.6, 40.6, 28);
  --color-primary-darkest: rgb(79.2, 23.2, 16);
  --color-secondary: #eced37;
  --color-secondary-hover: #eced37;
  --color-secondary-selected: rgba(236, 237, 55, 0.12);
  --color-secondary-lightest: rgb(251.2, 251.4, 215);
  --color-secondary-light: rgb(239.8, 240.6, 95);
  --color-secondary-lighter: rgb(245.5, 246, 155);
  --color-secondary-dark: rgb(188.8, 189.6, 44);
  --color-secondary-darker: rgb(165.2, 165.9, 38.5);
  --color-secondary-darkest: rgb(94.4, 94.8, 22);
  --color-tertiary-3: #cac3da;
  --color-tertiary-3-hover: #cac3da;
  --color-tertiary-3-selected: rgba(202, 195, 218, 0.12);
  --color-tertiary-3-lightest: rgb(244.4, 243, 247.6);
  --color-tertiary-3-light: rgb(212.6, 207, 225.4);
  --color-tertiary-3-lighter: rgb(228.5, 225, 236.5);
  --color-tertiary-3-dark: rgb(161.6, 156, 174.4);
  --color-tertiary-3-darker: rgb(141.4, 136.5, 152.6);
  --color-tertiary-3-darkest: rgb(80.8, 78, 87.2);
  /*! Color - Brand Envs */
  --color-primary-dev: var(--color-success);
  --color-primary-tst: var(--color-warning);
  --color-primary-stg: #62cefb;
  --color-primary-impersonate: #833adf;
  /*! Color - Others */
  --main-text-color: #1e1a19;
  --secondary-text-color: #a39890;
  --border-color: #e7dbd1;
  --content-bg: #ffffff;
  --hover-color: #f3ede8;
  --area-bg: #f3ede8;
  --nav-bg: #ece5df;
  --nav-bg-dark: #231c33;
  --focused-border-color: #beafa3;
  --color-disabled-text: #e7dbd1;
  --color-disabled-background: #f3ede8;
  --color-disabled-border: #e7dbd1;
  --color-disabled-text-active: #beafa3;
  --color-disabled-background-active: #e7dbd1;
  --color-disabled-border-active: #e7dbd1;
  --color-white: #ffffff;
  --color-black: #000000;
  /*! Color - Neutral */
  --color-neutral-0: #ffffff;
  --color-neutral-1: #fdfaf6;
  --color-neutral-2: #f3ede8;
  --color-neutral-3: #e7dbd1;
  --color-neutral-4: #beafa3;
  --color-neutral-5: #a39890;
  --color-neutral-6: #53535a;
  --color-neutral-7: #231c33;
  --color-neutral-8: #252525;
  --color-neutral-9: #1e1a19;
  --color-neutral-10: #1e1e1e;
  /*! Color - Semantic */
  --color-error-darker: #c93b2a;
  --color-error-dark: #e44b35;
  --color-error: #ff6047;
  --color-error-light: #fff0ed;
  --color-error-lighter: #ffb8ad;
  --color-error-lightest: #ffe2dd;
  --color-warning-darker: #c9901d;
  --color-warning-dark: #e2a221;
  --color-warning: #fcb425;
  --color-warning-light: #fef7e9;
  --color-warning-lighter: #fdd27c;
  --color-warning-lightest: #fef7e9;
  --color-success-darker: #248f51;
  --color-success-dark: #28a15b;
  --color-success: #2db366;
  --color-success-light: #eaf7ef;
  --color-success-lighter: #81d1a3;
  --color-success-lightest: #eaf7ef;
  --color-info-darker: #8b291c;
  --color-info-dark: #9e2e20;
  --color-info: #c63a28;
  --color-info-light: #e7cbcb;
  --color-info-lighter: #e39d94;
  --color-info-lightest: #f4d8d4;
  /*! Space - Sizes */
  --space-none: 0;
  --space-xxs: 2px;
  --space-xs: 5px;
  --space-s: 10px;
  --space-base: 15px;
  --space-m: 20px;
  --space-l: 30px;
  --space-xl: 40px;
  --space-xxl: 50px;
  --space-xxxl: 56px;
  /*! Border Radius */
  --border-radius-small: 4px;
  --border-radius-soft: 8px;
  /*! Header Size */
  --header-size: 0px;
  /*! Elevation / Shadow */
  --shadow-none: none;
  --shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.1);
  --shadow-s: 0 4px 4px 0 rgba(77, 71, 91, 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 16px 16px 0 rgba(0, 0, 0, 0.1);
  --shadow-popover: 0 4px 20px 0 rgba(0, 0, 0, 0.2);
  --shadow-modal: 0 29px 40px 0 rgba(0, 0, 0, 0.15);
  --shadow-sidebar-right: -10px 0 25px 0 rgba(0, 0, 0, 0.1);
  --shadow-sidebar-left: 10px 0 25px 0 rgba(0, 0, 0, 0.1);
  --shadow-tooltip: 0 0 2px 0 #dedde1, 0 4px 8px 0 rgba(0, 0, 0, 0.1);
  --shadow-content: 0 0 10px 0 rgba(0, 0, 0, 0.05);
  /*! App Settings */
  --header-color: #c63a28;
  --color-background-body: #ffffff;
}

:root {
  /*! App Settings */
  --header-size: 52px;
  --side-menu-size: 300px;
  --bottom-bar-size: 64px;
  /*! Border Radius Mobile Override*/
  --border-radius-soft: 10px;
}
:root:has(body.tablet), :root:has(body.phone) {
  --side-menu-size: 80vw;
}
:root:has(.aside-navigation > div:empty) {
  --side-menu-size: 0px;
}

.dark-mode,
.dark-styles {
  --border-color: #444444;
  --hover-color: #635d71;
  --color-background-login: #181818;
  --color-background-body: #181818;
  --content-bg: #1e1e1e;
  --area-bg: #252525;
  --color-disabled-text: #94909c;
  --color-disabled-background: #252525;
  --color-disabled-border: #94909c;
  --color-disabled-text-active: #94909c;
  --color-disabled-background-active: #4d475b;
  --color-disabled-border-active: #4d475b;
  --color-neutral-0: #181818;
  --color-neutral-1: #252525;
  --color-neutral-2: #4d475b;
  --color-neutral-2-darker: #2c2a33;
  --color-neutral-3: #94909c;
  --color-neutral-4: #94909c;
  --color-neutral-5: #dbdade;
  --color-neutral-6: #e7dbd1;
  --color-neutral-7: #f5f5f5;
  --color-neutral-8: #f3f4f8;
  --color-neutral-9: #fafafc;
  --color-neutral-10: #fff;
  --main-text-color: #ffffff;
  --secondary-text-color: #A39890;
  --color-background-splash: #ffffff;
  --header-color: #FF6047;
  --color-primary: #FF6047;
  --color-primary-hover: #FF6047;
  --color-primary-light: #FF8166;
  --color-primary-lighter: #FF9E86;
  --color-primary-lightest: #FFBBA8;
  --color-primary-dark: #CC4F3B;
  --color-primary-darker: #9C3F2F;
  --color-primary-darkest: #6E2F23;
  --overlay-background: rgba(0, 0, 0, 0.85);
  --shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.5);
  --shadow-s: 0 2px 4px rgba(0, 0, 0, 0.5);
  --shadow-m: 0 4px 6px rgba(0, 0, 0, 0.5);
  --shadow-l: 0 6px 8px rgba(0, 0, 0, 0.5);
  --shadow-xl: 0 8px 10px rgba(0, 0, 0, 0.5);
}

/*! ==============================================================================
1. Resets
=============================================================================== */
/* ============================================================================ */
/* HTML                                                                         */
/* ============================================================================ */
html {
  font: -apple-system-body;
  font-family: "Source Sans 3", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

/* ============================================================================ */
/* Body                                                                         */
/* ============================================================================ */
body {
  font-size: 16px;
  line-height: 24px;
  color: var(--main-text-color);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
@media (max-width: 35.99em) {
  body {
    line-height: 24px;
  }
}
body.header-color--changed .header-top, body.header-color--changed .header-content--primary .header-top-content {
  --color-neutral-0: var(--color-neutral-10);
}
body.dark-mode, body.dark-styles {
  color-scheme: dark;
}
body.dark-mode .app-menu-content, body.dark-styles .app-menu-content {
  --color-neutral-2: var(--color-neutral-2-darker);
}

/*! ==============================================================================
2. HTML Elements
=============================================================================== */
/*! 2.1. Links */
/* HTML Elements - Links */
a:hover, a:focus {
  text-decoration: none;
}

/*! 2.3. Headings */
/* HTML Elements - Headings */
.tablet h1,
.tablet .heading1 {
  font-size: var(--font-size-h1);
}
.tablet h2,
.tablet .heading2 {
  font-size: var(--font-size-h2);
}
.tablet h3,
.tablet .heading3 {
  font-size: var(--font-size-h3);
}
.tablet h4,
.tablet .heading4 {
  font-size: var(--font-size-h4);
}
.tablet h5,
.tablet .heading5 {
  font-size: var(--font-size-h5);
}
.tablet h6,
.tablet .heading6 {
  font-size: var(--font-size-h6);
}
.tablet .font-size-display {
  font-size: var(--font-size-display);
}

.phone h1,
.phone .heading1 {
  font-size: var(--font-size-h1);
}
.phone h2,
.phone .heading2 {
  font-size: var(--font-size-h2);
}
.phone h3,
.phone .heading3 {
  font-size: var(--font-size-h3);
}
.phone h4,
.phone .heading4 {
  font-size: var(--font-size-h4);
}
.phone h5,
.phone .heading5 {
  font-size: var(--font-size-h5);
}
.phone h6,
.phone .heading6 {
  font-size: var(--font-size-h6);
}
.phone .font-size-display {
  font-size: var(--font-size-display);
}

/*! ==============================================================================
3. Page Layout
=============================================================================== */
/*! ==============================================================================
4. Widgets
=============================================================================== */
/*! 4.2. Switch */
/* Widgets - Switch */
[data-switch] {
  height: 16px;
  width: 48px;
  font-family: "wodify-icons";
  font-size: initial;
}
[data-switch]:empty::before {
  top: 50%;
  width: 24px;
  height: 24px;
  background-color: var(--content-bg);
  border: var(--border-size-m) solid var(--color-neutral-3);
  transform: translateY(-50%);
  color: var(--main-text-color);
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}
[data-switch]:empty::after {
  top: 50%;
  width: 48px;
  height: 16px;
  background-color: var(--color-neutral-2);
  transform: translateX(0%) translateY(-50%);
  border-radius: var(--border-radius-rounded);
}
.background-area-bg [data-switch]:empty::after {
  background-color: var(--color-neutral-3);
}
[data-switch]:empty:checked::before {
  background-color: var(--color-primary);
  border-color: var(--color-primary);
  transform: translateX(100%) translateY(-50%);
  color: var(--button-color, var(--color-white));
}
.dark-mode [data-switch]:empty:checked::before, .dark-styles [data-switch]:empty:checked::before {
  color: var(--button-color-dark, var(--color-black));
}
[data-switch]:empty:checked::after {
  background-color: var(--color-primary-lighter);
}
[data-switch]:hover:empty::before {
  border: var(--border-size-m) solid var(--color-primary);
}
[data-switch]:hover:checked::before {
  background-color: var(--color-primary-dark);
  border: var(--border-size-m) solid var(--color-primary-dark);
}
[data-switch][disabled]:empty::before {
  border: var(--border-size-m) solid var(--color-neutral-3);
}
[data-switch][disabled]:empty::after {
  background-color: var(--color-neutral-2);
}
[data-switch][disabled]:empty:checked::before {
  background-color: var(--area-bg);
  border-color: var(--area-bg);
  color: var(--main-text-color);
}
[data-switch][disabled]:empty:checked::after {
  background-color: var(--color-primary-lighter);
}

span:has([data-switch]:only-child) {
  display: inline-block;
  vertical-align: middle;
}
span:has([data-switch]:only-child) [data-switch] {
  display: block;
}
span:has([data-switch]:only-child) + label {
  color: var(--main-text-color);
  display: initial;
  font-size: var(--font-size-s);
  font-weight: var(--font-regular);
  margin-left: var(--space-s);
  margin-bottom: var(--space-none);
  text-transform: none;
  vertical-align: middle;
}
span:has([data-switch]:only-child) + label[for] {
  cursor: pointer;
}

/*! 4.3. Checkbox */
/* Widgets - Checkbox */
[data-checkbox] {
  border-color: var(--border-color);
  width: 16px;
  height: 16px;
}
[data-checkbox]:before {
  background-color: var(--content-bg);
  box-sizing: content-box;
  border: var(--border-size-m) solid var(--border-color);
  border-radius: calc(var(--border-radius-soft) / 4);
  width: 12px;
  height: 12px;
}
[data-checkbox]:hover:before {
  border: var(--border-size-m) solid var(--border-color);
}
[data-checkbox]:checked:before {
  border: var(--border-size-m) solid var(--color-primary);
}
[data-checkbox]:checked:after {
  border: var(--border-size-none);
  -webkit-mask-image: url("data:image/svg+xml;base64, PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTIuMDMwMyA0Ljk2OTY3QzEyLjMyMzIgNS4yNjI1NiAxMi4zMjMyIDUuNzM3NDQgMTIuMDMwMyA2LjAzMDMzTDcuMDMwMzMgMTEuMDMwM0M2LjczNzQ0IDExLjMyMzIgNi4yNjI1NiAxMS4zMjMyIDUuOTY5NjcgMTEuMDMwM0wzLjk2OTY3IDkuMDMwMzNDMy42NzY3OCA4LjczNzQ0IDMuNjc2NzggOC4yNjI1NiAzLjk2OTY3IDcuOTY5NjdDNC4yNjI1NiA3LjY3Njc4IDQuNzM3NDQgNy42NzY3OCA1LjAzMDMzIDcuOTY5NjdMNi41IDkuNDM5MzRMMTAuOTY5NyA0Ljk2OTY3QzExLjI2MjYgNC42NzY3OCAxMS43Mzc0IDQuNjc2NzggMTIuMDMwMyA0Ljk2OTY3WiIgZmlsbD0id2hpdGUiLz4NCjwvc3ZnPg0K");
          mask-image: url("data:image/svg+xml;base64, PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTIuMDMwMyA0Ljk2OTY3QzEyLjMyMzIgNS4yNjI1NiAxMi4zMjMyIDUuNzM3NDQgMTIuMDMwMyA2LjAzMDMzTDcuMDMwMzMgMTEuMDMwM0M2LjczNzQ0IDExLjMyMzIgNi4yNjI1NiAxMS4zMjMyIDUuOTY5NjcgMTEuMDMwM0wzLjk2OTY3IDkuMDMwMzNDMy42NzY3OCA4LjczNzQ0IDMuNjc2NzggOC4yNjI1NiAzLjk2OTY3IDcuOTY5NjdDNC4yNjI1NiA3LjY3Njc4IDQuNzM3NDQgNy42NzY3OCA1LjAzMDMzIDcuOTY5NjdMNi41IDkuNDM5MzRMMTAuOTY5NyA0Ljk2OTY3QzExLjI2MjYgNC42NzY3OCAxMS43Mzc0IDQuNjc2NzggMTIuMDMwMyA0Ljk2OTY3WiIgZmlsbD0id2hpdGUiLz4NCjwvc3ZnPg0K");
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  background-color: var(--button-color, var(--color-white));
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  -webkit-mask-size: 16px;
          mask-size: 16px;
  transform: none;
}
.dark-mode [data-checkbox]:checked:after, .dark-styles [data-checkbox]:checked:after {
  background-color: var(--button-color-dark, var(--color-black));
}
[data-checkbox][disabled] {
  border-color: var(--color-neutral-3);
}
[data-checkbox][disabled]:before {
  background-color: var(--color-neutral-1);
  border: var(--border-size-m) solid var(--color-neutral-3);
}
[data-checkbox][disabled]:checked:before {
  background-color: var(--color-neutral-3);
  border: var(--border-size-m) solid var(--color-neutral-3);
}
[data-checkbox][disabled]:checked:after {
  border: var(--border-size-none);
}
[data-checkbox][disabled] + span {
  color: var(--secondary-text-color);
}
[data-checkbox].not_valid:before {
  background-color: var(--color-neutral-3);
  border-color: var(--color-error);
}
[data-checkbox].not_valid:focus {
  border-color: var(--color-error);
  outline: var(--border-size-l) solid var(--color-error-light);
}
[data-checkbox].not_valid + span {
  color: var(--color-error);
}
[data-checkbox].not_valid:checked + span {
  color: var(--color-neutral-10);
}
[data-checkbox].checkbox-indeterminate:before, [data-checkbox].checkbox-intermediate:before {
  background-color: var(--color-primary);
  border-color: var(--color-primary);
}
[data-checkbox].checkbox-indeterminate:after, [data-checkbox].checkbox-intermediate:after {
  content: " ";
  -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMi43NSA4QzIuNzUgNy41ODU3OSAzLjA4NTc5IDcuMjUgMy41IDcuMjVIMTIuNUMxMi45MTQyIDcuMjUgMTMuMjUgNy41ODU3OSAxMy4yNSA4QzEzLjI1IDguNDE0MjEgMTIuOTE0MiA4Ljc1IDEyLjUgOC43NUgzLjVDMy4wODU3OSA4Ljc1IDIuNzUgOC40MTQyMSAyLjc1IDhaIiBmaWxsPSJ3aGl0ZSIvPg0KPC9zdmc+DQo");
          mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMi43NSA4QzIuNzUgNy41ODU3OSAzLjA4NTc5IDcuMjUgMy41IDcuMjVIMTIuNUMxMi45MTQyIDcuMjUgMTMuMjUgNy41ODU3OSAxMy4yNSA4QzEzLjI1IDguNDE0MjEgMTIuOTE0MiA4Ljc1IDEyLjUgOC43NUgzLjVDMy4wODU3OSA4Ljc1IDIuNzUgOC40MTQyMSAyLjc1IDhaIiBmaWxsPSJ3aGl0ZSIvPg0KPC9zdmc+DQo");
  background-color: var(--button-color, var(--color-white));
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  -webkit-mask-size: 16px;
          mask-size: 16px;
  transform: none;
  position: absolute;
}
.table [data-checkbox] {
  display: inline-block;
}
.table [data-checkbox]:checked:after {
  border: var(--border-size-none);
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
}
.tablet [data-checkbox], .phone [data-checkbox] {
  width: 24px;
  height: 24px;
}
.tablet [data-checkbox]:before, .phone [data-checkbox]:before {
  width: 20px;
  height: 20px;
}
.tablet [data-checkbox]:checked:after, .phone [data-checkbox]:checked:after {
  left: 0;
  top: 0;
  -webkit-mask-size: 24px;
          mask-size: 24px;
}
.tablet [data-checkbox].checkbox-indeterminate:before, .tablet [data-checkbox].checkbox-intermediate:before, .phone [data-checkbox].checkbox-indeterminate:before, .phone [data-checkbox].checkbox-intermediate:before {
  background-color: var(--color-primary);
  border-color: var(--color-primary);
}
.tablet [data-checkbox].checkbox-indeterminate:after, .tablet [data-checkbox].checkbox-intermediate:after, .phone [data-checkbox].checkbox-indeterminate:after, .phone [data-checkbox].checkbox-intermediate:after {
  -webkit-mask-size: 24px;
          mask-size: 24px;
}

span:has(> [data-checkbox]) + label {
  cursor: pointer;
}
span:has(> [data-checkbox][disabled]) + label {
  color: var(--secondary-text-color);
  cursor: default;
}
span:has(> [data-checkbox].not_valid) + label {
  color: var(--color-error);
}

/*! 4.5. Button */
.btn {
  height: auto;
  min-height: 40px;
  padding: var(--space-s) var(--space-base);
  font-size: var(--font-size-s);
  line-height: 24px;
  color: var(--secondary-text-color);
  text-align: center;
  text-transform: uppercase;
  background-color: transparent;
  border: var(--border-size-none);
  border-radius: var(--border-radius-soft);
  outline: 4px transparent;
  transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out, box-shadow 0.3s ease-in-out, outline 0.3s ease-in-out;
  -webkit-font-smoothing: antialiased;
}
.btn[class*=text-] {
  border-width: var(--border-size-none);
  background-color: transparent;
}
.desktop .btn:hover {
  filter: brightness(1);
}
.phone .layout:not(.layout-native) .btn {
  width: auto;
}
.btn:focus {
  outline: 4px solid var(--color-primary-lightest);
}
.btn.btn-active:not(:active):focus {
  background-color: var(--color-neutral-6);
}
.btn.btn-active:not(:active):focus:not(:hover) {
  color: var(--color-neutral-10);
  outline: 4px solid var(--color-primary-lightest);
}
.btn[disabled] {
  --color-disabled-background: transparent;
  background-color: var(--color-disabled-background);
  border: var(--border-size-none);
  color: var(--color-disabled-text);
  outline: 0;
}
.btn + .btn {
  margin-left: var(--space-base);
}
.phone .layout:not(.layout-native):not(.layout-pos) .btn + .btn {
  margin-top: var(--space-none);
  margin-left: var(--space-base);
}
.btn-small {
  min-width: 80px;
  padding-top: var(--space-xs);
  padding-bottom: var(--space-xs);
  line-height: 14px;
  min-height: 24px;
}
.btn-large {
  min-width: 120px;
  padding-top: calc(var(--space-s) + 2px);
  padding-bottom: calc(var(--space-s) + 2px);
  line-height: 28px;
}
.btn-primary {
  background-color: var(--color-primary);
  color: var(--button-color, var(--color-white));
  min-width: unset;
}
.desktop .btn-primary:hover {
  background-color: var(--color-primary-dark);
}
.btn-primary:focus {
  color: var(--button-color, var(--color-white));
}
.dark-mode .btn-primary:focus, .dark-styles .btn-primary:focus {
  color: var(--button-color-dark, var(--color-black));
}
.btn-primary:active, .btn-primary.btn-active {
  background-color: var(--color-primary-darker);
}
.btn-primary.btn-active:not(:active):focus {
  background-color: var(--color-primary-dark);
}
.btn-primary.btn-active:not(:active):focus:not(:hover) {
  color: var(--button-color, var(--color-white));
}
.dark-mode .btn-primary.btn-active:not(:active):focus:not(:hover), .dark-styles .btn-primary.btn-active:not(:active):focus:not(:hover) {
  color: var(--button-color-dark, var(--color-black));
}
.dark-mode .btn-primary, .dark-mode .btn-primary:focus, .dark-styles .btn-primary, .dark-styles .btn-primary:focus {
  color: var(--button-color-dark, var(--color-black));
}
.btn-primary[disabled] {
  --color-disabled-background: var(--color-disabled-background-active);
  --color-disabled-text: var(--color-disabled-text-active);
  color: var(--color-disabled-text);
}
.desktop .btn-primary[disabled]:hover {
  background-color: var(--color-disabled-background);
  color: var(--color-disabled-text);
}
.btn-outline {
  box-shadow: inset 0 0 0 2px var(--color-primary);
  color: var(--color-primary);
}
.btn-outline:focus {
  color: var(--color-primary);
  outline-color: var(--color-primary-lightest);
}
.btn-outline:active, .btn-outline.btn-active {
  color: var(--color-neutral-1);
  background-color: var(--color-primary-dark);
  box-shadow: var(--shadow-none);
}
.btn-outline:active:focus, .btn-outline.btn-active:focus {
  background-color: var(--color-primary-darker);
}
.desktop .btn-outline:hover {
  background-color: var(--color-primary-hover);
  color: var(--button-color, var(--color-white));
}
.desktop.dark-mode .btn-outline:hover, .desktop.dark-styles .btn-outline:hover {
  color: var(--button-color-dark, var(--color-black));
}
.btn-outline.btn-active:not(:active):focus {
  background-color: var(--color-primary-dark);
}
.btn-outline.btn-active:not(:active):focus:not(:hover) {
  color: var(--color-neutral-0);
}
.btn-outline[disabled], .btn-outline:disabled {
  box-shadow: inset 0 0 0 2px var(--color-disabled-border);
}
.btn-outline-white {
  box-shadow: inset 0 0 0 2px var(--color-white);
  color: var(--color-white);
}
.btn-flat {
  color: var(--color-primary);
  padding-right: var(--space-s);
  padding-left: var(--space-s);
}
.btn-flat:hover {
  background: transparent;
  color: var(--color-primary);
}
.btn-destructive, .btn-error {
  background-color: var(--color-error);
  color: var(--color-white);
  min-width: unset;
}
.desktop .btn-destructive:hover, .desktop .btn-error:hover {
  background-color: var(--color-error-dark);
}
.btn-destructive:focus, .btn-error:focus {
  color: var(--color-white);
  outline-color: var(--color-error-light);
}
.btn-destructive:active, .btn-destructive.btn-active, .btn-error:active, .btn-error.btn-active {
  background-color: var(--color-error-darker);
}
.btn-destructive:active:focus, .btn-destructive.btn-active:focus, .btn-error:active:focus, .btn-error.btn-active:focus {
  outline: 0;
}
.btn-destructive.btn-active:not(:active):focus:not(:hover), .btn-error.btn-active:not(:active):focus:not(:hover) {
  background-color: var(--color-error-darker);
  color: var(--color-white);
  outline-color: var(--color-error-light);
}
.btn-destructive[disabled], .btn-destructive:disabled, .btn-error[disabled], .btn-error:disabled {
  --color-disabled-background: var(--color-disabled-background-active);
  --color-disabled-text: var(--color-disabled-text-active);
}
.btn-success {
  background-color: var(--color-success);
  color: var(--color-white);
  min-width: unset;
}
.desktop .btn-success:hover {
  background-color: var(--color-success-dark);
}
.btn-success:focus {
  color: var(--color-white);
  outline-color: var(--color-success-light);
}
.btn-success:active, .btn-success.btn-active {
  background-color: var(--color-success-darker);
}
.btn-success:active:focus, .btn-success.btn-active:focus {
  outline: 0;
}
.btn-success.btn-active:not(:active):focus:not(:hover) {
  background-color: var(--color-success-darker);
  color: var(--color-white);
  outline-color: var(--color-success-light);
}
.btn-success[disabled], .btn-success:disabled {
  --color-disabled-background: var(--color-disabled-background-active);
  --color-disabled-text: var(--color-disabled-text-active);
}
.btn-warning {
  background-color: var(--color-warning);
  color: var(--color-white);
  min-width: unset;
}
.desktop .btn-warning:hover {
  background-color: var(--color-warning-dark);
}
.btn-warning:focus {
  color: var(--color-white);
  outline-color: var(--color-warning-light);
}
.btn-warning:active, .btn-warning.btn-active {
  background-color: var(--color-warning-darker);
}
.btn-warning:active:focus, .btn-warning.btn-active:focus {
  outline: 0;
}
.btn-warning.btn-active:not(:active):focus:not(:hover) {
  background-color: var(--color-warning-darker);
  color: var(--color-white);
  outline-color: var(--color-warning-light);
}
.btn-warning[disabled], .btn-warning:disabled {
  --color-disabled-background: var(--color-disabled-background-active);
  --color-disabled-text: var(--color-disabled-text-active);
}
.btn-info {
  background-color: var(--color-info);
  color: var(--color-white);
  min-width: unset;
}
.desktop .btn-info:hover {
  background-color: var(--color-info-dark);
}
.btn-info:focus {
  color: var(--color-white);
  outline-color: var(--color-info-light);
}
.btn-info:active, .btn-info.btn-active {
  background-color: var(--color-info-darker);
}
.btn-info:active:focus, .btn-info.btn-active:focus {
  outline: 0;
}
.btn-info.btn-active:not(:active):focus:not(:hover) {
  background-color: var(--color-info-darker);
  color: var(--color-white);
  outline-color: var(--color-info-light);
}
.btn-info[disabled], .btn-info:disabled {
  --color-disabled-background: var(--color-disabled-background-active);
  --color-disabled-text: var(--color-disabled-text-active);
}
.btn-cancel {
  background-color: var(--color-primary);
  color: var(--color-white);
}
.btn-cancel:hover {
  background-color: var(--color-primary-darker);
}
.btn-cancel:focus {
  background-color: var(--color-primary-darkest);
  color: var(--color-white);
}
.btn-cancel:disabled {
  --color-disabled-background: var(--color-disabled-background-active);
  --color-disabled-text: var(--color-disabled-text-active);
}
.btn-overcolor {
  color: var(--color-neutral-1);
  box-shadow: inset 0 0 0 2px var(--color-neutral-0);
}
.btn-overcolor:focus {
  outline-color: rgba(255, 255, 255, 0.2);
}
.btn-overcolor:active, .btn-overcolor.btn-active {
  background-color: var(--color-primary-light);
  box-shadow: var(--shadow-none);
}
.btn-overcolor:active:focus, .btn-overcolor.btn-active:focus {
  background-color: var(--color-primary-lighter);
  outline: 0;
}
.desktop .btn-overcolor:hover {
  background-color: var(--color-primary-light);
  box-shadow: none;
}
.btn-overcolor.btn-active:not(:active):focus {
  background-color: var(--color-primary-light);
}
.btn-overcolor.btn-active:not(:active):focus:not(:hover) {
  color: var(--color-neutral-0);
  outline-color: rgba(255, 255, 255, 0.2);
}
.btn-overcolor[disabled], .btn-overcolor:disabled {
  color: rgba(255, 255, 255, 0.2);
}
.btn-icon {
  justify-content: flex-start;
  padding-left: var(--space-s);
  min-width: unset;
}
.btn-icon.btn-large {
  padding: var(--space-base);
}
.btn-icon.btn-small {
  padding: var(--space-xs);
}
.btn-icon .icon {
  margin-right: var(--space-s);
}
.btn-tag {
  background-color: var(--header-color);
  border-radius: var(--border-radius-rounded);
  color: var(--color-neutral-0);
}
.btn-tag, .tablet .btn-tag, .phone .btn-tag {
  font-size: var(--font-size-xs);
  height: 28px;
}
.btn-tag.btn-primary {
  background-color: var(--color-neutral-0);
  color: var(--color-neutral-10);
}
.header-color--changed .btn-tag.btn-primary {
  color: var(--button-color, var(--color-white));
}
.dark-mode .header-color--changed .btn-tag.btn-primary, .dark-styles .header-color--changed .btn-tag.btn-primary {
  color: var(--button-color-dark, var(--color-black));
}
.header-color--changed.dark-mode .btn-tag.btn-primary, .header-color--changed.dark-styles .btn-tag.btn-primary {
  color: var(--color-black);
}
.btn-rounded {
  border-radius: 8px;
}
.btn-rounded.btn-outline {
  box-shadow: inset 0 0 0 2px var(--border-color);
  color: var(--main-text-color);
}
.btn-rounded, .tablet .btn-rounded, .phone .btn-rounded {
  height: 44px;
}
.floating-container .btn-rounded {
  border-radius: var(--border-radius-rounded);
}
.btn-dropdown.btn {
  color: var(--main-text-color);
  justify-content: space-between;
  padding-left: var(--space-none);
  padding-right: var(--space-none);
  border-bottom: var(--border-size-s) solid var(--border-color);
  height: 40px;
  font-size: var(--font-size-base);
}
.btn-dropdown.btn:focus {
  outline: 0;
}
.btn-dropdown.btn .btn-animation {
  display: none;
}
.btn.icon-btn {
  max-height: 40px;
  padding: var(--space-s);
  min-width: unset;
}
.btn.icon-btn.btn-large {
  min-width: auto;
  width: 48px;
  max-height: 48px;
  height: 48px;
}
.btn.icon-btn.btn-small {
  min-width: auto;
  width: 32px;
  max-height: 32px;
  min-height: 32px;
  height: 32px;
}
.btn.icon-btn[disabled], .btn.icon-btn:disabled {
  color: var(--secondary-text-color);
}
.btn-share, .btn-share:visited, .btn-share:focus {
  color: var(--secondary-text-color);
}
.btn-share--facebook:hover {
  color: #1877f2;
}
.btn-share--instagram:hover {
  color: #e1306c;
}
.btn-share--x:hover {
  color: var(--color-black);
}
.btn-share--link:hover {
  color: var(--color-primary);
}
.btn--fw {
  width: 100%;
}
.btn--normal-casing {
  text-transform: none;
}
.btn--left-align {
  justify-content: flex-start;
}
.btn--right-align {
  justify-content: flex-end;
}

a.btn-primary {
  color: var(--button-color, var(--color-white));
}
.dark-mode a.btn-primary, .dark-styles a.btn-primary {
  color: var(--button-color-dark, var(--color-black));
}

.background-danger .btn:not(.icon-btn),
.alert-error .btn:not(.icon-btn) {
  background-color: var(--color-error);
}
.background-danger .btn:not(.icon-btn):focus,
.alert-error .btn:not(.icon-btn):focus {
  outline: 4px solid var(--color-error-light);
}
.desktop .background-danger .btn:not(.icon-btn):hover,
.desktop .alert-error .btn:not(.icon-btn):hover {
  filter: brightness(0.9);
}
.background-danger .btn:not(.icon-btn):active, .background-danger .btn:not(.icon-btn).btn-active,
.alert-error .btn:not(.icon-btn):active,
.alert-error .btn:not(.icon-btn).btn-active {
  background-color: var(--color-error-darker);
}
.background-danger .btn:not(.icon-btn):active:focus, .background-danger .btn:not(.icon-btn).btn-active:focus,
.alert-error .btn:not(.icon-btn):active:focus,
.alert-error .btn:not(.icon-btn).btn-active:focus {
  background-color: var(--color-error-darker);
}
.background-danger .btn:not(.icon-btn).btn-active:not(:active):focus,
.alert-error .btn:not(.icon-btn).btn-active:not(:active):focus {
  color: var(--color-neutral-0);
  background-color: var(--color-error-light);
  outline: 0;
}
.background-danger .btn:not(.icon-btn)[disabled], .background-danger .btn:not(.icon-btn):disabled,
.alert-error .btn:not(.icon-btn)[disabled],
.alert-error .btn:not(.icon-btn):disabled {
  color: var(--color-error-light);
}

.background-success .btn,
.alert-success .btn {
  background-color: var(--color-success);
}
.background-success .btn:focus,
.alert-success .btn:focus {
  outline: 4px solid var(--color-success-light);
}
.desktop .background-success .btn:hover,
.desktop .alert-success .btn:hover {
  filter: brightness(0.9);
}
.background-success .btn:active, .background-success .btn.btn-active,
.alert-success .btn:active,
.alert-success .btn.btn-active {
  background-color: var(--color-success-darker);
}
.background-success .btn:active:focus, .background-success .btn.btn-active:focus,
.alert-success .btn:active:focus,
.alert-success .btn.btn-active:focus {
  background-color: var(--color-success-darker);
}
.background-success .btn.btn-active:not(:active):focus,
.alert-success .btn.btn-active:not(:active):focus {
  color: var(--color-neutral-0);
  background-color: var(--color-success-light);
  outline: 0;
}
.background-success .btn[disabled], .background-success .btn:disabled,
.alert-success .btn[disabled],
.alert-success .btn:disabled {
  color: var(--color-success-light);
}

.background-warning .btn,
.alert-warning .btn {
  background-color: var(--color-warning);
}
.background-warning .btn:focus,
.alert-warning .btn:focus {
  outline: 4px solid var(--color-warning-light);
}
.desktop .background-warning .btn:hover,
.desktop .alert-warning .btn:hover {
  filter: brightness(0.9);
}
.background-warning .btn:active, .background-warning .btn.btn-active,
.alert-warning .btn:active,
.alert-warning .btn.btn-active {
  background-color: var(--color-warning-darker);
}
.background-warning .btn:active:focus, .background-warning .btn.btn-active:focus,
.alert-warning .btn:active:focus,
.alert-warning .btn.btn-active:focus {
  background-color: var(--color-warning-darker);
}
.background-warning .btn.btn-active:not(:active):focus,
.alert-warning .btn.btn-active:not(:active):focus {
  color: var(--color-neutral-0);
  background-color: var(--color-warning-light);
  outline: 0;
}
.background-warning .btn[disabled], .background-warning .btn:disabled,
.alert-warning .btn[disabled],
.alert-warning .btn:disabled {
  color: var(--color-warning-light);
}

.background-info .btn,
.alert-info .btn {
  color: var(--color-info);
  background-color: var(--color-info-light);
  box-shadow: inset 0 0 0 2px currentColor;
}
.background-info .btn:focus,
.alert-info .btn:focus {
  outline: 4px solid var(--color-info-light);
}
.desktop .background-info .btn:hover,
.desktop .alert-info .btn:hover {
  color: var(--color-neutral-0);
  text-decoration: none;
  background-color: var(--color-primary-light);
  outline: 0;
  box-shadow: inset 0 0 0 0 transparent;
}
.background-info .btn:active, .background-info .btn.btn-active,
.alert-info .btn:active,
.alert-info .btn.btn-active {
  color: var(--color-neutral-0);
  background-color: var(--color-primary-lighter);
  outline: 0;
  box-shadow: none;
}
.background-info .btn:active:focus, .background-info .btn.btn-active:focus,
.alert-info .btn:active:focus,
.alert-info .btn.btn-active:focus {
  color: var(--color-neutral-0);
  background-color: var(--color-primary-lighter);
}
.background-info .btn.btn-active:not(:active):focus,
.alert-info .btn.btn-active:not(:active):focus {
  color: var(--color-neutral-0);
}
.background-info .btn[disabled], .background-info .btn:disabled,
.alert-info .btn[disabled],
.alert-info .btn:disabled {
  color: #e7cbcb;
  background-color: transparent;
  outline: 0;
  box-shadow: inset 0 0 0 2px currentColor;
}

.background-danger .btn:not(.icon-btn),
.background-warning .btn:not(.icon-btn),
.background-success .btn:not(.icon-btn),
.alert-error .btn:not(.icon-btn),
.alert-warning .btn:not(.icon-btn),
.alert-success .btn:not(.icon-btn) {
  color: var(--color-neutral-0);
}
.desktop .background-danger .btn:not(.icon-btn):hover,
.desktop .background-warning .btn:not(.icon-btn):hover,
.desktop .background-success .btn:not(.icon-btn):hover,
.desktop .alert-error .btn:not(.icon-btn):hover,
.desktop .alert-warning .btn:not(.icon-btn):hover,
.desktop .alert-success .btn:not(.icon-btn):hover {
  outline: 0;
  box-shadow: none;
}
.background-danger .btn:not(.icon-btn):active, .background-danger .btn:not(.icon-btn).btn-active,
.background-warning .btn:not(.icon-btn):active,
.background-warning .btn:not(.icon-btn).btn-active,
.background-success .btn:not(.icon-btn):active,
.background-success .btn:not(.icon-btn).btn-active,
.alert-error .btn:not(.icon-btn):active,
.alert-error .btn:not(.icon-btn).btn-active,
.alert-warning .btn:not(.icon-btn):active,
.alert-warning .btn:not(.icon-btn).btn-active,
.alert-success .btn:not(.icon-btn):active,
.alert-success .btn:not(.icon-btn).btn-active {
  outline: 0;
  box-shadow: none;
}
.background-danger .btn:not(.icon-btn)[disabled], .background-danger .btn:not(.icon-btn):disabled,
.background-warning .btn:not(.icon-btn)[disabled],
.background-warning .btn:not(.icon-btn):disabled,
.background-success .btn:not(.icon-btn)[disabled],
.background-success .btn:not(.icon-btn):disabled,
.alert-error .btn:not(.icon-btn)[disabled],
.alert-error .btn:not(.icon-btn):disabled,
.alert-warning .btn:not(.icon-btn)[disabled],
.alert-warning .btn:not(.icon-btn):disabled,
.alert-success .btn:not(.icon-btn)[disabled],
.alert-success .btn:not(.icon-btn):disabled {
  background-color: var(--color-disabled-background-active);
  color: var(--color-disabled-text-active);
}

a {
  display: inline-flex;
  color: var(--color-primary);
  text-decoration: none;
  outline: 0;
  -webkit-text-decoration-skip: objects;
  transition: color 0.3s ease-in-out;
}

.link {
  position: relative;
  padding: 0 4px;
}
.link:hover::after {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 4px;
  z-index: 1;
  width: calc(100% - 8px);
  height: 2px;
  pointer-events: auto;
  content: "";
  background-color: var(--color-primary);
}
.link:focus {
  background-color: var(--hover-color);
}
.link:focus::after {
  content: none;
}

a.main-link {
  position: relative;
  padding: 0 4px;
  color: var(--main-text-color);
}
a.main-link:hover::after {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 4px;
  z-index: 1;
  width: calc(100% - 8px);
  height: 2px;
  pointer-events: auto;
  content: "";
  background-color: var(--main-text-color);
}
a.main-link:focus {
  background-color: var(--color-neutral-6);
}
a.main-link:focus::after {
  content: none;
}

/*! 4.6. List */
/* Widgets - List */
.list-container {
  position: relative;
}
.list-container-tools {
  position: relative;
  margin: var(--space-none) calc(var(--space-s) * -3);
}
.phone .list-container-tools {
  margin: var(--space-none) calc(var(--space-s) * -2);
}
.list-container.show-column-headers .list-bulk-container {
  position: relative;
}
.list-bulk-container {
  position: absolute;
  z-index: 3;
  width: 100%;
  padding: var(--space-none) var(--space-m);
  pointer-events: none;
  
  
  
  
  
}
.phone .list-bulk-container {
  padding: var(--space-none) var(--space-base);
  z-index: 1;
}
.list-filters-container {
  width: 100%;
  padding: var(--space-none) calc(var(--space-s) * 3);
  
  
  
}
.phone .list-filters-container {
  padding: var(--space-none) calc(var(--space-s) * 2);
}
.list-filters-container.close {
  min-height: 48px;
  visibility: hidden;
}
.list .list-item {
  background-color: var(--content-bg);
  border-bottom: var(--border-size-s) solid var(--border-color);
}
.list .list-item.no-border, .list .list-item.border-size-none {
  border-bottom: var(--border-size-none);
}
.list .list-item.sortableChosen .osui-balloon {
  display: none;
}
.list .list-item--scale-animation {
  border-bottom: var(--border-size-none);
  margin: var(--space-none) calc(var(--space-m) * -1);
}
.list .list-item--scale-animation:not(:last-child):after {
  bottom: var(--space-none);
  content: "";
  position: absolute;
  height: var(--border-size-s);
  left: var(--space-m);
  width: calc(100% - var(--space-xxl));
  background-color: var(--border-color);
}
.list .list-item--bordered {
  border: var(--border-size-s) solid var(--border-color);
  border-radius: var(--border-radius-soft);
  padding: var(--space-base);
}
.list .list-item--bordered + .list-item--bordered {
  margin-top: var(--space-base);
}
.osui-carousel .list .list-item--bordered + .list-item--bordered {
  margin-top: var(--space-none);
}
.list .list-item--bordered .list-item-content-left {
  max-width: 140px;
  border-right: var(--border-size-s) solid var(--border-color);
  margin-right: var(--space-l);
}
.phone .list .list-item--bordered .list-item-content-left {
  max-width: 70px;
  margin-right: var(--space-base);
  padding-right: var(--space-base);
}
.list .list-item--left-content-full-width .list-item-content-left {
  border-right: var(--border-size-none);
  max-width: 142px;
  width: 100%;
}
.list .list-item--left-content-full-width .list-item-content-center {
  align-content: center;
  min-height: 48px;
  overflow: unset;
  position: relative;
}
.list .list-item--left-content-full-width .list-item-content-center.list-item-content-center:before {
  background-color: var(--border-color);
  content: "";
  height: 100%;
  left: calc(var(--space-l) * -1);
  position: absolute;
  top: var(--space-none);
  width: var(--border-size-s);
}
.list .list-item--disabled .btn-outline {
  pointer-events: none;
  box-shadow: inset 0 0 0 2px var(--color-disabled-border);
}
.list .list-item--disabled .scale-animation {
  display: none;
}
.list .list-item--disabled * {
  color: var(--color-disabled-text) !important;
}
.list .list-item--disabled a {
  color: var(--color-primary);
}
.list .list-item--disabled a span {
  color: inherit;
}
.list .list-item-unread {
  background-color: var(--area-bg);
}
.desktop .list .list-item-selected {
  background-color: var(--color-primary);
  color: var(--color-white);
}
.list .list-item .show-on-hover {
  opacity: 0;
}
.list .list-item:hover .show-on-hover {
  opacity: 1;
}
.list .list-item-checkbox-row > span {
  display: flex;
  align-items: center;
}
.list-no-border-last .list-item:last-child {
  border: var(--border-size-none);
}

.no-scroll-jump {
  overflow-anchor: none;
}

.no-hover .list .list-item:hover:not(.list-item-selected) {
  background-color: transparent;
}
.desktop .list .no-hover.list-item:hover:not(.list-item-selected) {
  background-color: transparent;
}

/*! 4.13.1 Button Group */
/* Widgets - Button Group */
.button-group-item {
  background-color: var(--content-bg);
  text-transform: uppercase;
  transition: all 0.3s;
  padding: var(--space-none) var(--space-s);
  line-height: 1;
}
.button-group-item:last-child:first-child {
  border-top-left-radius: var(--border-radius-soft);
  border-bottom-left-radius: var(--border-radius-soft);
}
.button-group-item.button-group-selected-item {
  color: var(--button-color, var(--color-white));
}
.dark-mode .button-group-item.button-group-selected-item, .dark-styles .button-group-item.button-group-selected-item {
  color: var(--button-color-dark, var(--color-black));
}
.button-group-item[disabled] {
  background-color: var(--color-disabled-background);
  border-color: var(--color-disabled-border-active);
  color: var(--color-disabled-text);
}
.button-group-item[disabled].button-group-selected-item {
  background-color: var(--color-disabled-background-active);
  border-color: var(--color-disabled-border-active);
  color: var(--color-disabled-text-active);
}
.button-group-selected-item .fa.fa-16F_info {
  color: var(--button-color, var(--color-white)) !important;
}
.dark-mode .button-group-selected-item .fa.fa-16F_info, .dark-styles .button-group-selected-item .fa.fa-16F_info {
  color: var(--button-color-dark, var(--color-black)) !important;
}
.button-group--small .button-group-item {
  height: 32px;
}
.button-group--large .button-group-item {
  height: 48px;
}
.button-group--xl .button-group-item {
  border-width: var(--border-size-m);
  height: 54px;
}
.button-group--min-width .button-group-item {
  min-width: 108px;
}
.button-group--icons .button-group-item {
  background-color: var(--content-bg);
  border: var(--border-size-s) solid var(--border-color);
  color: var(--secondary-text-color);
  font-weight: var(--font-semi-bold);
  font-size: var(--font-size-m);
  overflow: hidden;
}
.button-group--icons .button-group-item[disabled]:not(:first-child), .button-group--icons .button-group-item:not(:first-child) {
  border-left: var(--border-size-none);
}
.button-group--icons .button-group-item.button-group-selected-item {
  background-color: var(--content-bg);
  color: var(--main-text-color);
}
.button-group--icons .button-group-item.button-group-selected-item:after {
  content: "";
  position: absolute;
  background-color: var(--color-primary);
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
}
.button-group--primary {
  background-color: var(--color-background-body);
  border-radius: var(--border-radius-rounded);
}
.button-group--primary .button-group-item {
  background-color: transparent;
  border: var(--border-size-none);
  min-width: 68px;
  transition: none;
}
.phone .button-group--primary .button-group-item {
  border-left: none;
}
.button-group--primary .button-group-item.button-group-selected-item {
  background-color: var(--color-primary);
  border-radius: var(--border-radius-rounded);
}
.phone .button-group .button-group-item {
  display: block;
  width: 100%;
  margin: 5px auto;
  border-left: var(--border-size-s) solid var(--color-primary);
}
.phone .button-group .button-group-item[disabled] {
  border-left-color: var(--color-disabled-border-active);
}

/* Widgets - Button Group Separate */
.button-group--separate .button-group-item {
  border-radius: var(--border-radius-soft);
  font-size: var(--font-size-xs);
  font-weight: var(--font-regular);
  color: var(--main-text-color);
  border-color: var(--main-text-color);
}
.button-group--separate .button-group-item:not(:first-child), .button-group--separate .button-group-item[disabled]:not(:first-child) {
  border-left: var(--border-size-s) solid;
}
.button-group--separate .button-group-item:not(:first-child) {
  margin-left: var(--space-s);
}
.phone .button-group--separate .button-group-item:not(:first-child) {
  margin-left: var(--space-none);
}
.button-group--separate .button-group-item.button-group-selected-item {
  border-color: var(--color-primary);
  color: var(--button-color, var(--color-white));
}
.dark-mode .button-group--separate .button-group-item.button-group-selected-item, .dark-styles .button-group--separate .button-group-item.button-group-selected-item {
  color: var(--button-color-dark, var(--color-black));
}
.button-group--separate .button-group-item[disabled] {
  background-color: var(--content-bg);
  border-color: var(--color-disabled-border);
  color: var(--color-disabled-text);
}

.button-group {
  position: relative;
}
.form .button-group span.validation-message {
  bottom: -24px;
}
.button-group--centered[data-button-group] > div {
  justify-content: center;
}
.layout-native .button-group--centered[data-button-group] .button-group-item {
  padding: var(--space-none) var(--space-s);
}
.layout-native .button-group--centered[data-button-group] .button-group-item + .button-group-item {
  margin-left: var(--space-l);
}
.button-group-item {
  border: var(--border-size-m) solid var(--border-color);
  border-radius: var(--border-radius-none);
  color: var(--secondary-text-color);
  font-size: var(--font-size-base);
  overflow: hidden;
  text-transform: none;
}
.button-group-item:after {
  background-color: var(--color-background-body);
  bottom: 0;
  content: "";
  height: 2px;
  left: 0;
  position: absolute;
  transition: background-color 0.3s;
  width: 100%;
}
.phone .button-group .button-group-item {
  border-left: var(--border-size-none);
  margin: var(--space-none);
  width: unset;
}
.phone .button-group .button-group-item:first-child {
  border-left: var(--border-size-m) solid var(--border-color);
}
.button-group-item.button-group-selected-item {
  background-color: var(--color-background-body);
  color: var(--main-text-color);
}
.button-group-item.button-group-selected-item:after {
  background-color: var(--color-primary);
}
.button-group-item.button-group-selected-item > div i.fa.fa-16F_info {
  color: var(--primary-text-color) !important;
}
.dark-mode .button-group-item.button-group-selected-item, .dark-styles .button-group-item.button-group-selected-item {
  color: var(--main-text-color);
}
.button-group-item[disabled], .button-group-item.button-group-selected-item[disabled] {
  background-color: var(--area-bg);
  color: var(--secondary-text-color);
}
.layout-native .header-top-content .button-group {
  margin: var(--space-none) calc(var(--space-m) * -1);
  overflow-x: auto;
}
.layout-native .header-top-content .button-group--no-margin {
  border-bottom: var(--border-size-s) solid var(--border-color);
  margin: var(--space-none) calc(var(--space-l) * -2);
  padding: var(--space-none) var(--space-l);
}
.layout-native .header-top-content .button-group-item {
  background-color: transparent;
  border-radius: var(--border-radius-none);
  color: var(--secondary-text-color);
  flex: initial;
  font-size: var(--font-size-s);
  font-weight: var(--font-regular);
  padding: var(--space-none) var(--space-m);
}
.layout-native .header-top-content .button-group-item:first-child {
  border-left: var(--border-size-none);
}
.layout-native .header-top-content .button-group-item:after {
  display: none;
}
.layout-native .header-top-content .button-group-item [data-expression] {
  word-break: normal;
}
.layout-native .header-top-content .button-group-item.button-group-selected-item {
  color: var(--main-text-color);
  font-weight: var(--font-semi-bold);
}
.layout-native .header-top-content .button-group.button-group-default {
  margin: unset;
  overflow-x: unset;
}
.layout-native .header-top-content .button-group.button-group-default .button-group-item {
  border: var(--border-size-m) solid var(--color-primary);
  border-left: var(--border-size-none);
  color: var(--main-text-color);
  font-size: var(--font-size-base);
  height: 40px;
  width: 100%;
}
.layout-native .header-top-content .button-group.button-group-default .button-group-item:first-child {
  border-radius: var(--border-radius-soft) var(--border-radius-none) var(--border-radius-none) var(--border-radius-soft);
  border-left: var(--border-size-m) solid var(--color-primary);
}
.layout-native .header-top-content .button-group.button-group-default .button-group-item:last-child {
  border-radius: var(--border-radius-none) var(--border-radius-soft) var(--border-radius-soft) var(--border-radius-none);
}
.layout-native .header-top-content .button-group.button-group-default .button-group-item:after {
  display: none;
}
.layout-native .header-top-content .button-group.button-group-default .button-group-item [data-expression] {
  word-break: normal;
}
.layout-native .header-top-content .button-group.button-group-default .button-group-item.button-group-selected-item {
  background-color: var(--color-primary);
  color: var(--main-text-color);
}
.layout-native .header-top-content .button-group--primary {
  background-color: var(--area-bg);
  border-radius: var(--border-radius-rounded);
  margin: unset;
  overflow-x: unset;
}
.layout-native .header-top-content .button-group--primary .button-group-item {
  background-color: transparent;
  border: var(--border-size-none);
  color: var(--color-primary);
  height: 40px;
  width: 100%;
  transition: none;
}
.layout-native .header-top-content .button-group--primary .button-group-item.button-group-selected-item {
  background-color: var(--color-primary);
  border-radius: var(--border-radius-rounded);
  color: var(--button-color);
}
.button-group-review[data-button-group] [data-button-group-item] {
  background-color: unset;
  border: var(--border-size-none);
  font-size: 60px;
  height: unset;
  margin-left: var(--space-none);
  transition: transform 0.3s ease;
}
.button-group-review[data-button-group] [data-button-group-item]:after {
  display: none;
}
.button-group-review[data-button-group] [data-button-group-item] img {
  margin: auto;
}
.button-group-review[data-button-group] [data-button-group-item].button-group-selected-item {
  transform: scale(1.2);
}

/*! 4.13.2 Button Swipe */
/* Widgets - Button Swipe */
.button-swipe-wrapper {
  --swipe-button-size: 48px;
  --swipe-button-border-size: var(--border-size-s);
  position: relative;
  width: 100%;
  height: var(--swipe-button-size);
  border: var(--swipe-button-border-size) solid var(--border-color);
  border-radius: var(--border-radius-rounded);
  background-color: var(--area-bg);
  overflow: hidden;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.button-swipe-wrapper.is--disabled {
  pointer-events: none;
}
.button-swipe-wrapper.is--disabled .button-swipe-bg-text {
  color: var(--color-disabled-text-active);
}
.button-swipe-wrapper.is--disabled .button-swipe-btn {
  background-color: var(--color-disabled-background-active);
  color: var(--color-disabled-text-active);
}
.button-swipe-bg {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 0.2s ease;
}
.button-swipe-bg-text {
  font-weight: var(--font-semi-bold);
  font-size: var(--font-size-s);
  opacity: 1;
  transition: opacity 0.3s ease, color 0.3s ease 0.2s;
  color: var(--color-primary);
}
.button-swipe-bg-text--dragging {
  color: var(--button-color, var(--color-white));
  transition: opacity 0.3s ease, color 0.3s ease;
}
.dark-mode .button-swipe-bg-text--dragging, .dark-styles .button-swipe-bg-text--dragging {
  color: var(--button-color-dark, var(--color-black));
}
.button-swipe-btn {
  position: absolute;
  width: calc(var(--swipe-button-size) - var(--swipe-button-border-size) * 2);
  height: calc(var(--swipe-button-size) - var(--swipe-button-border-size) * 2);
  background-color: var(--color-primary);
  border-radius: var(--border-radius-rounded);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 10px;
  z-index: 1;
  color: var(--button-color, var(--color-white));
}
.button-swipe-btn--loading {
  margin-top: var(--space-none);
  width: var(--size, 20px);
}
.dark-mode .button-swipe-btn, .dark-styles .button-swipe-btn {
  color: var(--button-color-dark, var(--color-black));
}

/*! 4.14. Popover */
/* Widgets - Popover */
[data-popover] [data-icon] {
  margin-left: var(--space-none);
  margin-right: var(--space-xs);
}
[data-popover] > .popover-top .icon {
  color: var(--color-primary);
  margin: var(--space-none) !important;
  vertical-align: middle;
}
[data-popover] > .popover-bottom {
  background-color: var(--content-bg);
  border: var(--border-size-none);
  padding: var(--space-none);
  box-shadow: var(--shadow-xl);
  color: var(--main-text-color);
}
[data-popover] > .popover-bottom a,
[data-popover] > .popover-bottom a:visited {
  white-space: nowrap;
  display: flex;
  align-items: center;
  color: var(--main-text-color);
  font-size: var(--font-size-s);
  padding: var(--space-s) var(--space-base);
  margin: var(--space-none);
}
[data-popover] > .popover-bottom a .icon,
[data-popover] > .popover-bottom a:visited .icon {
  color: var(--secondary-text-color);
  margin-right: var(--space-xs) !important;
}
[data-popover] > .popover-bottom a:hover, [data-popover] > .popover-bottom a:focus,
[data-popover] > .popover-bottom a:visited:hover,
[data-popover] > .popover-bottom a:visited:focus {
  background-color: var(--area-bg);
}

/*! ==============================================================================
5. Providers
=============================================================================== */
/*! ==============================================================================
6. Patterns
=============================================================================== */
/*! 6.1. Adaptive */
/*! 6.1.2. Gallery */
/* Patterns - Adaptive - Gallery */
.osui-gallery, .osui-gallery > .list, .osui-gallery > .OSBlockWidget > .list {
  display: grid;
  grid-gap: var(--gallery-gap);
  grid-template-columns: repeat(var(--gallery-desktop-items), minmax(0, 1fr));
}
.osui-gallery > .list, .osui-gallery > .OSBlockWidget > .list {
  grid-column-end: calc(var(--gallery-desktop-items) + 1);
  grid-column-start: 1;
  overflow: initial;
}
.osui-gallery--first-item-expand {
  grid-column: span 2;
  display: grid;
  grid-template-columns: repeat(var(--gallery-desktop-items), minmax(0, 1fr));
  gap: var(--gallery-gap);
}
.phone .osui-gallery--first-item-expand {
  grid-column: span 1;
  grid-template-columns: 1fr;
}

.tablet .osui-gallery, .tablet .osui-gallery > .list, .tablet .osui-gallery > .OSBlockWidget > .list {
  grid-template-columns: repeat(var(--gallery-tablet-items), minmax(0, 1fr));
}
.tablet .osui-gallery > .list, .tablet .osui-gallery > .OSBlockWidget > .list {
  grid-column-end: calc(var(--gallery-tablet-items) + 1);
}

.phone .osui-gallery, .phone .osui-gallery > .list, .phone .osui-gallery > .OSBlockWidget > .list {
  grid-template-columns: repeat(var(--gallery-phone-items), minmax(0, 1fr));
}
.phone .osui-gallery > .list, .phone .osui-gallery > .OSBlockWidget > .list {
  grid-column-end: calc(var(--gallery-phone-items) + 1);
}

/*! 6.2. Content */
/*! 6.2.3. Alert */
/* Patterns - Content - Alert */
.feedback-message {
  padding-left: var(--space-l);
  padding-right: var(--space-l);
}
.feedback-message::before {
  display: none;
}
.feedback-message[class*=feedback-message-] {
  background-color: var(--area-bg);
}
.feedback-message i {
  font-family: wodify-icons !important;
  font-size: var(--font-size-h1);
  margin-top: var(--space-none);
}
.feedback-message-text {
  color: var(--main-text-color);
}
.feedback-message-error i {
  color: var(--color-error);
}
.feedback-message-info i {
  color: var(--color-info);
}
.feedback-message-success i {
  color: var(--color-success);
}
.feedback-message-warning i {
  color: var(--color-warning);
}

/*! 6.2.4. Blank Slate */
/* Patterns - Content - Blank Slate */
.layout-native .blank-slate.empty-text {
  color: var(--secondary-text-color);
  font-size: var(--font-size-h3);
  font-weight: var(--font-semi-bold);
  padding: 20px;
  text-align: left;
}
.layout-native .blank-slate.empty-text .blank-slate-description {
  color: var(--secondary-text-color);
  padding: var(--space-none);
}

/*! 6.2.5. Card */
/* Patterns - Content - Card */
.card {
  background-color: var(--content-bg);
  border: var(--border-size-none);
  border-radius: var(--border-radius-soft);
  padding: var(--space-none);
}
.card--hover-effect:hover {
  background-color: var(--area-bg);
}
.card-sectioned--custom {
  background-color: var(--color-neutral-0);
  border: var(--border-size-s) solid var(--border-color);
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
}
.card-sectioned--custom .card-title {
  border-bottom: var(--border-size-s) solid var(--border-color);
  padding: var(--space-m);
}
.card-sectioned--custom .card-content {
  border-bottom: var(--border-size-s) solid var(--border-color);
  color: var(--secondary-text-color);
  font-size: var(--font-size-s);
  padding: var(--space-m);
}
.card-sectioned--custom .card-bottom {
  align-items: center;
  display: flex;
  margin: var(--space-s) var(--space-none) var(--space-s) var(--space-m);
  padding: var(--space-none);
}
.card-sectioned--custom .card-bottom-content {
  flex: 1;
}
.card-sectioned--custom .card-bottom-actions {
  border-left: var(--border-size-s) solid var(--border-color);
  padding-left: var(--space-s);
  padding-right: var(--space-s);
}
.dark-mode .card-sectioned--custom, .dark-styles .card-sectioned--custom {
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}
.card-bordered {
  position: relative;
}
.card-bordered .card-title {
  font-size: var(--font-size-h4);
  font-weight: var(--font-semi-bold);
  padding: var(--space-base) var(--space-base) var(--space-none) var(--space-base);
  border-top-left-radius: var(--border-radius-soft);
  border-top-right-radius: var(--border-radius-soft);
}
.card-bordered .card-title:empty ~ .card-content {
  padding-top: var(--space-base);
}
.card-bordered .card-actions {
  max-width: 50%;
  position: absolute;
  right: var(--space-base);
  text-align: right;
  top: var(--space-base);
}
.card-bordered .card-content {
  border-bottom-left-radius: var(--border-radius-soft);
  border-bottom-right-radius: var(--border-radius-soft);
  padding: var(--space-none) var(--space-base) var(--space-base);
}
.card-bordered .card-bottom {
  padding: var(--space-none) var(--space-base) var(--space-base);
}
.card-bordered--bg {
  background-color: var(--area-bg);
  border-radius: var(--border-radius-soft);
}
.card-bordered:not(.card-bordered--bg) {
  border: var(--border-size-s) solid var(--border-color);
  border-radius: var(--border-radius-soft);
  cursor: unset !important;
}
.dark-mode .card-bordered:not(.card-bordered--bg), .dark-styles .card-bordered:not(.card-bordered--bg) {
  box-shadow: 0 1px 2px rgba(255, 255, 255, 0.25);
}
.card-bordered:not(.card-bordered--bg) .card-title {
  font-size: var(--font-size-h5);
  padding-bottom: var(--space-s);
  padding-top: var(--space-s);
}
.card-bordered:not(.card-bordered--bg) .card-bottom {
  padding-top: var(--space-base);
}
.card-bordered--sticky .card-title {
  position: sticky;
  z-index: var(--layer-above);
  top: var(--header-size);
}
.modal .card-bordered .separator-horizontal {
  margin-left: var(--space-none);
  margin-right: var(--space-none);
}
.modal .card-bordered .card-title {
  padding-left: var(--space-none);
  padding-right: var(--space-none);
}
.modal .card-bordered .card-content {
  padding: var(--space-none) var(--space-none) var(--space-m);
}
.modal .card-bordered .card-bottom {
  padding-left: var(--space-none);
  padding-right: var(--space-none);
}

.layout-top .card-list__user_bio.list.list-group {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: var(--space-m);
  overflow: visible;
}
@media (max-width: 1072px) {
  .layout-top .card-list__user_bio.list.list-group {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
  }
}
.tablet .layout-top .card-list__user_bio.list.list-group {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}
@media (max-width: 812px) {
  .tablet .layout-top .card-list__user_bio.list.list-group {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
}
.phone .layout-top .card-list__user_bio.list.list-group {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
}
@media (min-width: 550px) {
  .phone .layout-top .card-list__user_bio.list.list-group {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
}
.layout-top .card-list__user_bio.list.list-group > *,
.layout-top .card-list__user_bio.list.list-group .animate {
  height: 100%;
  display: block;
}
.layout-top .card-list__user_bio.list.list-group .card.card__user_bio {
  height: 100%;
  width: 238px;
  min-width: 238px;
  box-shadow: var(--shadow-m);
  background-color: var(--color-neutral-0);
  transition: background-color 200ms;
}
@media (max-width: 1072px) {
  .layout-top .card-list__user_bio.list.list-group .card.card__user_bio {
    width: auto;
  }
}
.layout-top .card-list__user_bio.list.list-group .card.card__user_bio:hover {
  background-color: var(--hover-color);
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.15);
}

/*! 6.2.11. Floating Content */
/* Patterns - Content - Floating Content */
.floating-content-bottom-right {
  bottom: var(--bottom-bar-size);
}
.floating-content-bottom-right > div > .btn.icon-btn:only-child {
  border-radius: var(--border-radius-circle);
  box-shadow: var(--shadow-l);
  height: 56px;
  max-height: unset;
  width: 56px;
}
.floating-content-bottom-right > div > .btn.icon-btn:only-child .icon {
  font-size: 36px;
  height: 56px;
  line-height: 56px;
  width: 56px;
}

/*! 6.2.14. Tag */
/* Patterns - Content - Tag */
.tag {
  border-radius: var(--border-radius-small);
  border: var(--border-size-s) solid var(--main-text-color);
  color: var(--main-text-color);
  display: inline-block;
  min-width: auto;
  height: auto;
  padding: 0 6px;
  font-size: var(--font-size-s);
  font-weight: var(--font-semi-bold);
  line-height: 16px;
  text-transform: uppercase;
  white-space: nowrap;
  cursor: default;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.tag .tag-close {
  padding: var(--space-xs);
  margin: 0 calc(var(--space-s) * -1) 0 var(--space-s);
}
.tag-primary {
  border-color: var(--color-primary);
  color: var(--color-primary);
}
.tag-info {
  border-color: var(--color-info);
  color: var(--color-info);
  background: var(--color-info-light);
}
.tag-success {
  border-color: var(--color-success);
  color: var(--color-success);
  background: var(--color-success-light);
}
.tag-warning {
  border-color: var(--color-warning);
  color: var(--color-warning);
  background: var(--color-warning-light);
}
.tag-error {
  border-color: var(--color-error);
  color: var(--color-error);
  background: var(--color-error-light);
}
.tag-medium .tag-close {
  padding: var(--space-s);
  margin: 0 calc(var(--space-base) * -1) 0 var(--space-base);
}
.tag-large {
  padding: var(--space-s);
}
.tag-disabled {
  border-color: var(--border-color);
  color: var(--border-color);
  cursor: default;
  pointer-events: none;
}
.tag-active {
  background-color: var(--color-primary);
  border-color: var(--color-primary);
  color: var(--color-white);
}
.tag-active.tag-success {
  background-color: var(--color-success);
  border-color: var(--color-success);
  color: var(--color-white);
}
.tag-active.tag-error {
  background-color: var(--color-error);
  border-color: var(--color-error);
  color: var(--color-white);
}
.tag-active.tag-warning {
  background-color: var(--color-warning);
  border-color: var(--color-warning);
  color: var(--color-white);
}
.tag[class*=background-] {
  border-width: var(--border-size-none);
  color: var(--color-white);
}
.tag[class~=background-secondary] {
  color: var(--color-neutral-9);
}
.tag[class*=background-env] {
  display: block;
}
.tag.background-neutral-0 {
  color: var(--color-neutral-10);
}
.tag.background-primary {
  color: var(--button-color, var(--color-white));
}
.dark-mode .tag.background-primary, .dark-styles .tag.background-primary {
  color: var(--button-color-dark, var(--color-black));
}
.tag.background-secondary-text-color {
  background-color: var(--secondary-text-color);
}
.dark-mode .tag.background-secondary-text-color, .dark-styles .tag.background-secondary-text-color {
  color: var(--color-black);
}
.tag.background-env-dev {
  background-color: var(--color-primary-dev);
}
.tag.env-dev {
  color: var(--color-primary-dev);
}
.tag.background-env-tst {
  background-color: var(--color-primary-tst);
}
.tag.env-tst {
  color: var(--color-primary-tst);
}
.tag.background-env-stg {
  background-color: var(--color-primary-stg);
}
.tag.env-stg {
  color: var(--color-primary-stg);
}
.tag.background-env-prd {
  background-color: var(--color-primary);
}
.tag.env-prd {
  color: var(--color-primary);
}
.tag.background-env-prd-impersonate {
  background-color: var(--color-primary-impersonate);
}
.tag.env-prd-impersonate {
  color: var(--color-primary-impersonate);
}

/* Patterns - Content - Tag */
.tag {
  font-size: var(--font-size-xs);
  line-height: var(--font-size-l);
}

/*! 6.2.15. Tooltip */
/*! Patterns - Content - Tooltip */
.osui-tooltip {
  --osui-tooltip-background-color: var(--content-bg);
}
.osui-tooltip .osui-balloon {
  box-shadow: var(--shadow-tooltip);
  color: var(--main-text-color);
  min-width: unset;
  padding: var(--space-s) var(--space-base);
  word-break: break-word;
  
}
.osui-tooltip__balloon-wrapper {
  overflow: unset;
  z-index: 10200;
}
.osui-tooltip__balloon-wrapper.top, .osui-tooltip__balloon-wrapper.top-left, .osui-tooltip__balloon-wrapper.top-right {
  padding-bottom: var(--space-s);
}
.osui-tooltip__balloon-wrapper.top .osui-tooltip__balloon-wrapper__balloon:before, .osui-tooltip__balloon-wrapper.top-left .osui-tooltip__balloon-wrapper__balloon:before, .osui-tooltip__balloon-wrapper.top-right .osui-tooltip__balloon-wrapper__balloon:before {
  border-color: var(--content-bg) transparent transparent transparent;
}
.osui-tooltip__balloon-wrapper.bottom, .osui-tooltip__balloon-wrapper.bottom-left, .osui-tooltip__balloon-wrapper.bottom-right {
  padding-top: var(--space-s);
}
.osui-tooltip__balloon-wrapper.bottom .osui-tooltip__balloon-wrapper__balloon:before, .osui-tooltip__balloon-wrapper.bottom-left .osui-tooltip__balloon-wrapper__balloon:before, .osui-tooltip__balloon-wrapper.bottom-right .osui-tooltip__balloon-wrapper__balloon:before {
  border-color: transparent transparent var(--content-bg) transparent;
}
.osui-tooltip__balloon-wrapper.right .osui-tooltip__balloon-wrapper__balloon::before {
  border-color: transparent var(--content-bg) transparent transparent;
}
.osui-tooltip__balloon-wrapper.left .osui-tooltip__balloon-wrapper__balloon::before {
  border-color: transparent transparent transparent var(--content-bg);
}
.osui-tooltip__emoji {
  padding: var(--space-none) !important;
  overflow: unset;
}
.osui-tooltip__emoji .osui-tooltip__balloon-wrapper {
  max-width: unset;
  padding: var(--space-none);
}
.osui-tooltip__emoji .osui-tooltip__balloon-wrapper__balloon {
  background-color: transparent;
  padding: var(--space-none);
  min-width: 280px;
}
.osui-tooltip__emoji .osui-tooltip__balloon-wrapper__balloon em-emoji-picker {
  box-shadow: none;
}
.osui-tooltip__emoji .osui-tooltip__balloon-wrapper__balloon:before {
  display: none;
}
.osui-tooltip__unclosable .osui-balloon {
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: all !important;
  position: absolute;
}
.osui-tooltip__unclosable .osui-balloon.right {
  left: calc(100% + var(--space-base));
  top: calc(var(--space-base) * -1);
}
.osui-tooltip__unclosable .osui-balloon:not(.osui-balloon--is-open) * {
  display: inline-block;
}

/* Patterns - Content - Tooltip */
.osui-tooltip__balloon-wrapper__balloon {
  font-size: var(--font-size-xs);
}

/*! 6.3. Interaction */
/*! 6.3.1. Action Sheet */
/* Patterns - Interaction - Action Sheet */
.action-sheet-background {
  height: 100%;
}
.action-sheet-actions .btn {
  border-radius: var(--border-radius-soft);
  height: 48px;
}
.action-sheet-actions .selected {
  border-left: solid 1.5px;
  padding-left: 10px;
  position: relative;
  left: -11.5px;
}
.action-sheet-container {
  z-index: 10200;
}
.action-sheet-container:after {
  background-color: rgba(0, 0, 0, 0.54);
}
.action-sheet-container.action-sheet--borderless.action-sheet--full-height .action-sheet {
  max-height: unset;
}
.action-sheet-container.action-sheet--borderless .action-sheet {
  padding-top: var(--space-none);
  padding-right: var(--os-safe-area-right);
  padding-bottom: var(--os-safe-area-bottom);
  padding-left: var(--os-safe-area-left);
  background-color: var(--color-neutral-0);
  overflow-y: auto;
  max-height: 50vh;
  border-top-left-radius: var(--border-radius-soft);
  border-top-right-radius: var(--border-radius-soft);
}
.action-sheet-container.action-sheet--borderless .action-sheet-title {
  font-size: var(--font-size-h2);
  font-weight: var(--font-semi-bold);
  line-height: 32px;
  text-align: center;
  padding: var(--space-l) var(--space-l) var(--space-none);
}
.action-sheet-container.action-sheet--borderless .action-sheet-buttons {
  border-radius: var(--border-radius-none);
  padding: var(--space-none) var(--space-l);
}
.action-sheet-container.action-sheet--borderless .action-sheet-buttons [data-block="OS_Content.Tag"] {
  display: inherit;
}
.layout-native .action-sheet-container.action-sheet--borderless .action-sheet-buttons .list-item {
  padding-left: 30px;
  padding-right: 30px;
}
.action-sheet-container.action-sheet--borderless .action-sheet-buttons a {
  display: block;
  padding: var(--space-m) var(--space-none);
  font-weight: var(--font-semi-bold);
}
.action-sheet-container.action-sheet--borderless .action-sheet-cancel {
  display: none;
}
.action-sheet-container.action-sheet--borderless .action-sheet-container:after {
  background-color: rgba(0, 0, 0, 0.54);
}
.action-sheet-container.action-sheet--borderless .action-sheet-container--visible .action-sheet {
  box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.5);
}
.action-sheet-container.action-sheet--borderless .action-sheet-actions + .action-sheet-actions {
  border-top: var(--border-size-s) solid var(--border-color);
}
.action-sheet-container.action-sheet__chat-messenger {
  z-index: 10;
}
.action-sheet-container:not(.action-sheet--borderless) .action-sheet-title {
  background: var(--color-neutral-0);
  border-radius: 12px 12px 0 0;
  overflow: hidden;
  color: var(--secondary-text-color);
  font-weight: var(--font-semi-bold);
  text-align: center;
  font-size: var(--font-size-xs);
  padding: var(--space-base);
  border-top-left-radius: var(--border-radius-soft);
  border-top-right-radius: var(--border-radius-soft);
}
.action-sheet-container:not(.action-sheet--borderless) .action-sheet-title:not(:empty) {
  border-bottom: var(--border-size-s) solid var(--border-color);
}
.action-sheet-container:not(.action-sheet--borderless) .action-sheet-title:not(:empty) + .action-sheet-buttons {
  border-top-left-radius: var(--border-radius-none);
  border-top-right-radius: var(--border-radius-none);
}
.action-sheet-container:not(.action-sheet--borderless) .action-sheet-buttons {
  background: var(--color-neutral-0);
  border-radius: 12px;
  overflow: hidden;
}
.action-sheet-container:not(.action-sheet--borderless) .action-sheet-buttons .btn {
  color: var(--color-primary);
  min-height: 60px;
  outline: 0;
}
.action-sheet-container:not(.action-sheet--borderless) .action-sheet-actions + .action-sheet-actions {
  border-top: var(--border-size-s) solid var(--border-color);
}
.action-sheet-container:not(.action-sheet--borderless) .action-sheet-cancel .btn {
  color: var(--color-neutral-10);
  background-color: var(--border-color);
  border-radius: 12px;
  min-height: 52px;
}

/*! 6.3.5. Bottom Sheet */
/* Patterns - Interaction - Bottom Sheet */
.osui-bottom-sheet {
  min-height: unset;
  opacity: 0;
}
.osui-bottom-sheet__header {
  font-size: var(--font-size-h3);
  font-weight: var(--font-semi-bold);
}
.osui-bottom-sheet__header__top-bar {
  padding: var(--space-base) var(--space-l) var(--space-none);
}
.osui-bottom-sheet__content {
  padding: var(--space-m) var(--space-l) calc(var(--space-m) + var(--os-safe-area-bottom));
}
.osui-bottom-sheet--is-open {
  opacity: 1;
}
.osui-bottom-sheet--drag-disabled {
  --osui-bottom-sheet-draggable-area: 0;
}
.osui-bottom-sheet--drag-disabled .osui-bottom-sheet__header {
  pointer-events: none;
}

/*! 6.3.6. Carousel */
/* Patterns - Interaction - Carousel */
/* OutSystems UI Carousel customization */
.osui-carousel .splide__pagination__page {
  opacity: 1;
  margin: var(--space-xs);
}
.osui-carousel .splide__pagination__page.is-active {
  transform: none;
}
.osui-carousel--has-transition .list {
  transition: transform 0.3s ease;
}

/*! 6.3.7. DatePicker */
/* Patterns - Interaction - DatePicker */
/* FlatPicker */
span.flatpickr-weekday {
  color: var(--main-text-color);
  font-weight: var(--font-semi-bold);
}

.flatpickr-calendar {
  background-color: var(--color-neutral-0);
  border-color: transparent;
  box-shadow: var(--shadow-s);
}
.flatpickr-calendar.arrowTop::before, .flatpickr-calendar.arrowTop::after {
  border-bottom-color: var(--color-neutral-0);
}
.flatpickr-calendar.arrowBottom::before, .flatpickr-calendar.arrowBottom::after {
  border-top-color: var(--color-neutral-0);
}
.flatpickr-calendar.hasTime.datepicker-with-time .flatpickr-innerContainer {
  padding: var(--space-s) var(--space-base) var(--space-s);
}
.flatpickr-calendar.hasTime.datepicker-with-time .flatpickr-time {
  padding: var(--space-base);
  margin: var(--space-none) var(--space-base) var(--space-base);
  height: 48px;
  border: var(--border-size-s) solid var(--border-color);
  border-radius: var(--border-radius-soft);
  position: relative;
  padding-right: 60px;
  max-height: 48px;
}
.flatpickr-calendar.hasTime.datepicker-with-time .flatpickr-time .flatpickr-am-pm {
  right: var(--space-s);
  text-transform: uppercase;
  height: 30px;
  font-size: var(--font-size-m);
  line-height: 30px;
}
.flatpickr-calendar.hasTime.datepicker-with-time .flatpickr-time .flatpickr-time-separator {
  height: unset;
  width: 16px;
}
.flatpickr-calendar.hasTime.datepicker-with-time .flatpickr-time .numInputWrapper {
  flex: 1;
}
.flatpickr-current-month .numInputWrapper input {
  font-size: var(--font-size-m);
}
.flatpickr-current-month .flatpickr-monthDropdown-months {
  font-size: var(--font-size-m);
}
.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 {
  stroke: var(--secondary-text-color);
}
.flatpickr-months .flatpickr-month {
  justify-self: unset;
}
.flatpickr-today-button {
  font-size: var(--font-size-m);
  font-weight: var(--font-semi-bold);
}
.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 {
  border-color: transparent;
}
.flatpickr-day.today {
  background-color: var(--border-color);
  border-color: transparent;
  border-radius: var(--border-radius-soft);
}
.flatpickr-day.today:hover, .flatpickr-day.today:focus {
  border-color: transparent;
  background-color: var(--border-color);
  color: var(--color-neutral-10);
}
.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 {
  background-color: var(--color-primary);
}
.flatpickr-day.prevMonthDay, .flatpickr-day.nextMonthDay {
  color: var(--secondary-text-color);
}
.flatpickr.osui-datepicker__dropdown .flatpickr-time .flatpickr-am-pm, .flatpickr.osui-timepicker__dropdown .flatpickr-time .flatpickr-am-pm,
.flatpickr .osui-datepicker__dropdown .flatpickr-time .flatpickr-am-pm,
.flatpickr .osui-timepicker__dropdown .flatpickr-time .flatpickr-am-pm {
  background-color: var(--color-primary);
}

/* DatePicker */
.osui-datepicker input:first-of-type {
  display: inline-block;
}
.osui-datepicker input:not([type=number]):first-of-type {
  display: none;
}
.osui-datepicker.shadow-none .flatpickr-calendar {
  box-shadow: var(--shadow-none);
}
.osui-datepicker.border-size-none .flatpickr-calendar {
  border-width: var(--border-size-none);
}
.osui-datepicker.hide-input input:not([type=number]):last-of-type {
  display: none;
}

.osui-timepicker input.flatpickr-input[disabled] + input {
  background-color: var(--area-bg);
  border-color: var(--border-color);
}

/*! 6.3.10. Lightbox Image */
/* Patterns - Interaction - Lightbox Image */
.pswp__ui.pswp__ui--hidden {
  display: none;
}
.pswp.pswp--open {
  z-index: 10200;
}
.pswp__bg {
  background-color: rgba(0, 0, 0, 0.85);
}
.pswp__button {
  margin: 20px;
  float: left;
}
.phone .pswp__button--close {
  height: 100%;
  left: 0;
  opacity: 0;
  position: fixed;
  top: 0;
  width: 100%;
}
.phone .pswp__button--close:hover {
  opacity: 0;
}
.pswp__top-bar, .pswp__ui--fit .pswp__top-bar, .pswp__caption, .pswp__ui--fit .pswp__caption {
  background-color: unset;
}
.pswp__img {
  border-radius: var(--border-radius-none);
}
.use-lightbox-circle .pswp__img {
  border-radius: var(--border-radius-circle);
}

/*! 6.3.14. RangeSlider */
/* Patterns - Interaction - Range Slider */
.osui-range-slider {
  --range-slider-thickness: 2px;
}
.osui-range-slider .noUi-target {
  background-color: var(--border-color);
  margin: var(--space-none);
}
.osui-range-slider .noUi-target::before, .osui-range-slider .noUi-target::after {
  content: "";
  position: absolute;
  left: 0;
  top: -6px;
  height: 14px;
  width: var(--border-size-m);
  background-color: var(--color-primary);
}
.osui-range-slider .noUi-target::after {
  left: auto;
  right: 0;
}
.osui-range-slider .noUi-marker-large {
  background-color: var(--main-text-color);
}
.osui-range-slider .noUi-marker-horizontal.noUi-marker {
  width: var(--border-size-s);
}
.osui-range-slider .noUi-pips-horizontal {
  padding-top: var(--space-base);
  left: 1px;
  width: calc(100% - 1px);
}
.osui-range-slider .noUi-tooltip {
  background-color: unset;
  border: var(--border-radius-none);
  color: var(--secondary-text-color);
  font-size: var(--font-size-s);
  font-weight: var(--font-semi-bold);
}
.osui-range-slider .noUi-horizontal .noUi-pips {
  color: var(--main-text-color);
}
.osui-range-slider .noUi-horizontal.noUi-marker-large {
  height: 14px;
  margin-top: -16px;
  background-color: var(--color-primary);
}
.osui-range-slider .noUi-horizontal .noUi-handle,
.osui-range-slider .noUi-vertical .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,
.osui-range-slider .noUi-vertical .noUi-handle::before,
.osui-range-slider .noUi-vertical .noUi-handle::after {
  display: none;
}
.osui-range-slider.SliderInterval {
  padding: var(--space-none);
}
.osui-range-slider.SliderInterval .noUi-target {
  margin-top: var(--space-s);
}

/*! 6.3.16. Search */
/* Patterns - Interaction - Search */
[data-input][type=search]::-webkit-search-cancel-button {
  height: 24px;
  width: 24px;
  background-color: var(--color-primary);
  -webkit-mask: url("data:image/svg+xml;utf8,<svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M4.96967 4.96967C5.26256 4.67678 5.73744 4.67678 6.03033 4.96967L12 10.9393L17.9697 4.96967C18.2626 4.67678 18.7374 4.67678 19.0303 4.96967C19.3232 5.26256 19.3232 5.73744 19.0303 6.03033L13.0607 12L19.0303 17.9697C19.3232 18.2626 19.3232 18.7374 19.0303 19.0303C18.7374 19.3232 18.2626 19.3232 17.9697 19.0303L12 13.0607L6.03033 19.0303C5.73744 19.3232 5.26256 19.3232 4.96967 19.0303C4.67678 18.7374 4.67678 18.2626 4.96967 17.9697L10.9393 12L4.96967 6.03033C4.67678 5.73744 4.67678 5.26256 4.96967 4.96967Z' fill='black'/></svg>") center/var(--font-size-l) no-repeat;
          mask: url("data:image/svg+xml;utf8,<svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M4.96967 4.96967C5.26256 4.67678 5.73744 4.67678 6.03033 4.96967L12 10.9393L17.9697 4.96967C18.2626 4.67678 18.7374 4.67678 19.0303 4.96967C19.3232 5.26256 19.3232 5.73744 19.0303 6.03033L13.0607 12L19.0303 17.9697C19.3232 18.2626 19.3232 18.7374 19.0303 19.0303C18.7374 19.3232 18.2626 19.3232 17.9697 19.0303L12 13.0607L6.03033 19.0303C5.73744 19.3232 5.26256 19.3232 4.96967 19.0303C4.67678 18.7374 4.67678 18.2626 4.96967 17.9697L10.9393 12L4.96967 6.03033C4.67678 5.73744 4.67678 5.26256 4.96967 4.96967Z' fill='black'/></svg>") center/var(--font-size-l) no-repeat;
  cursor: pointer;
  position: relative;
  right: calc(var(--space-s) * -1);
}
[data-input][type=search]::-webkit-search-cancel-button:hover {
  background-color: var(--color-primary);
}

.search-input:before {
  align-items: center;
  color: var(--main-text-color);
  display: flex;
  font-family: "wodify-icons";
  font-size: 24px;
  height: 100%;
  left: var(--space-s);
  position: absolute;
  top: 0;
  width: var(--space-m);
}
.border-bottom-search .search {
  margin-left: var(--space-xl);
}
.border-bottom-search .search-input:before {
  color: var(--color-primary);
  left: -36px;
  height: 40px;
}
.border-bottom-search .search-input .form-control[data-input] {
  padding-left: var(--space-none);
}

.osui-search__input::before {
  color: var(--color-primary);
  font-family: "wodify-icons";
  font-size: var(--font-size-h3);
  left: var(--space-xxs);
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.osui-search__input input[data-input] {
  background: none;
}

/*! 6.4. Navigation */
/*! 6.4.4. Pagination */
/* Patterns - Navigation - Pagination */
.pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row-reverse;
  flex-wrap: wrap-reverse;
  margin: var(--space-l) var(--space-none) var(--space-s) var(--space-none);
}
.phone .pagination {
  flex-direction: column-reverse;
}
.phone .pagination .pagination-container {
  margin-top: var(--space-none);
}
.phone .pagination-counter {
  margin-top: var(--space-xs);
  margin-left: var(--space-none);
}
.pagination-container {
  display: flex;
  align-items: center;
  width: 100%;
}
.pagination-button {
  background-color: transparent;
  border-width: var(--border-size-none);
  border-radius: var(--border-radius-none);
  padding: var(--space-xs) var(--space-s);
  margin-left: var(--space-none);
  color: var(--secondary-text-color);
}
.pagination-button.is--ellipsis {
  width: var(--button-size);
}
.pagination-button.is--active {
  color: var(--main-text-color);
  background-color: var(--area-bg);
  border-width: var(--border-size-none);
  font-weight: var(--font-semi-bold);
}
.pagination-button .icon {
  vertical-align: middle;
}
.pagination-button:hover {
  color: var(--main-text-color);
}
.pagination-button:hover:not(.is--ellipsis) {
  font-weight: var(--font-semi-bold);
  cursor: pointer;
}
.desktop .pagination-button:not(.is--ellipsis):hover {
  border-width: var(--border-size-none);
}
.desktop .pagination-button:not(.is--active):hover {
  background-color: transparent;
}
.desktop .pagination-button.is--ellipsis:hover {
  color: var(--secondary-text-color);
}
.pagination-button[disabled] {
  opacity: 0.5;
  pointer-events: none;
}
.pagination-counter {
  color: var(--secondary-text-color);
  margin-top: var(--space-xs);
  font-style: italic;
}

/*! 6.4.9. Wizard */
/* Patterns - Navigation - Wizard */
.wizard-wrapper-item .wizard-item-label {
  margin: var(--space-none) var(--space-m);
  font-size: var(--font-size-s);
  white-space: nowrap;
}
.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(--main-text-color);
}
.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(--secondary-text-color);
}
.wizard-wrapper-item.next .wizard-item-icon-wrapper::before {
  background-color: var(--border-color);
}
.wizard-wrapper-item.next .wizard-item-icon .fa-fw {
  color: var(--color-neutral-0);
}
.wizard-item-label {
  color: var(--secondary-text-color);
  font-weight: 600;
}
.wizard-item-icon {
  align-items: center;
  background-color: var(--color-neutral-0);
  border: var(--border-size-m) solid var(--color-neutral-5);
  border-radius: var(--border-radius-circle);
  color: var(--color-neutral-7);
  display: flex;
  height: 32px;
  justify-content: center;
  margin: 0 auto;
  position: relative;
  width: 32px;
  z-index: 2;
}
.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% + var(--space-base));
  top: 50%;
  transform: translateY(-50%);
  width: calc(100% - var(--space-m));
  z-index: 0;
}
.wizard-item-icon .icon {
  font-size: var(--font-size-xs);
  width: auto;
}

/*! 6.5. Numbers */
/*! 6.5.1. Badge */
/* Patterns - Numbers - Badge */
.badge {
  color: var(--main-text-color);
}
.badge-xsmall {
  font-size: var(--font-size-xs);
  height: var(--space-base);
  min-width: var(--space-base);
  padding: var(--space-none) var(--space-xs);
}
.badge.background-primary {
  color: var(--button-color, var(--color-white));
}
.dark-mode .badge.background-primary, .dark-styles .badge.background-primary {
  color: var(--button-color-dark, var(--color-black));
}
.badge.background-area-bg, .badge.background-white, .badge.background-black {
  border: var(--border-size-s) solid var(--border-color);
}

/*! 6.5.3. Icon Badge */
/* Patterns - Numbers - Icon Badge */
.icon-badge {
  vertical-align: middle;
}
.icon-badge .icon {
  font-size: 24px;
  display: block;
}
.icon-badge--bordered .badge {
  border: var(--border-size-s) solid currentColor;
}

/*! 6.6. Utilities */
/*! 6.6.2. Button Loading */
/* Patterns - Utilities - Button Loading */
.osui-btn-loading-show-spinner.osui-btn-loading--is-loading .btn img {
  display: none;
}

/*! 6.6.5. Separator */
/* Patterns - Utilities - Separator */
.separator-size-s {
  height: 10px;
}
.separator-size-xs {
  height: 5px;
}
.separator:not([class*=background-]), .separator.background-neutral-4 {
  background-color: var(--border-color) !important;
}

/*! 6.6.7. List Updating */
/* Patterns - Utilities - List Updating */
.list-updating {
  --size: 40px;
  height: var(--size);
  overflow: hidden;
}
.list-updating::before {
  height: var(--size);
  width: var(--size);
  margin-left: calc(var(--size) / 2 * -1);
  border-color: var(--color-primary-lightest);
  border-top-color: var(--color-primary);
}
.list-updating--small {
  --size: 20px;
}
.list-updating--small::before {
  border-width: var(--border-size-l);
}
.list-updating--align-left::before {
  left: 0;
  margin-left: var(--space-none);
}

/*! 6.8. Deprecated Patterns */
/*! 6.8.11. Notification */
.notification {
  top: auto;
  bottom: 0;
  left: calc(50% + 120px);
  z-index: 15000;
  width: auto;
  max-width: 370px;
  padding: 12px 16px;
  font-size: 14px;
  color: #c63a28;
  background-color: var(--color-info-light);
  border: 0;
  border-radius: 0;
  box-shadow: none;
  transform: translateY(120%) translateX(-50%);
  
  
  
  
  
}
@media (max-width: 47.99em) {
  .notification {
    width: 100%;
    max-width: 100%;
  }
}
@media (max-width: 74.99em) {
  .notification {
    left: 50%;
  }
}
.notification--visible {
  transform: translateY(-24px) translateX(-50%);
}
@media (max-width: 47.99em) {
  .notification--visible {
    transform: translateY(0) translateX(-50%);
  }
}

/*! 6.8.19. Tooltip */
.tooltip-config {
  display: none;
}

.tippy-tooltip,
.wds_tooltip-theme {
  color: var(--main-text-color);
  background-color: var(--content-bg);
  border-radius: var(--border-radius-soft);
  box-shadow: var(--shadow-tooltip);
  font-size: var(--font-size-s);
  line-height: 21px;
  min-height: calc(var(--space-s) * 5);
  text-align: left;
  word-break: break-word;
}
.tippy-tooltip .tippy-arrow,
.wds_tooltip-theme .tippy-arrow {
  position: absolute;
  width: 20px;
  height: 50px;
  margin: 0;
  overflow: hidden;
  border: 0 !important;
  transform-origin: center;
  pointer-events: none;
}
.tippy-tooltip .tippy-arrow::before,
.wds_tooltip-theme .tippy-arrow::before {
  position: absolute;
  top: 12px;
  left: 0;
  z-index: 0;
  width: 12px;
  height: 12px;
  margin-left: calc(var(--space-s) * -1);
  content: "";
  background-color: var(--content-bg);
  border-width: 8px;
  box-shadow: var(--shadow-tooltip);
  transform: rotate(45deg);
  transform-origin: center;
}
.tippy-tooltip.padding-theme,
.wds_tooltip-theme.padding-theme {
  padding: var(--space-s) calc(var(--space-s) * 2);
}
.tippy-tooltip:not(.overflow-visible-theme) .tippy-content,
.wds_tooltip-theme:not(.overflow-visible-theme) .tippy-content {
  overflow-y: auto;
}
.tippy-tooltip.profile-dropdown-theme,
.wds_tooltip-theme.profile-dropdown-theme {
  width: 340px;
  overflow: hidden;
}
.tippy-tooltip.tasks-view-dropdown-theme,
.wds_tooltip-theme.tasks-view-dropdown-theme {
  width: 248px;
}
.tippy-tooltip.view-dropdown-theme .tooltip-content,
.wds_tooltip-theme.view-dropdown-theme .tooltip-content {
  width: 230px;
}
.tippy-tooltip.dropdown-theme,
.wds_tooltip-theme.dropdown-theme {
  box-shadow: var(--shadow-popover);
  overflow: hidden;
}
.tippy-tooltip.dropdown-theme a,
.wds_tooltip-theme.dropdown-theme a {
  width: 100%;
  padding: 0 16px;
  margin-left: 0;
  line-height: 40px;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--main-text-color);
}
.tippy-tooltip.dropdown-theme a:hover,
.wds_tooltip-theme.dropdown-theme a:hover {
  background-color: var(--hover-color);
}
.tippy-tooltip.dropdown-theme .fa,
.wds_tooltip-theme.dropdown-theme .fa {
  color: var(--secondary-text-color);
}
.tippy-tooltip .tippy-content,
.wds_tooltip-theme .tippy-content {
  padding: 0;
  width: 100% !important;
}
.tippy-tooltip .tippy-backdrop,
.wds_tooltip-theme .tippy-backdrop {
  background-color: var(--color-neutral-0);
}
.tippy-tooltip.wds_popover-theme,
.wds_tooltip-theme.wds_popover-theme {
  text-align: left;
  box-shadow: var(--shadow-popover);
}
.tippy-tooltip.wds_popover-theme.tooltip-box-shadow-m-theme,
.wds_tooltip-theme.wds_popover-theme.tooltip-box-shadow-m-theme {
  box-shadow: var(--shadow-m);
}
.tippy-tooltip.wds_popover-theme .tippy-arrow::before,
.wds_tooltip-theme.wds_popover-theme .tippy-arrow::before {
  width: 16px;
  height: 16px;
  box-shadow: var(--shadow-popover);
  transform-origin: center;
}
.tippy-tooltip.wds_popover-theme.padding-theme,
.wds_tooltip-theme.wds_popover-theme.padding-theme {
  padding: 24px;
}

.modal-open:not(.tooltip-fullscreen) .tippy-popper {
  z-index: 10200 !important;
}

.tippy-popper {
  max-width: none;
  z-index: 10200 !important;
}

.modal-open .tippy-popper:has(.tooltip-has-modals-theme) {
  z-index: 10060 !important;
}

.tippy-popper[x-placement^=top] .tippy-arrow {
  bottom: 0;
  transform: translate(20px, 60px) rotate(90deg);
}

.tippy-popper[x-placement^=right] .tippy-arrow {
  left: 26px;
  transform: translate(-40px, -5px) rotate(180deg);
}

.tippy-popper[x-placement^=bottom] .tippy-arrow {
  top: -17px;
  transform: translateX(-12px) rotate(-90deg);
}

.tippy-popper[x-placement^=left] .tippy-arrow {
  right: -20px;
  transform: translateY(5px);
}

[data-tippy] {
  cursor: pointer;
}

.kiosk-signin-theme {
  margin-left: -14px;
}

@media (max-width: 35.99em) {
  .tooltip-fullscreen .tippy-popper {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    padding: 0 !important;
    transform: none !important;
  }
}

@media (max-width: 35.99em) {
  .tooltip-fullscreen .tippy-tooltip {
    bottom: 0 !important;
    max-width: none !important;
    width: 100% !important;
    height: 100%;
    transform: none !important;
  }
}
@media (max-width: 35.99em) {
  .tooltip-fullscreen .tippy-tooltip .tippy-arrow {
    display: none;
  }
}

/*! 6.8. Deprecated Patterns */
/*! 6.8.12. Progress Bar */
.progress-bar {
  background-color: var(--border-color);
}

.tooltip--floating-ui {
  width: -moz-max-content;
  width: max-content;
  position: absolute;
  
  top: 0;
  left: 0;
  display: none;
  padding: 10px;
  visibility: hidden;
  box-shadow: var(--shadow-popover);
  z-index: 10070;
  color: var(--main-text-color);
  background-color: var(--content-bg);
  border-radius: var(--border-radius-soft);
}
.tooltip--floating-ui .pagination-button span {
  pointer-events: none;
}
.tooltip--floating-ui.mbsc-eventcalendar-tooltip {
  z-index: 10069;
}
.tooltip--floating-ui.z-index-inside-modal {
  z-index: 10200;
}
.tooltip--floating-ui.profile-dropdown {
  width: 340px;
  padding: var(--space-none);
  overflow: hidden;
  box-shadow: var(--shadow-tooltip);
  font-size: var(--font-size-s);
  line-height: 21px;
  z-index: 10069;
}
@media (max-width: 35.99em) {
  .tooltip--floating-ui.tooltip-fullscreen {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    padding: 0 !important;
    transform: none !important;
  }
}
.tooltip-arrow {
  width: 16px;
  height: 16px;
  background-color: var(--content-bg);
  transform: rotate(45deg);
  visibility: hidden;
  position: absolute;
  z-index: -1;
}
.tooltip--edit-display {
  padding: var(--space-m);
}
.tooltip--edit-display > * {
  overflow-y: auto;
  overflow-x: hidden;
}
.tooltip--edit-display > * ::-webkit-scrollbar {
  width: 14px;
}
.tooltip--edit-display > * {
  /* 4px scroll thumb. 10px margin from right margin */
}
.tooltip--edit-display > * ::-webkit-scrollbar-track {
  box-shadow: inset 0 0 14px 14px transparent;
  border: solid 4px transparent;
}
.tooltip--edit-display > * ::-webkit-scrollbar-thumb {
  box-shadow: inset 0 0 14px 14px #bbbbbe;
  border: solid 4px transparent;
  border-radius: 14px;
}
.tooltip--edit-display > * ::-webkit-scrollbar-button {
  display: none;
}

/* Patterns - Avatar Card Image */
.layout .avatar-card-image {
  border: var(--border-size-s) solid var(--border-color);
  padding: var(--space-none);
  width: 200px;
}
.layout .avatar-card-image__avatar .avatar {
  width: 100%;
  min-height: 120px;
  height: auto;
  min-width: auto;
  border-radius: var(--border-radius-none);
  font-size: var(--font-size-display);
}
.layout .avatar-card-image__avatar .avatar-wrapper {
  display: block;
}
.layout .avatar-card-image__avatar .avatar img {
  width: 100%;
}
.layout .avatar-card-image__title {
  align-items: center;
  display: flex;
  padding: var(--space-xs) var(--space-s);
  font-size: var(--font-size-h4);
  font-weight: var(--font-semi-bold);
  justify-content: space-between;
}
.layout .avatar-card-image__title [data-popover] [data-icon] {
  font-size: var(--font-size-base);
  margin: var(--space-none);
}
.layout .avatar-card-image__title [data-popover] > .popover-top {
  color: var(--color-primary);
}
.layout .avatar-card-image__title [data-popover] > .popover-bottom a,
.layout .avatar-card-image__title [data-popover] > .popover-bottom a:visited {
  font-size: var(--font-size-xxs);
}

.avatar__list,
.avatar__list .list {
  box-sizing: content-box;
  display: flex;
  flex-direction: row;
  overflow: unset;
}
.avatar__list > div,
.avatar__list > span > div:not(:first-child) {
  margin-left: -14px;
}

/* Patterns - Content - User Avatar */
.avatar {
  position: relative;
  min-width: 24px;
  min-height: 24px;
  overflow: hidden;
  font-weight: var(--font-regular);
  background-color: var(--color-neutral-6);
}
.avatar[class*=size--square-xxxs] {
  font-size: 8px;
  line-height: 1em;
  min-width: 16px;
  min-height: 16px;
}
.avatar[class*=size--square-xxs] {
  font-size: 12px;
  line-height: 1em;
  min-width: 24px;
  min-height: 24px;
}
.avatar[class*=size--square-xs] {
  font-size: 16px;
  line-height: 1em;
  min-width: 32px;
  min-height: 32px;
}
.avatar[class*=size--square-sm] {
  font-size: 24px;
  line-height: 1em;
  min-width: 48px;
  min-height: 48px;
}
.avatar[class*=size--square-md] {
  font-size: 32px;
  line-height: 1em;
  min-width: 64px;
  min-height: 64px;
}
.avatar[class*=size--square-lg] {
  font-size: 44px;
  line-height: 1em;
  min-width: 88px;
  min-height: 88px;
}
.avatar[class*=size--square-xl] {
  font-size: 72px;
  line-height: 1em;
  min-width: 144px;
  min-height: 144px;
}
.avatar[class*=size--square-xxl] {
  font-size: 100px;
  line-height: 1em;
  min-width: 200px;
  min-height: 200px;
}
.avatar:has(img) {
  background-color: unset;
}
.avatar img {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 102%;
  max-width: 102%;
  transform: translate(-50%, -50%);
}
.avatar--large {
  width: 120px;
  height: 120px;
  font-size: var(--font-size-display);
}
.avatar--small {
  width: 24px;
  height: 24px;
  font-size: var(--font-size-s);
}
.avatar--core-gradient {
  width: 200px;
  height: 200px;
}
.avatar--core-gradient .avatar__content {
  position: absolute;
  bottom: 10%;
  left: 0;
  z-index: 2;
  width: 100%;
}
.avatar--core-gradient .avatar__content span {
  display: block;
  margin: 0 auto;
  overflow: hidden;
  text-align: center;
  text-overflow: ellipsis;
  text-transform: none;
  white-space: nowrap;
}
.avatar--core-gradient .avatar__content span:first-of-type {
  width: 85%;
  font-weight: 600;
}
.avatar--core-gradient .avatar__content span:last-of-type {
  width: 70%;
  line-height: 20px;
}
.avatar--core-gradient .avatar__content__badge {
  text-align: center;
}
.avatar--core-gradient::before {
  position: absolute;
  top: 50%;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  content: "";
  background: linear-gradient(180deg, transparent 0%, var(--color-primary) 100%);
  border-radius: 0 0 200px 200px;
}
.avatar-wrapper {
  display: inline-flex;
  position: relative;
  vertical-align: middle;
}
.avatar-wrapper.status {
  background-color: transparent;
}
.avatar-wrapper.status::before {
  position: absolute;
  right: -5px;
  bottom: -5px;
  z-index: 1;
  font-size: var(--font-size-h3);
  font-family: wodify-icons;
  background-color: var(--color-white);
  height: 14px;
  width: 14px;
  border: var(--border-size-l) solid var(--content-bg);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--border-radius-circle);
}
.chip .avatar-wrapper.status {
  margin-right: var(--space-s);
}
.chip .avatar-wrapper.status .avatar {
  box-shadow: none;
  border: var(--border-size-none);
}
.chip .avatar-wrapper.status:before {
  right: -10px;
  bottom: 50%;
  transform: translateY(50%);
  font-size: var(--font-size-h4);
  height: 16px;
  width: 16px;
}
.avatar-wrapper.avatar-rings {
  box-shadow: 0 0 0 var(--border-size-m) var(--avatar-color);
  border-radius: 50%;
}
.avatar-wrapper.avatar-rings .avatar-tag {
  position: absolute;
  bottom: -4px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--avatar-color);
  color: white;
  text-transform: uppercase;
  white-space: nowrap;
  font-size: 7px;
  line-height: 7px;
  font-weight: var(--font-semi-bold);
  padding: 1px 3px 1px 3px;
  max-width: 170%;
  border-radius: var(--border-radius-soft);
}
.avatar-wrapper.avatar-rings .avatar-tag [data-expression] {
  white-space: nowrap;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.avatar-wrapper.avatar-rings .avatar.size--square-sm + .avatar-tag,
.avatar-wrapper.avatar-rings .avatar.size--square-md + .avatar-tag {
  font-size: var(--font-size-xxs);
  line-height: var(--font-size-xxs);
}
.avatar-wrapper.avatar-rings .avatar.size--square-md + .avatar-tag {
  font-size: var(--font-size-xxs);
  line-height: var(--font-size-xxs);
}
.avatar-wrapper.avatar-rings .avatar.size--square-lg + .avatar-tag {
  font-size: var(--font-size-xs);
  line-height: var(--font-size-xs);
  padding: 1px 4px 1px 4px;
  min-width: 50px;
}
.avatar-wrapper.avatar-rings .avatar.size--square-xl + .avatar-tag,
.avatar-wrapper.avatar-rings .avatar.size--square-xxl + .avatar-tag {
  font-size: var(--font-size-base);
  line-height: var(--font-size-base);
  padding: 3px 6px 3px 6px;
  min-width: 50px;
}
.avatar-wrapper.avatar-rings::before {
  display: none;
}
.wds-file-upload .avatar-wrapper.avatar-rings {
  box-shadow: 0 0 0 var(--border-size-l) var(--avatar-color);
}
.profile-header-wrapper .avatar-group-container .wds-file-upload .avatar-wrapper.avatar-rings .wds-file-upload__image {
  box-shadow: unset;
}
.profile-header-wrapper .avatar-group-container .wds-file-upload .avatar-wrapper.avatar-rings.wds-file-upload__image-button {
  width: 80px;
}
.profile-header-wrapper .avatar-group-container .wds-file-upload .avatar-wrapper.avatar-rings.wds-file-upload__image-button::before {
  display: none;
}
.wds-file-upload .avatar-wrapper.avatar-rings .avatar + .avatar-tag {
  bottom: -8px;
  font-size: var(--font-size-base);
  line-height: var(--font-size-base);
  padding: 3px 6px 2px 6px;
  min-width: 60px;
  border-radius: 14px;
}
@media (min-height: 500px) {
  .modal .avatar--modal-preview .avatar {
    height: 250px;
    width: 250px;
  }
  .modal .avatar--modal-preview .avatar img {
    max-height: unset;
  }
}
.avatar:not([class*=size--]) {
  font-size: var(--font-size-h4);
}
.avatar--bordered {
  border: var(--border-size-m) solid var(--content-bg);
}
.avatar--header-color.avatar {
  background-color: var(--header-color, --color-primary) !important;
}

label.wds-file-upload__image-button > *,
[id*=ImageCropperModal] .modal-actions button.btn > * {
  pointer-events: none;
}

[id*=ImageCropperModal] .modal-actions {
  bottom: auto;
  left: auto;
  right: auto;
  position: static;
}

.wds-file-upload {
  position: relative;
}
.wds-file-upload__image-button {
  cursor: pointer;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 110px;
}
.wds-file-upload__image-button .wds-file-upload__image-label {
  margin-top: var(--space-s);
}
.wds-file-upload__image, .wds-file-upload__image-placeholder {
  border-radius: var(--border-radius-circle);
  border: var(--border-size-m) solid var(--content-bg);
  width: 110px;
  height: 110px;
  overflow: hidden;
}
.wds-file-upload__image img, .wds-file-upload__image-placeholder img {
  width: 100%;
  max-width: 100%;
  max-height: 100%;
}
.wds-file-upload__image-placeholder {
  align-items: center;
  background-color: var(--area-bg);
  color: var(--main-text-color);
  display: flex;
  font-size: var(--font-size-display);
  justify-content: center;
}
.wds-file-upload__image-label {
  color: var(--color-primary);
  font-size: var(--font-size-s);
}
.wds-file-upload__image-label > span {
  display: inline;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.wds-file-upload ~ [data-block*=Modal] .tabs-content {
  padding-bottom: var(--space-none);
}
.wds-file-upload__input {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
  left: 0;
  top: 0;
  cursor: pointer;
}
.wds-file-upload__input-label {
  background-color: var(--color-neutral-1);
  cursor: pointer;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: var(--space-none);
  min-height: 280px;
  border-radius: var(--border-radius-soft);
}
.wds-file-upload__input-label.wds-file-upload--camera-label {
  background-color: transparent;
}
.wds-file-upload__input-label-text, .wds-file-upload__input-label-error, .wds-file-upload__input-label-drop {
  pointer-events: none;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.wds-file-upload__input-label-drop {
  display: none;
  text-transform: none;
  font-size: var(--font-size-h4);
  font-style: italic;
  font-weight: var(--font-regular);
  color: var(--main-text-color);
}
.wds-file-upload__input-label h4 {
  margin: var(--space-s) var(--space-none) var(--space-none);
  text-transform: none;
  color: var(--main-text-color);
}
.wds-file-upload__input-label .btn.btn-primary {
  margin: var(--space-base) var(--space-none) var(--space-none);
}
.wds-file-upload__web-url-preview {
  max-width: 100%;
  max-height: 100%;
}
.wds-file-upload__camera-video, .wds-file-upload__camera-canvas, .wds-file-upload__camera-audio {
  display: none;
}
.wds-file-upload__camera-video {
  width: 100%;
  max-height: calc(50vh - 80px);
}
.wds-file-upload__camera-video.camera-allowed {
  display: block;
}
.wds-file-upload__instructions {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  margin: var(--space-s) var(--space-none) var(--space-none);
}
.wds-file-upload__instructions .wds-file-upload__instruction-text,
.wds-file-upload__instructions .input-text {
  display: block;
  flex: 1;
  margin-right: var(--space-s);
}
.wds-file-upload__instructions .wds-file-upload__input-web-url {
  height: 40px;
}
.wds-file-upload__instructions .wds-file-upload__instruction-text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  color: var(--secondary-text-color);
}
.wds-file-upload__instructions .btn.btn-primary {
  margin: var(--space-none);
}
.wds-file-upload--drag-active .wds-file-upload__input-label-text, .wds-file-upload--drag-active .wds-file-upload__input-label-error {
  display: none;
}
.wds-file-upload--drag-active .wds-file-upload__input-label-drop {
  display: block;
}
.wds-file-upload-mobile__edit-button {
  display: flex;
  position: absolute;
  bottom: 0px;
  right: 0px;
  padding: 2px;
  border-radius: 5px;
  background-color: var(--color-primary);
  color: var(--button-color, var(--color-white));
}
.dark-mode .wds-file-upload-mobile__edit-button, .dark-styles .wds-file-upload-mobile__edit-button {
  color: var(--button-color-dark, var(--color-black));
}
.wds-file-upload.status {
  background-color: transparent;
}
.wds-file-upload.status .wds-file-upload__image-button::before {
  position: absolute;
  right: 0;
  top: 80px;
  font-size: 40px;
  font-family: wodify-icons;
  background-color: var(--color-white);
  height: 28px;
  width: 28px;
  border: var(--border-size-l) solid var(--content-bg);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--border-radius-circle);
}
.wds-file-upload.status.alert-error .wds-file-upload__image,
.wds-file-upload.status.alert-error .wds-file-upload__image-placeholder {
  box-shadow: 0 0 0 var(--border-size-m) var(--color-error);
}
.wds-file-upload.status.alert-error .wds-file-upload__image-button:before {
  color: var(--color-error);
}
.wds-file-upload.status.alert-success .wds-file-upload__image,
.wds-file-upload.status.alert-success .wds-file-upload__image-placeholder {
  box-shadow: 0 0 0 var(--border-size-m) var(--color-success);
}
.wds-file-upload.status.alert-success .wds-file-upload__image-button:before {
  color: var(--color-success);
}
.wds-file-upload.status.alert-warning .wds-file-upload__image,
.wds-file-upload.status.alert-warning .wds-file-upload__image-placeholder {
  box-shadow: 0 0 0 var(--border-size-m) var(--color-warning);
}
.wds-file-upload.status.alert-warning .wds-file-upload__image-button:before {
  color: var(--color-warning);
}

.wds-cropper__container .cropper-container {
  direction: ltr;
  font-size: 0;
  line-height: 0;
  position: relative;
  touch-action: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.wds-cropper__container .cropper-container img {
  display: block;
  height: 100%;
  image-orientation: 0deg;
  max-height: none !important;
  max-width: none !important;
  min-height: 0 !important;
  min-width: 0 !important;
  width: 100%;
}
.wds-cropper__container .cropper-wrap-box, .wds-cropper__container .cropper-canvas, .wds-cropper__container .cropper-drag-box, .wds-cropper__container .cropper-crop-box, .wds-cropper__container .cropper-modal {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.wds-cropper__container .cropper-wrap-box, .wds-cropper__container .cropper-canvas {
  overflow: hidden;
}
.wds-cropper__container .cropper-drag-box {
  background-color: #fff;
  opacity: 0;
}
.wds-cropper__container .cropper-modal {
  background-color: #000;
  opacity: 0.5;
}
.wds-cropper__container .cropper-view-box {
  display: block;
  height: 100%;
  outline: 1px solid #39f;
  outline-color: rgba(51, 153, 255, 0.75);
  overflow: hidden;
  width: 100%;
}
.wds-cropper__container .cropper-dashed {
  border: 0 dashed #eee;
  display: block;
  opacity: 0.5;
  position: absolute;
}
.wds-cropper__container .cropper-dashed.dashed-h {
  border-bottom-width: 1px;
  border-top-width: 1px;
  height: 33.3333333333%;
  left: 0;
  top: 33.3333333333%;
  width: 100%;
}
.wds-cropper__container .cropper-dashed.dashed-v {
  border-left-width: 1px;
  border-right-width: 1px;
  height: 100%;
  left: 33.3333333333%;
  top: 0;
  width: 33.3333333333%;
}
.wds-cropper__container .cropper-center {
  display: block;
  height: 0;
  left: 50%;
  opacity: 0.75;
  position: absolute;
  top: 50%;
  width: 0;
}
.wds-cropper__container .cropper-center::before, .wds-cropper__container .cropper-center::after {
  background-color: #eee;
  content: " ";
  display: block;
  position: absolute;
}
.wds-cropper__container .cropper-center::before {
  height: 1px;
  left: -3px;
  top: 0;
  width: 7px;
}
.wds-cropper__container .cropper-center::after {
  height: 7px;
  left: 0;
  top: -3px;
  width: 1px;
}
.wds-cropper__container .cropper-face, .wds-cropper__container .cropper-line, .wds-cropper__container .cropper-point {
  display: block;
  height: 100%;
  opacity: 0.1;
  position: absolute;
  width: 100%;
}
.wds-cropper__container .cropper-face {
  background-color: #fff;
  left: 0;
  top: 0;
}
.wds-cropper__container .cropper-line {
  background-color: #39f;
}
.wds-cropper__container .cropper-line.line-e {
  cursor: ew-resize;
  right: -3px;
  top: 0;
  width: 5px;
}
.wds-cropper__container .cropper-line.line-n {
  cursor: ns-resize;
  height: 5px;
  left: 0;
  top: -3px;
}
.wds-cropper__container .cropper-line.line-w {
  cursor: ew-resize;
  left: -3px;
  top: 0;
  width: 5px;
}
.wds-cropper__container .cropper-line.line-s {
  bottom: -3px;
  cursor: ns-resize;
  height: 5px;
  left: 0;
}
.wds-cropper__container .cropper-point {
  background-color: #39f;
  height: 5px;
  opacity: 0.75;
  width: 5px;
}
.wds-cropper__container .cropper-point.point-e {
  cursor: ew-resize;
  margin-top: -3px;
  right: -3px;
  top: 50%;
}
.wds-cropper__container .cropper-point.point-n {
  cursor: ns-resize;
  left: 50%;
  margin-left: -3px;
  top: -3px;
}
.wds-cropper__container .cropper-point.point-w {
  cursor: ew-resize;
  left: -3px;
  margin-top: -3px;
  top: 50%;
}
.wds-cropper__container .cropper-point.point-s {
  bottom: -3px;
  cursor: s-resize;
  left: 50%;
  margin-left: -3px;
}
.wds-cropper__container .cropper-point.point-ne {
  cursor: nesw-resize;
  right: -3px;
  top: -3px;
}
.wds-cropper__container .cropper-point.point-nw {
  cursor: nwse-resize;
  left: -3px;
  top: -3px;
}
.wds-cropper__container .cropper-point.point-sw {
  bottom: -3px;
  cursor: nesw-resize;
  left: -3px;
}
.wds-cropper__container .cropper-point.point-se {
  bottom: -3px;
  cursor: nwse-resize;
  height: 20px;
  opacity: 1;
  right: -3px;
  width: 20px;
}
@media (min-width: 768px) {
  .wds-cropper__container .cropper-point.point-se {
    height: 15px;
    width: 15px;
  }
}
@media (min-width: 992px) {
  .wds-cropper__container .cropper-point.point-se {
    height: 10px;
    width: 10px;
  }
}
@media (min-width: 1200px) {
  .wds-cropper__container .cropper-point.point-se {
    height: 5px;
    opacity: 0.75;
    width: 5px;
  }
}
.wds-cropper__container .cropper-point.point-se::before {
  background-color: #39f;
  bottom: -50%;
  content: " ";
  display: block;
  height: 200%;
  opacity: 0;
  position: absolute;
  right: -50%;
  width: 200%;
}
.wds-cropper__container .cropper-invisible {
  opacity: 0;
}
.wds-cropper__container .cropper-bg {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC");
}
.wds-cropper__container .cropper-hide {
  display: block;
  height: 0;
  position: absolute;
  width: 0;
}
.wds-cropper__container .cropper-hidden {
  display: none !important;
}
.wds-cropper__container .cropper-move {
  cursor: move;
}
.wds-cropper__container .cropper-crop {
  cursor: crosshair;
}
.wds-cropper__container .cropper-disabled .wds-cropper__container .cropper-drag-box, .wds-cropper__container .cropper-disabled .wds-cropper__container .cropper-face, .wds-cropper__container .cropper-disabled .wds-cropper__container .cropper-line, .wds-cropper__container .cropper-disabled .wds-cropper__container .cropper-point {
  cursor: not-allowed;
}
.wds-cropper__container {
  max-height: calc(50vh - 80px);
}
.wds-cropper__container > img {
  display: block;
  max-width: 100%;
  max-height: calc(50vh - 80px);
  margin: auto;
}
.wds-cropper__container.wds-cropper--profile-mode .cropper-view-box,
.wds-cropper__container.wds-cropper--profile-mode .cropper-face {
  border-radius: 50%;
}
.wds-cropper__container .cropper-img-preview {
  max-height: calc(50vh - 80px);
}
.wds-cropper__container .cropper-img-preview[class*=ThemeGrid_Width], .wds-cropper__container .cropper-img-preview[class*=ThemeGrid_Margin] {
  vertical-align: initial;
  margin: var(--space-none);
  width: initial;
}
.wds-cropper__container .cropper-container,
.wds-cropper__container .cropper-container .cropper-wrap-box,
.wds-cropper__container .cropper-container .cropper-canvas {
  max-height: calc(50vh - 80px);
}
.profile-edit__image .wds-cropper__container .cropper-container,
.profile-edit__image .wds-cropper__container .cropper-container .cropper-wrap-box,
.profile-edit__image .wds-cropper__container .cropper-container .cropper-canvas {
  max-height: unset;
}
.wds-cropper__buttons {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: flex-start;
  margin-top: var(--space-xs);
}
.wds-cropper__buttons .button__group {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
}
.wds-cropper__buttons .button__group + .button__group {
  margin-left: 1.5rem;
}
.wds-cropper__buttons .button__group .btn + .btn {
  margin-left: 0.3125rem;
}

.chart-horizontal-scroll .chart-container {
  overflow-x: auto !important;
}
.chart-horizontal-scroll .highcharts-container {
  margin: auto;
}

.highcharts-point {
  stroke: var(--color-primary);
  fill: var(--color-primary);
}
.highcharts-halo {
  fill: var(--color-primary);
}
.highcharts-graph {
  opacity: 1;
  stroke: var(--color-primary);
}

.fixed-help {
  right: var(--space-l);
  bottom: var(--space-base);
  z-index: 100;
  width: 56px;
  height: 56px;
  cursor: pointer;
  background: var(--content-bg);
  box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.15);
  transition: box-shadow ease 0.3s;
  position: fixed;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  border-radius: var(--border-radius-circle);
  display: flex;
}
.fixed-help a {
  color: var(--main-text-color);
}
.fixed-help-title {
  margin: var(--space-s) var(--space-m) calc(var(--space-base) * -1);
}
@media (max-width: 22.49em) {
  .fixed-help-title {
    margin: var(--space-s) var(--space-base) calc(var(--space-base) * -1);
  }
}
.fixed-help ~ .fixed-help {
  margin-right: calc(var(--space-l) * 2);
}

.system-status {
  width: 8px;
  height: 8px;
}

.phone .fixed-help {
  display: none;
}

@media (max-width: 991px) {
  .fixed-help ~ .fixed-help {
    display: flex !important;
    margin-right: 0px !important;
  }
}
.wds-tips {
  position: relative;
  overflow: hidden;
  background-color: var(--color-background-body);
}
@media (max-width: 74.99em) {
  .wds-tips {
    position: absolute;
    top: 0;
    right: 0;
    width: 340px;
    height: 100%;
    transition: transform 0.3s ease-out;
    transform: translateX(100%);
  }
  .wds-tips.tips-opened {
    transform: translateX(0);
  }
}
@media (max-width: 35.99em) {
  .wds-tips {
    width: 100%;
    z-index: 2;
  }
}
.wds-tips::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  content: "";
  border-color: var(--color-neutral-2) transparent transparent transparent;
  border-style: solid;
  border-width: 90px 290px 0 0;
}

/* Patterns - Autocomplete */
.autocomplete {
  display: flex;
}
.autocomplete-wrapper {
  position: relative;
  z-index: 2;
}
.autocomplete-label {
  margin-bottom: var(--space-xs);
}
.autocomplete-clear-text {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  z-index: 5;
}
.autocomplete-clear-text.btn {
  background: transparent;
  border: 0;
  color: var(--color-neutral-8);
  padding: var(--space-s);
}
.autocomplete-search {
  position: relative;
  border-radius: var(--border-radius-soft);
  border: var(--border-size-s) solid var(--border-color);
  font-size: var(--font-size-base);
  line-height: 22px;
  padding: var(--space-none) var(--space-base);
}
.autocomplete-search:focus-within {
  border-color: var(--focused-border-color);
}
.autocomplete-search .form-control[data-input].autocomplete-search-input {
  border-width: var(--border-size-none);
  padding: var(--space-none);
}
.autocomplete-search .input-with-icon .input-with-icon-content-icon {
  z-index: 2;
}
.autocomplete-search .input-search {
  display: block;
  position: relative;
  z-index: 1;
}
.autocomplete-search-input, .autocomplete-search-input.form-control {
  background-color: transparent;
  padding-right: var(--space-xl);
}
.autocomplete-search-input::-moz-placeholder, .autocomplete-search-input.form-control::-moz-placeholder {
  color: var(--secondary-text-color);
  opacity: 1;
}
.autocomplete-search-input::placeholder, .autocomplete-search-input.form-control::placeholder {
  color: var(--secondary-text-color);
  opacity: 1;
}
.dark-styles .autocomplete-search-input::-moz-placeholder, .dark-mode .autocomplete-search-input::-moz-placeholder, .dark-styles .autocomplete-search-input.form-control::-moz-placeholder, .dark-mode .autocomplete-search-input.form-control::-moz-placeholder {
  color: var(--border-color);
}
.dark-styles .autocomplete-search-input::placeholder, .dark-mode .autocomplete-search-input::placeholder, .dark-styles .autocomplete-search-input.form-control::placeholder, .dark-mode .autocomplete-search-input.form-control::placeholder {
  color: var(--border-color);
}
.autocomplete-search-input:-ms-input-placeholder, .autocomplete-search-input.form-control:-ms-input-placeholder {
  color: var(--secondary-text-color);
}
.dark-styles .autocomplete-search-input:-ms-input-placeholder, .dark-mode .autocomplete-search-input:-ms-input-placeholder, .dark-styles .autocomplete-search-input.form-control:-ms-input-placeholder, .dark-mode .autocomplete-search-input.form-control:-ms-input-placeholder {
  color: var(--border-color);
}
.autocomplete-search-input::-ms-input-placeholder, .autocomplete-search-input.form-control::-ms-input-placeholder {
  color: var(--secondary-text-color);
}
.dark-styles .autocomplete-search-input::-ms-input-placeholder, .dark-mode .autocomplete-search-input::-ms-input-placeholder, .dark-styles .autocomplete-search-input.form-control::-ms-input-placeholder, .dark-mode .autocomplete-search-input.form-control::-ms-input-placeholder {
  color: var(--border-color);
}
.autocomplete-search-input[type=search]::-webkit-search-cancel-button, .autocomplete-search-input.form-control[type=search]::-webkit-search-cancel-button {
  right: var(--space-none);
}
.autocomplete-results {
  
}
.autocomplete-results .autocomplete-list,
.autocomplete-results .empty-results {
  background-color: var(--content-bg);
  border: var(--border-size-s) solid var(--border-color);
  border-radius: var(--border-radius-soft);
  display: none;
  left: 0;
  list-style: none;
  margin: var(--space-xs) var(--space-none) var(--space-none);
  max-height: 298px;
  overflow: hidden;
  padding: var(--space-xs);
  position: absolute;
  top: 100%;
  width: 100%;
  will-change: scroll-position;
  word-break: break-all;
  z-index: 1;
}
.autocomplete-results .autocomplete-list {
  
}
.autocomplete-results .empty-results {
  
}
.autocomplete-results.is--open .autocomplete-list,
.autocomplete-results.is--open .empty-results {
  display: block;
  overflow-y: auto;
}
.autocomplete-results .autocomplete-list-item {
  color: var(--main-text-color);
  cursor: pointer;
  padding: var(--space-s) var(--space-base);
  position: relative;
}
.autocomplete-results .global-search-results-wrapper {
  width: 544px;
}
.autocomplete-tags .tag-list {
  
  
}
.autocomplete-dropdown {
  position: absolute;
  z-index: 100;
  top: 42px;
  width: 100%;
  border: 1px solid var(--border-color);
  border-radius: var(--border-radius-soft);
  background-color: var(--color-white);
  overflow-y: auto;
  max-height: 268px;
}
.autocomplete__placeholder--input {
  display: inline-flex;
  flex: 1 0 auto;
  align-items: center;
  max-width: 100%;
}
.autocomplete__placeholder--input .input-with-icon .input-with-icon-content-icon {
  top: 50%;
  transform: translateY(-50%);
}
.autocomplete__placeholder--input .input-text {
  width: 100%;
}
.autocomplete__placeholder--input input {
  width: calc(100% - 16px);
  padding-right: 0;
  padding-left: 0;
  border: none;
}
.autocomplete__placeholder--input input:empty {
  height: auto;
}
.autocomplete__placeholder--input input:hover, .autocomplete__placeholder--input input:focus {
  border: none;
}
.autocomplete__placeholder--input input[readonly] {
  background-color: transparent;
  border: none;
}
.autocomplete__placeholder--input .loading-spinner {
  margin-left: -28px;
}
.autocomplete [data-block="Interaction.InputWithIcon"] {
  width: 100%;
}

.autocomplete-category {
  font-size: 12px;
  line-height: 24px;
  color: var(--secondary-text-color);
  text-transform: uppercase;
}

.autocomplete-description {
  color: var(--secondary-text-color);
}

.autocomplete-results .contact-item {
  display: flex !important;
  align-items: center;
  width: 100%;
  padding: 8px 16px !important;
  color: var(--main-text-color) !important;
}
.autocomplete-results .contact-item:hover, .autocomplete-results .contact-item.active, .autocomplete-results .contact-item.hovered {
  background-color: var(--hover-color) !important;
}
.autocomplete-results__extra-content-sticky .autocomplete__extra {
  position: sticky;
  bottom: 0;
  background-color: var(--content-bg);
}
.autocomplete-results [data-list] > * {
  position: relative !important;
  top: 0 !important;
  width: auto !important;
}
.autocomplete-results .global-search-result .global-search-result__email-container .global-search-result__email-copy-link {
  visibility: hidden;
}
.autocomplete-results .global-search-result .global-search-result__email-container:hover .global-search-result__email-copy-link {
  visibility: visible;
}

.phone .layout:not(.layout-native) .autocomplete-clear-text.btn {
  width: 40px;
}

.selectize-control {
  position: relative;
}
.selectize-control.plugin-drag_drop.multi > .selectize-input > div.ui-sortable-placeholder {
  visibility: visible !important;
  background: #f2f2f2 !important;
  background: rgba(0, 0, 0, 0.06) !important;
  border: 0 none !important;
}
.selectize-control.plugin-drag_drop .ui-sortable-placeholder::after {
  visibility: hidden;
  content: "!";
}
.selectize-control.plugin-remove_button [data-value] {
  position: relative;
  padding-right: 24px !important;
}
.selectize-control.plugin-remove_button [data-value] .remove {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  display: inline-block;
  padding-right: 8px;
  font-size: 20px;
  font-weight: 600;
  color: inherit;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
}
.selectize-control.plugin-remove_button [data-value] .remove:hover {
  background: rgba(0, 0, 0, 0.05);
}
.selectize-control.plugin-remove_button [data-value].active .remove {
  border-left-color: #cacaca;
}
.selectize-control.plugin-remove_button .disabled [data-value] .remove {
  border-left-color: var(--color-neutral-0);
}
.selectize-control.plugin-remove_button .disabled [data-value] .remove:hover {
  background: none;
}
.selectize-control.plugin-remove_button .remove-single {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 24px;
}
.selectize-control .selectize-input.disabled {
  background-color: var(--color-neutral-3);
  opacity: 0.5;
}
.selectize-control .selectize-input.focus {
  border-color: var(--color-primary);
}
.selectize-control.single .selectize-input {
  cursor: pointer;
}
.selectize-control.single .selectize-input input {
  cursor: pointer;
}
.selectize-control.single .selectize-input.input-active {
  cursor: text;
}
.selectize-control.single .selectize-input.input-active input {
  cursor: text;
}
.selectize-control.single .selectize-input::after {
  position: absolute;
  top: 50%;
  right: 15px;
  display: block;
  width: 0;
  height: 0;
  margin-top: -3px;
  content: "";
  border-color: var(--main-text-color) transparent transparent;
  border-style: solid;
  border-width: 5px 5px 0;
}
.selectize-control.single .selectize-input.dropdown-active::after {
  margin-top: -4px;
  border-color: transparent transparent var(--color-primary);
  border-width: 0 5px 5px;
}
.selectize-control.multi .selectize-input > div {
  padding: 0 8px;
  margin-top: 4px;
  margin-right: 8px;
  overflow: hidden;
  font-size: 12px;
  font-weight: 400;
  line-height: 24px;
  color: var(--main-text-color);
  cursor: pointer;
}
.selectize-control.multi .selectize-input > div.active {
  color: var(--main-text-color);
  background: var(--color-neutral-6);
  border: 0 solid var(--color-neutral-7);
}
.selectize-control.multi .selectize-input.disabled > div, .selectize-control.multi .selectize-input.disabled > div.active {
  color: var(--secondary-text-color);
  background: var(--color-neutral-0);
  border: 0 solid var(--color-neutral-0);
}
.selectize-control.multi .selectize-input.has-items {
  padding: 8px;
  padding-top: 4px;
}
.selectize-control.rtl.single .selectize-input::after {
  right: auto;
  left: 15px;
}
.selectize-control.rtl .selectize-input > input {
  margin: 0 4px 0 -2px !important;
}

.selectize-dropdown {
  position: absolute;
  z-index: 10;
  box-sizing: border-box;
  margin: -1px 0 0;
  background: var(--color-neutral-0);
  border: 1px solid var(--color-primary);
  border-top: 0 none;
}
.selectize-dropdown.plugin-optgroup_columns .optgroup {
  box-sizing: border-box;
  float: left;
  border-top: 0 none;
  border-right: 1px solid var(--color-neutral-5);
}
.selectize-dropdown.plugin-optgroup_columns .optgroup:last-child {
  border-right: 0 none;
}
.selectize-dropdown.plugin-optgroup_columns .optgroup::before {
  display: none;
}
.selectize-dropdown.plugin-optgroup_columns .optgroup-header {
  border-top: 0 none;
}
.selectize-dropdown [data-selectable] {
  overflow: hidden;
  cursor: pointer;
}
.selectize-dropdown [data-selectable] .highlight {
  background: var(--color-neutral-6);
  border-radius: 1px;
}
.selectize-dropdown [data-selectable].option {
  opacity: 1;
}
.selectize-dropdown [data-selectable].option.active {
  background-color: var(--color-neutral-6);
}
.selectize-dropdown .option,
.selectize-dropdown .optgroup-header {
  padding: 5px 8px;
}
.selectize-dropdown .option,
.selectize-dropdown [data-disabled],
.selectize-dropdown [data-disabled] [data-selectable].option {
  cursor: inherit;
  opacity: 0.5;
}
.selectize-dropdown .optgroup-header {
  color: var(--color-neutral-10);
  cursor: default;
  background: var(--color-neutral-0);
}
.selectize-dropdown .optgroup:first-child .optgroup-header {
  border-top: 0 none;
}
.selectize-dropdown .create {
  color: rgba(48, 48, 48, 0.5);
}
.selectize-dropdown .create.active {
  padding: 4px;
  background-color: var(--color-neutral-6);
}
.selectize-dropdown-content {
  max-height: 200px;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.selectize-dropdown-header {
  position: relative;
  padding: 5px 8px;
  background: var(--color-neutral-4);
  border-bottom: 1px solid var(--color-neutral-7);
  border-radius: 3px 3px 0 0;
}
.selectize-dropdown-header-close {
  position: absolute;
  top: 50%;
  right: 8px;
  margin-top: -12px;
  font-size: 20px !important;
  line-height: 20px;
  color: var(--secondary-text-color);
  opacity: 0.4;
}
.selectize-dropdown-header-close:hover {
  color: var(--color-neutral-10);
}

.selectize-dropdown,
.selectize-input {
  font-family: inherit;
  font-size: 14px;
  line-height: 24px;
  color: var(--color-neutral-10);
  -webkit-font-smoothing: inherit;
}

.selectize-input {
  position: relative;
  z-index: 1;
  box-sizing: border-box;
  display: inline-block;
  width: 100%;
  padding: 8px;
  overflow: hidden;
  border: 1px solid var(--color-neutral-7);
}
.selectize-input > * {
  position: relative;
  display: inline-block;
  
}
.selectize-input > input {
  display: inline-block !important;
  max-width: 100% !important;
  min-height: 0 !important;
  max-height: none !important;
  padding: 0 !important;
  margin: 0 2px 0 0 !important;
  font-family: inherit;
  font-size: 16px;
  line-height: inherit !important;
  color: var(--color-neutral-10);
  -webkit-font-smoothing: inherit;
  text-indent: 0 !important;
  background: none !important;
  border: 0 none !important;
  box-shadow: none !important;
  -webkit-user-select: auto !important;
}
.selectize-input > input::-ms-clear {
  display: none;
}
.selectize-input > input:focus {
  outline: none !important;
}
.selectize-input.full {
  background-color: var(--color-neutral-0);
}
.selectize-input.disabled, .selectize-input.disabled * {
  cursor: default !important;
}
.selectize-input::after {
  display: block;
  clear: left;
  content: "";
}
.selectize-input.dropdown-active::before {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  height: 1px;
  content: "";
  background: var(--color-neutral-3);
}

.taglist .selectize-input > * {
  height: 24px;
  max-height: 24px;
  padding: 0 8px;
  font-weight: var(--font-semi-bold);
  white-space: nowrap;
  vertical-align: bottom;
  background-color: var(--color-neutral-2);
  border-radius: 24px;
}

.selectize-input,
.selectize-control.single .selectize-input.input-active {
  display: inline-block;
  cursor: text;
  background: var(--content-bg);
}

.selectize-input:not(.taglist) {
  padding-right: 40px;
}
.selectize-input:not(.taglist) .item {
  max-width: 100%;
  overflow: auto;
  white-space: nowrap;
  vertical-align: top;
}
.selectize-input:not(.taglist) .item::-webkit-scrollbar {
  display: none;
}
.selectize-input:not(.taglist) .item::-webkit-scrollbar-track {
  background: transparent;
}
.selectize-input:not(.taglist) .item::-webkit-scrollbar-thumb {
  background: transparent;
}
.selectize-input:not(.taglist) .item::-webkit-scrollbar-thumb:hover {
  background: transparent;
}

/* Patterns - Card Template */
.card-template {
  --image-height: 160px;
  height: 100%;
  min-height: 224px;
  position: relative;
}
.card-template:has(.dropdown-expanded) .card-template-hover, .card-template:has(.dropdown-expanded) .card-template-hover-first-button:not(:empty) > * {
  z-index: unset;
}
.card-template:has(.dropdown-expanded) .card-template-hover [data-dropdown] > .dropdown-list {
  z-index: 10;
}
.card-template-hover {
  align-items: center;
  display: none;
  flex-direction: column;
  gap: var(--space-base);
  height: var(--image-height);
  justify-content: center;
  left: 0;
  padding: var(--space-base);
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
}
.card-template-hover > * {
  width: 100%;
}
.card-template-hover > *:not(:empty) a,
.card-template-hover > *:not(:empty) button {
  position: relative;
  z-index: 2;
}
.card-template-hover a, .tablet .card-template-hover a, .phone .card-template-hover a,
.card-template-hover button, .tablet .card-template-hover button, .phone .card-template-hover button {
  height: 48px;
  vertical-align: middle;
}
.card-template-hover-first-button:not(:empty):before {
  background-color: var(--color-black);
  content: "";
  height: calc(var(--image-height) + var(--border-size-s));
  left: 0;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
  border-top-left-radius: var(--border-radius-soft);
  border-top-right-radius: var(--border-radius-soft);
}
.card-template-hover-first-button:not(:empty) > * {
  position: relative;
  z-index: 2;
}
.card-template .card {
  display: flex;
  flex-direction: column;
  height: 100%;
  position: relative;
  border-radius: var(--border-radius-soft);
  box-shadow: var(--shadow-m);
  overflow: hidden;
}
.card-template .tag {
  display: block;
}
.card-template-img {
  height: var(--image-height);
  overflow: hidden;
  position: relative;
}
.card-template-img img {
  width: 101%;
  max-width: unset;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  min-height: 100%;
  transition: transform 0.3s ease;
}
.card-template-img iframe {
  border-radius: 8px 8px 0 0;
  height: calc(100% + 5px);
  width: 100%;
  -webkit-transform: scale(1) translateY(-5px);
  -webkit-transform-origin: 0 0;
}
.card-template-type {
  align-items: center;
  display: flex;
  justify-content: center;
  left: var(--space-s);
  position: absolute;
  top: var(--space-s);
  z-index: 1;
}
.card-template-type .fa {
  background-color: var(--color-disabled-background);
  border-radius: var(--border-radius-small);
  color: var(--secondary-text-color);
}
.card-template-tag {
  position: absolute;
  right: var(--space-s);
  top: var(--space-s);
}
.card-template-bottom {
  background-color: var(--content-bg);
  border-top: var(--border-size-s) solid var(--color-neutral-3);
  display: flex;
  flex: 1;
  flex-direction: column;
  justify-content: space-between;
  padding: var(--space-s) var(--space-base);
}
.card-template-bottom-row {
  gap: var(--space-xxs);
  justify-content: space-between;
}
.card-template-bottom-row, .card-template-bottom-row > * {
  align-items: center;
  display: flex;
}
.card-template-title {
  display: flex;
  flex: 1;
}
.card-template-title > span {
  display: -webkit-box;
  overflow: hidden;
  word-break: break-word;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  color: var(--color-primary);
}
.card-template-date {
  color: var(--color-neutral-4);
  align-items: center;
  display: flex;
  font-size: var(--font-size-xs);
}
.card-template-tags {
  position: absolute;
  top: var(--space-s);
  right: var(--space-none);
}
.card-template-chip {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.card-template-chip .chip__placeholder--name > span {
  display: inline;
}
.card-template--greyed-out .card-template-img > div:first-child {
  opacity: 0.3;
}
.card-template-sidebar.card-template {
  --image-height: 204px;
}
.card-template-sidebar.card-template .card-template-bottom-row:last-of-type {
  display: none;
}
.card-template__square .card-template-img {
  height: unset;
  padding-top: 60%;
}
.desktop .card-template:hover .card-template-hover {
  display: flex;
}
.desktop .card-template:hover .card-template-hover-first-button:not(:empty):before {
  opacity: 0.25;
}
.desktop .card-template:hover .card-template-img img {
  transform: translate(-50%, -50%) scale(1.1);
}
.desktop .card-template:hover .card-template-bottom {
  background-color: var(--area-bg);
}
.desktop .card-template-email-template.card-template:hover .card-template-bottom .icon {
  color: var(--secondary-text-color) !important;
}
.tablet .card-template .card-template-hover, .phone .card-template .card-template-hover {
  display: flex;
  height: unset;
  flex-direction: row;
  width: unset;
  right: 0;
  left: auto;
  gap: var(--space-s);
  padding: var(--space-s);
}

.ck, .ck-body-wrapper,
.ck .ck-ai-assistant-ui_theme {
  --ck-border-radius: var(--border-radius-soft);
  --ck-color-base-background: transparent;
  --ck-focus-ring: var(--border-size-s) solid var(--focused-border-color);
  --ck-color-base-border: var(--border-color);
  --ck-color-toolbar-background: var(--area-bg);
  --ck-icon-size: 24px;
  --ck-inner-shadow: var(--shadow-none);
  --ck-dropdown-arrow-size: 16px;
  --ck-color-button-on-color: var(--color-primary);
  --ck-color-button-on-background: var(--border-color);
  --ck-color-button-on-hover-background: var(--border-color);
  --ck-color-button-on-active-background: var(--border-color);
  --ck-color-button-default-hover-background: var(--border-color);
  --ck-color-list-button-hover-background: var(--ck-color-button-default-hover-background);
  --ck-color-button-default-active-background: transparent;
  --ck-color-list-button-on-background: transparent;
  --ck-color-list-button-on-background-focus: var(--border-color);
  --ck-color-button-action-background: var(--color-primary);
  --ck-color-button-action-hover-background: var(--color-primary-dark);
  --ck-color-button-action-active-background: var(--color-primary-dark);
  --ck-color-button-action-disabled-background: var(--color-disabled-background-active);
  --ck-color-toolbar-border: var(--border-color);
  --ck-z-default: 1;
  --ck-z-modal: 11000;
  --ck-color-base-active: var(--color-primary);
}
.dark-mode .ck, .dark-styles .ck, .dark-mode .ck-body-wrapper, .dark-styles .ck-body-wrapper,
.dark-mode .ck .ck-ai-assistant-ui_theme,
.dark-styles .ck .ck-ai-assistant-ui_theme {
  --ck-color-dropdown-panel-background: var(--content-bg);
  --ck-color-list-background: transparent;
}
.ck-body-wrapper {
  position: relative;
  z-index: var(--ck-z-modal);
}
.ck-body-wrapper .ck.ck-reset_all * {
  color: var(--main-text-color);
}
.ck-body-wrapper .ck.ck-button-action,
.ck-body-wrapper a.ck.ck-button-action {
  background: var(--ck-color-button-action-background);
  color: var(--ck-color-button-action-text);
}
.tablet .ck, .phone .ck {
  --ck-focus-ring: var(--border-size-s) solid var(--focused-border-color);
  caret-color: var(--color-primary);
}
.ck.ck-balloon-panel {
  position: fixed !important;
}
.ck .ck.ck-balloon-panel:not(.ck-tooltip) {
  border: none;
  background: var(--ck-color-base-background);
}
.ck.ck-balloon-panel .ck-toolbar span {
  line-height: 12px;
}
.ck.ck-balloon-panel .ck-mentions {
  background-color: var(--content-bg);
  width: 100%;
}
.ck.ck-balloon-panel .ck-mentions .ck-list__item {
  min-width: 250px;
}
.ck.ck-balloon-panel .ck-mentions .ck-list__item .avatar {
  background-color: var(--area-bg);
  height: 32px;
  margin-right: var(--space-s);
  position: relative;
  width: 32px;
}
.ck.ck-balloon-panel .ck-mentions .ck-list__item .avatar img {
  max-width: calc(100% + 2px);
  position: absolute;
}
.ck.ck-balloon-panel .ck-mentions .ck-list__item .ck-button {
  align-items: center;
  display: flex;
  padding: var(--space-s) var(--space-xs);
}
.ck .ck-toolbar.ck {
  padding: var(--space-none);
}
.ck-rounded-corners .ck .ck-toolbar.ck {
  border-bottom-left-radius: var(--space-none);
  border-bottom-right-radius: var(--space-none);
}
.ck .ck-toolbar .ck-button {
  min-height: 40px;
  min-width: 40px;
}
.ck .ck-toolbar .ck-button.ck-on svg path {
  fill: var(--main-text-color);
}
.ck .ck-toolbar.ck > .ck-toolbar__items > :not(.ck-toolbar__line-break) {
  margin-bottom: var(--space-none);
  margin-top: var(--space-none);
}
.ck .ck-toolbar.ck > .ck-toolbar__items > .ck.ck-button, .ck .ck-toolbar.ck > .ck-toolbar__items > .ck.ck-dropdown > .ck.ck-button {
  border-radius: var(--border-radius-none);
}
.ck .ck-toolbar.ck > .ck-toolbar__items > .ck.ck-button:first-child, .ck .ck-toolbar.ck > .ck-toolbar__items > .ck.ck-dropdown:first-child > .ck.ck-button {
  border-top-left-radius: var(--border-radius-soft);
}
.ck .ck-toolbar .ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_se {
  border: var(--border-size-none);
  border-radius: var(--ck-border-radius);
  margin-top: var(--space-s);
  overflow: hidden;
  padding: var(--space-s);
}
.ck .ck-toolbar .ck-dropdown.ck-placeholders-dropdown .ck-dropdown__panel {
  max-height: 300px;
  overflow: auto;
}
.ck .ck-toolbar .ck-dropdown .ck-dropdown__panel.ck-dropdown__panel-visible {
  padding: var(--space-none);
}
.ck .ck-toolbar .ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_ne {
  border-bottom-left-radius: var(--border-radius-soft);
}
.ck .ck-toolbar .ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_sw > .ck.ck-toolbar {
  background-color: transparent;
}
.ck .ck-toolbar .ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_sw > .ck.ck-toolbar .ck.ck-button {
  border-radius: var(--border-radius-soft);
}
.ck .ck-toolbar .ck-dropdown .ck-dropdown__panel > .ck-list, .ck .ck-toolbar .ck-dropdown .ck-dropdown__panel > .ck-list.ck-rounded-corners {
  padding: var(--space-none);
}
.ck-rounded-corners .ck .ck-toolbar .ck-dropdown .ck-dropdown__panel > .ck-list .ck-list__item:first-child > .ck-button, .ck-rounded-corners .ck .ck-toolbar .ck-dropdown .ck-dropdown__panel > .ck-list .ck-list__item:first-child > .ck-button.ck-rounded-corners, .ck-rounded-corners .ck .ck-toolbar .ck-dropdown .ck-dropdown__panel > .ck-list .ck-list__item:last-child > .ck-button, .ck-rounded-corners .ck .ck-toolbar .ck-dropdown .ck-dropdown__panel > .ck-list .ck-list__item:last-child > .ck-button.ck-rounded-corners, .ck .ck-toolbar .ck-dropdown .ck-dropdown__panel > .ck-list .ck-list__item:first-child > .ck-button, .ck .ck-toolbar .ck-dropdown .ck-dropdown__panel > .ck-list .ck-list__item:first-child > .ck-button.ck-rounded-corners, .ck .ck-toolbar .ck-dropdown .ck-dropdown__panel > .ck-list .ck-list__item:last-child > .ck-button, .ck .ck-toolbar .ck-dropdown .ck-dropdown__panel > .ck-list .ck-list__item:last-child > .ck-button.ck-rounded-corners {
  border-radius: var(--border-radius-soft);
}
.ck .ck-toolbar .ck-dropdown .ck-dropdown__button[data-cke-tooltip-text="Insert media"] {
  padding-left: var(--space-none) !important;
  padding-right: var(--space-none);
  width: 40px;
}
.ck .ck-toolbar .ck-dropdown .ck-dropdown__button[data-cke-tooltip-text="Insert media"] svg.ck-dropdown__arrow {
  display: none;
}
.ck .ck-toolbar .ck-dropdown .ck-button {
  width: 100%;
}
.ck .ck-toolbar .ck-dropdown .ck-button.ck-dropdown__button.ck-on {
  border-radius: var(--ck-border-radius);
}
.ck .ck-toolbar .ck-dropdown span {
  color: var(--main-text-color);
}
.ck .ck-toolbar .ck-dropdown svg.ck-dropdown__arrow {
  height: 18px;
}
.ck .ck-toolbar .ck-dropdown svg.ck-dropdown__arrow path {
  fill: var(--main-text-color);
}
.ck .ck-toolbar .ck-dropdown .ck-list__item {
  background: var(--content-bg);
}
.ck .ck-toolbar .ck-dropdown .ck-list__item button:hover {
  background: var(--area-bg);
}
.ck .ck-toolbar .ck-dropdown .ck-list .ck-button.ck-on, .ck .ck-toolbar .ck-dropdown .ck-list .ck-button.ck-on:hover:not(.ck-disabled) {
  background-color: var(--color-primary);
}
.ck .ck-toolbar .ck-dropdown .ck-list .ck-button.ck-on:focus {
  box-shadow: var(--focused-border-color);
}
.ck .ck-toolbar .ck-dropdown .ck-list .ck-button.ck-on .ck-button__label {
  color: var(--color-white);
}
.ck .ck-toolbar .ck-dropdown.ck-color-ui-dropdown .ck-button.ck-dropdown__button {
  width: 40px;
}
.ck .ck-toolbar .ck-dropdown.ck-color-ui-dropdown .ck-button.ck-dropdown__button:not(.ck-button_with-text) {
  padding-left: var(--space-none);
  padding-right: var(--space-none);
}
.ck .ck-toolbar .ck-dropdown.ck-color-ui-dropdown .ck-button.ck-dropdown__button .ck-dropdown__arrow {
  display: none;
}
.ck .ck-toolbar .ck-dropdown.ck-color-ui-dropdown .ck-color-selector hex-color-picker::part(saturation) {
  border-bottom: var(--border-size-none);
}
.ck .ck-toolbar .ck-dropdown.ck-color-ui-dropdown .ck-color-selector .ck-color-grids-fragment .ck.ck-color-grid {
  grid-gap: var(--space-none);
}
.ck .ck-toolbar .ck-dropdown.ck-color-ui-dropdown .ck-color-selector .ck-color-grids-fragment .ck-color-selector__remove-color,
.ck .ck-toolbar .ck-dropdown.ck-color-ui-dropdown .ck-color-selector .ck-color-grids-fragment .ck-color-selector__color-picker {
  background-color: var(--content-bg);
  display: flex;
  justify-content: center;
  min-height: unset;
}
.ck .ck-toolbar .ck-dropdown.ck-color-ui-dropdown .ck-color-selector .ck-color-grids-fragment .ck-color-selector__remove-color span,
.ck .ck-toolbar .ck-dropdown.ck-color-ui-dropdown .ck-color-selector .ck-color-grids-fragment .ck-color-selector__color-picker span {
  color: var(--color-primary);
}
.ck .ck-toolbar .ck-dropdown.ck-color-ui-dropdown .ck-color-selector .ck-color-grids-fragment .ck-color-selector__remove-color svg,
.ck .ck-toolbar .ck-dropdown.ck-color-ui-dropdown .ck-color-selector .ck-color-grids-fragment .ck-color-selector__color-picker svg {
  display: none;
}
.ck .ck-toolbar .ck-dropdown.ck-color-ui-dropdown .ck-color-selector .ck-color-grids-fragment .ck-color-selector__remove-color:hover,
.ck .ck-toolbar .ck-dropdown.ck-color-ui-dropdown .ck-color-selector .ck-color-grids-fragment .ck-color-selector__color-picker:hover {
  background-color: transparent;
  box-shadow: none;
  cursor: pointer;
}
.ck .ck-toolbar .ck-dropdown.ck-color-ui-dropdown .ck-color-selector .ck-color-grids-fragment .ck-color-selector__remove-color:hover span,
.ck .ck-toolbar .ck-dropdown.ck-color-ui-dropdown .ck-color-selector .ck-color-grids-fragment .ck-color-selector__color-picker:hover span {
  text-decoration: underline;
}
.ck .ck-toolbar .ck-dropdown.ck-color-ui-dropdown .ck-color-selector .ck-color-grids-fragment .ck-color-selector__color-picker {
  border-top: var(--border-size-none);
}
.ck .ck-toolbar .ck-dropdown.ck-color-ui-dropdown .ck-color-selector .ck-color-grids-fragment .ck-color-grid {
  background-color: var(--content-bg);
  padding: var(--space-none) var(--space-s);
}
.ck .ck-toolbar .ck-dropdown.ck-color-ui-dropdown .ck-color-selector .ck-color-grids-fragment .ck-color-grid .ck-button.ck-color-grid__tile {
  height: var(--ck-color-grid-tile-size);
  margin: var(--space-xxs);
  min-height: var(--ck-color-grid-tile-size);
  min-width: var(--ck-color-grid-tile-size);
  width: var(--ck-color-grid-tile-size);
}
.ck .ck-toolbar .ck-dropdown.ck-color-ui-dropdown .ck-color-selector .ck-color-grids-fragment .ck-color-grid .ck-button.ck-color-grid__tile:hover {
  cursor: pointer;
}
.ck .ck-toolbar .ck-dropdown.ck-color-ui-dropdown .ck-color-selector .ck-color-grids-fragment .ck-color-grid .ck-button.ck-color-grid__tile .ck-icon {
  color: var(--color-black);
  height: 16px;
  width: 16px;
}
.ck .ck-toolbar .ck-dropdown.ck-color-ui-dropdown .ck-color-selector .ck-color-picker-fragment .ck.ck-color-picker {
  padding: var(--space-s) var(--space-s) var(--space-xs);
}
.ck .ck-toolbar .ck-dropdown.ck-color-ui-dropdown .ck-color-selector .ck-color-picker-fragment .ck.ck-color-selector_action-bar .ck-button-cancel,
.ck .ck-toolbar .ck-dropdown.ck-color-ui-dropdown .ck-color-selector .ck-color-picker-fragment .ck.ck-color-selector_action-bar .ck-button-save {
  min-height: unset;
}
.ck .ck-toolbar .ck-dropdown.ck-toolbar__grouped-dropdown .ck-toolbar__items {
  display: grid;
  grid-template-columns: repeat(4, 40px);
}
.ck .ck-toolbar .ck-dropdown.ck-toolbar__grouped-dropdown .ck-toolbar__items .ck-button {
  margin-right: var(--space-none);
  width: 40px;
}
.ck .ck-toolbar .ck-dropdown.ck-toolbar__grouped-dropdown .ck-toolbar__items .ck-dropdown.ck-font-size-dropdown, .ck .ck-toolbar .ck-dropdown.ck-toolbar__grouped-dropdown .ck-toolbar__items .ck-dropdown.ck-font-family-dropdown {
  width: 40px;
}
.ck .ck-toolbar .ck-dropdown.ck-toolbar__grouped-dropdown .ck-toolbar__items .ck-dropdown.ck-font-size-dropdown svg.ck-dropdown__arrow, .ck .ck-toolbar .ck-dropdown.ck-toolbar__grouped-dropdown .ck-toolbar__items .ck-dropdown.ck-font-family-dropdown svg.ck-dropdown__arrow {
  display: none;
}
.ck .ck-toolbar .ck-dropdown.ck-toolbar__grouped-dropdown .ck-toolbar__items .ck-dropdown.ck-color-ui-dropdown .ck-dropdown__panel .ck-color-selector__remove-color,
.ck .ck-toolbar .ck-dropdown.ck-toolbar__grouped-dropdown .ck-toolbar__items .ck-dropdown.ck-color-ui-dropdown .ck-dropdown__panel .ck-color-selector__color-picker {
  width: 100%;
  min-height: unset;
}
.ck .ck-toolbar .ck-dropdown.ck-toolbar__grouped-dropdown .ck-toolbar__items .ck-dropdown .ck-dropdown__button[data-cke-tooltip-text="Insert table"] svg.ck-dropdown__arrow {
  display: none;
}
.ck .ck-toolbar .ck-dropdown.ck-toolbar__grouped-dropdown .ck-toolbar__items .ck-dropdown .ck-dropdown__button[data-cke-tooltip-text=Placeholder] {
  justify-content: space-between;
  width: 160px;
}
.ck .ck-toolbar .ck-dropdown.ck-toolbar__grouped-dropdown .ck-toolbar__items .ck-dropdown .ck-dropdown__button[data-cke-tooltip-text=Placeholder] + .ck-dropdown__panel .ck-button {
  width: 100%;
}
.ck .ck-toolbar .ck-dropdown.ck-toolbar__grouped-dropdown .ck-toolbar__items .ck-dropdown:has(> .ck-dropdown__button[data-cke-tooltip-text=Placeholder]) {
  grid-column: 1/5;
}
.ck .ck-toolbar .ck-dropdown.ck-toolbar__grouped-dropdown.ck-toolbar-dropdown {
  margin-bottom: var(--space-none);
  margin-top: var(--space-none);
}
.ck .ck-toolbar .ck-dropdown.ck-toolbar__grouped-dropdown .ck-button.ck-dropdown__button:first-of-type {
  color: var(--secondary-text-color);
}
.ck .ck-toolbar .ck-dropdown.ck-toolbar__grouped-dropdown:last-child > .ck.ck-button {
  border-radius: var(--border-radius-none);
}
.ck .ck-toolbar .ck-dropdown.ck-toolbar__grouped-dropdown:last-child > .ck.ck-button.ck-dropdown__button {
  border-top-right-radius: var(--border-radius-soft);
}
.ck .ck-toolbar:not(.popup--right) .ck-dropdown .ck-dropdown__button[data-cke-tooltip-text="Insert media"] + div {
  left: auto;
  right: 0;
}
.ck .ck-toolbar .ck-insert-table-dropdown__label {
  background: var(--content-bg);
  color: var(--secondary-text-color);
}
.ck .ck-toolbar .ck-insert-table-dropdown__grid {
  background: var(--content-bg);
}
.ck .ck-toolbar .ck-insert-table-dropdown__grid .ck.ck-button {
  border: var(--border-size-s) solid var(--border-color);
  border-radius: var(--border-radius-none);
  min-height: var(--ck-insert-table-dropdown-box-height);
  min-width: var(--ck-insert-table-dropdown-box-width);
  width: unset !important;
  margin-right: var(--ck-insert-table-dropdown-box-margin) !important;
}
.ck .ck-toolbar .ck-insert-table-dropdown__grid .ck.ck-button.ck-on {
  background-color: var(--color-primary-lightest);
  border: solid var(--border-size-s) var(--color-primary);
}
.is--touch .content-expandable .ck.ck-sticky-panel .ck-sticky-panel__content_sticky {
  top: var(--header-size) !important;
}
.ck.ck-editor {
  word-break: break-word;
}
.ck path {
  fill: var(--secondary-text-color);
}
.ck-powered-by-balloon {
  display: none !important;
}
.ck-mention-item {
  color: var(--color-primary);
  font-weight: var(--font-semi-bold);
}
.ck-content {
  font-size: var(--font-size-s);
}
.ck-content p {
  margin: var(--space-none);
}
.ck-content.ck-editor__editable {
  max-height: var(--ck-editor-max-height);
  min-height: var(--ck-editor-min-height);
}
.ck .ck.ck-button,
.ck a.ck.ck-button {
  border: var(--border-size-none);
  box-shadow: var(--shadow-none);
}
.ck .ck.ck-button:focus,
.ck a.ck.ck-button:focus {
  border: var(--border-size-none);
  box-shadow: none;
  outline: 4px solid var(--color-primary-lightest);
}
.ck .ck-toolbar .ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_se .ck .ck.ck-button:focus, .ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel-visible .ck .ck.ck-button:focus,
.ck .ck-toolbar .ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_se .ck a.ck.ck-button:focus,
.ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel-visible .ck a.ck.ck-button:focus {
  outline: none;
}
.ck .ck.ck-button.ck-button_with-text.ck-source-editing-button span.ck-button__label {
  display: none;
}
.ck .ck.ck-button.ck-button_with-text.ck-source-editing-button svg.ck-button__icon {
  margin-left: var(--space-none);
  margin-right: var(--space-none);
}
.ck .ck.ck-button.ck-button_with-text.ck-source-editing-button svg.ck-button__icon.ck-icon_inherit-color path {
  fill: var(--secondary-text-color);
}
.ck.ck-editor__main .ck.ck-editor__editable_inline > :first-child {
  margin-top: var(--space-s);
}
.ck.ck-editor__main .ck.ck-editor__editable_inline > :last-child {
  margin-bottom: var(--space-s);
}
.ck.ck-list-item-button[aria-checked=true] .ck-list-item-button__check-holder {
  visibility: hidden;
}
.ck .ck-placeholder:before, .ck.ck-placeholder:before {
  color: var(--secondary-text-color);
  font-size: var(--font-size-s);
  font-weight: var(--font-regular);
}
.ck .ck-editor__editable .ck-placeholder:before {
  color: var(--secondary-text-color);
}

.ckbox {
  --ckbox-action-h: 7;
  --ckbox-action-s: 67%;
  --ckbox-action-l-50: 46%;
  --ckbox-radius-medium: 0;
  --ckbox-radius-big: 0;
  --ckbox-z-index-root: 10070;
}
.ckbox:not(#n) .ckbox-topbar {
  overflow-y: hidden;
}
.ckbox:not(#n) .ckbox-topbar-actions {
  overflow: unset;
}
.ckbox:not(#n) .ckbox-gallery-figure__caption {
  display: none;
  visibility: hidden;
}

.ckbox-reset .ckbox-gallery-item__details .fa {
  color: var(--secondary-text-color) !important;
}
.ckbox-reset .ckbox-gallery-item__details .fa[class*=" fa-16_"] {
  font-size: 16px !important;
  height: 16px !important;
  line-height: 16px !important;
  width: 16px !important;
}
.ckbox-reset .ckbox-gallery-item__details .fa[class*=" fa-24_"] {
  font-size: 24px !important;
  height: 24px !important;
  line-height: 24px !important;
  width: 24px !important;
}
.ckbox-reset .ckbox-gallery-item__details .fa[class*=" fa-32_"] {
  font-size: 32px !important;
  height: 32px !important;
  line-height: 32px !important;
  width: 32px !important;
}

.ckbox-theme-dark:not(#n) {
  --ckbox-action-l-10: 98%;
  --ckbox-action-l-20: 95%;
  --ckbox-action-l-30: 90%;
  --ckbox-action-l-40: 85%;
  --ckbox-action-l-45: 75%;
  --ckbox-action-l-50: 70%;
  --ckbox-action-l-60: 65%;
  --ckbox-action-l-70: 55%;
  --ckbox-action-l-80: 45%;
  --ckbox-action-l-90: 35%;
  --ckbox-action-l-100: 7.5%;
  --ckbox-danger-l-10: 98%;
  --ckbox-danger-l-20: 90%;
  --ckbox-danger-l-30: 80%;
  --ckbox-danger-l-40: 70%;
  --ckbox-danger-l-45: 75%;
  --ckbox-danger-l-50: 70%;
  --ckbox-danger-l-60: 65%;
  --ckbox-danger-l-70: 55%;
  --ckbox-danger-l-80: 45%;
  --ckbox-danger-l-90: 35%;
  --ckbox-danger-l-100: 25%;
  --ckbox-neutral-l-10: 95%;
  --ckbox-neutral-l-20: 85%;
  --ckbox-neutral-l-30: 75%;
  --ckbox-neutral-l-40: 65%;
  --ckbox-neutral-l-50: 55%;
  --ckbox-neutral-l-60: 45%;
  --ckbox-neutral-l-70: 35%;
  --ckbox-neutral-l-80: 25%;
  --ckbox-neutral-l-90: 22%;
  --ckbox-neutral-l-95: 12%;
  --ckbox-neutral-l-98: 10%;
  --ckbox-neutral-l-100: 8%;
  --ckbox-success-h: 130;
  --ckbox-success-s: 50%;
  --ckbox-success-l-10: 98%;
  --ckbox-success-l-20: 90%;
  --ckbox-success-l-30: 80%;
  --ckbox-success-l-35: 75%;
  --ckbox-success-l-40: 70%;
  --ckbox-success-l-45: 75%;
  --ckbox-success-l-50: 70%;
  --ckbox-success-l-60: 65%;
  --ckbox-success-l-70: 55%;
  --ckbox-success-l-80: 45%;
  --ckbox-success-l-90: 35%;
  --ckbox-success-l-100: 25%;
  --ckbox-focus-color-inner: transparent;
  --ckbox-focus-color-outer-hsl: var(--ckbox-warning-h) var(--ckbox-warning-s) 50%;
}

.phone .ckbox:not(#n) .ckbox-dialog--width-lg,
.phone .ckbox:not(#n) .ckbox-search-dialog {
  width: 100% !important;
}

.collapsable-wrapper {
  position: relative;
}
.collapsable-wrapper .btn-show-more {
  bottom: calc(var(--space-m) * -1);
  opacity: 1;
  font-weight: var(--font-semi-bold);
  position: absolute;
  margin: calc(var(--space-base) * -1);
  padding: var(--space-base);
  z-index: 2;
  transition: opacity 180ms ease;
}
.collapsable-wrapper .collapsable-container.collapsable-base-bottom + .btn-show-more {
  bottom: calc(var(--space-base) * -1);
}
.collapsable-wrapper.is--open-only .collapsable-container.is--expanded {
  margin-bottom: var(--space-none);
}
.collapsable-wrapper.is--open-only .collapsable-container.is--expanded + .btn-show-more {
  opacity: 0;
  pointer-events: none;
}
.collapsable-wrapper.transition-none .collapsable-container {
  margin-bottom: var(--space-none);
}
.collapsable-wrapper.transition-none .collapsable-container::before,
.collapsable-wrapper.transition-none .collapsable-container + .btn-show-more {
  display: none;
}
.collapsable-wrapper:not(.transition-none) .collapsable-container.is--collapsed {
  height: 0;
}
.collapsable-wrapper:has(> .is--light) a {
  color: var(--color-white);
}
.collapsable-container {
  transition: height 0.55s cubic-bezier(0.46, 0.03, 0.52, 0.96);
  overflow: hidden;
  position: relative;
  word-break: break-word;
  margin-bottom: var(--space-l);
}
.collapsable-container.is--animating {
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.collapsable-container.is--shadowed::before {
  box-shadow: 0 0 20px 15px var(--color-background-body);
  content: "";
  height: 1px;
  position: absolute;
  bottom: -1px;
  width: calc(100% + 100px);
  left: -50px;
  transition: opacity 0.6s ease-out 0.3s;
}
.collapsable-container.is--shadowed.area-bg::before {
  box-shadow: 0 0 20px 15px var(--area-bg);
}
.collapsable-container.is--shadowed.is--expanded::before {
  opacity: 0;
  pointer-events: none;
}
.layout-top .collapsable-wrapper .btn-show-more {
  font-size: var(--font-size-xs);
  font-weight: var(--font-regular);
}
.layout-top .collapsable-container.is--shadowed::before {
  box-shadow: 0 0 20px 15px var(--content-bg);
}

/* Patterns - Inline Calendar */
.inline-calendar-inline-content {
  display: flex;
  align-items: center;
  flex: 1;
}
.inline-calendar-inline-toggle {
  margin-left: var(--space-base);
}
@keyframes glow {
  0% {
    transform: translateX(-200%);
  }
  100% {
    transform: translateX(200%);
  }
}
@keyframes loading-transition {
  from {
    opacity: 0.1;
  }
  to {
    opacity: 1;
  }
}
.section-group-list.is--loading,
.list.is--loading,
.empty-state,
.loading-content {
  animation: loading-transition 4s;
}

.empty-state,
.loading-content {
  position: relative;
  overflow: hidden;
  background-color: var(--border-color);
  /*      ANIMATION      */
}
.empty-state:before,
.loading-content:before {
  animation: glow 2s infinite;
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0) 100%);
  bottom: 0;
  content: "";
  left: 0;
  opacity: 0.5;
  position: absolute;
  top: 0;
  width: 100%;
}
.dark-mode .empty-state:before, .dark-styles .empty-state:before,
.dark-mode .loading-content:before,
.dark-styles .loading-content:before {
  background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 50%, rgba(0, 0, 0, 0) 100%);
}

.loading-content {
  border-radius: var(--border-radius-soft);
}

.list.is--loading .list-item-content-text:empty,
.section-group-list.is--loading .list-item-content-text:empty {
  display: block !important;
  background: var(--border-color);
  border-radius: var(--border-radius-soft);
  content: "";
  display: inline-block;
  height: 24px;
  vertical-align: middle;
  width: 60%;
  position: relative;
}
.list.is--loading .list-item-content-text:empty:after,
.section-group-list.is--loading .list-item-content-text:empty:after {
  animation: glow 2s infinite;
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0) 100%);
  bottom: 0;
  content: "";
  left: 0;
  opacity: 0.5;
  position: absolute;
  top: 0;
  width: 100%;
}
.dark-mode .list.is--loading .list-item-content-text:empty:after, .dark-styles .list.is--loading .list-item-content-text:empty:after,
.dark-mode .section-group-list.is--loading .list-item-content-text:empty:after,
.dark-styles .section-group-list.is--loading .list-item-content-text:empty:after {
  background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 50%, rgba(0, 0, 0, 0) 100%);
}
.list.is--loading:not(.list) .section-title:empty,
.list.is--loading:not(.list) .list-item-content-title:empty,
.section-group-list.is--loading:not(.list) .section-title:empty,
.section-group-list.is--loading:not(.list) .list-item-content-title:empty {
  display: block !important;
}
.list.is--loading:not(.list) .section-title:empty:before,
.list.is--loading:not(.list) .list-item-content-title:empty:before,
.section-group-list.is--loading:not(.list) .section-title:empty:before,
.section-group-list.is--loading:not(.list) .list-item-content-title:empty:before {
  background: var(--border-color);
  border-radius: var(--border-radius-soft);
  content: "";
  display: inline-block;
  height: 24px;
  vertical-align: middle;
  width: 60%;
  margin-bottom: var(--space-xs);
  position: relative;
}
.list.is--loading:not(.list) .section-title:empty:after,
.list.is--loading:not(.list) .list-item-content-title:empty:after,
.section-group-list.is--loading:not(.list) .section-title:empty:after,
.section-group-list.is--loading:not(.list) .list-item-content-title:empty:after {
  animation: glow 2s infinite;
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0) 100%);
  bottom: 0;
  content: "";
  left: 0;
  opacity: 0.5;
  position: absolute;
  top: 0;
  width: 100%;
}
.dark-mode .list.is--loading:not(.list) .section-title:empty:after, .dark-styles .list.is--loading:not(.list) .section-title:empty:after,
.dark-mode .list.is--loading:not(.list) .list-item-content-title:empty:after,
.dark-styles .list.is--loading:not(.list) .list-item-content-title:empty:after,
.dark-mode .section-group-list.is--loading:not(.list) .section-title:empty:after,
.dark-styles .section-group-list.is--loading:not(.list) .section-title:empty:after,
.dark-mode .section-group-list.is--loading:not(.list) .list-item-content-title:empty:after,
.dark-styles .section-group-list.is--loading:not(.list) .list-item-content-title:empty:after {
  background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 50%, rgba(0, 0, 0, 0) 100%);
}
.list.is--loading:not(.list) .list-item:nth-child(2n+1) .list-item-content-right:empty,
.section-group-list.is--loading:not(.list) .list-item:nth-child(2n+1) .list-item-content-right:empty {
  display: block !important;
  position: relative;
}
.list.is--loading:not(.list) .list-item:nth-child(2n+1) .list-item-content-right:empty:before,
.section-group-list.is--loading:not(.list) .list-item:nth-child(2n+1) .list-item-content-right:empty:before {
  border: var(--border-size-s) solid var(--border-color);
  border-radius: var(--border-radius-soft);
  content: "";
  display: inline-block;
  height: 16px;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  vertical-align: middle;
  width: 80px;
}
.list.is--loading:not(.list) .list-item:nth-child(2n+1) .list-item-content-right:empty:after,
.section-group-list.is--loading:not(.list) .list-item:nth-child(2n+1) .list-item-content-right:empty:after {
  background: var(--border-color);
  border-radius: var(--border-radius-soft);
  content: "";
  display: inline-block;
  height: 10px;
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
  vertical-align: middle;
  width: 66px;
}
.list.is--loading .list-item .list-item-content-title:empty:before,
.section-group-list.is--loading .list-item .list-item-content-title:empty:before {
  height: 18px;
  width: 30%;
}
.list.is--loading .list-item .list-item-content-text:empty:before,
.section-group-list.is--loading .list-item .list-item-content-text:empty:before {
  height: 22px;
  width: 45%;
}
.list.is--loading .list-item:nth-child(2n) .list-item-content-text:empty:before,
.section-group-list.is--loading .list-item:nth-child(2n) .list-item-content-text:empty:before {
  width: 75%;
}

.typing-indicator {
  padding: var(--space-xxs) var(--space-none);
}
.typing-indicator-background {
  background-color: var(--area-bg);
  border-radius: var(--border-radius-rounded);
  display: inline-flex;
  flex-direction: column;
  padding: var(--space-s);
}
.typing-indicator-background-none {
  display: flex;
  padding-top: var(--space-s);
  padding-bottom: var(--space-s);
}
.typing-indicator span {
  height: 10px;
  width: 10px;
  float: left;
  margin: 0 1px;
  display: block;
  border-radius: 50%;
  opacity: 0.4;
}
.typing-indicator span:nth-of-type(1) {
  animation: 1s blink infinite 0.3333s;
}
.typing-indicator span:nth-of-type(2) {
  animation: 1s blink infinite 0.6666s;
}
.typing-indicator span:nth-of-type(3) {
  animation: 1s blink infinite 0.9999s;
}
.typing-indicator--small {
  padding: var(--space-none);
}
.typing-indicator--small span {
  height: 5px;
  width: 5px;
}

@keyframes blink {
  50% {
    opacity: 1;
  }
}
.share-wrapper {
  position: relative;
  background: linear-gradient(149.81deg, var(--color-primary) 7.2%, var(--color-primary-lighter) 96.52%);
  box-shadow: var(--shadow-m);
  text-align: center;
  padding: var(--space-base) var(--space-m) var(--space-m);
  max-width: 340px;
  max-height: 340px;
  width: calc(100vw - var(--space-xl));
  height: calc(100vw - var(--space-xl));
  margin: auto;
  
  
  
  
}
.share-wrapper .share-content {
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: space-between;
  z-index: 1;
  position: relative;
}
.share-wrapper--with-image {
  padding-left: var(--space-base);
  padding-right: var(--space-base);
  padding-top: var(--space-s);
  text-align: left;
}
.share-wrapper--with-image .share-tenant-logo {
  left: auto;
  right: var(--space-base);
  top: var(--space-s);
}
.share-wrapper--with-image .share-description--bottom {
  text-align: right;
  position: absolute;
  right: var(--space-s);
  bottom: var(--space-s);
}
.share-wrapper:not(.share-wrapper--with-image) .share-user-info {
  margin-bottom: var(--space-m);
}
.share-wrapper:not(.share-wrapper--with-image) .share-description {
  font-size: var(--font-size-l);
}
.share-wrapper:not(.share-wrapper--with-image) .share-description span {
  padding-bottom: var(--space-xs);
}
.share-wrapper:not(.share-wrapper--with-image) .share-description--bottom {
  margin-top: var(--space-l);
}
.share-tenant-logo {
  max-width: 100px;
}
.share-tenant-logo img {
  max-height: 100px;
}
.share-user-info {
  display: flex;
  align-items: center;
}
.share-img {
  margin: var(--space-xs) calc(var(--space-base) * -1);
  width: calc(100% + var(--space-l));
  max-width: unset;
}
.share-img img {
  height: 50vw;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  max-height: 200px;
}

.social-share {
  position: relative;
  width: calc(100vw - var(--space-xl));
  height: calc((100vw - var(--space-xl)) * 16 / 9);
  max-width: 340px;
  max-height: 604.4444444444px;
  margin: auto;
  color: #1e1a19;
}
.social-share__preview-container {
  box-shadow: var(--shadow-m);
  border-radius: var(--border-radius-soft);
  overflow: hidden;
}
.social-share:not(.social-share--has-white-label) {
  color: var(--color-white);
}
.social-share.social-share--has-white-label {
  color: var(--color-white);
}
.header-color--is-light .social-share.social-share--has-white-label {
  color: #1e1a19;
}
.social-share__foreground {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 40px 20px;
}
.social-share__wodify-logo-container {
  flex: 0.5;
  display: flex;
  align-items: center;
}
.social-share--week-streaks .social-share__wodify-logo-container {
  justify-content: center;
}
.social-share__wodify-logo {
  position: relative;
  display: flex;
}
.social-share__wodify-logo-lettering {
  display: none;
  width: 116px;
  height: 23px;
}
.header-color--is-light .social-share.social-share--has-white-label .social-share__wodify-logo-lettering {
  display: block;
}
.social-share__wodify-logo-lettering-white {
  display: block;
  width: 116px;
  height: 23px;
}
.header-color--is-light .social-share.social-share--has-white-label .social-share__wodify-logo-lettering-white {
  display: none;
}
.social-share__content {
  flex: 3;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.social-share__content-top {
  font-size: 20px;
  font-weight: var(--font-semi-bold);
}
.social-share--week-streaks .social-share__content-top {
  display: flex;
  justify-content: center;
  font-size: 150px;
  line-height: 120px;
}
.social-share__content-center {
  display: flex;
  justify-content: start;
  align-items: center;
  gap: var(--space-xs);
  margin: var(--space-xs) 0px;
}
.social-share__content-center-text {
  font-size: 40px;
  line-height: 34px;
  font-weight: var(--font-semi-bold);
}
.social-share__content-center-text span {
  margin-bottom: 2px;
}
.social-share__content-center-pr-text {
  font-size: 14px;
  margin-top: 4px;
}
.social-share--week-streaks .social-share__content-center {
  font-size: 20px;
  line-height: 26px;
  text-transform: uppercase;
  font-weight: var(--font-semi-bold);
  margin: var(--space-s) 0px;
  gap: unset;
  justify-content: center;
}
.social-share--week-streaks .social-share__content-bottom {
  display: flex;
  justify-content: center;
  font-size: 16px;
  line-height: 20px;
}
.social-share__scaling-chip.chip {
  color: #1e1a19;
  background-color: var(--color-white);
}
.header-color--is-light .social-share__scaling-chip.chip {
  color: var(--color-white);
  background-color: #1e1a19;
}
.social-share__customer-logo-container {
  max-width: calc(340px - var(--space-m));
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.social-share__customer-logo-container img {
  max-height: 100px;
  width: auto;
  height: auto;
  max-width: 100%;
  display: block;
  margin: 0 auto;
}
.social-share__customer-name {
  font-size: 40px;
  line-height: 32px;
  font-weight: var(--font-semi-bold);
  text-align: center;
}
.social-share__background {
  background: var(--header-color, --color-primary);
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 0;
}
.social-share__background-hightlight {
  background: linear-gradient(299.25deg, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.13) 50%);
  height: 100%;
}

.tappable-chip {
  cursor: pointer;
}
.tappable-chip .radio-button {
  display: none;
}
.tappable-chip .radio-button:checked + .tappable-chip__label {
  border-color: transparent;
  background-color: var(--color-primary);
  color: var(--button-color, var(--color-white));
}
.dark-mode .tappable-chip .radio-button:checked + .tappable-chip__label, .dark-styles .tappable-chip .radio-button:checked + .tappable-chip__label {
  color: var(--button-color-dark, var(--color-black));
}
.tappable-chip__label {
  border-radius: 8px;
  border: var(--border-size-s) solid var(--color-primary);
  color: var(--color-primary);
  font-size: var(--font-size-s);
  line-height: 18px;
  text-align: center;
  padding: var(--space-xs) var(--space-base);
  pointer-events: none;
}
.tappable-chip-rounded .radio-button:checked + .tappable-chip__label {
  background-color: var(--color-primary);
  color: var(--button-color, var(--color-white));
}
.dark-mode .tappable-chip-rounded .radio-button:checked + .tappable-chip__label, .dark-styles .tappable-chip-rounded .radio-button:checked + .tappable-chip__label {
  color: var(--button-color-dark, var(--color-black));
}
.tappable-chip-rounded .tappable-chip__label {
  background-color: var(--color-neutral-2);
  border-radius: var(--border-radius-rounded);
  border: var(--border-none);
  height: 60px;
  line-height: 58px;
  min-width: 60px;
  padding: var(--space-none);
  width: 60px;
}
.tappable-chip.disabled {
  pointer-events: none;
}
.tappable-chip.disabled .tappable-chip__label {
  background-color: var(--color-disabled-background);
  color: var(--color-disabled-text);
  border-color: var(--color-disabled-border-active);
}
.tappable-chip-multi label {
  cursor: pointer;
}
.tappable-chip-multi .checkbox {
  display: none !important;
}
.tappable-chip-multi .tappable-chip-multi__label {
  border-radius: 8px;
  border: var(--border-size-s) solid var(--color-primary);
  color: var(--color-primary);
  font-size: var(--font-size-s);
  line-height: 18px;
  text-align: center;
  padding: var(--space-xs) var(--space-s);
  margin-bottom: var(--space-none);
}
.tappable-chip-multi .tappable-chip-multi__label.checked {
  background-color: var(--color-primary);
  color: var(--color-neutral-0);
}
.tappable-chip-multi .tappable-chip-multi__label.disabled {
  background-color: var(--color-neutral-1);
  color: var(--color-disabled-text);
  border: var(--color-disabled-border-active);
  pointer-events: none;
}
.tappable-chip-multi .tappable-chip-multi__label.read-only:not(.checked) {
  color: var(--color-disabled-text);
}
.tappable-chip-multi.tappable-chip-rounded .tappable-chip-multi__label {
  background-color: var(--color-neutral-2);
  border-radius: var(--border-radius-rounded);
  border: var(--space-none);
  font-weight: var(--font-semi-bold);
  line-height: 24px;
  height: 24px;
  min-width: 24px;
  padding: var(--space-none);
  width: 24px;
}
.tappable-chip-multi.tappable-chip-rounded .tappable-chip-multi__label.read-only {
  pointer-events: none;
}
.tappable-chip-multi.tappable-chip-rounded .tappable-chip-multi__label.checked {
  border-color: transparent;
  background-color: var(--color-primary);
  color: var(--color-neutral-0);
}
.tappable-chip-multi.tappable-chip-rounded .tappable-chip-multi__label.disabled {
  background-color: var(--color-neutral-1);
  color: var(--color-disabled-text);
  border: var(--color-disabled-border-active);
  pointer-events: none;
}
.tappable-chip-multi.tappable-chip-rounded.tappable-chip-small .tappable-chip-multi__label {
  line-height: 16px;
  height: 16px;
  width: 16px;
  min-width: 16px;
  font-size: var(--font-size-xs);
}

.notification-wrapper {
  top: var(--space-none);
  left: var(--space-none);
  pointer-events: none;
  position: fixed;
  width: 100%;
  z-index: 500;
  
}

.toast {
  background-color: var(--area-bg);
  border-radius: var(--border-radius-soft);
  box-shadow: var(--shadow-l);
  max-width: 600px;
  padding: var(--space-s) var(--space-xxxl) var(--space-s) var(--space-xxl);
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.toast:before {
  background: var(--border-color);
  border-radius: var(--border-radius-circle);
  color: var(--main-color);
  font-family: "wodify-icons";
  font-size: var(--font-size-m);
  height: 26px;
  left: 12px;
  position: absolute;
  text-align: center;
  width: 26px;
}
.toast-wrapper {
  top: -100px;
  margin-top: var(--space-xs);
  margin-left: var(--space-none);
  max-width: 600px;
  opacity: 0;
  pointer-events: none;
  position: relative;
  transition: all 0.3s ease-in-out;
  
  
}
.toast-wrapper.is--visible {
  opacity: 1;
  pointer-events: auto;
  transform: translateY(100px);
  
}
.toast-title {
  font-weight: var(--font-semi-bold);
}
.toast-content {
  display: -webkit-box;
  font-size: var(--font-size-s);
  overflow: hidden;
  word-break: break-word;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.toast-close {
  position: absolute;
  right: var(--space-s);
  top: 50%;
  transform: translateY(-50%);
}
.toast-close:focus {
  outline: none;
}
.phone .toast-wrapper {
  margin: var(--space-m) var(--space-s);
}

.list-item-action-swipe {
  animation-delay: 0.4s;
  position: relative;
}
.list-item-action-swipe:before {
  content: "";
  position: absolute;
  left: 0;
  top: -1px;
  width: 100%;
  height: 1px;
  z-index: 3;
}
.list-item-action-swipe.is--pressing:before {
  box-shadow: inset 0 0 0 1px var(--border-color);
}
.list-item-action-swipe .list-item {
  transition: transform 0.3s ease;
  width: 100%;
  will-change: transform;
  z-index: 2;
  
}
.layout-native .list-item-action-swipe .list-item {
  border-bottom: var(--border-size-none);
}
.list-item-action-swipe .list-item.remove-transition-time {
  transition: none;
}
.list-item-action-swipe .list-item-container {
  display: flex;
  width: 100%;
  position: relative;
}
.list-item-action-swipe .list-item-user {
  min-height: 48px;
}
.list-item-action-swipe .list-item.swipe-left--active {
  transform: translateX(-100px) !important;
}
.list-item-action-swipe .list-item.swipe-right--active {
  transform: translateX(100px) !important;
}
.list-item-action-swipe .list-item-actions {
  display: flex;
  height: 100%;
  justify-content: space-between;
  margin: 0;
  position: absolute;
  width: 100%;
  z-index: 0;
}
.list-item-action-swipe .list-item-actions .icon:before {
  transition: transform 0.8s ease;
}
.list-item-action-swipe .list-item-actions .icon--active:before {
  transform: scale(1.5) rotate(-25deg);
}
.list-item-action-swipe .list-item-action {
  align-items: center;
  display: flex;
  height: 100%;
  min-width: 100px;
  
}
.list-item-action-swipe .list-item.animation-delay {
  transition-delay: 400ms;
}

.chips-list {
  display: flex;
  flex: 1;
  flex-direction: column;
}
.chips-list__container {
  display: flex;
  flex-wrap: wrap;
  padding-bottom: 8px;
  overflow-x: hidden;
}
.chips-list__container > div {
  display: inline-block;
  flex: none;
  margin-top: 8px;
  margin-right: 12px;
}
.chips-list-autocomplete .autocomplete__placeholder--input {
  display: none;
}
.chips-list-autocomplete .chips-list__container .autocomplete__placeholder--input {
  display: inline-block;
}

/* Patterns - Autocomplete Search List Block */
.autocomplete-search--list-block {
  --input-icon-size: 24px;
}
.autocomplete-search--list-block .input-search {
  position: relative;
}
.autocomplete-search--list-block .input-search::before {
  position: absolute;
  top: 50%;
  left: 0;
  z-index: 1;
  font-family: "wodify-icons";
  font-size: var(--input-icon-size);
  width: var(--input-icon-size);
  height: var(--input-icon-size);
  color: var(--color-primary);
  transform: translateY(-50%);
}
.autocomplete-search--list-block .form-control[data-input] {
  margin-left: 34px;
  width: calc(100% - 34px);
}
.autocomplete-search--list-block .autocomplete-results .autocomplete-list:empty {
  display: none;
}
.autocomplete-search--list-block .autocomplete-results .autocomplete-list-item {
  padding: var(--space-base) var(--space-s);
}
.autocomplete-search--list-block .autocomplete-results .autocomplete-list,
.autocomplete-search--list-block .autocomplete-results .empty-results {
  position: relative;
  border-color: transparent;
  background-color: transparent;
  padding: var(--space-none);
  overflow: visible;
  max-height: none;
}
.autocomplete-search--list-block .autocomplete-results .empty-results {
  padding: var(--space-base) var(--space-s);
}
.autocomplete-search--list-block .autocomplete-search-input {
  padding-left: var(--input-icon-size) !important;
}

/* -- Chip -- */
.chip {
  --chip-size: 24px;
  align-items: center;
  background-color: var(--area-bg);
  
  border-radius: var(--border-radius-rounded);
  display: inline-flex;
  font-size: var(--font-size-s);
  line-height: var(--font-size-s);
  height: var(--chip-size);
  max-height: var(--chip-size);
  max-width: 248px;
  overflow: hidden;
  padding: var(--space-xs) var(--space-s);
  position: relative;
  text-overflow: ellipsis;
  vertical-align: middle;
  white-space: nowrap;
}
.chip > * {
  display: inline-block;
}
.dark-mode .chip.chip--object-tag, .dark-styles .chip.chip--object-tag {
  background-color: var(--color-neutral-7);
  color: var(--color-neutral-2) !important;
}
.dark-mode .chip.chip--object-tag .chip__placeholder--button a, .dark-styles .chip.chip--object-tag .chip__placeholder--button a {
  color: var(--color-neutral-2) !important;
}
.chip__placeholder--left {
  margin-right: var(--space-s);
}
.chip__placeholder--left:empty {
  border-radius: var(--border-radius-circle);
  height: calc(var(--chip-size) / 2);
  margin-left: 2px;
  margin-right: calc(var(--space-s) + 2px);
  min-width: calc(var(--chip-size) / 2);
  width: calc(var(--chip-size) / 2);
}
.chip__placeholder--left:empty:not([style*=background]) {
  display: none;
}
.chip__placeholder--left:not(:empty) {
  background-color: transparent !important;
  display: flex;
  line-height: 0;
}
.chip__placeholder--left .avatar {
  border: var(--border-size-m) solid var(--avatar-color, --color-white);
  font-size: var(--font-size-xs);
  height: var(--chip-size);
  margin-left: calc(var(--space-s) * -1);
  width: var(--chip-size);
}
.chip__placeholder--left .badge {
  height: var(--chip-size);
  margin-left: calc(var(--space-s) * -1);
  min-width: var(--chip-size);
}
.chip__placeholder--name {
  overflow: hidden;
  text-overflow: ellipsis;
}
a .chip__placeholder--name, a:visited .chip__placeholder--name {
  color: var(--color-primary);
}
.chip--object-tag a .chip__placeholder--name, .chip--object-tag a:visited .chip__placeholder--name {
  color: var(--color-neutral-2) !important;
}
.chip__placeholder--name,
.chip__placeholder--name [data-expression] {
  -webkit-box-orient: vertical;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  overflow: hidden;
  white-space: pre-wrap;
  word-break: break-all;
}
.chip__placeholder--name [data-expression]:empty:after {
  content: none;
}
.chip__placeholder--right {
  display: flex;
}
.chip__placeholder--right:not(:empty) {
  margin-left: var(--space-s);
}
.chip__placeholder--button:not(:empty) {
  position: relative;
  right: calc(var(--space-xs) * -1);
}
.chip__placeholder--button a {
  align-items: center;
  color: var(--main-text-color);
  display: flex;
  justify-content: center;
  padding: var(--space-xs);
}
.background-white .chip__placeholder--button a {
  color: var(--text-black);
}
.chip.chip--medium {
  --chip-size: 32px;
  padding: var(--space-s);
}
.chip.chip--medium .chip__placeholder--left {
  margin-right: var(--space-s);
}
.chip.chip--medium .chip__placeholder--left:empty {
  margin-left: 4px;
  margin-right: calc(var(--space-s) + 4px);
}
.chip.chip--medium .chip__placeholder--left:not(:empty) {
  background-color: transparent;
}
.chip.chip--medium .chip__placeholder--left .avatar {
  font-size: var(--font-size-base);
  margin-left: calc(var(--space-s) * -1);
}
.chip.chip--medium .chip__placeholder--left .badge {
  margin-left: calc(var(--space-s) * -1);
}
.chip.chip--medium .chip__placeholder--button a {
  padding: var(--space-s) var(--space-xs);
}
.chip .chip-avatar-warning {
  margin-left: -6px;
}

.chip-avatar-warning {
  align-self: center;
  background-color: var(--color-white);
  border-radius: var(--border-radius-circle);
  color: var(--color-warning);
  height: 16px;
  width: 16px;
  z-index: 1;
}

.osp-profile-header {
  align-items: flex-start;
  background-color: var(--color-neutral-0);
  border-radius: var(--border-radius-soft);
  box-shadow: 0px 1px 3px 2px var(--color-disabled-border-active);
  display: flex;
  flex-direction: column;
  margin: var(--space-s) var(--space-xs);
  max-width: 1472px;
  overflow-x: auto;
  overflow-y: hidden;
  padding: var(--space-base);
}

.osp-profile-header.osui-carousel--has-pagination {
  padding-bottom: var(--space-base);
}

.osp-header-card {
  background-color: var(--color-white);
  border-radius: var(--border-radius-soft);
  display: flex;
  flex-direction: column;
  height: 238px;
  justify-content: center;
  min-height: 34px;
  padding: var(--space-base);
  padding-bottom: var(--space-s);
}

.osp-header-number-font {
  font-size: 64px;
  font-weight: 600;
}

.weekstreaks-body-text {
  font-size: 16px;
}

.reaction-preview {
  align-items: center;
  background-color: var(--color-neutral-3);
  border: var(--border-size-m) solid var(--color-neutral-0);
  border-radius: var(--border-radius-rounded);
  display: flex;
  flex-direction: row;
  justify-content: center;
}
.reaction-preview__wrapper {
  margin-top: calc(var(--space-xs) * -1);
  position: relative;
}
.reaction-preview__reaction {
  font-size: var(--font-size-xs);
  margin-left: 2px;
  /* styles for the size and shape of individual reactions */
  margin-right: 2px;
}
.reaction-preview__reaction-group {
  align-items: center;
  display: flex;
  flex-direction: row;
  height: 12px;
  justify-content: center;
  margin: var(--space-xs);
}
.reaction-preview__reaction-count {
  color: var(--main-text-color);
  /* styles for the total reaction count text */
  font-size: var(--font-size-xs);
  font-weight: var(--font-semi-bold);
  text-align: center;
}
.reaction-preview--user-reacted {
  background-color: var(--color-primary);
}
.reaction-preview--user-reacted .reaction-preview__reaction-count {
  color: var(--color-neutral-0);
}

.tippy-tooltip.reaction-tooltip-theme.padding-theme,
.tooltip--floating-ui.reaction-tooltip-theme.padding-theme {
  background-color: var(--area-bg);
  border-radius: var(--border-radius-rounded);
  min-height: unset;
  padding: var(--space-none);
  padding-right: var(--space-s);
  pointer-events: none;
}
.tippy-tooltip.reaction-tooltip-theme.padding-theme .tooltip-content,
.tippy-tooltip.reaction-tooltip-theme.padding-theme .tooltip-wds-content,
.tooltip--floating-ui.reaction-tooltip-theme.padding-theme .tooltip-content,
.tooltip--floating-ui.reaction-tooltip-theme.padding-theme .tooltip-wds-content {
  align-items: center;
  -moz-column-gap: var(--space-s);
       column-gap: var(--space-s);
  display: flex;
}
.tippy-tooltip.reaction-tooltip-theme.padding-theme .avatar,
.tooltip--floating-ui.reaction-tooltip-theme.padding-theme .avatar {
  border: var(--border-size-m) solid var(--color-white);
}

.inbox .reaction-preview {
  background-color: transparent;
  border: unset;
  border-radius: unset;
}
.inbox .reaction-preview__wrapper {
  bottom: calc(var(--space-base) * -1);
  margin-top: var(--space-none);
  position: absolute;
}
.inbox .reaction-preview__reaction {
  align-items: center;
  background-color: var(--area-bg);
  border: var(--border-size-m) solid var(--color-white);
  border-radius: var(--border-radius-rounded);
  display: inline-flex;
  height: 21px;
  justify-content: center;
  margin: var(--space-none);
  margin-left: -1px;
  width: 21px;
}
.inbox .reaction-preview__reaction.--is-from-user {
  background-color: var(--color-primary);
}
.inbox .reaction-preview__reaction-group {
  height: 16px;
}
.inbox .reaction-preview__reaction span {
  display: inline-block;
  font-size: 10px;
  height: 21px;
  text-align: center;
  width: 15px;
}
.inbox .reaction-preview--user-reacted {
  background-color: transparent;
}
.inbox .reaction-preview--user-reacted .reaction-preview__reaction-count {
  color: var(--main-text-color);
}

.quick-reaction-picker {
  display: flex;
  align-items: center;
  position: absolute;
  bottom: 100%;
  background-color: var(--area-bg);
  box-shadow: var(--shadow-s);
  border-radius: var(--border-radius-rounded);
  padding: var(--space-xs);
  z-index: 1;
  pointer-events: all;
}
.quick-reaction-picker__options {
  display: flex;
  flex-direction: row;
  padding: var(--space-s) var(--space-none);
  font-size: var(--font-size-m);
}
.quick-reaction-picker__options-item {
  margin-left: var(--space-s);
  font-size: var(--font-size-h3);
}
.quick-reaction-picker__options-more {
  background-color: var(--border-color);
  height: 32px;
  min-width: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--border-radius-rounded);
  color: var(--main-text-color);
  margin-left: var(--space-s);
}
.quick-reaction-picker.position-bottom {
  top: 100%;
  bottom: auto;
}
.right-wds .quick-reaction-picker {
  right: var(--space-none);
}

.vjs-svg-icon {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  fill: currentColor;
  height: 1.8em;
  width: 1.8em;
}

.vjs-svg-icon:before {
  content: none !important;
}

.vjs-svg-icon:hover,
.vjs-control:focus .vjs-svg-icon {
  filter: drop-shadow(0 0 0.25em #fff);
}

.vjs-modal-dialog .vjs-modal-dialog-content,
.video-js .vjs-modal-dialog,
.vjs-button > .vjs-icon-placeholder:before,
.video-js .vjs-big-play-button .vjs-icon-placeholder:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.vjs-button > .vjs-icon-placeholder:before,
.video-js .vjs-big-play-button .vjs-icon-placeholder:before {
  text-align: center;
}

@font-face {
  font-family: VideoJS;
  src: url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAABTsAAsAAAAAIpAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADsAAABUIIslek9TLzIAAAFEAAAAPgAAAFZRiV32Y21hcAAAAYQAAAEJAAAD5p42+VxnbHlmAAACkAAADtIAABckI4l972hlYWQAABFkAAAAKwAAADYsvIjpaGhlYQAAEZAAAAAdAAAAJA+RCL1obXR4AAARsAAAABcAAAC8Q2YAAGxvY2EAABHIAAAAYAAAAGB7CIGGbWF4cAAAEigAAAAfAAAAIAFAAI9uYW1lAAASSAAAASUAAAIK1cf1oHBvc3QAABNwAAABfAAAAnXdFqh1eJxjYGRgYOBiMGCwY2BycfMJYeDLSSzJY5BiYGGAAJA8MpsxJzM9kYEDxgPKsYBpDiBmg4gCACY7BUgAeJxjYGR7yDiBgZWBgaWQ5RkDA8MvCM0cwxDOeI6BgYmBlZkBKwhIc01hcPjI+FGPHcRdyA4RZgQRADaGCyYAAHic7dPXbcMwAEXRK1vuvffem749XAbKV3bjBA6fXsaIgMMLEWoQJaAEFKNnlELyQ4K27zib5PNF6vl8yld+TKr5kH0+cUw0xv00Hwvx2DResUyFKrV4XoMmLdp06NKjz4AhI8ZMmDJjzoIlK9Zs2LJjz4EjJ85cuHLjziPe/0UWL17mf2tqKLz/9jK9f8tXpGCoRdPKhtS0RqFkWvVQNtSKoVYNtWaoddPXEBqG2jQ9XWgZattQO4baNdSeofYNdWCoQ0MdGerYUCeGOjXUmaHODXVhqEtDXRnq2lA3hro11J2h7g31YKhHQz0Z6tlQL4Z6NdSbod4N9WGoT9MfHF6GmhnZLxyDcRMAAAB4nJ1YC1hU17U+a5/HMA4iA3NmVBDmoQwP5TFnHlFeA4gYiUFRQINoSCBAyK3G2yi+0aipYtFcHYo2xsb4NiY3+VrNxSaX5uvt495ozNdoYoxmem2/L8HGpLc+InB279pnhlGr5mvL4eyz99nrrL32eu1/DQcc/okdYgdHOA6MQKp4r9gx0EcMHMezOalVasW5BM7NcXoSb9fFgE6KtSSBxWz1FYDPG+vMBGcKb9cebu2VS5s2aaTkCvRSf6C7Y+Ppibm5E09v7IDs2/3uZQtbD0zIyppwoHXh/93ukmyYgdePNRp65p5v+3v/9otQl2O7wP34cT88p8Md2YxpYLQZoRcy6FlSBRnwnGAe6BPMSCZo+7NJVqS0cE4uHendzhSnbPH6TDqL1+Nme5LZXkCHnGyoH0kne30WH+gswhm3q+pt/mTas9NLS64GnjmSlTPw0wVQT/ewRaBgxtydy3cuUB9/6SW+vb5yRvr+t0eOfPKJZ/9t3+4tL7xj32Xd3thCxi+ge6ifdsAN+l5+wi5HQ/cCoeull1AszS7CUfEcJzK7sKWJAdJhCd0sPM4+EY7QDm5ov08hXRQXE5bf6PV5Q5+IjW7X7Nku92Ask4l2hCRRD6TPqISiCJeQna3SCFwrhrNzXHzo4yFevBwxpzxk8WCIIfkvVEKVy32SbT8n68gzgaslpaiO2zIGIyuSb7RNf9HSuN26y/7OC1tgEmpiyA6aD4qcgTOiLThwGG0eB694FI8NHLLN6OBlRVaMxNAFS4JdXUG6mW8PwpKuYLCLXKGbu8iwYNdgO06Sn3Th+/vyZAxs8Ro30DjHe9gy8Fywi24OMm7Qyzh3MTZVOMYhLBnoC+J79lpTUyQmorjhnMwlcQ5uPEYGpDjsOkkH49BjQLQBqs3jFtFdJNlksYmoQFDArLh8Xh+Qd6Ghcsb6FUuehDi+U/lqD71K/qiegeV1imcwjl7ExwiSrf4BZyCujV6cVcFo6VX+G9IcPyFjJnUufbU/jzrL1X99as36reXl8K32nFaOr+E8jWJEcJ55DpMVfSMe95/AJaOsGBH2GJCNpiRQbK4C8BjdmQA22QY2j03Em13i2YHqtNLU1NI04Yj2HJgA6fQc6VPNpA/D+Ryks554NnVy2mB72uRUfPLsqR4N0LOBQKArwJYO+5W2fgZX8oC1HR6HjNaQTVIG2FPwnTcXXGZZfNB7TE6pTKZUwaw91XWLAoFFGcnB5PHjsckgBjbWutrL+0h5Y1xw3DRGDumsnXb3MJwXrJIN5U7m0rgJ3yG5w4he5ckFG4pmNEkOm0/xOO4r4yL87wqtQM+hiJIVp+6iG2wPBKD35ElGkDx+UfC2v1mFG1o+M3AjNFty8biKMXwzyxnZLds8wYD2BxmCPHAldPOeLsy/0BugftYhVYFAhO8SqQ0j3oK7dHJZnI/jxmUS4onlxskSF8thmvNZjIrRZwEPxr0lBuLRuz3oy/FOHCsxwOPYh2M+e9u3J5pgPYz9gp6G7C9m0A11F9ddqKMfV+4sbq45/YspOysXvT+3pdFdYNg2fHbW8Dz301MqDVuGrz0Fuh0YMW8mddrpqzST7rV9BcvqPoNvadRndWp0p8HvbiqrFj5yFQ/vNFSXDpxpLEFWp+DcrF3FT1afWshFcmCfeAMjEvO65i0Y6XijQfSRPWx3TV/Df7Km3E1l+kLt56s/rwVzuRusNMhudznkwdLaS+QNdeal2jDPP4l9qHc98vTYZOSkxzD+njBWVWjFPKgipx6DkWvXQiW8OYcewVHE5yukinDMcfGgc0opDltYKDxIGBedkzc6jSfE7tlvESCDFUw0Hx0opS+U0lHCxNottbNWSxX9zZVvEhKWUSyBpaXwBc2a98M6UqPeXAs/GDon8Ax7hsthO8cM5HU7Ad0UvRR9lHmtyQKZ4MAe814X5h9MSUkQmhf96eVJ6p90OjIiqSIjvykvr2l5U55O/fPQKD+jIomYpNyGJQ25uQ2kIikRfAmuBHCPsWqkSDEqgZ5KDI2sifS/R43MbZg0idFHbCPNxXxZws1ACVE6hAhOdJwRkJLFBLPZpRGYJ50pko6XzMkgmSx40ljik6AQcKhFnLcQE6rF7PXFe1Ocoj0T3AXgSgJTDIhHRfHlYZKuSzc6uievOJGXY+i5GJkkTp7UM3y0LqATDbtFcbdBxO7o4T25JYlEjoH0uynUh8rapkxp62QN70svSF+hT4gGPlovlmcm/ComLi7mV4kTykV9NFWjE/QrwgQ4uIcAP0rQF4VZYRP2o3PhHHzfPMJj9Ir+uzKUlrH49ntT18AVvj1sc3YGjUT/Mt2Dxawa8ArcA7bCQIpvfwAYu22vEG/No/5RvPdA7g+AelLrPwzy+LtkLPhnpIxH14m4EYq8eeMHbPEPNm6G7Nv9B4jcFPZ8bJj0SEjP3MPgQdKTqqEoy2v6G32P/Y6dxOv04AxnoAeq+GILvUavtYCBXm+BaIhuodcfrN5B/V2EYMCPh+SxavjGyPwV0x4CJgUPGT0mQaODGBACIJZGsMXwAD0LGXx7l3CdAcKMIKI+f5CepWeD0BvyU/GcdBxPF8SwejC6LGZmAURFdsSWKR5HyHld2kbdIZO1Ixx+bnnzU7n5+blPNV9jnUDWhP2tC68tbN3PVIldsQPxSAcSpjOav7Q05uXn5zW2LLvDXn9B6syscPy9iDLEMmSrJz6nYuWMipukjM0AH8JkGS+XFyMRkzSCH7KD/hwm172SAyZYumHlefr5AddrtA0O0TnwaVZxcRY9Bfukn9Gf05N1r9DV9MoBsJ1f+ZrqUvtPHizJAntWybv7hmqLt6QLuK6ZS9Fqi1jO5rDoWPZXXII5Tgajg53cIXCjDCGIcYrRIY2n6+mXOa/W0bdhau3ryiEYe2FV/5oeaIYK/5w5frCyll6/cYO8DiNhw6t1MBWmznt91QX62UF1N7l0eHBZTRGpKaqpKVIPF9UcIzmReud9TSY75+K899GHbBu6wjoR7RKKZVYiYxSPf5/2wJT5e3NAhmUbVn5KLx1Ujg0+BGvpAIh0DezInTkzF37KVocxrKU3r1+XLtAe2lO3l66kfQfB/unKY+q8N375Ru8bc4pJXfEcESU95q+p8ZNZRTWH1d9FzvUdYXk5rLkcdkEisoKKVHQW/b3GEx6tPaYcoJfOr9wAbSBnv1IHpep0OExr4LPMkpJM+j7sly7UHkOzXjoAZljHCGiyegtNlwljM0v+c19ET9Pvst09a2Mtgcf5/ZSzYO5h1156+eyydfAsxGa9XAuF6vzjh6CssLq6ECysperXX0sX5h5ZdpZe3guxsGIPEtHk/aqXX1hVqP5HYVVVISkrrNqvXorIc+5Ou91Hnr/LcD2afi6eX7UBloOcs7cOpqgGaNfs1g7bNbs9z6wASaylN69d0/TFTIz6Ws8+oGV3mE2612wRTHKcVUbhjKadebloMc+dyXgMVtVK6BwMB/+mVW09igdRBWaRtNQX59d/VD//xdQ0TCiYNj1KT9sq6Wdu5WTbqk3qDXyDaLa1fv621LS01G3z61sD6lH8lAxDLicV921s6Bf92JOYvzNYCL1khbqBXEFUzC521N5NyzNaQIWhjyFyDoBIVrAjmv2UEaLlI+c6zw1jmVIPLLLZZUTj6GxGHW+mq1tgHXR2D85p4Q934+jLbtjVLcyCdS10NVzpHqxp4Q/hK7WopY/NRGx9HGsPGdFjOjcpjBnGYMVqY/4eqT5khWEHWUup2A/pTw7pdWgsWft7ETUERL96nRg0HNFPmCYba6pylECaExX89A9WLUOVB4oKLu/o1oqSYHCgLzBUlAz8hNFDRpeSU1XT+LRmDUgPaKbYdHDn9suF/tu13nHJij0N97LfS0QmqONuyONk7zvUI6Qa0pF9f2+oABL92AT6e0U//z9YqAiWtJLU1JK0gS+1aacwamiNqK067u9ZQ8f1d4qLodMzz3uL89Z68V/Hnr++hXWUuHgw8dfi972PeTyPefu3aNNucemQ74qFuIaJnVkOu4Q+yjuwmmC1FqZpl1i4uzoPxjkpPf3Xv545tl26Rr+dOvUd+omqJzch9dOeU7f10Y64nMcKK137DccIZq2WdXtdZjbEoLSzHwiMtrjYLDxpHQW8gjMX6XFYAE2zSWVD04EGYSs9MbO6sEo20BMEAB4mpvSypsKjZ4Stgzb+c3A9/MQT2+vrBy+qvyFxLUtLlSRF/Ri2wjfZ2dus2Q8lXx4608/jnqK5OOap6NY2PSjYYnECCjiEeLJll/pbmqfeIK+ps3+MxrlEhqmTPipVP7kqlF4VhpEb6r+Q7YOJg38kJ9SHBf3NBl6+9YchfbUjb5ahLSzUM3kPHmwFAsZ5rpai0S7E5xWzZ1j+fW7zsUWP2g5NXTw52ySCTrgG0+lbw60l2Y/CB185CoA8NK+tbRKxfjy6pm5hzQRRR+cMqv1Jbiw6STivtEvt3DRcy0QEh92JlUGo2PG4tSKHl00YD6xc8CK+YPYyy3io2lN8BcSjKRzrIV6ypOAobqxViJPaT9M9Hy5szY33mp7OX/Zu89L/7Ww5vqY2Y8b0pKgoiUhG5cPDPzq8qTV/WkzUOIvXVVA96kmjcBrr3HrYC/Wn+fYP6Z7T1rqy3zknbvqma/FvVk96fNXGkuaXrdHW5JGSxZT/2I/O73v+yNWafMdzc5NdxYurHs6h86e01sLKLz9EBrg+x36rxAaED7hRnAMx7Vzu+9wabh3zG8XLQjx0ablUJzmxdErxYT3kzQSd0SSafVqF5PXgpp0OyYJ1EyNHpGUZmvK575ySzd85JSqF7IBzSAbMM04+MbE58xF3/njXOGecSaermlw2y9PsSQdytLJVr8t+wg+rR8cZYoeNxVIzNdk3Bngi8U5LAlgTFoQnzJCa5EsCgYhCaGL+qPj7TdhG31p9tej3R04N//PXxNwJvyUqwaJqRPJY98TJ5TPndmflRAkAhBfe46sfKW5wizSge08Xb7Ca/GUVs55trngkKkrUS2WPzKttaaqq+idmahugkY+W6fN0I6i3gPt/x88U4wAAeJxjYGRgYADiGU9YXsXz23xl4GZnAIFH7fO+IdMc/WBxDgYmEAUASbMKwAB4nGNgZGBgZwABjj4Ghv//OfoZGBlQgT4ARicDZAAAAHicY2BgYGAfxJijD8Fmu4EqBwCSpgKpAAAAAAAADgBoAH4AzADgAQIBQgFsAZgB7gIuAooC0AL8A2IDjAOoA+AEMASwBNoFCAVaBcAGCAYuBnAGrAb2B04HigfSCCoIcAiGCJwIyAkkCVYJiAmsCfIKIApWCsQLknicY2BkYGDQZ2hmYGcAASYg5gJCBob/YD4DABqrAdAAeJxdkE1qg0AYhl8Tk9AIoVDaVSmzahcF87PMARLIMoFAl0ZHY1BHdBJIT9AT9AQ9RQ9Qeqy+yteNMzDzfM+88w0K4BY/cNAMB6N2bUaPPBLukybCLvleeAAPj8JD+hfhMV7hC3u4wxs7OO4NzQSZcI/8Ltwnfwi75E/hAR7wJTyk/xYeY49fYQ/PztM+jbTZ7LY6OWdBJdX/pqs6NYWa+zMxa13oKrA6Uoerqi/JwtpYxZXJ1coUVmeZUWVlTjq0/tHacjmdxuL90OR8O0UEDYMNdtiSEpz5XQGqzlm30kzUdAYFFOb8R7NOZk0q2lwAyz1i7oAr1xoXvrOgtYhZx8wY5KRV269JZ5yGpmzPTjQhvY9je6vEElPOuJP3mWKnP5M3V+YAAAB4nG2ReVPbMBDF/ULi2EkDBFqO3gdHLxUzDB9IkdexBllydRD49ihO3Ckz7B/a31utZnafkkGyiXnyclxhgB0MMUKKMTLkmGCKV5hhF3vYxxwHOMRrvMERjnGCU7zFO7zHB3zEJ3zGF3zFN5zhHBe4xHf8wE/8wm8w/MEVimTYKv44XR9MSCsUjVoeHE3vjQoNsSZ4mmxZmVWPjSz7jlou6/0qKOWEJdKMtCe793/hQfqxa6XWZHMXFl56RS4TvPXSaDeoy0zUUZB109KstDK8lHo5q6Qi1hcOnqkImubPS6aqRq7mlnaEWabub4iYblba3SRmgldS0+FWdhNtt04F14JUaqkl7tcpOpJtErvNt3Bd9HRT5JWxK25Ldjvp6br4hzfFiIdSmlzTg2fSUzNrLd1LE1ynxq4OVaVoKLjzJ60UPtj1RKzHzsbjly6inVnFBS2MucviPncU7Rr7lfTxRepDs1A2j3ZHRc7PuzFYSfE3ZOd4kjwBy227hA==) format("woff");
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-play,
.video-js .vjs-play-control .vjs-icon-placeholder,
.video-js .vjs-big-play-button .vjs-icon-placeholder:before {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-play:before,
.video-js .vjs-play-control .vjs-icon-placeholder:before,
.video-js .vjs-big-play-button .vjs-icon-placeholder:before {
  content: "\f101";
}

.vjs-icon-play-circle {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-play-circle:before {
  content: "\f102";
}

.vjs-icon-pause,
.video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-pause:before,
.video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder:before {
  content: "\f103";
}

.vjs-icon-volume-mute,
.video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-volume-mute:before,
.video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder:before {
  content: "\f104";
}

.vjs-icon-volume-low,
.video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-volume-low:before,
.video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder:before {
  content: "\f105";
}

.vjs-icon-volume-mid,
.video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-volume-mid:before,
.video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder:before {
  content: "\f106";
}

.vjs-icon-volume-high,
.video-js .vjs-mute-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-volume-high:before,
.video-js .vjs-mute-control .vjs-icon-placeholder:before {
  content: "\f107";
}

.vjs-icon-fullscreen-enter,
.video-js .vjs-fullscreen-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-fullscreen-enter:before,
.video-js .vjs-fullscreen-control .vjs-icon-placeholder:before {
  content: "\f108";
}

.vjs-icon-fullscreen-exit,
.video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-fullscreen-exit:before,
.video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder:before {
  content: "\f109";
}

.vjs-icon-spinner {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-spinner:before {
  content: "\f10a";
}

.vjs-icon-subtitles,
.video-js .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js .vjs-subtitles-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-subtitles:before,
.video-js .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js .vjs-subtitles-button .vjs-icon-placeholder:before {
  content: "\f10b";
}

.vjs-icon-captions,
.video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js .vjs-captions-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-captions:before,
.video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js .vjs-captions-button .vjs-icon-placeholder:before {
  content: "\f10c";
}

.vjs-icon-hd {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-hd:before {
  content: "\f10d";
}

.vjs-icon-chapters,
.video-js .vjs-chapters-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-chapters:before,
.video-js .vjs-chapters-button .vjs-icon-placeholder:before {
  content: "\f10e";
}

.vjs-icon-downloading {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-downloading:before {
  content: "\f10f";
}

.vjs-icon-file-download {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-file-download:before {
  content: "\f110";
}

.vjs-icon-file-download-done {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-file-download-done:before {
  content: "\f111";
}

.vjs-icon-file-download-off {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-file-download-off:before {
  content: "\f112";
}

.vjs-icon-share {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-share:before {
  content: "\f113";
}

.vjs-icon-cog {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-cog:before {
  content: "\f114";
}

.vjs-icon-square {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-square:before {
  content: "\f115";
}

.vjs-icon-circle,
.vjs-seek-to-live-control .vjs-icon-placeholder,
.video-js .vjs-volume-level,
.video-js .vjs-play-progress {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-circle:before,
.vjs-seek-to-live-control .vjs-icon-placeholder:before,
.video-js .vjs-volume-level:before,
.video-js .vjs-play-progress:before {
  content: "\f116";
}

.vjs-icon-circle-outline {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-circle-outline:before {
  content: "\f117";
}

.vjs-icon-circle-inner-circle {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-circle-inner-circle:before {
  content: "\f118";
}

.vjs-icon-cancel,
.video-js .vjs-control.vjs-close-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-cancel:before,
.video-js .vjs-control.vjs-close-button .vjs-icon-placeholder:before {
  content: "\f119";
}

.vjs-icon-repeat {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-repeat:before {
  content: "\f11a";
}

.vjs-icon-replay,
.video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-replay:before,
.video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder:before {
  content: "\f11b";
}

.vjs-icon-replay-5,
.video-js .vjs-skip-backward-5 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-replay-5:before,
.video-js .vjs-skip-backward-5 .vjs-icon-placeholder:before {
  content: "\f11c";
}

.vjs-icon-replay-10,
.video-js .vjs-skip-backward-10 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-replay-10:before,
.video-js .vjs-skip-backward-10 .vjs-icon-placeholder:before {
  content: "\f11d";
}

.vjs-icon-replay-30,
.video-js .vjs-skip-backward-30 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-replay-30:before,
.video-js .vjs-skip-backward-30 .vjs-icon-placeholder:before {
  content: "\f11e";
}

.vjs-icon-forward-5,
.video-js .vjs-skip-forward-5 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-forward-5:before,
.video-js .vjs-skip-forward-5 .vjs-icon-placeholder:before {
  content: "\f11f";
}

.vjs-icon-forward-10,
.video-js .vjs-skip-forward-10 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-forward-10:before,
.video-js .vjs-skip-forward-10 .vjs-icon-placeholder:before {
  content: "\f120";
}

.vjs-icon-forward-30,
.video-js .vjs-skip-forward-30 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-forward-30:before,
.video-js .vjs-skip-forward-30 .vjs-icon-placeholder:before {
  content: "\f121";
}

.vjs-icon-audio,
.video-js .vjs-audio-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-audio:before,
.video-js .vjs-audio-button .vjs-icon-placeholder:before {
  content: "\f122";
}

.vjs-icon-next-item {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-next-item:before {
  content: "\f123";
}

.vjs-icon-previous-item {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-previous-item:before {
  content: "\f124";
}

.vjs-icon-shuffle {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-shuffle:before {
  content: "\f125";
}

.vjs-icon-cast {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-cast:before {
  content: "\f126";
}

.vjs-icon-picture-in-picture-enter,
.video-js .vjs-picture-in-picture-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-picture-in-picture-enter:before,
.video-js .vjs-picture-in-picture-control .vjs-icon-placeholder:before {
  content: "\f127";
}

.vjs-icon-picture-in-picture-exit,
.video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-picture-in-picture-exit:before,
.video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder:before {
  content: "\f128";
}

.vjs-icon-facebook {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-facebook:before {
  content: "\f129";
}

.vjs-icon-linkedin {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-linkedin:before {
  content: "\f12a";
}

.vjs-icon-twitter {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-twitter:before {
  content: "\f12b";
}

.vjs-icon-tumblr {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-tumblr:before {
  content: "\f12c";
}

.vjs-icon-pinterest {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-pinterest:before {
  content: "\f12d";
}

.vjs-icon-audio-description,
.video-js .vjs-descriptions-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-audio-description:before,
.video-js .vjs-descriptions-button .vjs-icon-placeholder:before {
  content: "\f12e";
}

.video-js {
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  color: #fff;
  background-color: #000;
  position: relative;
  padding: 0;
  font-size: 10px;
  line-height: 1;
  font-weight: normal;
  font-style: normal;
  font-family: Arial, Helvetica, sans-serif;
  word-break: initial;
}

.video-js:-moz-full-screen {
  position: absolute;
}

.video-js:-webkit-full-screen {
  width: 100% !important;
  height: 100% !important;
}

.video-js[tabindex="-1"] {
  outline: none;
}

.video-js *,
.video-js *:before,
.video-js *:after {
  box-sizing: inherit;
}

.video-js ul {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  list-style-position: outside;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  margin-bottom: 0;
}

.video-js.vjs-fluid,
.video-js.vjs-16-9,
.video-js.vjs-4-3,
.video-js.vjs-9-16,
.video-js.vjs-1-1 {
  width: 100%;
  max-width: 100%;
}

.video-js.vjs-fluid:not(.vjs-audio-only-mode),
.video-js.vjs-16-9:not(.vjs-audio-only-mode),
.video-js.vjs-4-3:not(.vjs-audio-only-mode),
.video-js.vjs-9-16:not(.vjs-audio-only-mode),
.video-js.vjs-1-1:not(.vjs-audio-only-mode) {
  height: 0;
}

.video-js.vjs-16-9:not(.vjs-audio-only-mode) {
  padding-top: 56.25%;
}

.video-js.vjs-4-3:not(.vjs-audio-only-mode) {
  padding-top: 75%;
}

.video-js.vjs-9-16:not(.vjs-audio-only-mode) {
  padding-top: 177.7777777778%;
}

.video-js.vjs-1-1:not(.vjs-audio-only-mode) {
  padding-top: 100%;
}

.video-js.vjs-fill:not(.vjs-audio-only-mode) {
  width: 100%;
  height: 100%;
}

.video-js .vjs-tech {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.video-js.vjs-audio-only-mode .vjs-tech {
  display: none;
}

body.vjs-full-window,
body.vjs-pip-window {
  padding: 0;
  margin: 0;
  height: 100%;
}

.vjs-full-window .video-js.vjs-fullscreen,
body.vjs-pip-window .video-js {
  position: fixed;
  overflow: hidden;
  z-index: 1000;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
}

.video-js.vjs-fullscreen:not(.vjs-ios-native-fs),
body.vjs-pip-window .video-js {
  width: 100% !important;
  height: 100% !important;
  padding-top: 0 !important;
  display: block;
}

.video-js.vjs-fullscreen.vjs-user-inactive {
  cursor: none;
}

.vjs-pip-container .vjs-pip-text {
  position: absolute;
  bottom: 10%;
  font-size: 2em;
  background-color: rgba(0, 0, 0, 0.7);
  padding: 0.5em;
  text-align: center;
  width: 100%;
}

.vjs-layout-tiny.vjs-pip-container .vjs-pip-text,
.vjs-layout-x-small.vjs-pip-container .vjs-pip-text,
.vjs-layout-small.vjs-pip-container .vjs-pip-text {
  bottom: 0;
  font-size: 1.4em;
}

.vjs-hidden {
  display: none !important;
}

.vjs-disabled {
  opacity: 0.5;
  cursor: default;
}

.video-js .vjs-offscreen {
  height: 1px;
  left: -9999px;
  position: absolute;
  top: 0;
  width: 1px;
}

.vjs-lock-showing {
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.vjs-no-js {
  padding: 20px;
  color: #fff;
  background-color: #000;
  font-size: 18px;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
  width: 300px;
  height: 150px;
  margin: 0px auto;
}

.vjs-no-js a,
.vjs-no-js a:visited {
  color: #66a8cc;
}

.video-js .vjs-big-play-button {
  font-size: 3em;
  line-height: 1.5em;
  height: 1.63332em;
  width: 3em;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  padding: 0;
  margin-top: -0.81666em;
  margin-left: -1.5em;
  cursor: pointer;
  opacity: 1;
  border: 0.06666em solid #fff;
  background-color: #2b333f;
  background-color: rgba(43, 51, 63, 0.7);
  border-radius: 0.3em;
  transition: all 0.4s;
}

.vjs-big-play-button .vjs-svg-icon {
  width: 1em;
  height: 1em;
  position: absolute;
  top: 50%;
  left: 50%;
  line-height: 1;
  transform: translate(-50%, -50%);
}

.video-js:hover .vjs-big-play-button,
.video-js .vjs-big-play-button:focus {
  border-color: #fff;
  background-color: rgb(114.9141509434, 132.7028301887, 159.3858490566);
  background-color: rgba(114.9141509434, 132.7028301887, 159.3858490566, 0.5);
  transition: all 0s;
}

.vjs-controls-disabled .vjs-big-play-button,
.vjs-has-started .vjs-big-play-button,
.vjs-using-native-controls .vjs-big-play-button,
.vjs-error .vjs-big-play-button {
  display: none;
}

.vjs-has-started.vjs-paused.vjs-show-big-play-button-on-pause:not(.vjs-seeking, .vjs-scrubbing, .vjs-error) .vjs-big-play-button {
  display: block;
}

.video-js button {
  background: none;
  border: none;
  color: inherit;
  display: inline-block;
  font-size: inherit;
  line-height: inherit;
  text-transform: none;
  text-decoration: none;
  transition: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.video-js.vjs-spatial-navigation-enabled .vjs-button:focus {
  outline: 0.0625em solid white;
  box-shadow: none;
}

.vjs-control .vjs-button {
  width: 100%;
  height: 100%;
}

.video-js .vjs-control.vjs-close-button {
  cursor: pointer;
  height: 3em;
  position: absolute;
  right: 0;
  top: 0.5em;
  z-index: 2;
}

.video-js .vjs-modal-dialog {
  background: rgba(0, 0, 0, 0.8);
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.8), rgba(255, 255, 255, 0));
  overflow: auto;
}

.video-js .vjs-modal-dialog > * {
  box-sizing: border-box;
}

.vjs-modal-dialog .vjs-modal-dialog-content {
  font-size: 1.2em;
  line-height: 1.5;
  padding: 20px 24px;
  z-index: 1;
}

.vjs-menu-button {
  cursor: pointer;
}

.vjs-menu-button.vjs-disabled {
  cursor: default;
}

.vjs-workinghover .vjs-menu-button.vjs-disabled:hover .vjs-menu {
  display: none;
}

.vjs-menu .vjs-menu-content {
  display: block;
  padding: 0;
  margin: 0;
  font-family: Arial, Helvetica, sans-serif;
  overflow: auto;
}

.vjs-menu .vjs-menu-content > * {
  box-sizing: border-box;
}

.vjs-scrubbing .vjs-control.vjs-menu-button:hover .vjs-menu {
  display: none;
}

.vjs-menu li {
  display: flex;
  justify-content: center;
  list-style: none;
  margin: 0;
  padding: 0.2em 0;
  line-height: 1.4em;
  font-size: 1.2em;
  text-align: center;
  text-transform: lowercase;
}

.vjs-menu li.vjs-menu-item:focus,
.vjs-menu li.vjs-menu-item:hover,
.js-focus-visible .vjs-menu li.vjs-menu-item:hover {
  background-color: rgb(114.9141509434, 132.7028301887, 159.3858490566);
  background-color: rgba(114.9141509434, 132.7028301887, 159.3858490566, 0.5);
}

.vjs-menu li.vjs-selected,
.vjs-menu li.vjs-selected:focus,
.vjs-menu li.vjs-selected:hover,
.js-focus-visible .vjs-menu li.vjs-selected:hover {
  background-color: #fff;
  color: #2b333f;
}

.vjs-menu li.vjs-selected .vjs-svg-icon,
.vjs-menu li.vjs-selected:focus .vjs-svg-icon,
.vjs-menu li.vjs-selected:hover .vjs-svg-icon,
.js-focus-visible .vjs-menu li.vjs-selected:hover .vjs-svg-icon {
  fill: #000000;
}

.video-js .vjs-menu *:not(.vjs-selected):focus:not(:focus-visible),
.js-focus-visible .vjs-menu *:not(.vjs-selected):focus:not(.focus-visible) {
  background: none;
}

.vjs-menu li.vjs-menu-title {
  text-align: center;
  text-transform: uppercase;
  font-size: 1em;
  line-height: 2em;
  padding: 0;
  margin: 0 0 0.3em 0;
  font-weight: bold;
  cursor: default;
}

.vjs-menu-button-popup .vjs-menu {
  display: none;
  position: absolute;
  bottom: 0;
  width: 10em;
  left: -3em;
  height: 0em;
  margin-bottom: 1.5em;
  border-top-color: rgba(43, 51, 63, 0.7);
}

.vjs-pip-window .vjs-menu-button-popup .vjs-menu {
  left: unset;
  right: 1em;
}

.vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  background-color: #2b333f;
  background-color: rgba(43, 51, 63, 0.7);
  position: absolute;
  width: 100%;
  bottom: 1.5em;
  max-height: 15em;
}

.vjs-layout-tiny .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
.vjs-layout-x-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  max-height: 5em;
}

.vjs-layout-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  max-height: 10em;
}

.vjs-layout-medium .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  max-height: 14em;
}

.vjs-layout-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
.vjs-layout-x-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
.vjs-layout-huge .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  max-height: 25em;
}

.vjs-workinghover .vjs-menu-button-popup.vjs-hover .vjs-menu,
.vjs-menu-button-popup .vjs-menu.vjs-lock-showing {
  display: block;
}

.video-js .vjs-menu-button-inline {
  transition: all 0.4s;
  overflow: hidden;
}

.video-js .vjs-menu-button-inline:before {
  width: 2.222222222em;
}

.video-js .vjs-menu-button-inline:hover,
.video-js .vjs-menu-button-inline:focus,
.video-js .vjs-menu-button-inline.vjs-slider-active {
  width: 12em;
}

.vjs-menu-button-inline .vjs-menu {
  opacity: 0;
  height: 100%;
  width: auto;
  position: absolute;
  left: 4em;
  top: 0;
  padding: 0;
  margin: 0;
  transition: all 0.4s;
}

.vjs-menu-button-inline:hover .vjs-menu,
.vjs-menu-button-inline:focus .vjs-menu,
.vjs-menu-button-inline.vjs-slider-active .vjs-menu {
  display: block;
  opacity: 1;
}

.vjs-menu-button-inline .vjs-menu-content {
  width: auto;
  height: 100%;
  margin: 0;
  overflow: hidden;
}

.video-js .vjs-control-bar {
  display: none;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 3em;
  background-color: #2b333f;
  background-color: rgba(43, 51, 63, 0.7);
}

.video-js.vjs-spatial-navigation-enabled .vjs-control-bar {
  gap: 1px;
}

.video-js:not(.vjs-controls-disabled, .vjs-using-native-controls, .vjs-error) .vjs-control-bar.vjs-lock-showing {
  display: flex !important;
}

.vjs-has-started .vjs-control-bar,
.vjs-audio-only-mode .vjs-control-bar {
  display: flex;
  visibility: visible;
  opacity: 1;
  transition: visibility 0.1s, opacity 0.1s;
}

.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
  visibility: visible;
  opacity: 0;
  pointer-events: none;
  transition: visibility 1s, opacity 1s;
}

.vjs-controls-disabled .vjs-control-bar,
.vjs-using-native-controls .vjs-control-bar,
.vjs-error .vjs-control-bar {
  display: none !important;
}

.vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar,
.vjs-audio-only-mode.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.video-js .vjs-control {
  position: relative;
  text-align: center;
  margin: 0;
  padding: 0;
  height: 100%;
  width: 4em;
  flex: none;
}

.video-js .vjs-control.vjs-visible-text {
  width: auto;
  padding-left: 1em;
  padding-right: 1em;
}

.vjs-button > .vjs-icon-placeholder:before {
  font-size: 1.8em;
  line-height: 1.67;
}

.vjs-button > .vjs-icon-placeholder {
  display: block;
}

.vjs-button > .vjs-svg-icon {
  display: inline-block;
}

.video-js .vjs-control:focus:before,
.video-js .vjs-control:hover:before,
.video-js .vjs-control:focus {
  text-shadow: 0em 0em 1em white;
}

.video-js *:not(.vjs-visible-text) > .vjs-control-text {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.video-js .vjs-custom-control-spacer {
  display: none;
}

.video-js .vjs-progress-control {
  cursor: pointer;
  flex: auto;
  display: flex;
  align-items: center;
  min-width: 4em;
  touch-action: none;
}

.video-js .vjs-progress-control.disabled {
  cursor: default;
}

.vjs-live .vjs-progress-control {
  display: none;
}

.vjs-liveui .vjs-progress-control {
  display: flex;
  align-items: center;
}

.video-js .vjs-progress-holder {
  flex: auto;
  transition: all 0.2s;
  height: 0.3em;
}

.video-js .vjs-progress-control .vjs-progress-holder {
  margin: 0 10px;
}

.video-js .vjs-progress-control:hover .vjs-progress-holder,
.video-js.vjs-scrubbing.vjs-touch-enabled .vjs-progress-control .vjs-progress-holder {
  font-size: 1.6666666667em;
}

.video-js .vjs-progress-control:hover .vjs-progress-holder.disabled {
  font-size: 1em;
}

.video-js .vjs-progress-holder .vjs-play-progress,
.video-js .vjs-progress-holder .vjs-load-progress,
.video-js .vjs-progress-holder .vjs-load-progress div {
  position: absolute;
  display: block;
  height: 100%;
  margin: 0;
  padding: 0;
  width: 0;
}

.video-js .vjs-play-progress {
  background-color: #fff;
}

.video-js .vjs-play-progress:before {
  font-size: 0.9em;
  position: absolute;
  right: -0.5em;
  line-height: 0.35em;
  z-index: 1;
}

.vjs-svg-icons-enabled .vjs-play-progress:before {
  content: none !important;
}

.vjs-play-progress .vjs-svg-icon {
  position: absolute;
  top: -0.35em;
  right: -0.4em;
  width: 0.9em;
  height: 0.9em;
  pointer-events: none;
  line-height: 0.15em;
  z-index: 1;
}

.video-js .vjs-load-progress {
  background: rgba(114.9141509434, 132.7028301887, 159.3858490566, 0.5);
}

.video-js .vjs-load-progress div {
  background: rgba(114.9141509434, 132.7028301887, 159.3858490566, 0.75);
}

.video-js .vjs-time-tooltip {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 0.3em;
  color: #000;
  float: right;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
  padding: 6px 8px 8px 8px;
  pointer-events: none;
  position: absolute;
  top: -3.4em;
  visibility: hidden;
  z-index: 1;
}

.video-js .vjs-progress-holder:focus .vjs-time-tooltip {
  display: none;
}

.video-js .vjs-progress-control:hover .vjs-time-tooltip,
.video-js .vjs-progress-control:hover .vjs-progress-holder:focus .vjs-time-tooltip,
.video-js.vjs-scrubbing.vjs-touch-enabled .vjs-progress-control .vjs-time-tooltip {
  display: block;
  font-size: 0.6em;
  visibility: visible;
}

.video-js .vjs-progress-control.disabled:hover .vjs-time-tooltip {
  font-size: 1em;
}

.video-js .vjs-progress-control .vjs-mouse-display {
  display: none;
  position: absolute;
  width: 1px;
  height: 100%;
  background-color: #000;
  z-index: 1;
}

.video-js .vjs-progress-control:hover .vjs-mouse-display {
  display: block;
}

.video-js.vjs-scrubbing.vjs-touch-enabled .vjs-progress-control .vjs-mouse-display {
  display: block;
}

.video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display,
.video-js.vjs-touch-enabled:not(.vjs-scrubbing) .vjs-progress-control .vjs-mouse-display {
  visibility: hidden;
  opacity: 0;
  transition: visibility 1s, opacity 1s;
}

.vjs-mouse-display .vjs-time-tooltip {
  color: #fff;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.8);
}

.video-js .vjs-slider {
  position: relative;
  cursor: pointer;
  padding: 0;
  margin: 0 0.45em 0 0.45em;
  /* iOS Safari */
  -webkit-touch-callout: none;
  /* Safari, and Chrome 53 */
  -webkit-user-select: none;
  /* Non-prefixed version, currently supported by Chrome and Opera */
  -moz-user-select: none;
  user-select: none;
  background-color: rgb(114.9141509434, 132.7028301887, 159.3858490566);
  background-color: rgba(114.9141509434, 132.7028301887, 159.3858490566, 0.5);
}

.video-js .vjs-slider.disabled {
  cursor: default;
}

.video-js .vjs-slider:focus {
  text-shadow: 0em 0em 1em white;
  box-shadow: 0 0 1em #fff;
}

.video-js.vjs-spatial-navigation-enabled .vjs-slider:focus {
  outline: 0.0625em solid white;
}

.video-js .vjs-mute-control {
  cursor: pointer;
  flex: none;
}

.video-js .vjs-volume-control {
  cursor: pointer;
  margin-right: 1em;
  display: flex;
}

.video-js .vjs-volume-control.vjs-volume-horizontal {
  width: 5em;
}

.video-js .vjs-volume-panel .vjs-volume-control {
  visibility: visible;
  opacity: 0;
  width: 1px;
  height: 1px;
  margin-left: -1px;
}

.video-js .vjs-volume-panel {
  transition: width 1s;
}

.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control,
.video-js .vjs-volume-panel:active .vjs-volume-control,
.video-js .vjs-volume-panel:focus .vjs-volume-control,
.video-js .vjs-volume-panel .vjs-volume-control:active,
.video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control,
.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active {
  visibility: visible;
  opacity: 1;
  position: relative;
  transition: visibility 0.1s, opacity 0.1s, height 0.1s, width 0.1s, left 0s, top 0s;
}

.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-horizontal,
.video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal,
.video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-horizontal,
.video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-horizontal,
.video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control.vjs-volume-horizontal,
.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-horizontal {
  width: 5em;
  height: 3em;
  margin-right: 0;
}

.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-vertical,
.video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-vertical,
.video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-vertical,
.video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-vertical,
.video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control.vjs-volume-vertical,
.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-vertical {
  left: -3.5em;
  transition: left 0s;
}

.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover,
.video-js .vjs-volume-panel.vjs-volume-panel-horizontal:active,
.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active {
  width: 10em;
  transition: width 0.1s;
}

.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-mute-toggle-only {
  width: 4em;
}

.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
  height: 8em;
  width: 3em;
  left: -3000em;
  transition: visibility 1s, opacity 1s, height 1s 1s, width 1s 1s, left 1s 1s, top 1s 1s;
}

.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
  transition: visibility 1s, opacity 1s, height 1s 1s, width 1s, left 1s 1s, top 1s 1s;
}

.video-js .vjs-volume-panel {
  display: flex;
}

.video-js .vjs-volume-bar {
  margin: 1.35em 0.45em;
}

.vjs-volume-bar.vjs-slider-horizontal {
  width: 5em;
  height: 0.3em;
}

.vjs-volume-bar.vjs-slider-vertical {
  width: 0.3em;
  height: 5em;
  margin: 1.35em auto;
}

.video-js .vjs-volume-level {
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #fff;
}

.video-js .vjs-volume-level:before {
  position: absolute;
  font-size: 0.9em;
  z-index: 1;
}

.vjs-slider-vertical .vjs-volume-level {
  width: 0.3em;
}

.vjs-slider-vertical .vjs-volume-level:before {
  top: -0.5em;
  left: -0.3em;
  z-index: 1;
}

.vjs-svg-icons-enabled .vjs-volume-level:before {
  content: none;
}

.vjs-volume-level .vjs-svg-icon {
  position: absolute;
  width: 0.9em;
  height: 0.9em;
  pointer-events: none;
  z-index: 1;
}

.vjs-slider-horizontal .vjs-volume-level {
  height: 0.3em;
}

.vjs-slider-horizontal .vjs-volume-level:before {
  line-height: 0.35em;
  right: -0.5em;
}

.vjs-slider-horizontal .vjs-volume-level .vjs-svg-icon {
  right: -0.3em;
  transform: translateY(-50%);
}

.vjs-slider-vertical .vjs-volume-level .vjs-svg-icon {
  top: -0.55em;
  transform: translateX(-50%);
}

.video-js .vjs-volume-panel.vjs-volume-panel-vertical {
  width: 4em;
}

.vjs-volume-bar.vjs-slider-vertical .vjs-volume-level {
  height: 100%;
}

.vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level {
  width: 100%;
}

.video-js .vjs-volume-vertical {
  width: 3em;
  height: 8em;
  bottom: 8em;
  background-color: #2b333f;
  background-color: rgba(43, 51, 63, 0.7);
}

.video-js .vjs-volume-horizontal .vjs-menu {
  left: -2em;
}

.video-js .vjs-volume-tooltip {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 0.3em;
  color: #000;
  float: right;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
  padding: 6px 8px 8px 8px;
  pointer-events: none;
  position: absolute;
  top: -3.4em;
  visibility: hidden;
  z-index: 1;
}

.video-js .vjs-volume-control:hover .vjs-volume-tooltip,
.video-js .vjs-volume-control:hover .vjs-progress-holder:focus .vjs-volume-tooltip {
  display: block;
  font-size: 1em;
  visibility: visible;
}

.video-js .vjs-volume-vertical:hover .vjs-volume-tooltip,
.video-js .vjs-volume-vertical:hover .vjs-progress-holder:focus .vjs-volume-tooltip {
  left: 1em;
  top: -12px;
}

.video-js .vjs-volume-control.disabled:hover .vjs-volume-tooltip {
  font-size: 1em;
}

.video-js .vjs-volume-control .vjs-mouse-display {
  display: none;
  position: absolute;
  width: 100%;
  height: 1px;
  background-color: #000;
  z-index: 1;
}

.video-js .vjs-volume-horizontal .vjs-mouse-display {
  width: 1px;
  height: 100%;
}

.video-js .vjs-volume-control:hover .vjs-mouse-display {
  display: block;
}

.video-js.vjs-user-inactive .vjs-volume-control .vjs-mouse-display {
  visibility: hidden;
  opacity: 0;
  transition: visibility 1s, opacity 1s;
}

.vjs-mouse-display .vjs-volume-tooltip {
  color: #fff;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.8);
}

.vjs-poster {
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 100%;
}

.vjs-has-started .vjs-poster,
.vjs-using-native-controls .vjs-poster {
  display: none;
}

.vjs-audio.vjs-has-started .vjs-poster,
.vjs-has-started.vjs-audio-poster-mode .vjs-poster,
.vjs-pip-container.vjs-has-started .vjs-poster {
  display: block;
}

.vjs-poster img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.video-js .vjs-live-control {
  display: flex;
  align-items: flex-start;
  flex: auto;
  font-size: 1em;
  line-height: 3em;
}

.video-js:not(.vjs-live) .vjs-live-control,
.video-js.vjs-liveui .vjs-live-control {
  display: none;
}

.video-js .vjs-seek-to-live-control {
  align-items: center;
  cursor: pointer;
  flex: none;
  display: inline-flex;
  height: 100%;
  padding-left: 0.5em;
  padding-right: 0.5em;
  font-size: 1em;
  line-height: 3em;
  width: auto;
  min-width: 4em;
}

.video-js.vjs-live:not(.vjs-liveui) .vjs-seek-to-live-control,
.video-js:not(.vjs-live) .vjs-seek-to-live-control {
  display: none;
}

.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge {
  cursor: auto;
}

.vjs-seek-to-live-control .vjs-icon-placeholder {
  margin-right: 0.5em;
  color: #888;
}

.vjs-svg-icons-enabled .vjs-seek-to-live-control {
  line-height: 0;
}

.vjs-seek-to-live-control .vjs-svg-icon {
  width: 1em;
  height: 1em;
  pointer-events: none;
  fill: #888888;
}

.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge .vjs-icon-placeholder {
  color: red;
}

.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge .vjs-svg-icon {
  fill: red;
}

.video-js .vjs-time-control {
  flex: none;
  font-size: 1em;
  line-height: 3em;
  min-width: 2em;
  width: auto;
  padding-left: 1em;
  padding-right: 1em;
}

.vjs-live .vjs-time-control,
.vjs-live .vjs-time-divider,
.video-js .vjs-current-time,
.video-js .vjs-duration {
  display: none;
}

.vjs-time-divider {
  display: none;
  line-height: 3em;
}

.vjs-normalise-time-controls:not(.vjs-live) .vjs-time-control {
  display: flex;
}

.video-js .vjs-play-control {
  cursor: pointer;
}

.video-js .vjs-play-control .vjs-icon-placeholder {
  flex: none;
}

.vjs-text-track-display {
  position: absolute;
  bottom: 3em;
  left: 0;
  right: 0;
  top: 0;
  pointer-events: none;
}

.vjs-error .vjs-text-track-display {
  display: none;
}

.video-js.vjs-controls-disabled .vjs-text-track-display,
.video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display {
  bottom: 1em;
}

.video-js .vjs-text-track {
  font-size: 1.4em;
  text-align: center;
  margin-bottom: 0.1em;
}

.vjs-subtitles {
  color: #fff;
}

.vjs-captions {
  color: #fc6;
}

.vjs-tt-cue {
  display: block;
}

video::-webkit-media-text-track-display {
  transform: translateY(-3em);
}

.video-js.vjs-controls-disabled video::-webkit-media-text-track-display,
.video-js.vjs-user-inactive.vjs-playing video::-webkit-media-text-track-display {
  transform: translateY(-1.5em);
}

.video-js.vjs-force-center-align-cues .vjs-text-track-cue {
  text-align: center !important;
  width: 80% !important;
}

@supports not (inset: 10px) {
  .video-js .vjs-text-track-display > div {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }
}
.video-js .vjs-picture-in-picture-control {
  cursor: pointer;
  flex: none;
}

.video-js.vjs-audio-only-mode .vjs-picture-in-picture-control,
.vjs-pip-window .vjs-picture-in-picture-control {
  display: none;
}

.video-js .vjs-fullscreen-control {
  cursor: pointer;
  flex: none;
}

.video-js.vjs-audio-only-mode .vjs-fullscreen-control,
.vjs-pip-window .vjs-fullscreen-control {
  display: none;
}

.vjs-playback-rate > .vjs-menu-button,
.vjs-playback-rate .vjs-playback-rate-value {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.vjs-playback-rate .vjs-playback-rate-value {
  pointer-events: none;
  font-size: 1.5em;
  line-height: 2;
  text-align: center;
}

.vjs-playback-rate .vjs-menu {
  width: 4em;
  left: 0em;
}

.vjs-error .vjs-error-display .vjs-modal-dialog-content {
  font-size: 1.4em;
  text-align: center;
}

.vjs-loading-spinner {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0.85;
  text-align: left;
  border: 0.6em solid rgba(43, 51, 63, 0.7);
  box-sizing: border-box;
  background-clip: padding-box;
  width: 5em;
  height: 5em;
  border-radius: 50%;
  visibility: hidden;
}

.vjs-seeking .vjs-loading-spinner,
.vjs-waiting .vjs-loading-spinner {
  display: flex;
  justify-content: center;
  align-items: center;
  animation: vjs-spinner-show 0s linear 0.3s forwards;
}

.vjs-error .vjs-loading-spinner {
  display: none;
}

.vjs-loading-spinner:before,
.vjs-loading-spinner:after {
  content: "";
  position: absolute;
  box-sizing: inherit;
  width: inherit;
  height: inherit;
  border-radius: inherit;
  opacity: 1;
  border: inherit;
  border-color: transparent;
  border-top-color: white;
}

.vjs-seeking .vjs-loading-spinner:before,
.vjs-seeking .vjs-loading-spinner:after,
.vjs-waiting .vjs-loading-spinner:before,
.vjs-waiting .vjs-loading-spinner:after {
  animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite;
}

.vjs-seeking .vjs-loading-spinner:before,
.vjs-waiting .vjs-loading-spinner:before {
  border-top-color: rgb(255, 255, 255);
}

.vjs-seeking .vjs-loading-spinner:after,
.vjs-waiting .vjs-loading-spinner:after {
  border-top-color: rgb(255, 255, 255);
  animation-delay: 0.44s;
}

@keyframes vjs-spinner-show {
  to {
    visibility: visible;
  }
}
@keyframes vjs-spinner-spin {
  100% {
    transform: rotate(360deg);
  }
}
@keyframes vjs-spinner-fade {
  0% {
    border-top-color: rgb(114.9141509434, 132.7028301887, 159.3858490566);
  }
  20% {
    border-top-color: rgb(114.9141509434, 132.7028301887, 159.3858490566);
  }
  35% {
    border-top-color: white;
  }
  60% {
    border-top-color: rgb(114.9141509434, 132.7028301887, 159.3858490566);
  }
  100% {
    border-top-color: rgb(114.9141509434, 132.7028301887, 159.3858490566);
  }
}
.video-js.vjs-audio-only-mode .vjs-captions-button {
  display: none;
}

.vjs-chapters-button .vjs-menu ul {
  width: 24em;
}

.video-js.vjs-audio-only-mode .vjs-descriptions-button {
  display: none;
}

.vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-svg-icon {
  width: 1.5em;
  height: 1.5em;
}

.video-js .vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder {
  vertical-align: middle;
  display: inline-block;
  margin-bottom: -0.1em;
}

.video-js .vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {
  font-family: VideoJS;
  content: "\f10c";
  font-size: 1.5em;
  line-height: inherit;
}

.video-js.vjs-audio-only-mode .vjs-subs-caps-button {
  display: none;
}

.video-js .vjs-audio-button + .vjs-menu .vjs-descriptions-menu-item .vjs-menu-item-text .vjs-icon-placeholder,
.video-js .vjs-audio-button + .vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder {
  vertical-align: middle;
  display: inline-block;
  margin-bottom: -0.1em;
}

.video-js .vjs-audio-button + .vjs-menu .vjs-descriptions-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before,
.video-js .vjs-audio-button + .vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {
  font-family: VideoJS;
  content: " \f12e";
  font-size: 1.5em;
  line-height: inherit;
}

.video-js.vjs-layout-small .vjs-current-time,
.video-js.vjs-layout-small .vjs-time-divider,
.video-js.vjs-layout-small .vjs-duration,
.video-js.vjs-layout-small .vjs-remaining-time,
.video-js.vjs-layout-small .vjs-playback-rate,
.video-js.vjs-layout-small .vjs-volume-control,
.video-js.vjs-layout-x-small .vjs-current-time,
.video-js.vjs-layout-x-small .vjs-time-divider,
.video-js.vjs-layout-x-small .vjs-duration,
.video-js.vjs-layout-x-small .vjs-remaining-time,
.video-js.vjs-layout-x-small .vjs-playback-rate,
.video-js.vjs-layout-x-small .vjs-volume-control,
.video-js.vjs-layout-tiny .vjs-current-time,
.video-js.vjs-layout-tiny .vjs-time-divider,
.video-js.vjs-layout-tiny .vjs-duration,
.video-js.vjs-layout-tiny .vjs-remaining-time,
.video-js.vjs-layout-tiny .vjs-playback-rate,
.video-js.vjs-layout-tiny .vjs-volume-control {
  display: none;
}

.video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover,
.video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:active,
.video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active,
.video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover,
.video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover,
.video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:active,
.video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active,
.video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover,
.video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:hover,
.video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:active,
.video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active,
.video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover {
  width: auto;
  width: initial;
}

.video-js.vjs-layout-x-small .vjs-progress-control,
.video-js.vjs-layout-tiny .vjs-progress-control {
  display: none;
}

.video-js.vjs-layout-x-small .vjs-custom-control-spacer {
  flex: auto;
  display: block;
}

.vjs-modal-dialog.vjs-text-track-settings {
  background-color: #2b333f;
  background-color: rgba(43, 51, 63, 0.75);
  color: #fff;
  height: 70%;
}

.vjs-spatial-navigation-enabled .vjs-modal-dialog.vjs-text-track-settings {
  height: 80%;
}

.vjs-error .vjs-text-track-settings {
  display: none;
}

.vjs-text-track-settings .vjs-modal-dialog-content {
  display: table;
}

.vjs-text-track-settings .vjs-track-settings-colors,
.vjs-text-track-settings .vjs-track-settings-font,
.vjs-text-track-settings .vjs-track-settings-controls {
  display: table-cell;
}

.vjs-text-track-settings .vjs-track-settings-controls {
  text-align: right;
  vertical-align: bottom;
}

@supports (display: grid) {
  .vjs-text-track-settings .vjs-modal-dialog-content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr;
    padding: 20px 24px 0px 24px;
  }
  .vjs-track-settings-controls .vjs-default-button {
    margin-bottom: 20px;
  }
  .vjs-text-track-settings .vjs-track-settings-controls {
    grid-column: 1/-1;
  }
  .vjs-layout-small .vjs-text-track-settings .vjs-modal-dialog-content,
  .vjs-layout-x-small .vjs-text-track-settings .vjs-modal-dialog-content,
  .vjs-layout-tiny .vjs-text-track-settings .vjs-modal-dialog-content {
    grid-template-columns: 1fr;
  }
}
.vjs-text-track-settings select {
  font-size: inherit;
}

.vjs-track-setting > select {
  margin-right: 1em;
  margin-bottom: 0.5em;
}

.vjs-text-track-settings fieldset {
  margin: 10px;
  border: none;
}

.vjs-text-track-settings fieldset span {
  display: inline-block;
  padding: 0 0.6em 0.8em;
}

.vjs-text-track-settings fieldset span > select {
  max-width: 7.3em;
}

.vjs-text-track-settings legend {
  color: #fff;
  font-weight: bold;
  font-size: 1.2em;
}

.vjs-text-track-settings .vjs-label {
  margin: 0 0.5em 0.5em 0;
}

.vjs-track-settings-controls button:focus,
.vjs-track-settings-controls button:active {
  outline-style: solid;
  outline-width: medium;
  background-image: linear-gradient(0deg, #fff 88%, rgb(114.9141509434, 132.7028301887, 159.3858490566) 100%);
}

.vjs-track-settings-controls button:hover {
  color: rgba(43, 51, 63, 0.75);
}

.vjs-track-settings-controls button {
  background-color: #fff;
  background-image: linear-gradient(-180deg, #fff 88%, rgb(114.9141509434, 132.7028301887, 159.3858490566) 100%);
  color: #2b333f;
  cursor: pointer;
  border-radius: 2px;
}

.vjs-track-settings-controls .vjs-default-button {
  margin-right: 1em;
}

.vjs-title-bar {
  background: rgba(0, 0, 0, 0.9);
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.7) 60%, rgba(0, 0, 0, 0) 100%);
  font-size: 1.2em;
  line-height: 1.5;
  transition: opacity 0.1s;
  padding: 0.666em 1.333em 4em;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 100%;
}

.vjs-error .vjs-title-bar {
  display: none;
}

.vjs-title-bar-title,
.vjs-title-bar-description {
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.vjs-title-bar-title {
  font-weight: bold;
  margin-bottom: 0.333em;
}

.vjs-playing.vjs-user-inactive .vjs-title-bar {
  opacity: 0;
  transition: opacity 1s;
}

.video-js .vjs-skip-forward-5 {
  cursor: pointer;
}

.video-js .vjs-skip-forward-10 {
  cursor: pointer;
}

.video-js .vjs-skip-forward-30 {
  cursor: pointer;
}

.video-js .vjs-skip-backward-5 {
  cursor: pointer;
}

.video-js .vjs-skip-backward-10 {
  cursor: pointer;
}

.video-js .vjs-skip-backward-30 {
  cursor: pointer;
}

.video-js .vjs-transient-button {
  position: absolute;
  height: 3em;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(50, 50, 50, 0.5);
  cursor: pointer;
  opacity: 1;
  transition: opacity 1s;
}

.video-js:not(.vjs-has-started) .vjs-transient-button {
  display: none;
}

.video-js.not-hover .vjs-transient-button:not(.force-display),
.video-js.vjs-user-inactive .vjs-transient-button:not(.force-display) {
  opacity: 0;
}

.video-js .vjs-transient-button span {
  padding: 0 0.5em;
}

.video-js .vjs-transient-button.vjs-left {
  left: 1em;
}

.video-js .vjs-transient-button.vjs-right {
  right: 1em;
}

.video-js .vjs-transient-button.vjs-top {
  top: 1em;
}

.video-js .vjs-transient-button.vjs-near-top {
  top: 4em;
}

.video-js .vjs-transient-button.vjs-bottom {
  bottom: 4em;
}

.video-js .vjs-transient-button:hover {
  background-color: rgba(50, 50, 50, 0.9);
}

@media print {
  .video-js > *:not(.vjs-tech):not(.vjs-poster) {
    visibility: hidden;
  }
}
.vjs-resize-manager {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
  z-index: -1000;
}

.js-focus-visible .video-js *:focus:not(.focus-visible) {
  outline: none;
}

.video-js *:focus:not(:focus-visible) {
  outline: none;
}

.vjs-chromecast-button .vjs-icon-placeholder {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAAXNSR0IArs4c6QAAAvJJREFUaAXtmTtoFFEUhrMhpRZipQELBQsbwUoEQYPaWFhpYSloJ1bai502tqnVRojYWPlA1CKCjWUKLYRsGmOKdKKs3xnmzpz57+xjdMaZhTnw79zzuOdx79zH7i4s9NSPQD8C/Qh0ZgRGo9EyeAKGoGu0SUKW27IfsEFgUsVn+P1B1tHnNnkdHwwGm5bfokvyAe2uJ2/pWo73rWHkZ2AIfyCRdv9jixk4aGn6AkY+bwwynZe31bYF6WOH/Pwr5PVz0+4LaHuq+hloewaWQgJhVQd+Xp79K9T2TM39DGRrgINul9G060TAV9ovwEfWR+EURNY9sqN6DG0hXwXn2sxac4tyUYMx/DvkJ6PO/0Gg+UQh1WAKv4b+cOSkQYHmE0JlN04M9iK067RdUw+B8+Ai2AfKaAfhFdbHqzJl3TIrwPuc6dyizxJYAc9AGf1CeNM7bqqtwSvHwcEp8EEdpfzDyg4rdtC4Fbvn5ji6BWzklRqdCQ2WZ5S2MNgFG+ANuAtOREa57QX0O8CTFdXYVusDWTvKTQ1S3gq6HBkjQH4MaBE/kDWyO+G3QFFOBW3MrCOKEkNmM6Gv01rkvAaBphS5VIMS/juyM9oRma0JpdoPOw2gedgrsQccBVfBU/ATKJmsrAjdnd5HAf5RoIlMdUeHI6Bs/7eZKLxO8LbFKtW6oNX51AKCAR1vg9/iYD3owxO9FrsadHU8JX68C00KQmcrQqmwO6E8KwZ2i82uKpP8z6IT33EBGNg5YLvNDRAFRqYjvOEDo7drh22jnmpbzN6ptX3spC0Gr+ELv5PC25rQhV047NA/Ap7uRYH+UuCdWju4WQwNea7AP8Yumwluf1+QPRe7S8K/FL6w2E2niczKi1/71pjQuAJMaUVcT6zyDy3gdK5KWt+ET35BFlkd7NvgZFIBZnMtGKbPT8IX/i1Bl41MatdEAdv4viN5jJ1a+6KfEdNth52nSnpz5DtXbA+xj/5iypLrG/0I9CPQj0ArI/AHixCE2UoSwqgAAAAASUVORK5CYII=") center center no-repeat;
  background-size: contain;
  display: inline-block;
  width: 20px;
  height: 20px;
}
.vjs-chromecast-button:hover {
  cursor: pointer;
}
.vjs-chromecast-button:hover .vjs-icon-placeholder {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAAXNSR0IArs4c6QAAAvJJREFUaAXtmTtoFFEUhrMhpRZipQELBQsbwUoEQYPaWFhpYSloJ1bai502tqnVRojYWPlA1CKCjWUKLYRsGmOKdKKs3xnmzpz57+xjdMaZhTnw79zzuOdx79zH7i4s9NSPQD8C/Qh0ZgRGo9EyeAKGoGu0SUKW27IfsEFgUsVn+P1B1tHnNnkdHwwGm5bfokvyAe2uJ2/pWo73rWHkZ2AIfyCRdv9jixk4aGn6AkY+bwwynZe31bYF6WOH/Pwr5PVz0+4LaHuq+hloewaWQgJhVQd+Xp79K9T2TM39DGRrgINul9G060TAV9ovwEfWR+EURNY9sqN6DG0hXwXn2sxac4tyUYMx/DvkJ6PO/0Gg+UQh1WAKv4b+cOSkQYHmE0JlN04M9iK067RdUw+B8+Ai2AfKaAfhFdbHqzJl3TIrwPuc6dyizxJYAc9AGf1CeNM7bqqtwSvHwcEp8EEdpfzDyg4rdtC4Fbvn5ji6BWzklRqdCQ2WZ5S2MNgFG+ANuAtOREa57QX0O8CTFdXYVusDWTvKTQ1S3gq6HBkjQH4MaBE/kDWyO+G3QFFOBW3MrCOKEkNmM6Gv01rkvAaBphS5VIMS/juyM9oRma0JpdoPOw2gedgrsQccBVfBU/ATKJmsrAjdnd5HAf5RoIlMdUeHI6Bs/7eZKLxO8LbFKtW6oNX51AKCAR1vg9/iYD3owxO9FrsadHU8JX68C00KQmcrQqmwO6E8KwZ2i82uKpP8z6IT33EBGNg5YLvNDRAFRqYjvOEDo7drh22jnmpbzN6ptX3spC0Gr+ELv5PC25rQhV047NA/Ap7uRYH+UuCdWju4WQwNea7AP8Yumwluf1+QPRe7S8K/FL6w2E2niczKi1/71pjQuAJMaUVcT6zyDy3gdK5KWt+ET35BFlkd7NvgZFIBZnMtGKbPT8IX/i1Bl41MatdEAdv4viN5jJ1a+6KfEdNth52nSnpz5DtXbA+xj/5iypLrG/0I9CPQj0ArI/AHixCE2UoSwqgAAAAASUVORK5CYII=");
}
.vjs-chromecast-button.vjs-chromecast-casting-state .vjs-icon-placeholder {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAAXNSR0IArs4c6QAAA49JREFUaAXtmTtoFFEUhrMhVtFCBEEDFgoWNqIgaCAQg9pYWGlhKWgnNkaxDHba2KZWGyFiI0J8ohZRbOwMqIWQpDGmSCfK+p1x7+y5/8zuzmQ3yQbmwL9z3vfc59zdHRioqBqBagSqEeibEajX6yPgIVgE/UYLFGS1jfgBqwWhYfiMvCvo+vS5TF2Ha7XagtU36Iq8C9/vxVu5VuMdY4z8DCwi70m0/f+xxAzstTJ9B+q+bhxSm9dvFm8b0rcd6vNLyNu3DF91YLOnaqhoAboGi8at1S+s8U7xW34JpTNQtMedRmSj7WVmYJLi5je6wJ63x14YA89sT6wnaeHaltpLyyQ8CT5q4l7JWpDmDfb0bYvDKkq7TgR8h38KPrA/orcguoSIsSV4E0yBbYmyRx+6J60DPrXaB8yhBS2hnwanfALPYzsCvoKekc9vvCZWe8ZBAxryW57HM8H/G9iNrWdLStvQetRetAMhzwzMfk2CbhjMBqdunjm5o3TB7vfADpR2nbZr6j5wGpwFO0EeraC8wFp84Y20Moz8Ghzz+rK8rnGr3udQu7elPDFDYAI8Bnn0B+XVNKDBoLPl1NWeyMkZta/2jjLRo+B9lKUp3NMEmGxj/266lONy8kUJ1F5YJss1YCOvlDcTt9SpqKwFaZzabROvgnnwCkyBoxmnhgLbGbACPFmnoqMWeRCs6WTStn1Dxqu91SlkHTqfcUaB/hDQTvxCF51OyPbGLk3apiZQe6sOhLg5mKgwS4DOZkKX04wmx6f03SknB2mapPZOHbDIn2BcA9HZnlA64f0w2gWwFPl44zVY7eawHRwEF8EjkHeCmG5cg9Hp6fQux+cLfoUpJz6KVXtGxvsAyDv/bSai5YQ8CpR0Q19Xh3ayFqS+am8pEzgJ/kqCOQ3Arp2dVp9uZGk/ewq1S06wdUIpOp0w6mljt9j0qtIufxGbNp6JwcHeA3baXAGZhtHpCEdfL7HbtcOOUU+5N9dM4wUUPqnxmRBxeIlsF7uUkG1P6MaOXnbY7wNPt9MEXTI+qfEh3WBg5DmB/AC/dCa4/X1D90T8zon8XORos5tNCykqS1771phQqw6Y0TpxOfFqfmgHxpqmhPshcvILsuh6Ib4JSdp1wHwuBcfG85PI0b8l2NKRafitRweWyX1D6mg5tfZFPyWm2152nkrZLZEPLskv4p/5iyktrmKqEahGoBqBTRmBfwb8WzXqcsYyAAAAAElFTkSuQmCC");
}
.vjs-chromecast-button.vjs-chromecast-casting-state:hover .vjs-icon-placeholder {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAAXNSR0IArs4c6QAAA49JREFUaAXtmTtoFFEUhrMhVtFCBEEDFgoWNqIgaCAQg9pYWGlhKWgnNkaxDHba2KZWGyFiI0J8ohZRbOwMqIWQpDGmSCfK+p1x7+y5/8zuzmQ3yQbmwL9z3vfc59zdHRioqBqBagSqEeibEajX6yPgIVgE/UYLFGS1jfgBqwWhYfiMvCvo+vS5TF2Ha7XagtU36Iq8C9/vxVu5VuMdY4z8DCwi70m0/f+xxAzstTJ9B+q+bhxSm9dvFm8b0rcd6vNLyNu3DF91YLOnaqhoAboGi8at1S+s8U7xW34JpTNQtMedRmSj7WVmYJLi5je6wJ63x14YA89sT6wnaeHaltpLyyQ8CT5q4l7JWpDmDfb0bYvDKkq7TgR8h38KPrA/orcguoSIsSV4E0yBbYmyRx+6J60DPrXaB8yhBS2hnwanfALPYzsCvoKekc9vvCZWe8ZBAxryW57HM8H/G9iNrWdLStvQetRetAMhzwzMfk2CbhjMBqdunjm5o3TB7vfADpR2nbZr6j5wGpwFO0EeraC8wFp84Y20Moz8Ghzz+rK8rnGr3udQu7elPDFDYAI8Bnn0B+XVNKDBoLPl1NWeyMkZta/2jjLRo+B9lKUp3NMEmGxj/266lONy8kUJ1F5YJss1YCOvlDcTt9SpqKwFaZzabROvgnnwCkyBoxmnhgLbGbACPFmnoqMWeRCs6WTStn1Dxqu91SlkHTqfcUaB/hDQTvxCF51OyPbGLk3apiZQe6sOhLg5mKgwS4DOZkKX04wmx6f03SknB2mapPZOHbDIn2BcA9HZnlA64f0w2gWwFPl44zVY7eawHRwEF8EjkHeCmG5cg9Hp6fQux+cLfoUpJz6KVXtGxvsAyDv/bSai5YQ8CpR0Q19Xh3ayFqS+am8pEzgJ/kqCOQ3Arp2dVp9uZGk/ewq1S06wdUIpOp0w6mljt9j0qtIufxGbNp6JwcHeA3baXAGZhtHpCEdfL7HbtcOOUU+5N9dM4wUUPqnxmRBxeIlsF7uUkG1P6MaOXnbY7wNPt9MEXTI+qfEh3WBg5DmB/AC/dCa4/X1D90T8zon8XORos5tNCykqS1771phQqw6Y0TpxOfFqfmgHxpqmhPshcvILsuh6Ib4JSdp1wHwuBcfG85PI0b8l2NKRafitRweWyX1D6mg5tfZFPyWm2152nkrZLZEPLskv4p/5iyktrmKqEahGoBqBTRmBfwb8WzXqcsYyAAAAAElFTkSuQmCC");
}

.vjs-chromecast-button.vjs-chromecast-button-lg:not(.vjs-hidden) {
  display: flex;
  align-items: center;
  width: auto;
  padding: 0 4px;
}
.vjs-chromecast-button.vjs-chromecast-button-lg:not(.vjs-hidden) .vjs-chromecast-button-label {
  flex-grow: 1;
  margin-left: 4px;
}
.vjs-chromecast-button.vjs-chromecast-button-lg:not(.vjs-hidden) .vjs-icon-placeholder {
  flex-grow: 1;
}

.vjs-tech-chromecast {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}
.vjs-tech-chromecast .vjs-tech-chromecast-poster::after {
  content: " ";
  display: block;
  height: 2px;
  width: 100px;
  background-color: #cccccc;
  position: absolute;
  left: calc(50% - 50px);
}
.vjs-tech-chromecast .vjs-tech-chromecast-poster-img {
  max-height: 180px;
  width: auto;
  border: 2px solid #cccccc;
}
.vjs-tech-chromecast .vjs-tech-chromecast-poster-img.vjs-tech-chromecast-poster-img-empty {
  width: 160px;
  height: 90px;
}
.vjs-tech-chromecast .vjs-tech-chromecast-title-container {
  position: absolute;
  bottom: 50%;
  margin-bottom: 100px;
  color: #cccccc;
  text-align: center;
}
.vjs-tech-chromecast .vjs-tech-chromecast-title {
  font-size: 22px;
}
.vjs-tech-chromecast .vjs-tech-chromecast-title.vjs-tech-chromecast-title-empty {
  display: none;
}
.vjs-tech-chromecast .vjs-tech-chromecast-subtitle {
  font-size: 18px;
  padding-top: 0.5em;
}
.vjs-tech-chromecast .vjs-tech-chromecast-subtitle.vjs-tech-chromecast-subtitle-empty {
  display: none;
}

.vjs-chromecast-button.vjs-control.vjs-button {
  order: 3;
}

.vjs-quality-selector .vjs-menu-button {
  margin: 0;
  padding: 0;
  height: 100%;
  width: 100%;
}
.vjs-quality-selector .vjs-icon-placeholder {
  /* stylelint-disable-next-line font-family-no-missing-generic-family-keyword */
  font-family: "VideoJS";
  font-weight: normal;
  font-style: normal;
}
.vjs-quality-selector .vjs-icon-placeholder::before {
  content: "\f110";
}

.vjs-quality-changing .vjs-big-play-button {
  display: none;
}
.vjs-quality-changing .vjs-control-bar {
  display: flex;
  visibility: visible;
  opacity: 1;
}

.video-js .vjs-icon-placeholder {
  position: initial;
}
.video-js .vjs-poster img {
  -o-object-fit: cover;
     object-fit: cover;
}
.video-js.vjs-youtube.vjs-has-started:before,
.video-js.vjs-youtube.vjs-has-started .vjs-control-bar:before {
  content: "";
  position: absolute;
  z-index: 1;
}
.video-js.vjs-youtube.vjs-has-started:before {
  top: 10px;
  width: 100%;
  height: 44px;
}
.video-js.vjs-youtube.vjs-has-started .vjs-control-bar:before {
  bottom: 2px;
  height: 40px;
  right: 2px;
  width: 130px;
}

/* Patterns - Dropdown */
.dropup,
.dropright,
.dropdown,
.dropleft {
  position: relative;
}

.dropdown-toggle {
  white-space: nowrap;
}
.dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid;
  border-right: 0.3em solid transparent;
  border-bottom: 0;
  border-left: 0.3em solid transparent;
}
.dropdown-toggle:empty::after {
  margin-left: 0;
}

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 10200;
  display: none;
  float: left;
  min-width: 10rem;
  padding: 0.5rem 0;
  margin: 0.125rem 0 0;
  font-size: 1rem;
  color: #212529;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 8px;
}

.dropdown-menu-left {
  right: auto;
  left: 0;
}

.dropdown-menu-right {
  right: 0;
  left: auto;
}

@media (min-width: 576px) {
  .dropdown-menu-sm-left {
    right: auto;
    left: 0;
  }
  .dropdown-menu-sm-right {
    right: 0;
    left: auto;
  }
}
@media (min-width: 768px) {
  .dropdown-menu-md-left {
    right: auto;
    left: 0;
  }
  .dropdown-menu-md-right {
    right: 0;
    left: auto;
  }
}
@media (min-width: 992px) {
  .dropdown-menu-lg-left {
    right: auto;
    left: 0;
  }
  .dropdown-menu-lg-right {
    right: 0;
    left: auto;
  }
}
@media (min-width: 1200px) {
  .dropdown-menu-xl-left {
    right: auto;
    left: 0;
  }
  .dropdown-menu-xl-right {
    right: 0;
    left: auto;
  }
}
@media (min-width: 1750px) {
  .dropdown-menu-xxl-left {
    right: auto;
    left: 0;
  }
  .dropdown-menu-xxl-right {
    right: 0;
    left: auto;
  }
}
.dropup .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-top: 0;
  margin-bottom: 0.125rem;
}
.dropup .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0;
  border-right: 0.3em solid transparent;
  border-bottom: 0.3em solid;
  border-left: 0.3em solid transparent;
}
.dropup .dropdown-toggle:empty::after {
  margin-left: 0;
}

.dropright .dropdown-menu {
  top: 0;
  right: auto;
  left: 100%;
  margin-top: 0;
  margin-left: 0.125rem;
}
.dropright .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid transparent;
  border-right: 0;
  border-bottom: 0.3em solid transparent;
  border-left: 0.3em solid;
}
.dropright .dropdown-toggle:empty::after {
  margin-left: 0;
}
.dropright .dropdown-toggle::after {
  vertical-align: 0;
}

.dropleft .dropdown-menu {
  top: 0;
  right: 100%;
  left: auto;
  margin-top: 0;
  margin-right: 0.125rem;
}
.dropleft .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
}
.dropleft .dropdown-toggle::after {
  display: none;
}
.dropleft .dropdown-toggle::before {
  display: inline-block;
  margin-right: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid transparent;
  border-right: 0.3em solid;
  border-bottom: 0.3em solid transparent;
}
.dropleft .dropdown-toggle:empty::after {
  margin-left: 0;
}
.dropleft .dropdown-toggle::before {
  vertical-align: 0;
}

.dropdown-menu[x-placement^=top], .dropdown-menu[x-placement^=right], .dropdown-menu[x-placement^=bottom], .dropdown-menu[x-placement^=left] {
  right: auto;
  bottom: auto;
}

.dropdown-divider {
  height: 0;
  margin: 0.5rem 0;
  overflow: hidden;
  border-top: 1px solid #e9ecef;
}

.dropdown-item {
  display: block;
  width: 100%;
  padding: 0.25rem 1.5rem;
  clear: both;
  font-weight: 400;
  color: #212529;
  text-align: inherit;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
}
.dropdown-item:hover, .dropdown-item:focus {
  color: rgb(21.6283783784, 24.25, 26.8716216216);
  text-decoration: none;
  background-color: #e9ecef;
}
.dropdown-item.active, .dropdown-item:active {
  color: #fff;
  text-decoration: none;
  background-color: #c63a28;
}
.dropdown-item.disabled, .dropdown-item:disabled {
  color: #adb5bd;
  pointer-events: none;
  background-color: transparent;
}

.dropdown-menu.show {
  display: block;
}

.dropdown-header {
  display: block;
  padding: 0.5rem 1.5rem;
  margin-bottom: 0;
  font-size: 0.875rem;
  color: #6c757d;
  white-space: nowrap;
}

.dropdown-item-text {
  display: block;
  padding: 0.25rem 1.5rem;
  color: #212529;
}

.dropdown .dropdown-menu a,
.dropdown-split .dropdown-menu a {
  width: 100%;
  padding: var(--space-none) var(--space-s);
  margin-left: 0;
  line-height: 40px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.dropdown .dropdown-menu a:hover,
.dropdown-split .dropdown-menu a:hover {
  background-image: none;
}
.dropdown .dropdown-menu a:not([disabled]),
.dropdown-split .dropdown-menu a:not([disabled]) {
  color: var(--main-text-color);
  cursor: pointer;
}
.dropdown .dropdown-menu a:not([disabled]):hover,
.dropdown-split .dropdown-menu a:not([disabled]):hover {
  background-color: var(--hover-color);
}

.choices[data-type*=select-one]:before, .dropdown-container::before, .dropdown-toggle::before {
  font-family: "wodify-icons";
  position: absolute;
  right: var(--space-s);
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  font-size: 24px;
  color: var(--main-text-color);
  pointer-events: none;
  transition: all 100ms ease-in-out;
}

.dropdown-toggle::before {
  transition: none;
}

.dropdown,
.dropdown-split {
  display: inline-block;
}
.dropdown .dropdown-menu,
.dropdown-split .dropdown-menu {
  padding: var(--space-s);
}
.dropdown .dropdown-menu a,
.dropdown-split .dropdown-menu a {
  position: relative;
}
.dropdown .dropdown-menu a.active:before,
.dropdown-split .dropdown-menu a.active:before {
  content: "";
  position: absolute;
  left: 1px;
  top: 0;
  height: 100%;
  width: 2px;
  background: var(--color-primary);
  border-radius: var(--border-radius-rounded);
}
.dropdown .dropdown-menu a .text,
.dropdown-split .dropdown-menu a .text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.dropdown .dropdown-menu a .fa,
.dropdown-split .dropdown-menu a .fa {
  color: var(--secondary-text-color);
  margin: var(--space-s) var(--space-none);
  line-height: 24px;
}
.dropdown .dropdown-menu a > *,
.dropdown-split .dropdown-menu a > * {
  line-height: 40px;
}
.dropdown .dropdown-menu a span,
.dropdown-split .dropdown-menu a span {
  white-space: inherit;
}
.dropdown .dropdown-menu a:hover,
.dropdown-split .dropdown-menu a:hover {
  border-radius: var(--border-radius-soft);
}
.dropdown .dropdown-menu .separator,
.dropdown-split .dropdown-menu .separator {
  margin: var(--space-s) calc(var(--space-s) * -1);
  width: calc(100% + var(--space-s) * 2);
}

.dropdown.dropdown-button .dropdown-menu a.active:before {
  background: none;
}

.dropdown .btn {
  white-space: nowrap;
}
.dropdown-container {
  display: block;
}
.dropdown-container .dropdown-display .dropdown--hide-in-display {
  display: none !important;
}
.dropdown-container .dropdown-popup-row {
  cursor: pointer;
}
.dropdown-container .dropdown-popup-row .dropdown--hide-in-row {
  display: none !important;
}
.dropdown-container.dropdown--hide-empty-value .drowpdown-empty-value-row {
  display: none;
}
.dropdown-container.wider-results .dropdown-list {
  width: 320px !important;
}
@media (max-width: 47.99em) {
  .dropdown-container.wider-results .dropdown-list {
    width: 100% !important;
  }
}
.dropdown-container::after {
  content: none;
}
.dropdown-container.dropdown-expanded::before {
  transform: rotate(180deg) translateY(50%) translateX(0);
}
.dropdown-container.dropdown-expanded > div.dropdown-display {
  border: var(--border-size-s) solid var(--focused-border-color);
}
.phone.landscape .header-content .dropdown-container.dropdown-expanded-up div.dropdown-list {
  bottom: auto !important;
  margin-top: var(--space-s);
  top: 100% !important;
}
.form .dropdown-container.not-valid span.validation-message {
  bottom: -28px;
}
.dropdown-container .scrollable-list-with-scroll {
  overflow-y: auto;
}
.dropdown.dropdown__position-bottom .dropdown-list {
  bottom: auto !important;
  margin-top: var(--space-xs);
}
.dropdown.dropdown__position-top .dropdown-list {
  bottom: 100% !important;
  margin-bottom: var(--space-s);
  top: auto !important;
}
.dropdown.max-h-350 .dropdown-list {
  max-height: 350px;
}
.dropdown.dropdown--large > div.dropdown-display,
.dropdown.dropdown--large > select.dropdown-display {
  height: 54px;
  line-height: 20px;
}
.dropdown.dropdown--large .dropdown-popup-row {
  height: 56px;
  line-height: 20px;
}
.dropdown.dropdown--background > div.dropdown-display,
.dropdown.dropdown--background > select.dropdown-display {
  background-color: var(--content-bg);
  border-radius: var(--border-radius-soft);
  padding: var(--space-s) var(--space-m) var(--space-s) var(--space-none);
  color: var(--main-text-color);
  min-width: 48px;
  min-height: 48px;
  border: var(--border-size-s) solid var(--border-color);
}
.dropdown.dropdown--background::before {
  right: var(--space-xs);
  color: var(--main-text-color);
}
.dropdown.dropdown--background.dropdown-expanded > div.dropdown-display,
.dropdown.dropdown--background.dropdown-expanded > select.dropdown-display {
  border-bottom-color: var(--focused-border-color);
}

.dropdown-toggle {
  width: 100%;
  text-align: left;
}
.dropdown-toggle::after {
  content: none;
}
.dropdown-toggle.icon-btn::before {
  display: none;
}
.tablet .dropdown-toggle, .phone .dropdown-toggle {
  height: auto;
}
.dropdown-toggle.dropdown-text {
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
  cursor: pointer;
  border: 0;
}
.dropdown-toggle.dropdown-text:hover {
  color: var(--color-black);
  background-color: transparent;
}
.dropdown-toggle.dropdown-text::before {
  top: 11px;
}
.dropdown-toggle.dropdown-freeContent::before {
  content: none;
}
.dropdown-toggle.dropdown-freeContent .icon {
  vertical-align: top;
}
.dropdown-toggle::before {
  font-size: 18px;
  color: var(--color-neutral-10);
}
.dropdown-toggle .filter-option {
  display: inline-block;
  float: left;
  width: 100% !important;
  overflow: hidden;
  font-size: 14px;
  font-weight: var(--font-regular);
  line-height: 24px;
  color: var(--color-neutral-10);
  text-align: left;
  text-overflow: ellipsis;
  text-transform: none;
  white-space: nowrap;
  vertical-align: middle;
}
.dropdown-toggle .sr-only {
  display: none;
}
.dropdown .dropdown-toggle {
  width: initial;
  padding-right: var(--space-s);
}
.dropdown .dropdown-toggle.dropdown-text::before {
  top: 11px;
}
.dropdown .dropdown-toggle::before {
  right: 16px;
  color: inherit;
}
.dropdown .dropdown-toggle.dropdown-button-disabled {
  background-color: unset;
  color: var(--secondary-text-color);
  box-shadow: unset;
  pointer-events: none;
}
.dropdown .dropdown-toggle.dropdown-button-disabled.btn-outline {
  box-shadow: inset 0 0 0 2px var(--secondary-text-color);
}

.dropdown-tooltip--label, .dropdown-tooltip--dropdown-label {
  width: 100%;
  text-overflow: ellipsis;
  overflow-x: hidden;
  margin-right: var(--space-s);
}
.dropdown-tooltip.dropdown:has(.dropdown-disabled):before {
  display: none;
}
.dropdown-tooltip.dropdown-disabled {
  background-color: var(--area-bg);
  color: var(--secondary-text-color);
  padding-right: var(--space-base);
  pointer-events: none;
}
.dropdown-tooltip.dropdown-disabled:before {
  color: var(--secondary-text-color);
}
.dropdown-tooltip.dropdown-disabled select.dropdown-display[disabled] {
  background-color: var(--area-bg);
  color: var(--secondary-text-color);
}

.no-arrow.dropdown-toggle:before {
  display: none;
}

.dropdown-split {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
}
.dropdown-split .dropdown-toggle-split {
  width: 40px;
  min-width: initial;
  height: 40px;
  padding: 8px;
  margin: 0 0 0 1px !important;
  line-height: 30px;
}
.dropdown-split .dropdown-toggle-split::before {
  right: 50%;
  transform: translate(50%, -50%);
}
.dropdown-split .dropdown-toggle-split.btn {
  min-width: 40px;
  position: relative;
}
.dropdown-split .dropdown-menu {
  min-width: 190px;
}

.dropdown-menu {
  right: -1px;
  padding: 0;
  margin-top: 8px;
  margin-left: -1px;
  border: none;
  border-radius: var(--border-radius-soft);
  font-size: var(--font-size-base);
  box-shadow: var(--shadow-popover);
  overflow: hidden;
  
}
.dropdown-menu .list {
  position: relative;
  max-height: 350px;
  overflow-x: hidden;
  overflow-y: auto;
}
.dropdown-menu-item {
  border-radius: var(--border-radius-soft);
  color: var(--main-text-color);
  padding: var(--space-none) var(--space-s);
  position: relative;
}
.dropdown-menu-item:hover {
  background-color: var(--hover-color);
}
.dropdown-menu-item.dropdown-menu-item-selected:before {
  content: "";
  position: absolute;
  left: 1px;
  top: 0;
  height: 100%;
  width: 2px;
  background: var(--color-primary);
  border-radius: var(--border-radius-rounded);
}
@media (min-width: 36em) {
  .dropup .dropdown-menu, .dropdown-menu[x-placement*=top] {
    top: -8px !important;
  }
}
.dropdown-menu > a {
  color: var(--main-text-color);
}
.dropdown-menu > a:hover {
  text-decoration: none;
}
.dropdown-menu > a[disabled] {
  color: var(--secondary-text-color);
}
.dropdown-menu > a[disabled]:hover {
  background-color: unset;
}
.dropdown-menu .dropdown-header {
  padding: 16px 0 8px 0;
  margin: 0 16px;
  font-size: var(--font-size-xs);
  color: var(--secondary-text-color);
  text-transform: uppercase;
  border-bottom: 1px solid var(--border-color);
}
.dropdown-menu .dropdown-header:hover {
  background-color: transparent;
}
.dropdown-menu.show {
  white-space: normal;
}
.dark-mode .dropdown-menu, .dark-styles .dropdown-menu {
  background-color: var(--area-bg);
}
.dropdown.inside-menu.show .dropdown-menu {
  /* Workout_CW.AdminScreens.MonthWorkouts.css */
  /* Fix for single program selected in month view */
  height: 170px;
  overflow: auto;
  top: 20px !important;
}
.dropdown-menu * {
  
}

.dropup .dropdown-toggle.no-arrow::after {
  display: none;
}

.choices__inner,
.choices__inner:hover {
  border: 1px solid var(--border-color);
}

.open > .dropdown-menu {
  display: block;
}

.choices[data-type*=select-multiple] .choices__inner {
  border-radius: var(--border-radius-none);
}

/* WodifyAdminTheme - Drodpdown without border
-------------------------------------------------------------------*/
.dropdown-container .dropdown-expanded > div.dropdown-display {
  border-color: var(--focused-border-color);
}

.dropdown-container > select.dropdown-display.select-primary,
.dropdown-container > select.select-primary,
.select-primary {
  border: none;
  color: var(--color-primary);
  font-weight: var(--font-regular);
  background: transparent;
  width: auto;
  position: relative;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAGRJREFUSEtjZKAxYKSx+QyjFhAM4dEgGulB1Gx1v56BgaGBQDg01B5TbMSlhmAqImAJXsNBlhK0AKQIhyUEDSfaAiyWEGU4SRYgWcKAL8zR44KoICKY2PEoGLWAYOiNBtEICCIArZMYGcD2aosAAAAASUVORK5CYII=") !important;
  background-size: 21px;
  text-align: right;
  min-width: 50px;
  padding: 4px 18px 4px 5px;
  background-repeat: no-repeat !important;
  background-position: right center !important;
}
.dropdown-container > select.dropdown-display.select-primary:hover,
.dropdown-container > select.select-primary:hover,
.select-primary:hover {
  border: var(--border-size-none);
  border-bottom: var(--border-size-none);
}

.select-primary:focus {
  border: var(--border-size-none);
  box-shadow: var(--border-size-none);
}
.select-primary option {
  color: var(--color-black);
}

.dropdown-no-style > .dropdown-container {
  display: inline-block;
  margin-right: var(--space-xs);
}
.dropdown-no-style > .dropdown-container:before {
  content: none;
}

[data-dropdown] > div.dropdown-display,
[data-dropdown] > select.dropdown-display {
  background-color: var(--content-bg);
  padding: var(--space-s) var(--space-l) var(--space-s) var(--space-base);
  font-size: var(--font-size-base);
  line-height: 22px;
  border-color: var(--border-color);
  border-radius: var(--border-radius-soft);
  min-width: 94px;
  color: var(--main-text-color);
}
[data-dropdown] > div.dropdown-display.dropdown--small,
[data-dropdown] > select.dropdown-display.dropdown--small {
  border: var(--border-size-s) solid var(--border-color);
  min-width: unset;
}
[data-dropdown] > div.dropdown-display:hover,
[data-dropdown] > select.dropdown-display:hover {
  border-color: var(--border-color);
}
[data-dropdown] > div.dropdown-display:focus,
[data-dropdown] > select.dropdown-display:focus {
  border-color: var(--focused-border-color);
}
[data-dropdown] > div.dropdown-display.not-valid,
[data-dropdown] > select.dropdown-display.not-valid {
  border-color: var(--color-error);
}
[data-dropdown] > div.dropdown-display[readonly],
[data-dropdown] > select.dropdown-display[readonly] {
  color: var(--secondary-text-color);
  background-color: var(--color-neutral-2);
  border-color: var(--border-color);
}
.dropdown-flat [data-dropdown] > div.dropdown-display,
.dropdown-flat [data-dropdown] > select.dropdown-display {
  border: var(--border-size-none);
  border-bottom: var(--border-size-s) solid var(--border-color);
  padding: var(--space-none);
  height: 32px;
}
.dropdown-flat [data-dropdown] > div.dropdown-display:hover,
.dropdown-flat [data-dropdown] > select.dropdown-display:hover {
  border: var(--border-size-none);
  border-bottom: var(--border-size-s) solid var(--border-color);
}
.dropdown-flat [data-dropdown] > div.dropdown-display:focus,
.dropdown-flat [data-dropdown] > select.dropdown-display:focus {
  border: var(--border-size-none);
  border-bottom: var(--border-size-s) solid var(--focused-border-color);
}
.dropdown-flat [data-dropdown] > div.dropdown-display.not-valid,
.dropdown-flat [data-dropdown] > select.dropdown-display.not-valid {
  border: var(--border-size-none);
  border-bottom: var(--border-size-s) solid var(--color-error);
}
.dropdown-flat [data-dropdown] > div.dropdown-display[readonly], .dropdown-flat [data-dropdown] > div.dropdown-display[disabled],
.dropdown-flat [data-dropdown] > select.dropdown-display[readonly],
.dropdown-flat [data-dropdown] > select.dropdown-display[disabled] {
  background-color: transparent;
  border: var(--border-size-none);
  border-bottom: var(--border-size-s) solid var(--border-color);
}
[data-dropdown] > div.dropdown-display .dropdown-display-content span[data-expression],
[data-dropdown] > select.dropdown-display .dropdown-display-content span[data-expression] {
  display: block;
  width: auto;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
[data-dropdown] > div.dropdown-display .dropdown-display-content .tear,
[data-dropdown] > select.dropdown-display .dropdown-display-content .tear {
  left: calc(var(--space-xs) * -1);
  position: relative;
}
[data-dropdown].dropdown--small > div.dropdown-display,
[data-dropdown].dropdown--small > select.dropdown-display {
  min-width: unset;
}

.dropdown-container > select.dropdown-display.dropdown--small {
  padding: var(--space-none) calc(var(--space-m) + var(--space-xs)) var(--space-none) var(--space-s);
  height: 28px;
  border-radius: var(--border-radius-soft);
  font-size: var(--font-size-xs);
  font-weight: var(--font-semi-bold);
}
.dropdown-container > select.dropdown-display.dropdown--small:hover {
  border: var(--border-size-s) solid var(--border-color);
}
.phone .dropdown-container > select.dropdown-display.dropdown--small, .tablet .dropdown-container > select.dropdown-display.dropdown--small {
  height: 28px;
}

[data-dropdown].dropdown:has(.dropdown-disabled):before {
  display: none;
}

[data-dropdown].dropdown .dropdown-disabled,
[data-dropdown].dropdown-disabled .dropdown {
  background-color: var(--area-bg);
  color: var(--secondary-text-color);
  padding-right: var(--space-base);
}
[data-dropdown].dropdown .dropdown-disabled:before,
[data-dropdown].dropdown-disabled .dropdown:before {
  color: var(--secondary-text-color);
}
[data-dropdown].dropdown .dropdown-disabled select.dropdown-display[disabled],
[data-dropdown].dropdown-disabled .dropdown select.dropdown-display[disabled] {
  background-color: var(--area-bg);
  color: var(--secondary-text-color);
}

[data-dropdown].dropdown-container.auto-width > div.dropdown-list {
  width: auto !important;
}

.tooltip--floating-ui.dropdown-custom-menu {
  padding: var(--space-s) var(--space-none);
}
.tooltip--floating-ui.dropdown-custom-menu .separator.negative-margin {
  margin: var(--space-none) calc(var(--space-s) * -1);
  width: calc(100% + var(--space-s) * 2);
}

.vscomp-toggle-button {
  color: var(--main-text-color);
  min-width: unset;
  padding: var(--space-s) var(--space-l) var(--space-s) var(--space-base);
}
.vscomp-toggle-button, .vscomp-toggle-button:hover {
  background-color: var(--content-bg);
  border-color: var(--border-color);
}
.not-valid .vscomp-toggle-button {
  border-color: var(--color-error);
}
.osui-dropdown-search.vscomp-ele[disabled] .vscomp-toggle-button {
  background-color: var(--area-bg);
  border-color: var(--border-color);
  color: var(--secondary-text-color);
}
.dropdown--small .vscomp-toggle-button {
  border: var(--border-size-s) solid var(--border-color);
  border-radius: var(--border-radius-soft);
  height: 28px;
  min-width: unset;
  padding: var(--space-xs) calc(var(--space-m) + var(--space-xs)) var(--space-xs) var(--space-s);
}
.dropdown--small .vscomp-toggle-button::before {
  right: var(--space-xxs);
}
.dropdown--small .vscomp-toggle-button .vscomp-value {
  margin-right: var(--space-none);
}
.vscomp-wrapper {
  font-family: inherit;
}
.vscomp-wrapper .pop-comp-wrapper {
  background-color: transparent;
  transition: none !important;
}
body.modal-open > .vscomp-wrapper {
  z-index: 10200;
}
.vscomp-wrapper.dropdown--no-search .vscomp-search-wrapper {
  height: 0;
  margin: 0;
  opacity: 0;
  pointer-events: none;
  width: 0;
}
.vscomp-wrapper.has-value .vscomp-value {
  margin-right: var(--space-xs);
}
.vscomp-wrapper.has-value .vscomp-value i[class^="osui-dropdown-option-icon fa"]:not([class*=fa-]) {
  display: none;
}
.osui-dropdown-search.single-select-dropdown-tags .vscomp-wrapper.has-value .vscomp-value {
  /* Lead_CW.Common.LeadViewDropdown_CustomizeCards.css */
  background-color: var(--area-bg);
  border-radius: 12px;
  line-height: 16px;
  margin: var(--space-none) -30px var(--space-none) var(--space-none);
  overflow: hidden;
  padding: var(--space-xxs) var(--space-l) var(--space-xxs) var(--space-s);
}
.osui-dropdown-search.single-select-dropdown-tags .vscomp-wrapper.has-value .vscomp-clear-button {
  /* Lead_CW.Common.LeadViewDropdown_CustomizeCards.css */
  display: flex;
  margin: var(--space-none);
  position: relative;
  right: unset;
  top: unset;
  transform: unset;
}
.osui-bottom-sheet--is-active .vscomp-wrapper {
  z-index: calc(var(--layer-below) + var(--osui-bottom-sheet-layer));
}
.vscomp-wrapper:not(.has-value) .vscomp-value {
  color: var(--secondary-text-color);
}
.vscomp-wrapper:not(.multiple) .vscomp-option.group-title {
  height: 24px !important;
}
.vscomp-wrapper .vscomp-options-container {
  padding: var(--space-s);
}
.vscomp-wrapper .vscomp-options-container::-webkit-scrollbar {
  height: 6px;
  width: 6px;
}
.vscomp-wrapper .vscomp-options-container::-webkit-scrollbar-thumb {
  background: transparent;
  background: #ccc;
  border-radius: 8px;
}
.vscomp-wrapper .vscomp-options-container::-webkit-scrollbar-thumb:window-inactive {
  background: #ccc;
}
.vscomp-wrapper .vscomp-options-container::-webkit-scrollbar-track {
  background-color: transparent;
  box-shadow: none;
}
.vscomp-wrapper .vscomp-options-container:hover::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.4);
}
.vscomp-wrapper .vscomp-option {
  background-color: transparent;
  border-radius: var(--border-radius-soft);
  color: var(--main-text-color);
  padding: var(--space-none) var(--space-s);
  transition: none;
}
.vscomp-wrapper .vscomp-option i[class^="osui-dropdown-option-icon fa"]:not([class*=fa-]) {
  display: none;
}
.vscomp-wrapper .vscomp-option.focused {
  background-color: var(--hover-color);
}
.vscomp-wrapper .vscomp-option.selected:before {
  background: var(--color-primary);
  border-radius: var(--border-radius-rounded);
  content: "";
  height: 100%;
  left: 1px;
  position: absolute;
  top: 0;
  width: 2px;
}
.vscomp-wrapper .vscomp-option.group-title {
  border-bottom: var(--border-size-s) solid var(--color-neutral-2);
  border-radius: var(--border-radius-none);
}
.vscomp-wrapper .vscomp-option.group-title .vscomp-option-text:only-child {
  color: var(--secondary-text-color);
}
.vscomp-wrapper .vscomp-option.group-title + .selected {
  margin-top: var(--space-s);
}
.vscomp-wrapper .vscomp-dropbox {
  --border-size: var(--border-size-none);
  background-color: var(--content-bg);
  box-shadow: var(--shadow-xl);
}
.vscomp-wrapper .vscomp-dropbox-container.auto-width {
  min-width: -moz-min-content;
  min-width: min-content;
  width: 100% !important;
}
.vscomp-wrapper .vscomp-no-options {
  color: var(--secondary-text-color);
  padding: var(--space-s) var(--space-base);
}
.vscomp-wrapper .vscomp-search-wrapper {
  margin: var(--space-s) var(--space-s) var(--space-none);
}
.vscomp-wrapper .vscomp-search-container {
  border: var(--border-size-s) solid var(--border-color);
  border-radius: var(--border-radius-soft);
  padding: var(--space-none) var(--space-s) var(--space-none) var(--space-l);
}
.vscomp-wrapper .vscomp-search-container:before {
  color: var(--secondary-text-color);
  left: var(--space-s);
}
.vscomp-wrapper .vscomp-search-input, .vscomp-wrapper .vscomp-no-search-results {
  color: var(--color-neutral-10);
  font-size: var(--font-size-base);
}
.vscomp-wrapper .vscomp-no-search-results {
  color: var(--secondary-text-color);
}
.vscomp-wrapper .vscomp-clear-icon:after {
  display: none;
}
.vscomp-wrapper .vscomp-clear-icon:before {
  color: var(--color-neutral-10);
  font: normal normal normal var(--font-size-base)/0.9 wodify-icons;
  width: var(--font-size-base);
}
.vscomp-wrapper .vscomp-clear-button:hover {
  background-color: transparent;
}
.vscomp-wrapper .vscomp-toggle-button::before {
  color: var(--main-text-color);
  font-family: "wodify-icons";
  font-size: 24px;
  position: absolute;
  right: var(--space-s);
  top: 50%;
  transform: translateY(-50%);
}
.pop-comp-active .vscomp-wrapper .vscomp-toggle-button::before {
  transform: rotate(180deg) translateY(50%) translateX(0);
}
.vscomp-wrapper .vscomp-toggle-button::after {
  display: none;
}
.vscomp-wrapper.focused .checkbox-icon {
  border-color: var(--border-color);
}
.vscomp-wrapper.focused .vscomp-toggle-button {
  border-color: var(--focused-border-color);
}
.vscomp-wrapper .osui-dropdown-option-icon {
  font-family: "wodify-icons";
  font-style: normal;
}
.vscomp-value {
  display: flex;
  align-items: center;
  height: 24px;
  line-height: 24px;
}
.vscomp-ele.pop-comp-active .vscomp-toggle-button {
  border-color: var(--focused-border-color);
}
.vscomp-search-container .vscomp-search-clear:hover {
  background-color: transparent;
}
.vscomp-search-container .vscomp-search-clear:hover::before {
  color: var(--main-text-color);
}
.vscomp-search-clear {
  position: relative;
}
.vscomp-search-clear::before {
  color: var(--secondary-text-color);
  font-family: "wodify-icons";
  font-size: 16px;
  position: absolute;
  right: var(--space-base);
  top: var(--space-xs);
}
.vscomp-search-clear::after {
  display: none;
}
.vscomp-option-description {
  max-width: calc(100vw - var(--space-xxl) * 2);
}
.vscomp-dropbox-wrapper.vscomp-wrapper {
  z-index: 20000;
}

.dropdown-chip {
  position: absolute;
  right: 0px;
  padding: var(--space-s) var(--space-base);
  margin-top: 8px;
  line-height: 20px;
  font-size: var(--font-size-base);
  text-overflow: ellipsis;
  white-space: nowrap;
  border: none;
  border-radius: var(--border-radius-soft);
  box-shadow: var(--shadow-popover);
  color: var(--main-text-color);
  background-color: var(--content-bg);
  z-index: 3;
}
.dropdown-chip_wrapper {
  position: relative;
}
.dropdown-chip a {
  color: var(--main-text-color);
}
.dropdown-chip span {
  text-wrap: nowrap;
}

/* Patterns - Dropzone */
.dropzone {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  background-color: transparent;
  border: var(--border-size-none);
  border-radius: var(--border-radius-soft);
  min-height: 24px;
  padding: var(--space-none);
  position: relative;
}
.dropzone-btn {
  border-bottom-left-radius: 10px;
  position: absolute;
  right: var(--space-none);
  top: var(--space-none);
  z-index: 1;
}
.dropzone > .icon {
  color: var(--color-primary);
}
.dropzone .icon.fa-cloud-upload {
  color: var(--color-neutral-7);
  font-size: 80px;
  left: 50%;
  pointer-events: none;
  position: absolute;
  top: 30%;
  transform: translateX(-50%) translateY(-50%);
}
.dropzone .dz-message {
  color: var(--color-primary);
  font-size: var(--font-size-s);
  pointer-events: none;
  position: absolute;
  width: 100%;
  margin: var(--space-none);
  text-align: left;
  padding-left: var(--space-l);
}
.dropzone .dz-preview {
  margin: var(--space-s);
}
.dropzone .dz-preview .dz-progress {
  background-color: var(--color-success-light);
  height: 8px;
  margin-top: -4px;
  width: 64px;
  margin-left: -32px;
  border-radius: var(--border-radius-rounded);
}
.dropzone .dz-preview .dz-progress .dz-upload {
  background: var(--color-success);
}
.dropzone .dz-preview .dz-image {
  border-radius: 26px;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  width: 72px;
  height: 129px;
  margin: auto;
}
.dropzone .dz-preview .dz-image img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.dropzone .dz-preview .dz-details {
  padding: 0 15px;
  top: 50%;
  transform: translateY(-50%);
}
.dropzone .dz-preview .dz-remove {
  border-radius: var(--border-radius-rounded);
  color: var(--color-neutral-0);
  left: calc(var(--space-xs) * -1);
  position: absolute;
  text-align: center;
  top: calc(var(--space-base) * -1);
  z-index: 200;
}
.dropzone .dz-preview .dz-remove::before {
  align-items: center;
  background-color: var(--color-primary);
  border-radius: var(--border-radius-rounded);
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  display: flex;
  font-family: "wodify-icons";
  font-weight: var(--font-bold);
  height: 18px;
  justify-content: center;
  margin: var(--space-s);
  width: 18px;
}
.dropzone .dz-preview .dz-remove:hover {
  color: var(--color-neutral-7);
  text-decoration: none;
}
.dropzone .dz-preview.dz-image-preview {
  background-color: transparent;
}
.dropzone .dz-preview.dz-error .dz-error-message {
  top: 110px;
  left: -20px;
  text-align: center;
}
.dropzone .dz-button:focus {
  outline: 4px solid var(--color-primary-lightest);
}
.dropzone.dz-max-files-reached {
  pointer-events: none;
}
.dropzone.dz-max-files-reached .dz-preview {
  pointer-events: all;
}
.dropzone.dz-started > .icon {
  display: none;
}

/* Service Studio Preview */
[data-block="Interaction.DropZone"] {
  
  
}

/* Patterns - Content - List Classes */
.StripeElement {
  border: var(--border-size-s) solid var(--border-color);
  padding: var(--space-s) var(--space-base);
  border-radius: var(--border-radius-soft);
  transition: border 0.3s;
}
.StripeElement--focus {
  border-color: var(--color-primary);
}
.layout-top .StripeElement, .layout-pos .StripeElement, .StripeElement--borderless .StripeElement {
  border: var(--border-size-none);
  padding: var(--space-none);
}

.rank-header {
  display: flex;
  align-items: center;
  flex-direction: row;
}
.rank-header > *:not(.rank-circle) {
  margin-left: var(--space-s);
}
.rank-header > *:not(.rank-circle):has(.rank-title:empty):has(.rank-achieved:empty) {
  margin-left: var(--space-none);
}
.rank-title {
  font-weight: var(--font-semi-bold);
}
.rank-achieved {
  color: var(--secondary-text-color);
  font-size: var(--font-size-s);
  font-weight: var(--font-regular);
}
.rank-description {
  margin-top: var(--space-base);
  font-size: var(--font-size-s);
}
.rank-circle {
  border-radius: var(--border-radius-rounded);
  display: flex;
  flex-direction: column;
  height: 48px;
  justify-content: center;
  min-width: 48px;
  overflow: hidden;
  position: relative;
  width: 48px;
  transform: translateZ(0);
}
.rank-circle:not([style*="background:"]), .rank-circle[style*="background: rgb(255, 255, 255);"] {
  border: var(--border-size-s) solid var(--border-color);
}
.rank-stripes {
  transform: rotate(90deg);
}
.rank-line {
  background-color: var(--color-neutral-10);
  height: 3px;
  z-index: 1;
}
.rank-line ~ .rank-line {
  margin-top: 2px;
}
.rank-half-circle {
  width: 48px;
  height: 24px;
  border-bottom: 0;
  position: absolute;
  bottom: 0;
}
.rank--small .rank-circle {
  width: 32px;
  height: 32px;
  min-width: 32px;
}
.rank--small .rank-half-circle {
  width: 32px;
  height: 15px;
}
.rank--x-small .rank-circle {
  width: 16px;
  height: 16px;
  min-width: 16px;
}
.dropdown .rank--x-small .rank-circle {
  width: 12px;
  height: 12px;
  min-width: 12px;
}
.rank--x-small .rank-half-circle {
  width: 16px;
  height: 8px;
}
.dropdown .rank--x-small .rank-half-circle {
  width: 12px;
  height: 6px;
}
.rank--x-small .rank-line {
  background-color: var(--color-neutral-10);
  height: 1px;
  z-index: 1;
}
.rank--x-small .rank-line ~ .rank-line {
  margin-top: 1px;
}

.flatpickr-day {
  border-radius: var(--border-radius-none);
}
.flatpickr-day.startRange .flatpickr-day.endRange.today, .flatpickr-day.startRange .flatpickr-day.endRange.today:focus, .flatpickr-day.startRange .flatpickr-day.endRange.today:hover, .flatpickr-day.startRange .flatpickr-day.endRange.today.inRange, .flatpickr-day.startRange .flatpickr-day.endRange.today.prevMonthDay, .flatpickr-day.startRange .flatpickr-day.endRange.today.nextMonthDay {
  color: var(--main-text-color);
}
.flatpickr-day.flatpickr-disabled, .flatpickr-day.flatpickr-disabled:hover {
  color: var(--main-text-color);
  opacity: 0.2;
}
.flatpickr-day.startRange, .flatpickr-day.endRange, .flatpickr-day.startRange.startRange, .flatpickr-day.endRange.endRange, .flatpickr-day.selected.startRange.endRange, .flatpickr-day.inRange {
  border-radius: var(--border-radius-none);
}
.flatpickr-day.startRange:before, .flatpickr-day.endRange:before, .flatpickr-day.startRange.startRange:before, .flatpickr-day.endRange.endRange:before, .flatpickr-day.selected.startRange.endRange:before, .flatpickr-day.inRange:before {
  background: transparent;
}
.flatpickr-day.inRange, .flatpickr-day.inRange.today {
  background: var(--color-primary-lightest);
  color: var(--color-black);
}
.flatpickr-day.today {
  background-color: var(--area-bg);
  border-color: transparent;
}
.flatpickr-day.today:hover, .flatpickr-day.today:focus {
  background-color: var(--area-bg);
  border-color: transparent;
  color: var(--main-text-color);
}
.flatpickr-day.selected, .flatpickr-day.selected.today {
  background: var(--color-primary);
  border-color: var(--color-primary);
  border-radius: var(--border-radius-soft);
}
.flatpickr-day.selected, .flatpickr-day.selected:hover, .flatpickr-day.selected.today, .flatpickr-day.selected.today:hover {
  color: var(--button-color, var(--color-white));
}
.dark-mode .flatpickr-day.selected, .dark-styles .flatpickr-day.selected, .dark-mode .flatpickr-day.selected:hover, .dark-styles .flatpickr-day.selected:hover, .dark-mode .flatpickr-day.selected.today, .dark-styles .flatpickr-day.selected.today, .dark-mode .flatpickr-day.selected.today:hover, .dark-styles .flatpickr-day.selected.today:hover {
  color: var(--button-color-dark, var(--color-black));
}
.flatpickr-calendar {
  background: var(--content-bg);
  border-color: var(--border-color);
  box-shadow: var(--shadow-popover);
  display: none;
}
.flatpickr-calendar.static.hasTime:not(.inline) {
  position: absolute;
}
.flatpickr-calendar .flatpickr-current-month .numInputWrapper {
  width: 65px;
}
.flatpickr-calendar .flatpickr-current-month .numInputWrapper .numInput {
  padding: var(--space-none) !important;
}
.flatpickr-calendar.flatpickr--mobile {
  border: var(--border-size-none);
  background-color: transparent;
  box-shadow: none;
  text-align: center;
  width: unset;
}
.flatpickr-calendar.flatpickr--mobile .flatpickr-day {
  max-width: unset;
}
.flatpickr-calendar.flatpickr--mobile .flatpickr-months {
  grid-gap: var(--space-base);
}
.flatpickr-calendar.flatpickr--mobile .flatpickr-months .flatpickr-month {
  grid-area: inherit;
  justify-self: flex-start;
}
.flatpickr-calendar.flatpickr--mobile .flatpickr-months .flatpickr-prev-month.flatpickr-prev-month {
  grid-area: inherit;
}
.flatpickr-calendar.flatpickr--mobile .flatpickr-current-month .flatpickr-monthDropdown-months {
  padding: var(--space-none);
}
.flatpickr-calendar.noCalendar {
  width: 260px;
}
.flatpickr-calendar.arrowBottom {
  margin-top: calc(var(--space-s) * -1);
}
.flatpickr-calendar.arrowBottom:before, .flatpickr-calendar.arrowBottom:after {
  display: none;
}
.flatpickr-calendar.arrowTop {
  margin-top: var(--space-s);
}
.flatpickr-calendar.arrowTop:before, .flatpickr-calendar.arrowTop:after {
  display: none;
}
.flatpickr-calendar.static.arrowBottom {
  top: auto;
  bottom: calc(100% + var(--space-s));
  margin-top: var(--space-none);
}
.flatpickr-calendar.static.arrowTop {
  top: calc(100% + var(--space-s));
  margin-top: var(--space-none);
}
.flatpickr-calendar.open {
  z-index: 99999;
}
.flatpickr-calendar.osui-datepicker-calendar.datepicker-left-middle {
  transform: translate(-55%, -60%);
  animation: none !important;
}
.flatpickr-calendar.osui-datepicker-calendar.datepicker-left-middle.arrowTop.arrowRight:before, .flatpickr-calendar.osui-datepicker-calendar.datepicker-left-middle.arrowTop.arrowRight::after {
  right: -5px !important;
  left: unset;
  transform: rotate(95deg);
  top: 50%;
}
.flatpickr-months {
  grid-template-areas: "prev date next";
  grid-template-columns: 34px 1fr 34px;
}
.flatpickr-current-month {
  flex-direction: row-reverse;
}
.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month {
  background: var(--content-bg);
  color: var(--color-neutral-10);
}
.flatpickr-weekdays span.flatpickr-weekday {
  font-weight: var(--font-semi-bold);
}

.datepicker--today-btn {
  position: relative;
  bottom: 40px;
}
.datepicker--today-btn-enabled .flatpickr-innerContainer {
  padding-bottom: var(--space-xxl);
}

.osui-datepicker__dropdown:before, .osui-datepicker__dropdown:after,
.osui-timepicker__dropdown:before,
.osui-timepicker__dropdown:after {
  display: block;
}
.osui-datepicker__dropdown .flatpickr-time .flatpickr-am-pm,
.osui-timepicker__dropdown .flatpickr-time .flatpickr-am-pm {
  background-color: var(--color-primary);
}
.osui-datepicker [data-input][readonly],
.osui-timepicker [data-input][readonly] {
  background-color: transparent;
  color: var(--main-text-color);
}
.osui-datepicker [data-input].active,
.osui-timepicker [data-input].active {
  border-color: var(--focused-border-color);
}
.osui-datepicker .not-valid + [data-input],
.osui-timepicker .not-valid + [data-input] {
  border-color: var(--color-error);
}
.osui-datepicker .form-control[data-input].hidden-input,
.osui-timepicker .form-control[data-input].hidden-input {
  padding: 0;
  width: 0;
  margin: 0;
  border: none;
  opacity: 0;
  margin-left: -20px;
}

.osui-datepicker input:first-of-type {
  display: inline-block;
}
.osui-datepicker .flatpickr-wrapper {
  width: 100%;
}
.osui-datepicker input:not([type=number]):first-of-type {
  display: none;
}
.osui-datepicker.datepicker-fixed-center-right:has(.hidden-input) {
  translate: 0 -50%;
  height: 0;
}
.osui-datepicker input.flatpickr-input[disabled] + input {
  background-color: var(--area-bg);
  border: var(--border-size-s) solid var(--border-color);
  color: var(--secondary-text-color);
}
.osui-datepicker .hide-input input.form-control.cursor-pointer.OSFillParent.input {
  display: none;
}

.osui-datepicker-calendar input:first-of-type:not(.flatpickr-calendar.inline input) {
  display: inline-block;
}

.date-picker-no-input {
  /* Common_CW.WB_Progression.ClientTrackers.css */
  opacity: 0;
  visibility: hidden;
  min-height: 0;
  min-width: 0;
  height: 0;
  width: 0;
  max-height: 0;
  max-width: 0;
  padding: 0;
  margin: 0;
}
.date-picker-no-input.osui-datepicker {
  position: relative;
}
.date-picker-no-input input {
  left: 0;
  height: 0;
  margin: 0;
  max-height: 0;
  max-width: 0;
  min-height: 0;
  min-width: 0;
  opacity: 0;
  padding: 0;
  position: absolute;
  transform: translateX(-60%);
  top: 10px;
  visibility: hidden;
  width: 0;
}

[data-block*=DatePicker] {
  position: relative;
  display: block;
}

[data-block="Interaction.DatePicker"] .date-picker-hidden {
  height: 0;
  width: 0;
}

.date-picker-workout {
  transform: translateX(-26px);
}

.pika-today-container.pika-button {
  width: 100%;
}

.datepicker-side .flatpickr-calendar:before, .datepicker-side .flatpickr-calendar:after {
  display: none;
}
.datepicker-side .flatpickr-calendar.datepicker-top-right.arrowTop.arrowRight.osui-datepicker-calendar.open {
  top: -90px !important;
  right: 330px !important;
  left: unset !important;
}
.datepicker-side .flatpickr-calendar.datepicker-top-right.arrowTop.arrowRight:before, .datepicker-side .flatpickr-calendar.datepicker-top-right.arrowTop.arrowRight::after {
  right: -5px !important;
  left: unset;
  transform: rotate(95deg);
  top: 95px;
}
.datepicker-side .flatpickr-calendar.datepicker-top-left.arrowTop.arrowLeft.osui-datepicker-calendar.open {
  top: -90px !important;
  right: unset !important;
  left: 330px !important;
}
.datepicker-side .flatpickr-calendar.datepicker-top-left.arrowTop.arrowLeft:before, .datepicker-side .flatpickr-calendar.datepicker-top-left.arrowTop.arrowLeft::after {
  left: -5px !important;
  transform: rotate(275deg);
  top: 95px;
}
.datepicker-side .flatpickr-calendar.datepicker-bottom-right.arrowBottom.arrowRight.osui-datepicker-calendar.open {
  bottom: -65px !important;
  top: unset !important;
  right: 330px !important;
  left: unset !important;
}
.datepicker-side .flatpickr-calendar.datepicker-bottom-right.arrowBottom.arrowRight:before, .datepicker-side .flatpickr-calendar.datepicker-bottom-right.arrowBottom.arrowRight::after {
  right: -5px !important;
  left: unset;
  transform: rotate(95deg);
  bottom: 82px;
  top: unset;
}
.datepicker-side .flatpickr-calendar.datepicker-bottom-left.arrowBottom.arrowLeft.osui-datepicker-calendar.open {
  bottom: -65px !important;
  top: unset !important;
  right: unset !important;
  left: 330px !important;
}
.datepicker-side .flatpickr-calendar.datepicker-bottom-left.arrowBottom.arrowLeft:before, .datepicker-side .flatpickr-calendar.datepicker-bottom-left.arrowBottom.arrowLeft::after {
  left: -5px !important;
  transform: rotate(95deg);
  bottom: 82px;
  top: unset;
}
.datepicker-side .flatpickr-calendar.datepicker-fixed-center-right.arrowTop {
  translate: 0 -50%;
}
.datepicker-side .flatpickr-calendar.datepicker-fixed-center-right.arrowBottom {
  translate: 0 50%;
}
.datepicker-side .flatpickr-calendar.datepicker-fixed-center-right.tasks-duedate-picker {
  translate: 10% -40%;
}
.datepicker-side .flatpickr-calendar.datepicker-fixed-center-right .arrowBottom.arrowRight.osui-datepicker-calendar.open {
  position: fixed;
  bottom: -45px !important;
  top: unset !important;
  right: 240px !important;
  left: unset !important;
}
.datepicker-side .flatpickr-calendar.datepicker-fixed-center-right .arrowBottom.arrowRight:before, .datepicker-side .flatpickr-calendar.datepicker-fixed-center-right .arrowBottom.arrowRight::before, .datepicker-side .flatpickr-calendar.datepicker-fixed-center-right .arrowBottom.arrowRight:after, .datepicker-side .flatpickr-calendar.datepicker-fixed-center-right .arrowBottom.arrowRight::after {
  right: -5px !important;
  left: unset;
  transform: rotate(270deg);
  bottom: 50%;
  top: unset;
}

@media (max-height: 688px) {
  .desktop .datepicker-membership.datepicker-position-adjust-middle, .tablet .datepicker-membership.datepicker-position-adjust-middle {
    top: 30% !important;
    left: 40% !important;
  }
}

em-emoji-picker {
  width: 100%;
}

/* Content editable DIV */
.tribute {
  background-color: transparent;
  padding: var(--space-none);
  font-size: var(--font-size-base);
  line-height: var(--space-m);
  border: var(--border-size-s) solid var(--border-color);
  border-radius: var(--border-radius-soft);
  color: var(--color-neutral-9);
}
.tribute > .ph {
  margin-top: var(--space-xs);
  color: var(--secondary-text-color);
  font-size: var(--font-size-s);
}
.tribute > .ph a {
  color: var(--secondary-text-color);
  text-decoration: underline;
}
.tribute-container {
  position: absolute;
  top: 0;
  left: 0;
  height: auto;
  overflow: auto;
  display: block;
  z-index: 999999;
  border: var(--border-size-s) solid var(--border-color);
  width: 220px;
  margin-top: var(--space-s);
}
.tribute-container ul {
  margin: 0;
  padding: 0;
  list-style: none;
  background: var(--content-bg);
}
.tribute-container li {
  padding: var(--space-s) var(--space-base);
  cursor: pointer;
  font-size: var(--font-light);
}
.tribute-container li .tribute-item-matched {
  font-weight: var(--font-bold);
  color: var(--color-neutral-10);
  letter-spacing: 1px;
}
.tribute-container li.highlight {
  background: var(--color-primary);
  color: var(--color-neutral-0);
}
.tribute-container li.highlight .tribute-item-matched {
  color: var(--color-neutral-0);
}
.tribute-container li.no-match {
  cursor: default;
}
.tribute-container .menu-highlighted {
  font-weight: var(--font-bold);
}

/* Dropdown container */
.tribute-content-container {
  min-height: 102px;
  padding: var(--space-s) var(--space-base);
  word-break: break-word;
  overflow-wrap: break-word;
  /* Ensure hyperlinks inside tribute remain inline */
}
.tribute-content-container a {
  display: inline;
}
.tribute-content-container {
  /* Placeholder style */
}
.tribute-content-container[contenteditable=true]:empty::before {
  content: attr(data-ph);
  color: var(--secondary-text-color);
  font-weight: var(--font-semi-bold);
}
.dark-mode .tribute-content-container[contenteditable=true]:empty::before, .dark-styles .tribute-content-container[contenteditable=true]:empty::before {
  color: var(--border-color);
}

/* minimum style for the chips */
.tribute-chip {
  display: inline-flex;
}
.tribute-content-container .tribute-chip {
  color: var(--color-primary);
  font-weight: var(--font-bold);
  margin-left: var(--space-xxs);
  position: relative;
  padding: var(--space-none);
  max-width: 100%;
}
.tribute-content-container .tribute-chip--temp {
  /*font-size: var(--font-size-s);*/
  font-weight: var(--font-semi-bold);
  padding: var(--space-xxs) var(--space-s);
}
.tribute-content-container .tribute-chip > * {
  display: inline-block;
}
.modal .preview-html .tribute-chip {
  margin-top: -2px;
}
table.tasks-table a .tribute-chip {
  margin-top: -3px;
}
.tribute-chip .chip-text-label {
  font-weight: var(--font-bold);
}

.recurring-container {
  display: flex;
}

.form .recurring-ends-options .radio-group.not-valid span.validation-message {
  display: none;
}
.form .recurring-ends-options > div:last-of-type .radio-group.not-valid span.validation-message {
  display: block;
}

.task-sidebar *:focus {
  outline: 4px solid var(--focused-border-color);
  border-radius: var(--border-radius-soft);
}
.task-sidebar .tribute-content-container:focus {
  outline: none;
  border-radius: unset;
}
.task-sidebar .tribute:has(.tribute-content-container:focus) {
  outline: none;
  border: var(--border-size-s) solid var(--focused-border-color);
}
.task-sidebar-header:focus {
  outline: none;
}

/*! Patterns - Content - Accordion Item */
.osui-accordion-item {
  --accordion-active-border-size: 0;
  background-color: var(--color-background-body);
  border-color: var(--border-color);
  border-bottom-width: var(--border-size-s);
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
}
.osui-accordion .osui-accordion-item {
  border-bottom-width: var(--border-size-s);
}
.osui-accordion-item:has(> .osui-accordion-item__content > div:empty) .osui-accordion-item__icon--caret {
  display: none;
}
.osui-accordion-item:has(> .osui-accordion-item__content > div:empty) .osui-accordion-item__content {
  padding: var(--space-none);
}
.osui-accordion-item--is-open.accordion-item-highlight {
  border-color: var(--color-primary);
}
.osui-accordion-item--is-open .osui-accordion-item--hide-on-expanded {
  display: none;
}
.osui-accordion-item > .osui-accordion-item__title {
  padding: var(--space-base);
  font-size: var(--font-size-base);
  font-weight: var(--font-semi-bold);
  color: var(--color-primary);
}
.font-size-base-fix .osui-accordion-item > .osui-accordion-item__title {
  font-size: inherit;
}
.osui-accordion-item > .osui-accordion-item__title .osui-accordion-item__icon {
  color: var(--color-primary);
  font-size: calc(var(--font-size-h2) + 4px);
}
.osui-accordion-item > .osui-accordion-item__title .osui-accordion-item__icon::before {
  display: none;
}
.osui-accordion-item > .osui-accordion-item__content {
  position: relative;
}
.osui-accordion-item > .osui-accordion-item__content--is-collapsed {
  height: 0 !important;
}
.osui-accordion-item > .osui-accordion-item__content::before {
  content: "";
  position: absolute;
  top: 0;
  left: var(--space-base);
  right: var(--space-base);
  height: 1px;
  background-color: var(--border-color);
}
.osui-accordion :first-child:not(.list) > .osui-accordion-item, .osui-accordion .list :first-child > .osui-accordion-item, .osui-accordion :last-child:not(.list) > .osui-accordion-item, .osui-accordion .list :last-child > .osui-accordion-item {
  border-radius: var(--border-radius-none);
}
.osui-accordion :not(:last-child) > .osui-accordion-item {
  margin-bottom: var(--space-s);
}
.osui-accordion-item.no-arrow > .osui-accordion-item__title .osui-accordion-item__icon {
  display: none;
}

/* -- Accordion Item Shadow -- */
.accordion-item--shadow .osui-accordion-item,
.accordion-item--shadow.osui-accordion-item {
  border-color: var(--border-color);
  box-shadow: var(--shadow-s);
}
.accordion-item--shadow .osui-accordion-item > .osui-accordion-item__title .osui-accordion-item__icon,
.accordion-item--shadow.osui-accordion-item > .osui-accordion-item__title .osui-accordion-item__icon {
  color: var(--main-text-color);
}
.accordion-item--shadow .osui-accordion-item > .osui-accordion-item__content::before,
.accordion-item--shadow.osui-accordion-item > .osui-accordion-item__content::before {
  display: none;
}

/* -- Accordion Item Simple -- */
.accordion-item--simple .osui-accordion-item,
.accordion-item--simple.osui-accordion-item {
  background-color: transparent;
  border-color: transparent;
  box-shadow: var(--shadow-none);
}
.accordion-item--simple .osui-accordion-item > .osui-accordion-item__title,
.accordion-item--simple.osui-accordion-item > .osui-accordion-item__title {
  padding: var(--space-s) var(--space-none);
  line-height: 1.5rem;
  font-size: var(--font-size-s);
}
.accordion-item--simple .osui-accordion-item > .osui-accordion-item__title .osui-accordion-item__icon,
.accordion-item--simple.osui-accordion-item > .osui-accordion-item__title .osui-accordion-item__icon {
  display: none;
}
.accordion-item--simple .osui-accordion-item > .osui-accordion-item__content,
.accordion-item--simple.osui-accordion-item > .osui-accordion-item__content {
  padding: var(--space-none);
}
.accordion-item--simple .osui-accordion-item > .osui-accordion-item__content::before,
.accordion-item--simple.osui-accordion-item > .osui-accordion-item__content::before {
  display: none;
}

/* -- Accordion Item Borderless -- */
.accordion-item--borderless .osui-accordion-item,
.accordion-item--borderless.osui-accordion-item {
  border-width: var(--border-size-none);
  box-shadow: none;
}
.accordion-item--borderless .osui-accordion-item.accordion-item--table-row .osui-accordion-item__title,
.accordion-item--borderless.osui-accordion-item.accordion-item--table-row .osui-accordion-item__title {
  background-color: var(--area-bg);
  padding: var(--space-none) var(--space-l) var(--space-none) var(--space-base);
}
.accordion-item--borderless .osui-accordion-item.accordion-item--table-row .osui-accordion-item__content > div,
.accordion-item--borderless.osui-accordion-item.accordion-item--table-row .osui-accordion-item__content > div {
  margin: var(--space-none);
}
.accordion-item--borderless .osui-accordion-item.accordion-item__title-has-links .osui-accordion-item__title__placeholder,
.accordion-item--borderless.osui-accordion-item.accordion-item__title-has-links .osui-accordion-item__title__placeholder {
  width: auto;
}
.accordion-item--borderless .osui-accordion-item.accordion-item__title-has-links .osui-accordion-item__icon,
.accordion-item--borderless.osui-accordion-item.accordion-item__title-has-links .osui-accordion-item__icon {
  flex: 1;
  justify-content: flex-end;
}
.accordion-item--borderless .osui-accordion-item > .osui-accordion-item__content,
.accordion-item--borderless.osui-accordion-item > .osui-accordion-item__content {
  padding-left: var(--space-none);
  padding-right: var(--space-none);
  border: none;
}
.accordion-item--borderless .osui-accordion-item > .osui-accordion-item__content::before,
.accordion-item--borderless.osui-accordion-item > .osui-accordion-item__content::before {
  display: none;
}

.osui-accordion.accordion-item--borderless.no-padding > .osui-accordion-item__title,
.accordion-item--borderless .osui-accordion-item.no-padding > .osui-accordion-item__title {
  padding: var(--space-none);
  line-height: 24px;
}
.osui-accordion.accordion-item--borderless.no-padding > .osui-accordion-item__content,
.accordion-item--borderless .osui-accordion-item.no-padding > .osui-accordion-item__content {
  line-height: 24px;
  padding: var(--space-none);
}
.osui-accordion.accordion-item--borderless.no-padding > .osui-accordion-item__content > div,
.accordion-item--borderless .osui-accordion-item.no-padding > .osui-accordion-item__content > div {
  margin-top: var(--space-none);
}
.osui-accordion.accordion-item--borderless.no-padding > .osui-accordion-item__content .list-item.accordion-list-item--selected::before,
.accordion-item--borderless .osui-accordion-item.no-padding > .osui-accordion-item__content .list-item.accordion-list-item--selected::before {
  content: "";
  position: absolute;
  left: 0px;
  top: 0;
  height: 100%;
  width: 2px;
  background: var(--color-primary);
}

.osui-accordion.accordion-item--borderless :last-child:not(.list) > .osui-accordion-item,
.osui-accordion.accordion-item--borderless .list :last-child > .osui-accordion-item {
  border-width: var(--border-size-none);
}

.accordion-item--borderless.osui-accordion:has(.section-expandable-title:focus) {
  border-top: var(--border-size-s) solid var(--focused-border-color) !important;
  border-bottom: var(--border-size-s) solid var(--focused-border-color) !important;
}
.accordion-item--borderless.osui-accordion .section-expandable {
  border-width: var(--border-size-none);
  box-shadow: none;
}
.accordion-item--borderless.osui-accordion .section-expandable-title {
  padding: var(--space-base) var(--space-none);
}
.accordion-item--borderless.osui-accordion .section-expandable-content {
  padding-left: var(--space-none);
  padding-right: var(--space-none);
}
.accordion-item--borderless.osui-accordion .section-expandable-content::before {
  left: var(--space-none);
  right: var(--space-none);
}
.accordion-item--borderless.osui-accordion .section-expandable-content > .separator {
  display: none;
}

/* -- Accordion Menu -- */
.osui-accordion--menu .osui-accordion-item {
  box-shadow: var(--shadow-none);
}
.osui-accordion--menu .osui-accordion-item > .osui-accordion-item__title {
  padding: var(--space-s) var(--space-m) var(--space-s) var(--space-base);
  font-size: var(--font-size-m);
  font-weight: var(--font-regular);
}
.osui-accordion--menu .osui-accordion-item__title__placeholder {
  display: flex;
  align-items: center;
}
.osui-accordion--menu .osui-accordion-item__title__placeholder .icon {
  margin-right: var(--space-s);
  color: var(--secondary-text-color);
}
.osui-accordion--menu .osui-accordion-item__icon {
  color: var(--secondary-text-color);
}
.osui-accordion--menu .osui-accordion-item__content {
  padding: var(--space-none) var(--space-base) var(--space-none) var(--space-xxl);
}
.osui-accordion--menu .osui-accordion-item__content--is-expanded {
  padding: var(--space-s) var(--space-base) var(--space-none) var(--space-xxl);
}
.osui-accordion--menu .osui-accordion-item > .osui-accordion-item__content::before {
  display: none;
}
.osui-accordion--menu.osui-accordion :last-child:not(.list) > .osui-accordion-item, .osui-accordion--menu.osui-accordion .list :last-child > .osui-accordion-item {
  border: var(--border-size-none);
}

.footer .osui-accordion-item {
  background-color: var(--area-bg);
  border: var(--border-size-none);
  box-shadow: var(--shadow-none);
}
.footer .osui-accordion-item .osui-accordion-item__title {
  color: var(--main-text-color);
  min-height: var(--bottom-bar-size);
}
.footer .osui-accordion-item .osui-accordion-item__title .osui-accordion-item__icon {
  color: var(--main-text-color);
  height: 24px;
  width: 26px;
}
.footer .osui-accordion-item .osui-accordion-item__content {
  max-height: 300px;
  overflow-y: auto;
}
.footer .osui-accordion-item .osui-accordion-item__content::before {
  display: none;
}
.footer .osui-accordion-item.osui-accordion-item--is-disabled {
  color: var(--main-text-color);
  pointer-events: all;
}
.footer .osui-accordion-item.osui-accordion-item--is-disabled .osui-accordion-item__icon {
  display: none;
}

.osui-accordion-item--align-title-start .osui-accordion-item__title {
  align-items: start;
}
.osui-accordion-item--align-title-start .osui-accordion-item__title .osui-accordion-item__icon--caret {
  padding-top: var(--space-xs);
}

/* Patterns - Page Separator */
.page-separator {
  margin: var(--space-l) calc(var(--space-l) * -1);
  height: var(--space-s);
  background-color: var(--color-background-body);
}
.phone .page-separator {
  margin: var(--space-base) calc(var(--space-base) * -1);
}

.overflow-visible.osui-tabs .osui-tabs__content {
  overflow: visible;
}

.autocomplete-tags .autocomplete-results__wrapper {
  display: none;
  left: 0;
  margin: var(--space-s) var(--space-none) var(--space-none);
  position: absolute;
  background-color: var(--content-bg);
  border-radius: var(--border-radius-soft);
  width: 100%;
  box-shadow: var(--shadow-xl);
}
.autocomplete-tags .autocomplete-results .autocomplete-header--fixed {
  padding: var(--space-s) var(--space-base);
  color: var(--color-primary);
  border-radius: var(--border-radius-soft);
}
.autocomplete-tags .autocomplete-results .autocomplete-header--fixed:hover {
  cursor: pointer;
}
.autocomplete-tags .autocomplete-results .autocomplete-header--fixed:hover {
  background-color: var(--hover-color);
}
.autocomplete-tags .autocomplete-results .autocomplete-header--fixed:hover span {
  color: var(--color-primary);
}
.autocomplete-tags .autocomplete-results .autocomplete-header--fixed.autocomplete-header--disabled:hover {
  cursor: auto !important;
  background-color: var(--content-bg);
}
.autocomplete-tags .autocomplete-results .autocomplete-header--fixed.autocomplete-header--disabled span {
  color: var(--color-neutral-3);
  pointer-events: none;
}
.autocomplete-tags .autocomplete-results .autocomplete-list {
  list-style: none;
  overflow: hidden;
  padding: var(--space-none);
  top: 100%;
  will-change: scroll-position;
  word-break: break-all;
  z-index: 1;
  margin-top: var(--space-none);
  position: relative;
  border: var(--border-size-none);
  max-height: 250px;
}
.autocomplete-tags .autocomplete-results .autocomplete-list-item:hover:not([aria-selected=true]) {
  background-color: var(--hover-color);
}
.autocomplete-tags .autocomplete-results.is--open .autocomplete-results__wrapper {
  display: block;
}
.autocomplete-tags .autocomplete-results.is--open .autocomplete-list {
  overflow-y: auto;
}
.autocomplete-tags .autocomplete-results.not-found .autocomplete-results__wrapper {
  display: block;
}
.autocomplete-tags .autocomplete-results.not-found .autocomplete-list {
  display: none;
}

.date-of-birth {
  position: relative;
  
}
.date-of-birth .dropdown:has(option:checked[value="-1"]) {
  color: var(--secondary-text-color);
}
.date-of-birth .dropdown option {
  color: var(--main-text-color);
}
.date-of-birth-wrapper {
  position: relative;
  display: flex;
  gap: var(--space-xs);
}
.date-of-birth-wrapper.hidden-labels .animated-label-text {
  display: none;
}
.date-of-birth-wrapper .animated-label-text {
  top: 50%;
  transform: translateY(-50%);
  left: var(--space-base);
  color: transparent;
  
  z-index: 1;
}
.date-of-birth-wrapper .animated-label-text::before {
  content: "";
  position: absolute;
  left: -2px;
  background-color: transparent;
  height: 4px;
  width: calc(100% + 4px);
  z-index: -1;
  top: 0;
  transition: background-color 0.3s ease 0.15s;
  
}
.date-of-birth-wrapper .animated-label.active .animated-label-text {
  top: 0;
  color: var(--secondary-text-color);
}
.date-of-birth-wrapper .animated-label.active .animated-label-text::before {
  top: calc(50% - 1px);
  background-color: var(--content-bg);
}
.date-of-birth--day, .date-of-birth--month {
  width: 30%;
}
.date-of-birth--year {
  width: 40%;
}
.top-user-detail .date-of-birth [data-dropdown] > select.dropdown-display {
  color: var(--color-white);
  background-color: transparent;
}
.top-user-detail .date-of-birth [data-dropdown] > select.dropdown-display:focus {
  border-color: var(--color-white);
}
.top-user-detail .date-of-birth .dropdown-container::before {
  display: none;
}
.top-user-detail .date-of-birth .animated-label.active .animated-label-text {
  color: var(--color-white);
}
.top-user-detail .date-of-birth .animated-label.active .animated-label-text::before {
  background-color: var(--color-primary);
}

.wds-notification {
  padding: var(--space-s);
  border: 0;
  background-color: var(--content-bg);
  color: var(--main-text-color);
  box-shadow: var(--shadow-m);
  z-index: 10202;
  -webkit-user-select: text;
     -moz-user-select: text;
          user-select: text;
}
.wds-notification.osui-notification--is-top {
  top: calc(var(--os-safe-area-top) + var(--space-s));
}

.inject-html-container {
  display: flex !important;
  align-items: center;
  flex-wrap: nowrap;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 100%;
  width: 100%;
  min-width: 0 !important;
}
.inject-html-container > * {
  min-width: 0;
  flex-shrink: 1;
  max-width: 100%;
  width: auto;
  overflow: hidden !important;
}
.inject-html-container span,
.inject-html-container a {
  display: inline !important;
  align-items: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  flex-shrink: 1;
  min-width: 0 !important;
  max-width: 100%;
}
.inject-html-container a:hover {
  text-decoration: underline;
}
.inject-html-container .OSBlockWidget {
  display: flex !important;
  flex-wrap: nowrap;
  overflow: hidden;
  min-width: 0 !important;
  flex-shrink: 1;
  max-width: 100%;
}
.inject-html-container.detail-view {
  display: flex !important;
  align-items: flex-start;
  flex-wrap: wrap;
  overflow: visible;
  white-space: normal;
  max-width: 100%;
  width: 100%;
  min-width: 0 !important;
}
.inject-html-container.detail-view > * {
  min-width: 0;
  flex-shrink: 1;
  max-width: 100%;
  width: auto;
  overflow: visible !important;
}
.inject-html-container.detail-view span,
.inject-html-container.detail-view a {
  display: inline;
  white-space: normal;
  overflow: visible;
  word-wrap: break-word;
  overflow-wrap: break-word;
  max-width: 100%;
}
.inject-html-container.detail-view a:hover {
  text-decoration: underline;
}

.remove-styles span {
  color: inherit !important;
  font-family: inherit !important;
}
.remove-styles--basic * {
  word-break: break-word;
  white-space: pre-wrap;
}
.remove-styles--basic table * {
  word-break: keep-all;
  white-space: pre;
}
.remove-styles--basic span {
  font-family: inherit !important;
}
.remove-styles--basic span[style*="color: rgb(0, 0, 0)"], .remove-styles--basic span[style*="color: rgb(255, 255, 255)"], .remove-styles--basic span[style*="color:rgb(0,0,0)"], .remove-styles--basic span[style*="color:rgb(255,255,255)"], .remove-styles--basic span[style*="color:#000000"], .remove-styles--basic span[style*="color:#ffffff"] {
  color: inherit !important;
}
.remove-styles--basic span[style*="background-color: rgb(0, 0, 0)"], .remove-styles--basic span[style*="background-color: rgb(255, 255, 255)"], .remove-styles--basic span[style*="background-color:rgb(0,0,0)"], .remove-styles--basic span[style*="background-color:rgb(255,255,255)"], .remove-styles--basic span[style*="background-color:#000000"], .remove-styles--basic span[style*="background-color:#ffffff"] {
  background-color: inherit !important;
}
.dark-mode .remove-styles--basic [style*=background-color], .dark-styles .remove-styles--basic [style*=background-color] {
  background-color: transparent !important;
}
.dark-mode .remove-styles--basic a,
.dark-mode .remove-styles--basic a > *,
.dark-mode .remove-styles--basic a [style*=color], .dark-styles .remove-styles--basic a,
.dark-styles .remove-styles--basic a > *,
.dark-styles .remove-styles--basic a [style*=color] {
  color: var(--color-primary) !important;
  background-color: transparent !important;
}
.remove-styles:not(.ck-preserve-fontsize) span, .remove-styles--basic:not(.ck-preserve-fontsize) span {
  font-size: inherit !important;
}
.remove-styles--format-labels {
  display: inline-block;
  text-align: left;
}
.remove-styles--format-labels label {
  margin-bottom: var(--space-none);
  display: inline-block;
  text-align: right;
  margin-right: var(--space-xs);
}

.mobile-inbox.main-position-relative .main {
  position: relative;
}
.mobile-inbox.main-position-relative .main .action-sheet-container {
  position: absolute;
}
.mobile-inbox.main-position-relative .main .action-sheet-container.position-fixed {
  position: fixed;
}
.mobile-inbox .dropdown.dropdown__position-bottom.dropdown-expanded-up div.dropdown-list {
  bottom: 100% !important;
}
.mobile-inbox .layout-fixed-bottom .bottom-content {
  z-index: 11;
}
.mobile-inbox .layout-fixed-bottom .layout-fixed-bottom .top-content {
  height: auto;
}
.mobile-inbox .chat-message-list {
  min-height: var(--content-height);
}
.mobile-inbox .floating-action-button.bottom {
  bottom: unset;
  position: fixed;
  top: calc(var(--bottom-content-offset-top) - var(--button-size) - var(--space-xs));
  z-index: 11;
}
.mobile-inbox .group-info-sidebar {
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: var(--space-none) var(--space-m);
  row-gap: var(--space-m);
}
.mobile-inbox .group-info-sidebar-header {
  display: flex;
  flex-direction: column;
  padding-top: var(--space-m);
  row-gap: var(--space-m);
}
.mobile-inbox .group-info-sidebar-content {
  display: flex;
  flex-direction: column;
  height: 100%;
  margin: var(--space-none) calc(var(--space-m) * -1);
  overflow: auto;
  padding: var(--space-none) var(--space-m);
  row-gap: var(--space-base);
}
.mobile-inbox .group-info-sidebar-content .list.list-group {
  overflow: unset;
}
.mobile-inbox .group-info-sidebar-content .list.list-group .list-item {
  border: unset;
  overflow: unset;
  padding: var(--space-xs) var(--space-none);
}
.mobile-inbox .group-info-sidebar-modal.layout-native .footer {
  border: unset;
}
.mobile-inbox .group-info-sidebar-footer {
  bottom: var(--space-m);
  display: flex;
  justify-content: flex-end;
  padding: var(--space-none) var(--space-m);
  position: sticky;
}
.mobile-inbox .dynamic-tabs {
  --scrollbar-spacing: calc(var(--space-xs) + var(--space-xxs));
  margin-bottom: calc(var(--scrollbar-spacing) * -1);
  padding-bottom: var(--scrollbar-spacing);
}

.schedule-action-sheet.position-fixed.action-sheet-container {
  height: calc(var(--bottom-content-offset-top) + var(--bottom-content-height));
  position: fixed;
}
.schedule-action-sheet.osui-bottom-sheet {
  bottom: calc(100vh - var(--bottom-content-offset-top) - var(--bottom-content-height));
}
.schedule-action-sheet .flatpickr-calendar.hasTime:not(.inline) {
  position: absolute;
}
.schedule-action-sheet .flatpickr-calendar.hasTime span.arrowUp,
.schedule-action-sheet .flatpickr-calendar.hasTime span.arrowDown {
  display: none;
}
.schedule-action-sheet .flatpickr-calendar.hasTime.static.open {
  width: 100%;
}
.schedule-action-sheet .input-with-icon.input-with-icon-right .input-with-icon-content-icon:not(:empty) + .input-with-icon-input .flatpickr-calendar.hasTime input {
  display: block;
  padding-right: var(--space-none);
  top: 0;
}

.email-dropdown-options {
  height: 20px;
  margin-right: calc(var(--space-s) * -1);
  min-height: unset;
}
.phone .email-dropdown-options {
  height: 20px;
}

.sms-profile-side-panel__wrapper {
  background-color: var(--area-bg);
  margin: 0px;
  width: 235px;
}
.sms-profile-side-panel__wrapper .profile-side-panel {
  height: 100%;
}

.chatBubbleWrap {
  width: 100%;
}

.ts-reveal-scope {
  --ts-lane-width: 72px;
  --ts-reveal-px: 0px;
  touch-action: pan-y;
}
.ts-reveal-scope .msg-row {
  align-items: stretch;
  display: flex;
  width: 100%;
}
.ts-reveal-scope .msg-timestamp {
  align-items: center;
  background: var(--color-white);
  border-radius: var(--border-radius-rounded);
  box-shadow: var(--shadow-s);
  display: flex;
  justify-content: center;
  left: 100%;
  margin-left: var(--space-s);
  opacity: 0;
  padding: var(--space-xs) var(--space-s);
  pointer-events: none;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  transition: opacity 120ms linear;
}
.dark-mode .ts-reveal-scope .msg-timestamp {
  background: var(--area-bg);
}
.ts-reveal-scope.is-reveal-active .msg-timestamp {
  opacity: 1;
}
.ts-reveal-scope .chat-wds {
  position: relative;
  transition: width 100ms linear;
  width: calc(100% - var(--ts-reveal-v2-px));
}
.ts-reveal-scope .sms-wds .chat-message-wds {
  max-width: calc(100dvw - var(--ts-lane-width-v2) - var(--space-xl));
}
.ts-reveal-scope .chat-message-wds {
  max-width: calc(100dvw - var(--ts-lane-width-v2) - 2 * var(--space-m) - var(--space-base) - 34px);
}

.input-border.chat-wds-preview-img {
  border: var(--border-size-s) solid var(--border-color);
  border-radius: var(--border-radius-soft);
  min-height: 3rem;
}
.input-border.chat-wds-preview-img .dropzone {
  display: block;
  min-height: unset;
}
body .input-border.chat-wds-preview-img .ck:has(.ck-toolbar__items:empty) .ck-editor__main > .ck-editor__editable, body .input-border.chat-wds-preview-img .ck:has(.ck-toolbar__items:empty) .ck-editor__editable.ck-focused:not(.ck-editor__nested-editable) {
  border-color: transparent;
}
.input-border.chat-wds-preview-img:focus-within {
  border-color: var(--color-primary);
}

.media-preview {
  margin: var(--space-base) var(--space-s) var(--space-none);
  position: relative;
}
.media-preview-close {
  border-radius: var(--border-radius-rounded);
  position: absolute;
  right: calc(var(--space-base) * -1);
  text-align: center;
  top: calc(var(--space-base) * -1);
  z-index: 200;
}
.media-preview .media-preview-close {
  color: var(--color-neutral-0);
}
.media-preview-close:before {
  align-items: center;
  background-color: var(--color-primary);
  border-radius: var(--border-radius-rounded);
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  display: flex;
  font-family: "wodify-icons";
  font-weight: var(--font-bold);
  height: 18px;
  justify-content: center;
  margin: var(--space-s);
  width: 18px;
}
.media-preview-close:hover {
  color: var(--color-neutral-7);
  text-decoration: none;
}
.media-preview-file-name {
  color: rgba(0, 0, 0, 0.9);
  font-size: 13px;
  left: 0;
  line-height: 150%;
  max-width: 100%;
  min-width: 100%;
  opacity: 0;
  padding: 0 15px;
  position: absolute;
  text-align: center;
  top: 50%;
  transform: translateY(-50%);
  transition: opacity 0.2s linear;
  z-index: 20;
}
.media-preview-file-name span {
  background-color: rgba(255, 255, 255, 0.4);
  border: 1px solid transparent;
  border-radius: 3px;
  display: inline-block;
  overflow: hidden;
  padding: 0 0.4em;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}
.media-preview-file-name:hover span {
  background-color: rgba(255, 255, 255, 0.8);
  border: 1px solid rgba(200, 200, 200, 0.8);
}
.media-preview .media-preview-file-name {
  position: absolute;
}
.media-preview-media {
  border-radius: var(--border-radius-soft);
  box-shadow: none;
  display: block;
  height: 113px;
  margin: auto;
  overflow: hidden;
  position: relative;
  width: auto;
  z-index: 10;
}
.media-preview-media img {
  display: block;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.media-preview:hover .media-preview-file-name {
  opacity: 1;
}
.media-preview:hover img {
  filter: blur(8px);
  transform: scale(1.05, 1.05);
}

.media-preview-close:hover {
  color: var(--color-neutral-7);
  text-decoration: none;
}
.media-preview-media {
  height: 20dvh;
}
.media-preview:hover .media-preview-file-name {
  opacity: 0;
}
.media-preview:hover img {
  filter: unset;
  transform: unset;
}

.media-container {
  width: -moz-fit-content;
  width: fit-content;
}

.conversation-item {
  background-color: var(--color-white);
  border-bottom: var(--border-size-none);
  border-radius: var(--border-radius-soft);
  transition: color 0.3s ease;
}
.conversation-item:hover {
  cursor: pointer;
}
.conversation-item:hover, .conversation-item.conversation-item-selected {
  background-color: var(--area-bg);
}
.conversation-item .avatar.background-success {
  background-color: red;
}
.conversation-item-status {
  -moz-column-gap: var(--space-s);
       column-gap: var(--space-s);
  display: flex;
}
.conversation-item-status-text {
  align-items: center;
  color: var(--secondary-text-color);
  -moz-column-gap: var(--space-s);
       column-gap: var(--space-s);
  display: flex;
}
.conversation-item-status-notifications {
  --notifications-spacing: 4px;
  align-items: center;
  display: flex;
  padding-left: calc(var(--notifications-spacing) * 2);
}
.conversation-item-status-notifications > div {
  line-height: 0;
  margin-left: calc(var(--notifications-spacing) * -1);
}
.conversation-item-status-notifications .avatar,
.conversation-item-status-notifications .badge {
  color: var(--color-white);
  border: var(--border-size-m) solid var(--color-white);
  font-size: var(--font-size-xs);
  font-weight: var(--font-semi-bold);
  height: 24px;
  line-height: 1px;
  min-height: 24px;
  min-width: 24px;
  padding: var(--space-none) var(--space-xs);
  position: relative;
  width: auto;
  z-index: 1;
}
.conversation-item-status-notifications .avatar:not([class*=size--]),
.conversation-item-status-notifications .badge:not([class*=size--]) {
  font-size: var(--font-size-xs);
  line-height: 1px;
}

.conversation-item {
  background-color: unset;
}
.conversation-item-status-notifications .avatar,
.conversation-item-status-notifications .badge {
  color: var(--color-background-body) !important;
  border-color: currentColor;
  height: 20px;
  min-height: 20px;
  min-width: 20px;
  padding: var(--space-none);
}
.conversation-item-status-notifications .avatar:not([class*=size--]),
.conversation-item-status-notifications .badge:not([class*=size--]) {
  font-size: var(--font-size-xs);
}
.conversation-item-status-notifications .badge {
  background-color: var(--header-color, --color-primary) !important;
}
.conversation-item-status-notifications .avatar {
  border-radius: var(--border-radius-small) !important;
}

.email-reply-toolbar {
  padding-bottom: var(--os-safe-area-bottom);
}
.layout--has-keyboard .email-reply-toolbar {
  padding-bottom: var(--space-none);
}
.email-reply-toolbar .dropdown-menu.show {
  bottom: 100%;
  top: unset !important;
  transform: unset !important;
}
.email-reply-toolbar .ckeditor-dettached-toolbar {
  max-width: calc(100% - 32px);
  margin-left: var(--space-s);
}
.email-reply-toolbar .ckeditor-dettached-toolbar-wrapper {
  align-items: center;
  background-color: var(--area-bg);
  border: var(--border-size-s) solid var(--border-color);
  border-top-left-radius: var(--border-radius-soft);
  border-top-right-radius: var(--border-radius-soft);
  display: flex;
  padding-left: var(--space-s);
}
.email-reply-toolbar .ckeditor-dettached-toolbar-wrapper .ck.ck-toolbar {
  background-color: unset;
  border: unset;
  padding: var(--space-none);
}
.email-reply-toolbar .ckeditor-dettached-toolbar .ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_sw {
  --ck-toolbar-dropdown-max-width: calc(100vw - 44px);
}
.email-reply-toolbar .ckeditor-dettached-toolbar .ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_n,
.email-reply-toolbar .ckeditor-dettached-toolbar .ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_ne,
.email-reply-toolbar .ckeditor-dettached-toolbar .ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_nme,
.email-reply-toolbar .ckeditor-dettached-toolbar .ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_nmw,
.email-reply-toolbar .ckeditor-dettached-toolbar .ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_nw,
.email-reply-toolbar .ckeditor-dettached-toolbar .ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_ne,
.email-reply-toolbar .ckeditor-dettached-toolbar .ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_sw,
.email-reply-toolbar .ckeditor-dettached-toolbar .ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_s,
.email-reply-toolbar .ckeditor-dettached-toolbar .ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_se,
.email-reply-toolbar .ckeditor-dettached-toolbar .ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_sme,
.email-reply-toolbar .ckeditor-dettached-toolbar .ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_smw,
.email-reply-toolbar .ckeditor-dettached-toolbar .ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_sw {
  bottom: 100%;
  border-color: var(--border-color);
  border-radius: var(--border-radius-soft);
  top: unset;
}
.email-reply-toolbar .ckeditor-dettached-toolbar .ck.ck-button {
  border-radius: var(--border-radius-soft);
}
.email-reply-toolbar .ckeditor-dettached-toolbar .ck.ck-button:not(.ck-disabled.ck-on):hover {
  background-color: var(--ck-color-button-default-background);
}
.email-reply-toolbar .ckeditor-dettached-toolbar .ck.ck-button.ck.ck-button.ck-on:not(.ck-disabled):hover {
  background: var(--ck-color-button-on-hover-background);
}

.email-compose .ck.ck-editor__main > .ck-editor__editable.ck-rounded-corners, .ck-rounded-corners .email-compose .ck.ck-editor__main > .ck-editor__editable {
  border-radius: var(--border-radius-soft);
}
.email-compose .ck.ck-editor__top .ck-sticky-panel .ck-sticky-panel__content {
  border: var(--border-size-none);
}

.email-tab--is-open .email-tab-thread-list {
  right: 100%;
}
.email-tab--is-open .email-tab-thread-view {
  left: 0;
  visibility: visible;
}
.email-tab-thread-list {
  height: 100%;
  max-height: 100%;
  overflow: auto;
  padding-left: var(--space-m);
  padding-right: var(--space-m);
  position: absolute;
  right: 0;
  transition: all 0.3s ease;
  width: 100%;
}
.phone .email-tab-thread-list {
  max-height: calc(100% + 8px);
}
.email-tab-thread-view {
  height: 100%;
  left: 100%;
  max-height: 100%;
  padding-left: var(--space-m);
  padding-right: var(--space-m);
  padding-top: var(--space-base);
  position: absolute;
  transition: all 0.3s ease;
  visibility: hidden;
  width: 100%;
}
.phone .email-tab-thread-view {
  max-height: calc(100% + 8px);
}
.email-thread-view {
  height: 100%;
}
.email-thread-view-header {
  align-items: center;
  background-color: var(--area-bg);
  border-top-left-radius: var(--border-radius-soft);
  border-top-right-radius: var(--border-radius-soft);
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  overflow-x: hidden;
  padding: var(--space-s) var(--space-base) var(--space-s) var(--space-s);
}
.phone .email-thread-view-header {
  flex-wrap: wrap;
  gap: var(--space-s);
}
.email-thread-view-content {
  --thread-header-height: 44px;
  height: 100%;
  max-height: calc(100% - var(--thread-header-height));
}
.email-thread-view-item-tag > div {
  line-height: 1;
  margin-bottom: 1px;
}
.email-thread-view-list-item-show-all .btn {
  min-height: 32px;
  padding: var(--space-none);
  position: relative;
  width: 100%;
}
.phone .layout:not(.layout-native) .email-thread-view-list-item-show-all .btn {
  height: 32px;
  width: 100%;
}
.email-thread-view-list-item-show-all .btn:before, .email-thread-view-list-item-show-all .btn:after {
  background-color: var(--border-color);
  content: "";
  height: 1px;
  position: absolute;
  width: 100%;
  z-index: 1;
}
.email-thread-view-list-item-show-all .btn:before {
  top: 14px;
}
.email-thread-view-list-item-show-all .btn:after {
  bottom: 15px;
}
.email-thread-view-list-item-show-all .btn > div {
  align-items: center;
  background-color: var(--color-white);
  border: var(--border-size-s) solid var(--border-color);
  border-radius: var(--border-radius-circle);
  color: var(--color-primary);
  display: flex;
  height: 32px;
  justify-content: center;
  min-width: 32px;
  position: relative;
  z-index: 2;
}
.email-thread-view-list-item-wrapper {
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows 0.3s ease;
}
.email-thread-view-list-item-wrapper:has(.email-thread-view-list-item-show-all) {
  margin-top: var(--space-base);
}
.email-thread-view-list-item-wrapper:first-of-type {
  margin-top: var(--space-none);
}
.email-thread-view-list-item-wrapper:has(> .show) {
  grid-template-rows: 1fr;
}
.email-thread-item {
  border-radius: var(--border-radius-soft);
  display: flex;
  padding: var(--space-s) var(--space-base);
  transition: all 0.3s ease;
  width: 100%;
}
.phone .email-thread-item {
  display: grid;
  grid-template-columns: auto auto;
}
.phone .email-thread-item-recipients-wrapper {
  order: 1;
  width: auto;
}
.phone .email-thread-item-time {
  font-size: var(--font-size-xs);
}
.phone .email-thread-item-time-wrapper {
  justify-content: flex-end;
  justify-self: flex-end;
  order: 2;
}
.phone .email-thread-item-subject {
  font-size: var(--font-size-xs);
  grid-column: 1/-1;
  order: 3;
}
.email-thread-item.is--read {
  background-color: var(--area-bg);
}
.email-thread-item.is--read:hover {
  background-color: var(--color-primary-lightest);
}
.email-thread-item.is--scheduled .email-thread-item-time {
  color: var(--color-success);
  font-weight: var(--font-semi-bold);
}
.email-thread-item.is--unread {
  background-color: transparent;
  border: var(--border-size-s) solid var(--border-color);
  border-left: 4px solid var(--color-primary);
}
.email-thread-item.is--unread:hover {
  background-color: var(--color-primary-lightest);
  border: var(--border-size-s) solid var(--color-primary);
  border-left: 4px solid var(--color-primary);
}
.email-thread-item.is--unread .email-thread-item-subject {
  font-weight: var(--font-semi-bold);
}
.email-thread-item.is--ghost {
  background-color: transparent;
  border: var(--border-size-s) dashed var(--border-color);
}
.email-thread-item.is--ghost:hover {
  background-color: var(--color-primary-lightest);
  border-color: var(--color-primary);
}
.email-thread-item-recipients-wrapper {
  align-items: baseline;
  -moz-column-gap: var(--space-s);
       column-gap: var(--space-s);
  display: flex;
  width: 150px;
}
.email-thread-item-time {
  font-size: var(--font-size-xs);
}
.email-thread-item-time-wrapper {
  align-items: center;
  -moz-column-gap: var(--space-s);
       column-gap: var(--space-s);
  display: flex;
}
.email-thread-item-number {
  color: var(--secondary-text-color);
  font-size: var(--font-size-xs);
  line-height: 1;
}
.email-thread-item-subject {
  flex: 1;
}

.email-threads {
  margin: var(--space-none) calc(var(--space-m) * -1);
  padding: var(--space-none) var(--space-m);
  width: calc(100% + var(--space-m) * 2);
}
.email-thread-view {
  height: unset;
  padding: var(--space-s) var(--space-m) var(--space-none);
}
.email-thread-view-list-item-content {
  max-width: calc(100vw - var(--space-m) * 2 - var(--space-xl));
  overflow: auto;
  width: 100%;
}
.dark-mode .email-thread-view-list-item-show-all .btn > div {
  background-color: var(--color-background-body);
}
.email-thread-view-list-item-show-all .btn::before {
  top: 21px;
}
.email-thread-view-list-item-show-all .btn::after {
  bottom: 21px;
}
.email-thread-item {
  -moz-column-gap: var(--space-s);
       column-gap: var(--space-s);
}
.email-thread-item.is--read:hover {
  background-color: var(--area-bg);
}

.msg-underlay {
  background-color: rgba(0, 0, 0, 0.3);
  display: flex;
  inset: 0;
  position: fixed;
  z-index: 11;
}
.msg-underlay > div {
  margin: auto;
  margin-left: var(--space-m);
}
.msg-underlay.right-wds > div {
  margin-left: auto;
  margin-right: var(--space-m);
}
.msg-underlay.right-wds .chat-message-wds {
  background-color: var(--color-primary);
  color: var(--color-neutral-0);
}
.msg-underlay .chat-message-wds {
  box-shadow: var(--shadow-s);
  margin: var(--space-xs) var(--space-none);
  max-height: 70dvh;
  overflow: auto;
}
.msg-underlay .msg-bubble-name {
  padding-left: var(--space-none) !important;
}
.msg-underlay .chat-photo-wds {
  display: none;
}
.msg-underlay .quick-reaction-picker {
  background-color: var(--color-white);
  box-shadow: var(--shadow-s);
  line-height: 1;
  padding: 0;
}
.dark-mode .msg-underlay .quick-reaction-picker {
  background-color: var(--area-bg);
}
.msg-underlay .quick-reaction-picker__options {
  padding: var(--space-xs) var(--space-none);
}

.chat-fake-tooltip {
  background-color: var(--color-white);
  border-radius: var(--border-radius-soft);
  box-shadow: var(--shadow-s);
  display: flex;
  flex-direction: column;
  left: 0;
  padding: var(--space-s);
  position: absolute;
  top: 100%;
  width: -moz-max-content;
  width: max-content;
}
.right-wds .chat-fake-tooltip {
  left: unset;
  right: 0;
  top: calc(100% + var(--space-xs));
}
.dark-mode .chat-fake-tooltip {
  background-color: var(--area-bg);
}

.scrollable-container {
  position: relative;
}
.scrollable-container-content {
  overflow-x: hidden;
  overflow-y: auto;
}

.floating-action-button {
  --button-size: 40px;
  background-color: var(--color-white);
  border-radius: var(--border-radius-circle);
  box-shadow: var(--shadow-xl);
  height: var(--button-size);
  position: absolute;
  width: var(--button-size);
}
.dark-mode .floating-action-button {
  background-color: var(--color-background-body);
}
.floating-action-button-square {
  border-radius: var(--border-radius-soft);
}
.floating-action-button-icon {
  height: 24px;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 24px;
}
.floating-action-button.top {
  left: calc(50% - var(--button-size) / 2);
  top: 0px;
}
.floating-action-button.top-left {
  top: 0px;
  left: 0px;
}
.floating-action-button.top-right {
  top: 0px;
  left: unset;
  right: 0px;
}
.floating-action-button.bottom {
  bottom: 0px;
  left: calc(50% - var(--button-size) / 2);
}
.floating-action-button.bottom-left {
  bottom: 0px;
  left: 0px;
}
.floating-action-button.bottom-right {
  bottom: 0px;
  left: unset;
  right: 0px;
}
.floating-action-button.center {
  left: calc(50% - var(--button-size) / 2);
  top: calc(50% - var(--button-size) / 2);
}
.floating-action-button.left {
  left: 0px;
  top: calc(50% - var(--button-size) / 2);
}
.floating-action-button.right {
  right: 0px;
  top: calc(50% - var(--button-size) / 2);
}

div:has(> .floating-action-button) {
  display: contents;
}

.floating-action-button {
  --button-size: 50px;
}
.floating-action-button.bottom {
  bottom: var(--footer-height);
}
.floating-action-button.bottom-left, .floating-action-button.bottom-right {
  bottom: var(--footer-height);
}

.btn-tab-default::after {
  position: absolute;
  top: calc(50% - 2px);
  right: 8px;
  width: 0;
  height: 0;
  content: "";
  border-color: currentColor transparent transparent;
  border-style: solid;
  border-width: 6px 5.5px 0;
}

.btn-tab-filter {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 24px;
  padding: var(--space-none) var(--space-s);
  -webkit-font-smoothing: antialiased;
  font-size: var(--font-size-s);
  font-weight: var(--font-regular);
  line-height: 18px;
  color: var(--secondary-text-color);
  text-align: center;
  text-transform: capitalize;
  white-space: nowrap;
  cursor: pointer;
  background-color: transparent;
  border: var(--border-size-none);
  border-radius: var(--border-radius-soft);
  transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out;
}
.btn-tab-filter.btn-icon {
  display: inline-flex;
}
.btn-tab-filter [data-expression] {
  white-space: nowrap;
}
.btn-tab-default {
  position: relative;
  padding-right: calc(var(--space-s) * 3);
  font-weight: var(--font-semi-bold);
  color: var(--color-neutral-9);
  background-color: var(--color-secondary);
}
.dark-styles .btn-tab-default, .dark-mode .btn-tab-default {
  color: var(--color-neutral-0);
}
.btn-tab-default:hover {
  background-color: var(--color-secondary);
}
.btn-tab-default.no-arrow {
  padding-right: var(--space-s);
}
.btn-tab-default.no-arrow:after {
  display: none;
}

.group-member-btn .osui-btn-loading .btn > .body-text--small {
  font-size: 14px;
  line-height: 16px;
}
.group-member-btn .osui-btn-loading .btn > .heading4 {
  line-height: 1.25;
}
.group-member-btn .btn .fa-24_arrowRight {
  font-size: 24px;
  line-height: 24px;
}
.group-member-btn [data-block="Utilities.ButtonLoading"] {
  width: 100%;
  margin-top: 0 !important;
}

.spot-booking-preview-container, .spot-booking-edit-container {
  background-color: var(--color-background-body);
  border-radius: var(--border-radius-soft);
  overflow: hidden;
}
.dark-mode .spot-booking-preview-container, .dark-mode .spot-booking-edit-container {
  background-color: var(--nav-bg-dark);
}
.spot-booking-preview-container {
  border: var(--border-size-s) solid var(--border-color);
}
.spot-booking-edit-container {
  -webkit-user-select: none;
  border: var(--border-size-s) dashed var(--color-primary);
  display: inline-block;
  position: sticky !important;
  top: 0;
  touch-action: none;
  -moz-user-select: none;
       user-select: none;
}
.spot-booking-preview {
  padding: var(--space-none) var(--space-m);
  pointer-events: none;
}
.spot-booking-preview .client-viewer {
  min-height: 300px;
  max-height: 300px;
  overflow-y: auto;
}
.spot-booking-header-controls {
  align-items: center;
  display: flex;
  gap: var(--space-s);
}
.spot-booking-header-controls-section {
  align-items: center;
  background-color: var(--color-background-body);
  border-radius: var(--border-radius-soft);
  color: var(--color-neutral-10);
  display: flex;
  gap: var(--space-s);
  padding: var(--space-xs) var(--space-s);
}
.spot-booking-header-controls-section .btn + .btn {
  margin-left: var(--space-none);
}
.spot-booking-header-controls-section .btn.icon-btn {
  color: var(--main-text-color);
  max-height: 24px;
  min-height: 24px;
  padding: var(--space-none);
}
.spot-booking-header-controls-section .btn.icon-btn[disabled], .spot-booking-header-controls-section .btn.icon-btn:disabled {
  color: var(--color-disabled-text);
  cursor: not-allowed;
}
.spot-booking-drag-item {
  align-items: center;
  background: var(--color-neutral-1);
  border: var(--border-size-s) solid var(--border-color);
  border-radius: var(--border-radius-soft);
  cursor: grab;
  display: flex;
  gap: var(--space-s);
  height: 56px;
  padding: var(--space-s);
}
.spot-booking-drag-item[draggable=false] {
  background-color: var(--color-disabled-background);
  cursor: not-allowed;
}
.spot-booking-drag-item[draggable=false] i {
  color: var(--color-disabled-text);
}
.spot-booking-drag-item[draggable=false] .spot-booking-drag-icon {
  background-color: var(--color-disabled-text);
}
.spot-booking-drag-icon {
  background-color: var(--color-white);
  border: var(--border-size-s) solid var(--color-primary);
  border-radius: var(--border-radius-small);
  height: 30px;
  width: 90px;
}
.spot-booking-drag-icon.circle-spot, .spot-booking-drag-icon.circle-obstacle {
  border-radius: 50%;
  height: 40px;
  width: 40px;
}
.spot-booking-drag-icon.circle-obstacle, .spot-booking-drag-icon.rectangle-obstacle {
  background-color: var(--color-tertiary-3);
  border: var(--border-size-s) solid var(--color-tertiary-3-dark);
}

.modal-spot-booking .modal__container {
  max-width: calc(100% - 32px);
  min-width: unset;
  width: auto;
}
.modal-spot-booking-footer {
  align-items: center;
  display: flex;
  gap: var(--space-base);
  justify-content: space-between;
}
.modal-spot-booking .modal__container__header-head {
  align-items: center;
}

.border {
  border: 1px solid var(--border-color) !important;
}

.border-top {
  border-top: 1px solid var(--border-color) !important;
}

.border-right {
  border-right: 1px solid var(--border-color) !important;
}

.border-bottom {
  border-bottom: 1px solid var(--border-color) !important;
}

.border-left {
  border-left: 1px solid var(--border-color) !important;
}

.border-0 {
  border: 0 !important;
}

.border-top-0 {
  border-top: 0 !important;
}

.border-right-0 {
  border-right: 0 !important;
}

.border-bottom-0 {
  border-bottom: 0 !important;
}

.border-left-0 {
  border-left: 0 !important;
}

.border-primary {
  border-color: #c63a28 !important;
}

.border-secondary {
  border-color: #eced37 !important;
}

.border-success {
  border-color: #28a745 !important;
}

.border-info {
  border-color: #17a2b8 !important;
}

.border-warning {
  border-color: #ffc107 !important;
}

.border-danger {
  border-color: #dc3545 !important;
}

.border-light {
  border-color: #f8f9fa !important;
}

.border-dark {
  border-color: #343a40 !important;
}

.border-primary-lighter {
  border-color: rgb(226.5, 156.5, 147.5) !important;
}

.border-primary-lightest {
  border-color: rgb(243.6, 215.6, 212) !important;
}

.border-primary-light {
  border-color: rgb(209.4, 97.4, 83) !important;
}

.border-primary-dark {
  border-color: rgb(158.4, 46.4, 32) !important;
}

.border-primary-darker {
  border-color: rgb(138.6, 40.6, 28) !important;
}

.border-primary-darkest {
  border-color: rgb(79.2, 23.2, 16) !important;
}

.border-over-light {
  border-color: rgba(255, 255, 255, 0.6) !important;
}

.border-over-lighter {
  border-color: rgba(255, 255, 255, 0.5) !important;
}

.border-over-lightest {
  border-color: rgba(255, 255, 255, 0.2) !important;
}

.border-secondary-lighter {
  border-color: rgb(245.5, 246, 155) !important;
}

.border-secondary-lightest {
  border-color: rgb(251.2, 251.4, 215) !important;
}

.border-secondary-light {
  border-color: rgb(239.8, 240.6, 95) !important;
}

.border-secondary-dark {
  border-color: rgb(188.8, 189.6, 44) !important;
}

.border-secondary-darker {
  border-color: rgb(165.2, 165.9, 38.5) !important;
}

.border-secondary-darkest {
  border-color: rgb(94.4, 94.8, 22) !important;
}

.border-tertiary-3 {
  border-color: #cac3da !important;
}

.border-tertiary-3-lighter {
  border-color: rgb(228.5, 225, 236.5) !important;
}

.border-tertiary-3-lightest {
  border-color: rgb(244.4, 243, 247.6) !important;
}

.border-tertiary-3-light {
  border-color: rgb(212.6, 207, 225.4) !important;
}

.border-tertiary-3-dark {
  border-color: rgb(161.6, 156, 174.4) !important;
}

.border-tertiary-3-darker {
  border-color: rgb(141.4, 136.5, 152.6) !important;
}

.border-tertiary-3-darkest {
  border-color: rgb(80.8, 78, 87.2) !important;
}

.border-background {
  border-color: #ffffff !important;
}

.border-main-text {
  border-color: #1e1a19 !important;
}

.border-secondary-text {
  border-color: #a39890 !important;
}

.border-border {
  border-color: #e7dbd1 !important;
}

.border-success {
  border-color: #2db366 !important;
}

.border-success-light {
  border-color: #eaf7ef !important;
}

.border-success-lighter {
  border-color: #81d1a3 !important;
}

.border-success-dark {
  border-color: #28a15b !important;
}

.border-success-darker {
  border-color: #248f51 !important;
}

.border-success-lightest {
  border-color: #eaf7ef !important;
}

.border-danger {
  border-color: #ff6047 !important;
}

.border-danger-light {
  border-color: #fff0ed !important;
}

.border-danger-lighter {
  border-color: #ffb8ad !important;
}

.border-danger-dark {
  border-color: #e44b35 !important;
}

.border-danger-darker {
  border-color: #c93b2a !important;
}

.border-danger-lightest {
  border-color: #ffe2dd !important;
}

.border-warning {
  border-color: #fcb425 !important;
}

.border-warning-light {
  border-color: #fef7e9 !important;
}

.border-warning-lighter {
  border-color: #fdd27c !important;
}

.border-warning-dark {
  border-color: #e2a221 !important;
}

.border-warning-darker {
  border-color: #c9901d !important;
}

.border-warning-lightest {
  border-color: #fef7e9 !important;
}

.border-info {
  border-color: #c63a28 !important;
}

.border-info-light {
  border-color: #e7cbcb !important;
}

.border-info-lighter {
  border-color: #e39d94 !important;
}

.border-info-dark {
  border-color: #9e2e20 !important;
}

.border-info-lightest {
  border-color: #f4d8d4 !important;
}

.border-red-darkest {
  border-color: rgb(93.2, 28.4, 26.4) !important;
}

.border-red-darker {
  border-color: rgb(163.1, 49.7, 46.2) !important;
}

.border-red-dark {
  border-color: rgb(186.4, 56.8, 52.8) !important;
}

.border-red {
  border-color: #e94742 !important;
}

.border-red-light {
  border-color: rgb(237.4, 107.8, 103.8) !important;
}

.border-red-lighter {
  border-color: rgb(244, 163, 160.5) !important;
}

.border-red-lightest {
  border-color: rgb(250.6, 218.2, 217.2) !important;
}

.border-pink-darkest {
  border-color: rgb(92, 22.8, 92) !important;
}

.border-pink-darker {
  border-color: rgb(161, 39.9, 161) !important;
}

.border-pink-dark {
  border-color: rgb(184, 45.6, 184) !important;
}

.border-pink {
  border-color: #e639e6 !important;
}

.border-pink-light {
  border-color: rgb(235, 96.6, 235) !important;
}

.border-pink-lighter {
  border-color: rgb(242.5, 156, 242.5) !important;
}

.border-pink-lightest {
  border-color: rgb(250, 215.4, 250) !important;
}

.border-softpink-darkest {
  border-color: rgb(93.2, 56, 74.8) !important;
}

.border-softpink-darker {
  border-color: rgb(163.1, 98, 130.9) !important;
}

.border-softpink-dark {
  border-color: rgb(186.4, 112, 149.6) !important;
}

.border-softpink {
  border-color: #e98cbb !important;
}

.border-softpink-light {
  border-color: rgb(237.4, 163, 200.6) !important;
}

.border-softpink-lighter {
  border-color: rgb(244, 197.5, 221) !important;
}

.border-softpink-lightest {
  border-color: rgb(250.6, 232, 241.4) !important;
}

.border-primary-darkest {
  border-color: rgb(79.2, 23.2, 16) !important;
}

.border-primary-darker {
  border-color: rgb(138.6, 40.6, 28) !important;
}

.border-primary-dark {
  border-color: rgb(158.4, 46.4, 32) !important;
}

.border-primary {
  border-color: #c63a28 !important;
}

.border-primary-light {
  border-color: rgb(209.4, 97.4, 83) !important;
}

.border-primary-lighter {
  border-color: rgb(226.5, 156.5, 147.5) !important;
}

.border-primary-lightest {
  border-color: rgb(243.6, 215.6, 212) !important;
}

.border-lavander-darkest {
  border-color: rgb(72, 71.6, 101.2) !important;
}

.border-lavander-darker {
  border-color: rgb(126, 125.3, 177.1) !important;
}

.border-lavander-dark {
  border-color: rgb(144, 143.2, 202.4) !important;
}

.border-lavander {
  border-color: #b4b3fd !important;
}

.border-lavander-light {
  border-color: rgb(195, 194.2, 253.4) !important;
}

.border-lavander-lighter {
  border-color: rgb(217.5, 217, 254) !important;
}

.border-lavander-lightest {
  border-color: rgb(240, 239.8, 254.6) !important;
}

.border-blue-darkest {
  border-color: rgb(27.6, 38.4, 92) !important;
}

.border-blue-darker {
  border-color: rgb(48.3, 67.2, 161) !important;
}

.border-blue-dark {
  border-color: rgb(55.2, 76.8, 184) !important;
}

.border-blue {
  border-color: #4560e6 !important;
}

.border-blue-light {
  border-color: rgb(106.2, 127.8, 235) !important;
}

.border-blue-lighter {
  border-color: rgb(162, 175.5, 242.5) !important;
}

.border-blue-lightest {
  border-color: rgb(217.8, 223.2, 250) !important;
}

.border-cyan-darkest {
  border-color: rgb(19.2, 65.6, 77.2) !important;
}

.border-cyan-darker {
  border-color: rgb(33.6, 114.8, 135.1) !important;
}

.border-cyan-dark {
  border-color: rgb(38.4, 131.2, 154.4) !important;
}

.border-cyan {
  border-color: #30a4c1 !important;
}

.border-cyan-light {
  border-color: rgb(89.4, 182.2, 205.4) !important;
}

.border-cyan-lighter {
  border-color: rgb(151.5, 209.5, 224) !important;
}

.border-cyan-lightest {
  border-color: rgb(213.6, 236.8, 242.6) !important;
}

.border-teal-darkest {
  border-color: rgb(9.2, 92.8, 86) !important;
}

.border-teal-darker {
  border-color: rgb(16.1, 162.4, 150.5) !important;
}

.border-teal-dark {
  border-color: rgb(18.4, 185.6, 172) !important;
}

.border-teal {
  border-color: #17e8d7 !important;
}

.border-teal-light {
  border-color: rgb(69.4, 236.6, 223) !important;
}

.border-teal-lighter {
  border-color: rgb(139, 243.5, 235) !important;
}

.border-teal-lightest {
  border-color: rgb(208.6, 250.4, 247) !important;
}

.border-green-darkest {
  border-color: rgb(55.6, 78, 29.6) !important;
}

.border-green-darker {
  border-color: rgb(97.3, 136.5, 51.8) !important;
}

.border-green-dark {
  border-color: rgb(111.2, 156, 59.2) !important;
}

.border-green {
  border-color: #8bc34a !important;
}

.border-green-light {
  border-color: rgb(162.2, 207, 110.2) !important;
}

.border-green-lighter {
  border-color: rgb(197, 225, 164.5) !important;
}

.border-green-lightest {
  border-color: rgb(231.8, 243, 218.8) !important;
}

.border-yellow-darkest {
  border-color: rgb(102, 94.4, 28) !important;
}

.border-yellow-darker {
  border-color: rgb(178.5, 165.2, 49) !important;
}

.border-yellow-dark {
  border-color: rgb(204, 188.8, 56) !important;
}

.border-yellow {
  border-color: #ffec46 !important;
}

.border-yellow-light {
  border-color: rgb(255, 239.8, 107) !important;
}

.border-yellow-lighter {
  border-color: rgb(255, 245.5, 162.5) !important;
}

.border-yellow-lightest {
  border-color: rgb(255, 251.2, 218) !important;
}

.border-orange-darkest {
  border-color: rgb(98, 45.6, 19.6) !important;
}

.border-orange-darker {
  border-color: rgb(171.5, 79.8, 34.3) !important;
}

.border-orange-dark {
  border-color: rgb(196, 91.2, 39.2) !important;
}

.border-orange {
  border-color: #f57231 !important;
}

.border-orange-light {
  border-color: rgb(247, 142.2, 90.2) !important;
}

.border-orange-lighter {
  border-color: rgb(250, 184.5, 152) !important;
}

.border-orange-lightest {
  border-color: rgb(253, 226.8, 213.8) !important;
}

.border-brown-darkest {
  border-color: rgb(90.4, 84.8, 84.4) !important;
}

.border-brown-darker {
  border-color: rgb(158.2, 148.4, 147.7) !important;
}

.border-brown-dark {
  border-color: rgb(180.8, 169.6, 168.8) !important;
}

.border-brown {
  border-color: #e2d4d3 !important;
}

.border-brown-light {
  border-color: rgb(231.8, 220.6, 219.8) !important;
}

.border-brown-lighter {
  border-color: rgb(240.5, 233.5, 233) !important;
}

.border-brown-lightest {
  border-color: rgb(249.2, 246.4, 246.2) !important;
}

.bdc-transparent {
  border-color: transparent !important;
}

.rounded-sm {
  border-radius: 0.2rem !important;
}

.rounded {
  border-radius: 8px !important;
}

.rounded-top {
  border-top-left-radius: 8px !important;
  border-top-right-radius: 8px !important;
}

.rounded-right {
  border-top-right-radius: 8px !important;
  border-bottom-right-radius: 8px !important;
}

.rounded-bottom {
  border-bottom-right-radius: 8px !important;
  border-bottom-left-radius: 8px !important;
}

.rounded-left {
  border-top-left-radius: 8px !important;
  border-bottom-left-radius: 8px !important;
}

.rounded-lg {
  border-radius: 0.3rem !important;
}

.rounded-circle {
  border-radius: 50% !important;
}

.rounded-pill {
  border-radius: 50rem !important;
}

.rounded-0 {
  border-radius: 0 !important;
}

.switcher {
  position: relative;
  z-index: 1;
  display: inline-block;
  background-color: var(--color-neutral-3);
  border: var(--border-size-m) solid var(--color-neutral-3);
}
.switcher .button-group-item {
  height: 20px;
  padding: var(--space-none) var(--space-base);
  font-size: var(--font-size-s);
  font-weight: var(--font-semi-bold);
  color: var(--secondary-text-color);
  text-transform: uppercase;
  cursor: pointer;
  background-color: transparent;
  border: var(--border-size-none);
  border-radius: var(--border-radius-none);
  transition: background-color 0.3s;
  white-space: nowrap;
}
.switcher .button-group-item:first-of-type::after {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  display: block;
  width: 100%;
  height: 100%;
  content: "";
  background-color: var(--color-neutral-0);
  transition: transform 0.3s;
  transform: translateX(100%);
}
.switcher .button-group-item.button-group-selected-item:first-of-type::after {
  transform: translateX(0%);
}
.switcher.disabled {
  pointer-events: none;
  opacity: 0.4;
}
.switcher.disabled .button-group-item {
  background-color: var(--color-disabled-background);
  border-color: var(--color-disabled-border);
  color: var(--color-disabled-text);
}
.switcher.disabled .button-group-item.button-group-selected-item {
  background-color: var(--color-disabled-background-active);
  color: var(--color-disabled-text-active);
}

.signature {
  display: inline-block;
  max-width: 100%;
  position: relative;
  z-index: 1;
  background-color: var(--area-bg);
  overflow: hidden;
}
.dark-mode .signature, .dark-styles .signature {
  background-color: var(--color-neutral-7);
}
.phone .signature {
  display: block;
}
.signature-text {
  position: absolute;
  top: var(--space-base);
  left: var(--space-base);
  color: var(--secondary-text-color);
}
.signature-line:before {
  content: "";
  display: block;
  margin: 20px;
  height: 2px;
  background-color: var(--border-color);
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
}
.signature canvas {
  
}

.btn.btn-clear-signature {
  position: absolute;
  right: var(--space-none);
  color: var(--color-primary);
  z-index: 1;
  top: var(--space-xs);
}
.btn.btn-clear-signature:focus {
  outline: none;
}

/* Rocket UI Patterns > Dropdown MultiSelect                        */
.dropdown-multi-select {
  position: relative;
}
.dropdown-multi-select .circle-colored:not([style*="background-color: rgb(255, 255, 255)"]) {
  border: var(--border-size-none);
}
.dropdown-multi-select .dropdown-display {
  align-items: center;
  background-color: var(--content-bg);
  border: var(--border-size-s) solid var(--border-color);
  border-radius: var(--border-radius-soft);
  color: var(--main-text-color);
  cursor: pointer;
  display: flex;
  flex-flow: row nowrap;
  font-size: var(--font-size-base);
  height: 40px;
  justify-content: space-between;
  padding: var(--space-none) var(--space-l) var(--space-none) var(--space-base);
}
.dropdown-multi-select .dropdown-display.is--disabled {
  background-color: var(--color-neutral-2);
  border: var(--border-size-s) solid var(--border-color);
  color: var(--secondary-text-color);
  pointer-events: no-drop;
}
.dropdown-multi-select .dropdown-display.not-valid {
  border: var(--border-size-s) solid var(--color-error);
}
.dropdown-multi-select .dropdown-display .badge {
  margin-left: var(--space-s);
  margin-right: var(--space-s);
}
.dropdown-multi-select .dropdown-display .circle-colored {
  margin-right: var(--space-s);
}
.dropdown-multi-select .dropdown-values {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}
.dropdown-multi-select .dropdown-values-prompt {
  color: var(--main-text-color);
  opacity: 0.5;
  white-space: nowrap;
}
.dropdown-multi-select .dropdown-selected-list {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 95%;
}
.dropdown-multi-select .dropdown-selected-items {
  display: inline;
}
.dropdown-multi-select .dropdown-selected-items > span {
  white-space: inherit;
}
.dropdown-multi-select .dropdown-icon .fa {
  font-size: 24px;
  transform-origin: center;
  transition: all 300ms ease;
  position: absolute;
  right: var(--space-s);
  top: 50%;
  transform: translateY(-50%);
  color: var(--main-text-color);
  pointer-events: none;
}
.dropdown-multi-select .dropdown-results {
  background-color: var(--content-bg);
  border-radius: var(--border-radius-soft);
  box-shadow: var(--shadow-xl);
  display: none;
  left: var(--space-none);
  max-height: 350px;
  min-width: 200px;
  padding: var(--space-s);
  overflow-y: auto;
  position: absolute;
  top: 100%;
  width: 100%;
  will-change: scroll-position;
  word-break: break-all;
  z-index: 2;
  text-align: left;
  -webkit-overflow-scrolling: touch;
  
}
.dropdown-multi-select .dropdown-results .osui-search__input::before {
  color: var(--main-text-color);
  left: var(--space-s);
}
.dropdown-multi-select .dropdown-results .search-input {
  display: flex;
  align-items: center;
}
.dropdown-multi-select .dropdown-results .search-input:hover:after, .dropdown-multi-select .dropdown-results .search-input:focus-within:after {
  color: var(--color-neutral-8);
}
.dropdown-multi-select .dropdown-results.wider-results {
  width: 320px !important;
}
@media (max-width: 47.99em) {
  .dropdown-multi-select .dropdown-results.wider-results {
    width: 100% !important;
  }
}
.dropdown-multi-select .dropdown-results-controls .dropdown-results-item:hover {
  background-color: unset;
}
.dropdown-multi-select .dropdown-results-item {
  align-items: center;
  display: flex;
  flex-flow: row nowrap;
  min-height: 40px;
  padding: var(--space-s);
  position: relative;
  border-radius: var(--border-radius-soft);
}
.dropdown-multi-select .dropdown-results-item.is--selected label, .dropdown-multi-select .dropdown-results-item.is--selected:hover label {
  color: var(--main-text-color);
}
.dropdown-multi-select .dropdown-results-item.is--selected.has--separator:after {
  background-color: var(--color-neutral-4);
  bottom: 0;
  content: "";
  height: 1px;
  margin-left: calc(var(--space-s) * -1);
  position: absolute;
  width: calc(100% - var(--space-s) * 2);
}
.dropdown-multi-select .dropdown-results-item > span:first-child {
  display: inline-block;
  line-height: 1;
  margin: var(--space-none) var(--space-s) var(--space-none) var(--space-none);
}
.dropdown-multi-select .dropdown-results-item > label {
  cursor: pointer;
  display: inline-block;
  line-height: var(--space-m);
  margin-bottom: var(--space-none);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: calc(100% - var(--space-m));
  text-transform: none;
}
.dropdown-multi-select .dropdown-results-item:hover {
  background: var(--hover-color);
}
.dropdown-multi-select .dropdown-results-item [data-expression] {
  white-space: pre-wrap;
  word-break: break-word;
}
.dropdown-multi-select .dropdown-results-empty-message {
  text-align: center;
  padding: var(--space-s);
}
.dropdown-multi-select .dropdown-result-selected:before {
  content: "";
  position: absolute;
  left: 1px;
  top: 0;
  height: 100%;
  width: 2px;
  background: var(--color-primary);
  border-radius: var(--border-radius-rounded);
}
.dropdown-multi-select .dropdown-search-input-clear {
  margin-right: var(--space-s);
}
.dropdown-multi-select.is--open .dropdown {
  border: var(--border-size-s) solid var(--focused-border-color);
}
.dropdown-multi-select.is--open .dropdown-icon .fa {
  transform: rotate(180deg) translateY(50%);
  position: absolute;
  top: 50%;
}
.dropdown-multi-select.is--open .dropdown-results {
  display: block;
  z-index: 3;
}
.dropdown-multi-select.dropdown--align-right .dropdown-results {
  right: var(--space-none);
  left: auto;
}
.dropdown-multi-select.wider-results .dropdown-results {
  width: 320px !important;
}
@media (max-width: 47.99em) {
  .dropdown-multi-select.wider-results .dropdown-results {
    width: 100% !important;
  }
}
.form .dropdown-multi-select span + label {
  margin-top: var(--space-none);
}
.dropdown-multi-select--btn .dropdown-display {
  height: 24px;
  padding: var(--space-none) var(--space-m) var(--space-none) var(--space-s);
  border-radius: var(--border-radius-rounded);
  border-color: var(--color-primary);
  color: var(--color-primary);
}
.dropdown-multi-select--btn .dropdown-display.is--selected {
  background-color: var(--color-primary);
}
.dropdown-multi-select--btn .dropdown-display.is--selected,
.dropdown-multi-select--btn .dropdown-display.is--selected .dropdown-icon .fa {
  color: var(--button-color, var(--color-white));
}
.dark-mode .dropdown-multi-select--btn .dropdown-display.is--selected, .dark-styles .dropdown-multi-select--btn .dropdown-display.is--selected,
.dark-mode .dropdown-multi-select--btn .dropdown-display.is--selected .dropdown-icon .fa,
.dark-styles .dropdown-multi-select--btn .dropdown-display.is--selected .dropdown-icon .fa {
  color: var(--button-color-dark, var(--color-black));
}
.tablet .dropdown-multi-select--btn .dropdown-display, .phone .dropdown-multi-select--btn .dropdown-display {
  height: 32px;
}
.dropdown-multi-select--btn .dropdown-icon .fa {
  right: var(--space-none);
  color: var(--color-primary);
}
.dropdown-multi-select--btn .dropdown-results {
  margin-top: var(--space-xs);
}
.dropdown-multi-select--btn.is--open .dropdown {
  border: var(--border-size-s) solid var(--color-primary);
}
.dropdown-multi-select .input-search {
  flex: 1;
}
.dropdown-multi-select.dropdown-multi-select--following-fixed {
  /* WDS_LS.Rocket_Interaction.Dropdown_MultiSelect_CloneTasks.css */
  min-width: 260px;
  position: fixed;
  z-index: 1;
}

.large-view .dropdown-multi-select .dropdown-display {
  height: 48px;
}

.has-accessible-features .dropdown-multi-select .dropdown-display {
  border-color: var(--color-neutral-7);
}
.has-accessible-features .dropdown-multi-select .dropdown-display.is--disabled {
  background-color: var(--color-neutral-2);
  border: var(--border-size-s) solid var(--border-color);
  color: var(--secondary-text-color);
  pointer-events: no-drop;
}

.dropdown-multiselect-fix-width {
  max-width: 468px;
}

/* Re-adds arrows on input numbers*/
[data-input][type=number]::-webkit-outer-spin-button,
[data-input][type=number]::-webkit-inner-spin-button {
  -webkit-appearance: auto;
          appearance: auto;
}

.input-number-wrapper {
  display: inline-flex;
  border-radius: var(--border-radius-soft);
}
.input-number-wrapper .btn {
  background-color: var(--color-primary);
  border-color: var(--color-neutral-7);
  color: var(--button-color, var(--color-white));
  width: 40px;
  z-index: 1;
}
.dark-mode .input-number-wrapper .btn, .dark-styles .input-number-wrapper .btn {
  color: var(--button-color-dark, var(--color-black));
}
.input-number-wrapper .btn:focus {
  background-color: var(--color-primary);
}
.input-number-wrapper .btn:hover {
  text-decoration: none;
  background-color: var(--color-primary-dark);
  color: var(--button-color, var(--color-white));
  box-shadow: inset 0 0 0 0 transparent;
}
.dark-mode .input-number-wrapper .btn:hover, .dark-styles .input-number-wrapper .btn:hover {
  color: var(--button-color-dark, var(--color-black));
}
.input-number-wrapper .btn .icon {
  margin: var(--space-none);
}
.input-number-wrapper .btn.inc {
  border-left: transparent;
  border-radius: 0 var(--border-radius-soft) var(--border-radius-soft) 0;
}
.input-number-wrapper .btn.dec {
  border-radius: var(--border-radius-soft) 0 0 var(--border-radius-soft);
  border-right: transparent;
}
.input-number-wrapper .btn[disabled], .input-number-wrapper .btn:disabled {
  color: var(--secondary-text-color) !important;
  background-color: var(--border-color);
}
.phone .input-number-wrapper .btn {
  padding: var(--space-s);
}
.input-number-wrapper.input-number--disabled .btn {
  background-color: var(--color-neutral-3);
  border-color: var(--color-neutral-7);
  color: var(--color-neutral-7);
}
.input-number-wrapper .input-number__input {
  display: inline-flex;
  position: relative;
}
.input-number-wrapper .aux-symbol {
  transform: translateY(-50%);
  position: absolute;
  right: 0;
  top: 50%;
  z-index: 1;
  padding: var(--space-s);
}
.input-number-wrapper .aux-symbol:empty {
  display: none;
}
.input-number-wrapper .form-control[data-input] {
  border-radius: var(--border-radius-none);
  padding: var(--space-none) var(--space-base);
  text-align: center;
  min-width: 53px;
  max-width: 88px;
  border-left: var(--border-size-none);
  border-right: var(--border-size-none);
}
.input-number-wrapper .form-control[data-input] .has-accessible-features {
  border-color: var(--color-neutral-5);
}
.input-number-wrapper .form-control[data-input] .has-accessible-features[disabled] {
  background-color: var(--color-neutral-3);
  border-color: var(--color-neutral-7);
}
.input-number-wrapper.input-number--small .btn {
  height: 32px;
  width: 32px;
}
.input-number-wrapper.input-number--small .form-control[data-input] {
  height: 32px;
}
.input-number-wrapper.input-number--medium .btn {
  height: 48px;
  border-radius: var(--border-radius-soft);
}
.input-number-wrapper.input-number--medium .btn, .phone .layout .input-number-wrapper.input-number--medium .btn {
  width: 48px;
}
.input-number-wrapper.input-number--medium .form-control[data-input] {
  height: 48px;
  font-size: var(--font-size-h3);
  font-weight: var(--font-semi-bold);
  max-width: 70px;
  background-color: transparent;
  color: var(--main-text-color);
  margin: var(--space-none) var(--space-base);
  padding: var(--space-none);
}
.input-number-wrapper [data-input][type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
          appearance: none;
}
.input-number-wrapper [data-input][type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
          appearance: none;
}
.input-number-wrapper.not-valid .btn {
  border-color: var(--color-error);
}
.input-number-wrapper.has-arrows {
  height: 40px;
  border: var(--border-size-s) solid var(--border-color);
  align-items: center;
}
.input-number-wrapper.has-arrows .form-control[data-input] {
  background-color: transparent;
  border: var(--border-size-none);
}
.input-number-wrapper.has-arrows .btn {
  background-color: transparent;
  border: var(--border-size-none);
  border-radius: var(--border-radius-small);
  color: var(--main-text-color);
  padding: var(--space-none);
  width: 24px;
  height: 12px;
  min-height: 16px;
}
.input-number-wrapper.has-arrows .btn.arrow-up {
  transform: rotate(180deg);
}
.input-number-wrapper.has-arrows .btn + .btn, .phone .input-number-wrapper.has-arrows .btn + .btn {
  margin-left: var(--space-none);
  margin-top: var(--space-none);
}
.input-number-wrapper.has-arrows .input-number__input {
  border: var(--border-size-none);
}
.input-number-wrapper.has-arrows .input-number-arrows-wrapper {
  display: flex;
  flex-direction: column;
  padding-right: var(--space-s);
}
.tablet .input-number-wrapper.has-arrows, .phone .input-number-wrapper.has-arrows {
  height: 48px;
}
.input-number-wrapper input[data-input].form-control {
  margin-bottom: var(--space-none);
}
.input-number-wrapper.input-center-content .input-number__input {
  padding: var(--space-none) var(--space-xs) !important;
}

.has-accessible-features .input-number-wrapper.not-valid .btn {
  border-color: var(--color-error);
}
.has-accessible-features .input-number-wrapper.not-valid .form-control[data-input] {
  border-color: var(--color-error);
  border-left: transparent;
  border-right: transparent;
}

.profile-lite .waiver-question-accordion .section-expandable {
  padding: var(--space-s) !important;
}
.profile-lite .waiver-question-accordion .section-expandable[data-expanded=true] > .section-expandable-title .section-expandable-icon {
  transform: rotate(360deg) !important;
  margin-right: var(--space-base) !important;
}
.profile-lite .waiver-question-accordion .section-expandable[data-expanded=false] > .section-expandable-title .section-expandable-icon {
  transform: rotate(270deg) !important;
  margin-right: var(--space-base) !important;
}

.profile-lite .header-icon {
  background-color: var(--color-primary);
  border-radius: 40px;
  color: var(--color-white);
  height: -moz-fit-content;
  height: fit-content;
  padding: var(--space-s);
  width: -moz-fit-content;
  width: fit-content;
  cursor: pointer;
}
.profile-lite .header-icon--disabled {
  background-color: var(--color-disabled-background);
  color: var(--color-disabled-text);
  height: -moz-fit-content;
  height: fit-content;
  padding: var(--space-s);
  width: -moz-fit-content;
  width: fit-content;
  border-radius: 40px;
}

.profile-lite .section-accordion {
  width: 373px;
}
.profile-lite .osui-accordion-item > .osui-accordion-item__title {
  color: var(--main-text-color);
}
.profile-lite .osui-accordion-item > .osui-accordion-item__content::before {
  height: 0;
}

.profile-lite .name-input-width {
  width: 48%;
}

body {
  line-height: 1.5rem;
}

p {
  margin: var(--space-none);
}
.d-inline p {
  display: inline;
}

figure.table {
  margin: var(--space-none) calc(var(--space-l) * -1);
  width: calc(100% + var(--space-l) * 2);
  border: var(--border-size-none);
}
figure.table table {
  margin: var(--space-none) var(--space-l);
  min-width: calc(100% - var(--space-l) * 2);
}
figure.table table,
figure.table th,
figure.table td {
  border: var(--border-size-s) solid var(--border-color) !important;
}

.remove-styles--format-labels label {
  min-width: 49px;
}
.osui-notification .remove-styles--format-labels label {
  min-width: unset;
}

textarea.remove-styles--basic + .ck span {
  font-family: inherit !important;
}
textarea.remove-styles--basic + .ck span[style*="color: rgb(0, 0, 0)"], textarea.remove-styles--basic + .ck span[style*="color: rgb(255, 255, 255)"], textarea.remove-styles--basic + .ck span[style*="color:rgb(0,0,0)"], textarea.remove-styles--basic + .ck span[style*="color:rgb(255,255,255)"], textarea.remove-styles--basic + .ck span[style*="color:#000000"], textarea.remove-styles--basic + .ck span[style*="color:#ffffff"] {
  color: inherit !important;
}
textarea.remove-styles--basic + .ck span[style*="background-color: rgb(0, 0, 0)"], textarea.remove-styles--basic + .ck span[style*="background-color: rgb(255, 255, 255)"], textarea.remove-styles--basic + .ck span[style*="background-color:rgb(0,0,0)"], textarea.remove-styles--basic + .ck span[style*="background-color:rgb(255,255,255)"], textarea.remove-styles--basic + .ck span[style*="background-color:#000000"], textarea.remove-styles--basic + .ck span[style*="background-color:#ffffff"] {
  background-color: inherit !important;
}
textarea.remove-styles--basic {
  /* 
  * Default behavior is inherit font-size (see WCS-25192 / WCS-26055).
  * To let CKEditor's own font-size apply, add "ck-preserve-fontsize"
  */
}
textarea.remove-styles--basic:not(.ck-preserve-fontsize) + .ck span {
  font-size: inherit !important;
}

.osui-btn-loading {
  width: 100%;
  display: inline-flex;
}
.osui-btn-loading .btn > * {
  font-size: inherit;
  line-height: 32px;
}
.header-right .osui-btn-loading, .modal-header-right .osui-btn-loading {
  width: unset;
}
.action-sheet-container .osui-btn-loading + a {
  border-top: var(--border-size-s) solid var(--border-color);
}
.osui-btn-loading-show-spinner.osui-btn-loading--is-loading .icon {
  display: none;
}

.area-box {
  background-color: var(--area-bg);
  box-shadow: 0 -1px 0 var(--border-color), 0 1px 0 var(--border-color);
  padding-bottom: var(--space-xxl);
}
.area-box .avatar, .dark-mode .area-box .avatar, .dark-styles .area-box .avatar {
  background-color: var(--border-color);
}

.min-w-m {
  min-width: var(--space-m);
}

.section-group-list.is--loading.min-height .section-content:not(:empty) {
  min-height: 45vh;
}

.full-screen {
  min-height: calc(100vh - (var(--header-size) + var(--header-size-content) + var(--footer-height)));
}

.scroll-container--viewport {
  max-height: calc(100vh - (var(--header-size) + var(--footer-height) + var(--header-size-content) + var(--os-safe-area-top)));
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
}

.list-updating:not(.button-swipe-btn--loading)::before {
  border: var(--border-size-l) solid var(--border-color);
  border-top-color: var(--color-primary);
}
.footer .list-updating:not(.button-swipe-btn--loading) {
  height: 30px;
  margin-top: var(--space-none);
}
.footer .list-updating:not(.button-swipe-btn--loading):before {
  border-width: var(--border-size-m);
  width: 30px;
  height: 30px;
}

.icon.small-circle {
  font-size: 5px;
  text-align: center;
  margin: var(--space-none) var(--space-s);
  width: auto;
  vertical-align: middle;
}
.icon.small-circle:before {
  font-family: FontAwesome;
}

.notification-waiver {
  height: 32px;
  width: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.notification-waiver .icon {
  color: var(--color-primary);
}

/* Tag List */
.selectize-dropdown,
.selectize-input {
  font-size: var(--font-size-s);
}

.checkbox:checked {
  background-size: 16px;
}

/* SECONDARY NAVIGATION */
.menu_quick-actions {
  position: absolute;
}

.avatar {
  color: var(--color-white);
}
.avatar img {
  width: calc(100% + 2px);
  max-width: unset;
  image-rendering: -moz-crisp-edges;
  /* Firefox */
  image-rendering: -o-crisp-edges;
  /* Opera */
  image-rendering: -webkit-optimize-contrast;
  /* Webkit (non-standard naming) */
  image-rendering: crisp-edges;
  -ms-interpolation-mode: nearest-neighbor;
  /* IE (non-standard property) */
}
.dark-mode .avatar, .dark-styles .avatar {
  background-color: var(--area-bg);
}

.overlay {
  display: flex;
  flex: 1;
  flex-direction: column;
  justify-content: flex-start;
  justify-content: center;
  align-items: center;
  position: fixed;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  z-index: 1000;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
}
.overlay:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: var(--color-neutral-10);
  opacity: 0.4;
}
.overlay.is--visible {
  opacity: 1;
  pointer-events: all;
}

.gradient-overflow {
  position: relative;
}
.gradient-overflow:after {
  content: "";
  box-shadow: 0 0 15px 20px var(--color-background-body);
  right: 0;
  top: 0;
  height: 3rem;
  position: absolute;
}

.selection-wrapper {
  align-items: center;
  display: flex;
  padding: var(--space-xs) var(--space-m);
}
.selection-wrapper .selection-program {
  flex: 1;
}
.selection-wrapper .selection-time {
  left: var(--space-base);
  margin-left: var(--space-s);
  position: relative;
}
.selection-wrapper .selection-time .btn {
  font-weight: var(--font-regular);
}
.selection-wrapper .selection-time:before {
  background-color: var(--border-color);
  content: "";
  height: 40px;
  left: calc(var(--space-s) * -1);
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: var(--border-size-s);
}
.selection-wrapper--simple .selection-program {
  padding-right: var(--space-base);
}
.selection-wrapper--simple .selection-time {
  flex: 1;
  left: unset;
  margin-left: unset;
  padding-left: var(--space-base);
}
.selection-wrapper--simple .selection-time:before {
  left: var(--space-none);
}
.header-top-content .selection-wrapper {
  padding: var(--space-s) var(--space-none) var(--space-xs);
}

iframe {
  height: 100%;
  width: 100%;
}
iframe.giphy-embed {
  pointer-events: none;
}

.img--max-height img {
  height: auto !important;
}
[style*="text-align: center"] img {
  margin: auto;
}
[style*="text-align: right;"] img {
  margin-right: 0;
}

.home-loading {
  opacity: 0;
  pointer-events: none;
}

.home-loading-transition {
  transition: opacity 150ms ease-out;
}

.home-spinner-wrap {
  display: none;
}

@supports selector(:has(*)) {
  body:has(.home-loading) .home-spinner-wrap {
    align-items: center;
    display: flex;
    inset: 0;
    justify-content: center;
    position: fixed;
  }
}
/* Patterns - Card Template */
.card-template {
  min-height: unset;
}
.card-template .card {
  border: var(--border-size-s) solid var(--border-color);
  padding: var(--space-none);
}
.card-template-hover > * {
  width: unset;
}
.card-template-tag {
  align-items: flex-end;
  bottom: var(--space-xs);
  display: flex;
  flex-direction: column;
  gap: var(--space-xxs);
  justify-content: center;
  top: unset;
}
.card-template-bottom {
  padding: var(--space-s);
  border-top-width: var(--border-size-none);
}
.desktop .card-template-hover {
  display: flex;
  padding: var(--space-s);
  justify-content: flex-start;
  align-items: flex-end;
}
.phone .card-template {
  --image-height: 130px;
}

.detail-card {
  color: var(--main-text-color);
  display: flex;
  flex-direction: column;
  height: 100%;
  margin: var(--space-none) var(--space-m);
  position: relative;
}
.layout--padding .detail-card {
  margin-left: var(--space-m);
  margin-right: var(--space-m);
}
.detail-card .fa:not(.margin-none) {
  margin-right: var(--space-s);
}
.detail-card-title {
  margin-bottom: var(--space-s);
  word-break: break-word;
}
.detail-card-instructor .avatar {
  font-size: var(--font-size-base);
}
.detail-card-instructor .avatar-wrapper {
  margin-left: var(--space-s);
}
.detail-card-instructor, .detail-card-location, .detail-card-datetime, .detail-card-description {
  align-items: center;
  display: flex;
  font-size: var(--font-size-s);
  padding: var(--space-xs) var(--space-none);
  word-break: break-word;
}
.detail-card-instructor .fa, .detail-card-location .fa, .detail-card-datetime .fa, .detail-card-description .fa {
  color: var(--secondary-text-color);
}
.detail-card-instructor > *, .detail-card-location > *, .detail-card-datetime > *, .detail-card-description > * {
  line-height: 24px;
}
.detail-card-workout-action {
  padding: var(--space-m) var(--space-none);
  word-break: break-word;
}
.detail-card-workout-action a {
  align-items: center;
  display: flex;
}
.detail-card-attendees {
  flex: 2;
  font-size: var(--font-size-h3);
  padding-bottom: var(--space-m);
}
.detail-card-attendees-header {
  align-items: center;
  background-color: var(--color-background-body);
  border-bottom: var(--border-size-s) solid var(--border-color);
  display: flex;
  font-size: var(--font-size-base);
  font-weight: var(--font-semi-bold);
  padding-bottom: var(--space-s);
}
.detail-card-attendees-header.sticky {
  top: var(--header-size);
  z-index: 2;
}
.detail-card-attendees .list .avatar-wrapper {
  box-shadow: 0 0 0 var(--border-size-l) var(--avatar-color);
}
.detail-card-attendees .list .avatar-wrapper .avatar.size--square-md + .avatar-tag {
  font-size: var(--font-size-xs);
  line-height: var(--font-size-xs);
  padding: 1px 4px 1px 4px;
  bottom: -6px;
}
.detail-card-attendees .list .fa {
  margin-right: var(--space-none);
}
.detail-card-attendees .list .vscomp-toggle-button {
  border-bottom: none;
}

.exercise-box {
  background-color: var(--area-bg);
  border: var(--border-size-s) solid var(--border-color);
  color: var(--main-text-color);
  font-size: var(--font-size-h3);
  padding: var(--space-none) var(--space-m);
}
.exercise-box-title {
  font-weight: var(--font-semi-bold);
  padding-top: var(--space-m);
}
.exercise-box-link {
  border-top: var(--border-size-s) solid var(--border-color);
  font-weight: var(--font-semi-bold);
  font-size: var(--font-size-base);
  line-height: 50px;
  min-height: 52px;
  margin-top: var(--space-m);
}
.exercise-box-link:not(:empty) + .exercise-box-description, .exercise-box-link:not(:empty) + .exercise-box-description:empty + .exercise-box-button:not(:empty) {
  border-top: var(--border-size-s) solid var(--border-color);
}
.exercise-box-link:not(:empty) + .exercise-box-description:empty + .exercise-box-button:empty {
  padding-top: var(--space-none);
}
.exercise-box-description {
  padding-top: var(--space-m);
}
.exercise-box-description table,
.exercise-box-description table td,
.exercise-box-description table th {
  border: none;
}
.exercise-box-button {
  padding-top: var(--space-m);
}
.exercise-box-button:not(:empty) {
  padding-bottom: var(--space-m);
}
.exercise-box--no-padding {
  padding: var(--space-none);
}
.exercise-box--no-padding .exercise-box-title {
  padding: var(--space-m);
}
.exercise-box--no-padding .exercise-box-link:not(:empty), .exercise-box--no-padding .exercise-box-description:not(:empty) {
  border-top: var(--border-size-s) solid var(--border-color);
}
.exercise-box--no-padding .exercise-box-link {
  margin-top: var(--space-none);
}
.exercise-box--no-padding .exercise-box-link .list {
  margin-bottom: -1px;
}
.exercise-box--no-padding .exercise-box-link a {
  display: block;
  padding: var(--space-none) var(--space-m);
}
.exercise-box--no-padding .exercise-box-link a + a {
  border-top: var(--border-size-s) solid var(--border-color);
}
.exercise-box--no-padding .exercise-box-description {
  padding: var(--space-base) var(--space-none);
}
.exercise-box--no-padding .exercise-box-description:empty + .exercise-box-button:not(:empty) {
  border-top: var(--border-size-s) solid var(--border-color);
  padding-top: var(--space-base);
}
.exercise-box--no-padding .exercise-box-button {
  padding: var(--space-none) var(--space-m) var(--space-base);
}
.exercise-box--no-padding .exercise-box-button:empty {
  padding-bottom: var(--space-none);
}

.social {
  flex: 1;
  margin-left: var(--space-base);
  will-change: transform;
}
.social-wrapper {
  display: flex;
  padding-top: var(--space-s);
  padding-bottom: var(--space-s);
  animation-delay: 0.4s;
}
.social-header {
  align-items: center;
  display: flex;
  margin-top: var(--space-xs);
}
.social-header-title {
  display: flex;
  flex: 1;
}
.social-header-date {
  color: var(--secondary-text-color);
  flex: 1;
  font-size: var(--font-size-s);
  margin-left: var(--space-base);
}
.social-header-date [data-expression] {
  white-space: nowrap;
}
.social-header-actions {
  margin-left: var(--space-s);
}
.social-header-actions a {
  vertical-align: middle;
}
.social-content {
  font-size: var(--font-size-s);
  margin-top: var(--space-xs);
}
.social-footer {
  align-items: center;
  display: flex;
  font-size: var(--font-size-s);
  margin-top: var(--space-s);
}
.social-reply {
  margin-top: var(--space-xs);
  margin-left: 47px;
}

.workout-detail-content {
  border-bottom: var(--border-size-s) solid var(--border-color);
  color: var(--main-text-color);
  display: flex;
  flex-direction: column;
  font-size: var(--font-size-h3);
  padding: var(--space-m) var(--space-m) var(--space-l);
  position: relative;
}
.workout-detail-title {
  font-size: var(--font-size-h2);
  font-weight: var(--font-semi-bold);
  line-height: 30px;
}
.workout-detail-description {
  margin-top: var(--space-m);
}
.workout-detail-wod-box {
  background-color: var(--color-neutral-2);
  border: var(--border-size-s) solid var(--color-neutral-7);
  margin-top: var(--space-m);
  padding: var(--space-m) var(--space-base);
}

body .ck, body .ck-body-wrapper {
  --ck-border-radius: var(--border-radius-none);
}
body .ck .ck-widget, body .ck .ck-widget__resizer, body .ck .ck-widget.ck-widget_selected, body .ck .ck-widget.ck-widget_selected:hover {
  outline: none;
}
body .ck .ck-widget__resizer__handle, body .ck .ck-widget__type-around {
  display: none;
}
body .ck:has(.ck-toolbar__items:empty) {
  --ck-spacing-standard: var(--space-none);
}
body .ck:has(.ck-toolbar__items:empty) .ck-editor__top .ck-sticky-panel .ck-sticky-panel__content {
  border: var(--border-size-none);
}
body .ck:has(.ck-toolbar__items:empty) .ck-editor__main > .ck-editor__editable {
  border: var(--border-size-none);
  border-bottom: var(--border-size-s) solid var(--ck-color-base-border);
}
body .ck:has(.ck-toolbar__items:empty) .ck-editor__editable.ck-focused:not(.ck-editor__nested-editable) {
  border: var(--border-size-none);
  border-bottom: var(--border-size-s) solid var(--color-primary);
}
body .ck.ck-balloon-panel {
  border-radius: var(--border-radius-soft);
}
body .ck.ck-balloon-panel .ck-balloon-rotator__content,
body .ck.ck-balloon-panel .ck.ck-mentions {
  border-radius: var(--border-radius-soft);
}
body .input-border .ck:has(.ck-toolbar__items:empty) .ck-editor__main > .ck-editor__editable {
  border: var(--border-size-s) solid var(--ck-color-base-border);
  border-radius: var(--border-radius-soft);
  padding: var(--space-none) var(--space-l) var(--space-none) var(--space-s);
}
body .input-border .ck:has(.ck-toolbar__items:empty) .ck-editor__editable.ck-focused:not(.ck-editor__nested-editable) {
  border-color: var(--color-primary);
}

.calendar--primary .pika-button {
  color: var(--color-primary);
}
.calendar--primary .pika-table .is-outside-current-month {
  opacity: 0;
  pointer-events: none;
}
.pika-single {
  border: var(--border-size-none);
  font-size: var(--font-size-m);
  line-height: 24px;
}
.pika-table .pika-button {
  width: 40px;
}
.pika-today-container .pika-go-today {
  color: var(--color-primary);
  font-weight: var(--font-regular);
  margin-top: var(--space-l);
  text-transform: unset;
}
.is-disabled .pika-button, .is-outside-current-month .pika-button, .is-disabled.is-outside-current-month .pika-button {
  color: var(--secondary-text-color);
  text-decoration: none;
}
.is-today .pika-button {
  color: var(--color-neutral-0);
}
.dark-mode .is-today .pika-button, .dark-styles .is-today .pika-button {
  color: var(--color-neutral-10);
}
.is-today:not(.is-selected) .pika-button {
  background-color: var(--border-color);
  border-radius: var(--border-radius-rounded);
  width: 32px;
}
.is-startrange .pika-button, .is-selected .pika-button, .is-endrange .pika-button {
  color: var(--color-neutral-0);
}
.dark-mode .is-startrange .pika-button, .dark-styles .is-startrange .pika-button, .dark-mode .is-selected .pika-button, .dark-styles .is-selected .pika-button, .dark-mode .is-endrange .pika-button, .dark-styles .is-endrange .pika-button {
  color: var(--color-neutral-10);
}
.pika-next, .pika-prev {
  color: var(--color-primary);
}
.pika-next.is-disabled, .pika-prev.is-disabled {
  color: var(--secondary-text-color);
}
.pika-next:before, .pika-prev:before {
  font-size: 24px;
}
.pika-label {
  font-weight: var(--font-semi-bold);
}
.pika-label option:disabled {
  display: none;
}
.pika-title {
  padding-left: var(--space-none);
  padding-right: var(--space-none);
}
.pika-table {
  padding: var(--space-none);
}
.pika-table th {
  color: var(--main-text-color);
  font-size: var(--font-size-s);
}

.date-of-birth-wrapper {
  gap: var(--space-base);
}
.form .date-of-birth-wrapper span.validation-message {
  bottom: var(--space-base);
}
.date-of-birth-wrapper .animated-label-text {
  left: var(--space-none);
}
.date-of-birth [data-dropdown] > div.dropdown-display {
  padding-right: var(--space-m);
}
.date-of-birth [data-dropdown] > div.dropdown-display:focus {
  border: var(--border-size-none);
  border-bottom: var(--border-size-s) solid var(--focused-border-color);
}
.date-of-birth--year {
  width: unset;
}
.date-of-birth--year .vscomp-toggle-button {
  min-width: 86px;
  width: 3.1rem;
}
.date-of-birth--year [data-dropdown] > div.dropdown-display {
  width: 64px;
}
.date-of-birth--month, .date-of-birth--day {
  width: unset;
}
.date-of-birth--month .vscomp-toggle-button, .date-of-birth--day .vscomp-toggle-button {
  min-width: 74px;
  width: 1.8rem;
}
.date-of-birth--month [data-dropdown] > div.dropdown-display, .date-of-birth--day [data-dropdown] > div.dropdown-display {
  width: 50px;
}
.date-of-birth .dropdown-container > div.dropdown-list {
  width: unset !important;
}
.date-of-birth .dropdown-container::before {
  right: var(--space-none);
}

/* Patterns - Dropdown */
[data-dropdown] a.dropdown-popup-row:hover {
  background-color: var(--hover-color);
  border-radius: var(--border-radius-soft);
}

.dropdown-container > div.dropdown-display,
.dropdown-container > select.dropdown-display {
  line-height: normal;
}
.dropdown-container > div.dropdown-display:focus,
.dropdown-container > select.dropdown-display:focus {
  border: var(--border-size-none);
  border-bottom: var(--border-size-s) solid var(--focused-border-color);
}

.dropdown-toggle::before,
.dropdown-container::before,
.choices[data-type*=select-one]::before {
  right: var(--space-none);
}

/* Rocket UI Patterns > Dropdown MultiSelect                        */
.dropdown-multi-select .dropdown-display {
  background-color: transparent;
  border: var(--border-size-none);
  border-bottom: var(--border-size-s) solid var(--border-color);
  border-radius: var(--border-radius-none);
  font-size: var(--font-size-l);
  height: 40px;
  padding-left: var(--space-none);
  padding-right: var(--space-m);
}
.tablet .dropdown-multi-select .dropdown-display, .phone .dropdown-multi-select .dropdown-display {
  font-size: var(--font-size-base);
  height: 40px;
}
.dropdown-multi-select .dropdown-icon .fa {
  right: var(--space-none);
}
.dropdown-multi-select .dropdown-results {
  border-radius: var(--border-radius-none);
}
.dropdown-multi-select .dropdown-results-item [data-checkbox] {
  height: 24px;
  vertical-align: middle;
}
.dropdown-multi-select .dropdown-values-prompt {
  color: var(--secondary-text-color);
  font-weight: var(--font-regular);
  opacity: 1;
}
.dropdown-multi-select.is--open .dropdown {
  border: var(--border-size-none);
  border-bottom: var(--border-size-s) solid var(--focused-border-color);
}

.btn {
  text-transform: none;
}
.btn-cart {
  width: 48px;
}
.btn-cart .badge {
  min-width: 24px;
  height: 24px;
  border: var(--border-size-s) solid var(--border-color);
  background-color: var(--color-neutral-0) !important;
  color: var(--color-neutral-10);
  top: 5px;
  right: -5px;
  left: unset;
}

.search-input:after {
  content: none;
}

.form .dropdown,
.form .search-input,
.form input[data-input],
.form textarea[data-textarea],
.form [data-switch] {
  margin-bottom: var(--space-xl);
}

.form-control[data-input], .form-control[data-textarea] {
  background-color: transparent;
  border: var(--border-size-none);
  border-bottom: var(--border-size-s) solid var(--border-color);
  border-radius: var(--border-radius-none);
  color: var(--main-text-color);
  transition: border 180ms linear;
}
.form-control[data-input]::-moz-placeholder, .form-control[data-textarea]::-moz-placeholder {
  color: var(--secondary-text-color);
  opacity: 1;
}
.form-control[data-input]::placeholder, .form-control[data-textarea]::placeholder {
  color: var(--secondary-text-color);
  opacity: 1;
}
.form-control[data-input]:-ms-input-placeholder, .form-control[data-textarea]:-ms-input-placeholder {
  color: var(--secondary-text-color);
}
.form-control[data-input]::-ms-input-placeholder, .form-control[data-textarea]::-ms-input-placeholder {
  color: var(--secondary-text-color);
}
.form-control[data-input]:hover, .form-control[data-textarea]:hover {
  border: var(--border-size-none);
  border-bottom: var(--border-size-s) solid var(--border-color);
}
.form-control[data-input]:focus, .form-control[data-textarea]:focus {
  border: var(--border-size-none);
  border-bottom: var(--border-size-s) solid var(--focused-border-color);
}
.form-control[data-input][disabled], .form-control[data-textarea][disabled] {
  background-color: var(--area-bg);
  border: var(--border-size-none);
  border-bottom: var(--border-size-s) solid var(--border-color);
  border-radius: var(--border-radius-soft);
  color: var(--secondary-text-color);
}
.form-control[data-input].not-valid, .form-control[data-textarea].not-valid {
  border: var(--border-size-none);
  border-bottom: var(--border-size-s) solid var(--color-error);
}
.form-control[data-input].bordered, .form-control[data-textarea].bordered {
  border: var(--border-size-s) solid var(--border-color);
  display: block;
  padding: var(--space-s);
  line-height: 18px;
  min-height: 41.34px !important;
  caret-color: var(--color-primary);
}
.form-control[data-input].bordered:not(.input-small), .form-control[data-textarea].bordered:not(.input-small) {
  font-size: var(--font-size-s);
}
.form-control[data-input].bordered::-moz-placeholder, .form-control[data-textarea].bordered::-moz-placeholder {
  font-weight: 400;
}
.form-control[data-input].bordered::placeholder, .form-control[data-textarea].bordered::placeholder {
  font-weight: 400;
}
.form-control[data-input].numeric, .tablet .form-control[data-input].numeric, .phone .form-control[data-input].numeric, .form-control[data-textarea].numeric, .tablet .form-control[data-textarea].numeric, .phone .form-control[data-textarea].numeric {
  font-size: var(--font-size-h1);
  text-align: center;
}
.form-control[data-input] {
  padding: var(--space-none);
}
.tablet .form-control[data-input]:not(.input-small), .phone .form-control[data-input]:not(.input-small) {
  height: 2.5rem;
}
.osui-search__input .form-control[data-input] {
  padding-right: var(--space-s);
}
.tablet .input-number--medium .form-control[data-input], .phone .input-number--medium .form-control[data-input] {
  height: 3rem;
}
.form-control[data-textarea] {
  padding: var(--space-s) var(--space-none);
  resize: none;
}
.tablet .form-control[data-textarea] + span.validation-message, .phone .form-control[data-textarea] + span.validation-message {
  bottom: var(--space-m);
}

input::-webkit-date-and-time-value {
  text-align: unset;
}

[data-input][type=search]::-webkit-search-cancel-button {
  padding: var(--space-s);
}

.input-with-icon .input-with-icon-content-icon {
  height: 40px;
}
.form .input-with-icon .input-with-icon-content-icon {
  padding-bottom: var(--space-none);
}
.input-with-icon.input-with-icon-right .input-with-icon-content-icon:not(:empty) + .input-with-icon-input input {
  padding-left: var(--space-none);
}
.input-with-icon.input--mask .input-with-icon-content-icon {
  width: unset;
  color: var(--secondary-text-color);
  font-weight: var(--font-semi-bold);
}
.input-with-icon.input--mask .input-with-icon-content-icon:not(:empty) + .input-with-icon-input input {
  padding-left: 24px;
}

div.form-control {
  display: block;
  height: 40px;
  line-height: 40px;
  margin-bottom: var(--space-l);
}
div.form-control.input {
  border-bottom: var(--border-size-s) solid var(--border-color);
  font-size: var(--font-size-base);
  font-weight: var(--font-semi-bold);
}
div.form-control.input--large {
  font-size: var(--font-size-h1);
}
.form div.form-control.input {
  margin-bottom: var(--space-l);
}

.dropdown-container > div.dropdown-display,
.dropdown-container > select.dropdown-display {
  background-color: transparent;
  border: var(--border-size-none);
  border-bottom: var(--border-size-s) solid var(--border-color);
  border-radius: var(--border-radius-none);
  color: var(--main-text-color);
  padding: var(--space-none) var(--space-l) var(--space-none) var(--space-none);
  text-overflow: ellipsis;
  max-width: 100%;
  transition: border 180ms linear;
}
.dropdown-container > div.dropdown-display:hover,
.dropdown-container > select.dropdown-display:hover {
  border: var(--border-size-none);
  border-bottom: var(--border-size-s) solid var(--border-color);
}
.tablet .dropdown-container > div.dropdown-display, .phone .dropdown-container > div.dropdown-display,
.tablet .dropdown-container > select.dropdown-display,
.phone .dropdown-container > select.dropdown-display {
  height: 40px;
}
.dropdown-container > div.dropdown-display.dropdown--large, .header-top-content .dropdown-container > div.dropdown-display,
.dropdown-container > select.dropdown-display.dropdown--large,
.header-top-content .dropdown-container > select.dropdown-display {
  height: 48px;
}
.section-title .dropdown-container > div.dropdown-display,
.section-title .dropdown-container > select.dropdown-display {
  height: 24px;
  line-height: 1;
}
.tablet .section-title .dropdown-container > div.dropdown-display, .phone .section-title .dropdown-container > div.dropdown-display,
.tablet .section-title .dropdown-container > select.dropdown-display,
.phone .section-title .dropdown-container > select.dropdown-display {
  height: 40px;
}
.content .dropdown-container > div.dropdown-display:before,
.content .dropdown-container > select.dropdown-display:before {
  right: 6px;
}
.dropdown-flat .dropdown-container > div.dropdown-display,
.dropdown-flat .dropdown-container > select.dropdown-display {
  padding-right: var(--space-l);
}
.dropdown-flat .dropdown-container > div.dropdown-display, .dropdown-flat .dropdown-container > div.dropdown-display:hover, .dropdown-flat .dropdown-container > div.dropdown-display:focus, .dropdown-flat .dropdown-container > div.dropdown-display.not-valid, .dropdown-flat .dropdown-container > div.dropdown-display[readonly], .dropdown-flat .dropdown-container > div.dropdown-display[disabled],
.dropdown-flat .dropdown-container > select.dropdown-display,
.dropdown-flat .dropdown-container > select.dropdown-display:hover,
.dropdown-flat .dropdown-container > select.dropdown-display:focus,
.dropdown-flat .dropdown-container > select.dropdown-display.not-valid,
.dropdown-flat .dropdown-container > select.dropdown-display[readonly],
.dropdown-flat .dropdown-container > select.dropdown-display[disabled] {
  border: var(--border-size-none);
}
.dropdown-flat.dropdown--font-medium .dropdown-container > div.dropdown-display,
.dropdown-flat.dropdown--font-medium .dropdown-container > select.dropdown-display {
  font-size: var(--font-size-h3);
}
.dropdown-flat.dropdown--large .dropdown-container > div.dropdown-display,
.dropdown-flat.dropdown--large .dropdown-container > select.dropdown-display {
  height: 2.25rem;
  min-width: 55px;
  font-size: var(--font-size-h1);
}
.dropdown-container > div.dropdown-list {
  background-color: var(--content-bg);
  border: var(--border-size-none);
  box-shadow: var(--shadow-xl);
}
.dropdown-container > div.dropdown-list::-webkit-scrollbar {
  height: 6px;
  width: 6px;
}
.dropdown-container > div.dropdown-list::-webkit-scrollbar-thumb {
  background: transparent;
  background: #ccc;
  border-radius: 8px;
}
.dark-mode .dropdown-container > div.dropdown-list::-webkit-scrollbar-thumb, .dark-styles .dropdown-container > div.dropdown-list::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.3);
}
.dropdown-container > div.dropdown-list::-webkit-scrollbar-track {
  background-color: transparent;
  box-shadow: none;
}
.dropdown-container > div.dropdown-list:hover::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.4);
}
.dark-mode .dropdown-container > div.dropdown-list:hover::-webkit-scrollbar-thumb, .dark-styles .dropdown-container > div.dropdown-list:hover::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.8);
}
.dropdown-container .dropdown-display-content > span,
.dropdown-container .dropdown-display-content > div {
  font-weight: var(--font-regular);
}
.dropdown-container .scrollable-list-with-scroll {
  padding: var(--space-s);
}
.dropdown-container .dropdown-popup-row {
  padding: var(--space-none) var(--space-s);
  border-radius: var(--border-radius-soft);
}
.dropdown-container .dropdown-popup-row-selected {
  background-color: transparent;
  color: var(--main-text-color);
}
.dropdown-container .dropdown-popup-row-selected:before {
  content: "";
  position: absolute;
  left: 1px;
  top: 0;
  height: 100%;
  width: 2px;
  background: var(--color-primary);
  border-radius: var(--border-radius-rounded);
}
.dropdown-container .dropdown-popup-row:hover, .dropdown-container .dropdown-popup-row-selected:hover {
  background-color: var(--hover-color);
}
.dropdown--small .dropdown-container {
  max-width: 66px;
}
.dropdown--small .dropdown-container:before {
  color: var(--color-primary);
}
.dropdown--small .dropdown-container .dropdown {
  border-bottom: var(--border-size-none);
  color: var(--color-primary);
}
.dropdown--small .dropdown-container .dropdown:hover, .dropdown--small .dropdown-container .dropdown:focus {
  border: var(--border-size-none);
}
.dropdown--small .dropdown-container:after {
  border-top-color: var(--color-primary) !important;
}
.dropdown-flat .dropdown-container.dropdown-disabled:before {
  color: var(--secondary-text-color);
}
.dropdown-flat .dropdown-container.dropdown-disabled > div.dropdown-display,
.dropdown-flat .dropdown-container.dropdown-disabled > select.dropdown-display {
  color: var(--secondary-text-color);
}
.dropdown-flat .dropdown-container:before {
  color: var(--color-primary);
}
.dropdown-flat .dropdown-container > div.dropdown-display,
.dropdown-flat .dropdown-container > select.dropdown-display {
  border-width: var(--border-size-none);
  color: var(--color-primary);
}

.vscomp-wrapper .vscomp-options-container {
  padding: var(--space-xs);
  overflow-x: hidden;
}
.vscomp-wrapper .vscomp-toggle-button::before {
  right: var(--space-xs);
}
.vscomp-wrapper .pop-comp-wrapper {
  background-color: transparent;
}
.vscomp-wrapper .vscomp-option {
  padding: var(--space-none) var(--space-s);
}
.vscomp-wrapper.has-value .vscomp-value {
  margin-right: var(--space-none);
}
.vscomp-dropbox-container {
  z-index: 10200 !important;
}
.vscomp-toggle-button {
  --vscomp-toogle-btn-mobile-height: 2.5rem;
  background-color: transparent;
  border: var(--border-size-none);
  border-bottom: var(--border-size-s) solid var(--border-color);
  border-radius: var(--border-radius-none);
  padding: var(--space-none) var(--space-l) var(--space-none) var(--space-none);
}
.vscomp-toggle-button .vscomp-value {
  height: unset;
  line-height: 1.25;
}
.vscomp-toggle-button:hover {
  background-color: transparent;
}
.vscomp-option-text {
  overflow: unset;
}

.radio-button:before {
  background-color: var(--content-bg);
  border-color: var(--border-color);
}
.radio-button:disabled::before {
  background-color: var(--area-bg);
  border-color: var(--border-color);
}
.radio-button:disabled + label {
  color: var(--main-text-color);
}

[data-radio-group] [data-radio-button] label {
  font-size: var(--font-size-s);
}
[data-radio-group].radio-group--inline > div {
  display: flex;
}

.switch-item {
  border: var(--border-size-s) solid var(--border-color);
  padding: var(--space-m);
}
.switch-item label {
  font-weight: var(--font-semi-bold);
}
.switch-item [data-switch] {
  display: inline-block;
  vertical-align: middle;
}
.switch-container {
  border: var(--border-size-s) solid var(--border-color);
}
.switch-container .switch-item {
  border: var(--border-size-none);
}
.switch-container > div:not(:first-child) .switch-item {
  border-top: var(--border-size-s) solid var(--border-color);
}
.switch-header {
  align-items: center;
  display: flex;
}
.switch-header--left {
  flex: 1;
}

label {
  color: var(--main-text-color);
}
:not(:has([data-checkbox], .radio-button)) label {
  color: var(--secondary-text-color);
  text-transform: uppercase;
  font-weight: var(--font-semi-bold);
  font-size: var(--font-size-xs);
  line-height: 16px;
}
label.visibility--hidden {
  display: block;
  height: 24px;
  visibility: hidden;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  width: 0;
}
.form label {
  margin-bottom: var(--space-none);
}

.validation-info {
  color: var(--secondary-text-color);
  font-size: var(--font-size-xs);
  position: absolute;
}
.form .validation-info {
  transform: translateY(calc(var(--space-xl) * -1));
}

/* radio button with label*/
.radio-button-with-label-container {
  align-items: center;
  display: flex;
  margin-bottom: var(--space-base);
}
.radio-button-with-label label {
  margin-bottom: var(--space-none);
}
.radio-button-with-label-label {
  cursor: pointer;
  min-height: 26px;
  line-height: 26px;
  margin-left: var(--space-s);
}

/* roboto-500 - latin */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/roboto-500__V4CgXtENt8vVYVa4voaQ.eot?V4CgXt__ENt8vVYVa4voaQ");
  src: local(""), url("../fonts/roboto-500__V4CgXtENt8vVYVa4voaQ.eot?V4CgXt__ENt8vVYVa4voaQ") format("embedded-opentype"), url("../fonts/roboto-500__8A5RDL3xw2MlLFDUOw.woff2?8A5+RDL3xw2Ml+++LFDUOw") format("woff2"), url("../fonts/roboto-500__2ichxotLyA241MQE92sRjA.woff?2ichxotLyA241MQE92sRjA") format("woff"), url("../fonts/roboto-500__s4PDKCyAvJ6gYz3olzHg.ttf?s4PD_KCyAvJ6_gYz3olzHg") format("truetype"), url("../fonts/roboto-500__lSBKyVEwgodTwO4K2lN8Mw.svg?lSBKyVEwgodTwO4K2lN8Mw") format("svg");
}
.btn.btn-google {
  background-color: #4285F4;
  padding: 0 8px 0 50px;
  color: #fff;
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-size: 14px;
  position: relative;
}
.btn.btn-google:focus {
  color: #fff;
  outline: 2px solid rgba(66, 133, 244, 0.35);
}
.btn.btn-google:hover:before {
  background-image: url("../btn_google_dark_pressed_ios__oHMI3t5cEH6Wv2P0VcL2g.svg?oHMI3t5cEH6Wv2P0+VcL2g");
}
.btn.btn-google:before {
  content: "";
  background: url("../btn_google_dark_normal_ios__G7gFRGuIDn5jyuerAEMFQ.svg?G7gFRGuIDn5jyuerAEM_FQ") center no-repeat;
  position: absolute;
  left: 0;
  height: 100%;
  width: 40px;
}
.tablet .btn.btn-google, .phone .btn.btn-google {
  font-size: 14px;
  height: 40px;
}

.login-screen {
  padding-bottom: var(--space-none) !important;
}
.login-back-btn {
  align-self: flex-start;
  background-color: var(--color-white);
  border-radius: var(--border-radius-circle);
  color: var(--color-primary);
  position: absolute;
  left: var(--space-m);
  top: calc(var(--space-m) + max(var(--status-bar-height, 0px), var(--os-safe-area-top)));
  max-width: 40px;
}
.login-form {
  height: 100%;
}
.layout-native .login-form {
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}
.phone .layout-native .login-form, .layout-native .login-form {
  background-color: var(--color-white);
  padding-bottom: calc(var(--space-l) + var(--safe-area-inset-bottom, 0px));
}
.login-form .splide__track {
  overflow: unset;
}
.login-text-separator {
  position: relative;
}
.login-text-separator:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 100%;
  height: var(--border-size-s);
  background-color: var(--border-color);
}
.login-text-separator > * {
  background-color: var(--color-white);
  z-index: 1;
  position: relative;
  padding: var(--space-none) var(--space-base);
}

.login-logo {
  display: flex;
  justify-content: center;
}

.phone .layout-native.blank .login-button .btn {
  padding-bottom: var(--space-none);
  padding-top: var(--space-none);
}

/* Bottom-Bar Menu */
.bottom-bar {
  flex: 1;
}
.bottom-bar > a {
  color: var(--secondary-text-color);
  font-weight: var(--font-regular);
}
.bottom-bar > a.active {
  color: var(--main-text-color);
  font-weight: var(--font-semi-bold);
}
.layout-native .bottom-bar > a {
  justify-content: center;
  min-height: var(--bottom-bar-size);
}
.bottom-bar > a > div[data-block="Navigation.BottomBarItem"] {
  width: 100%;
}
.bottom-bar-wrapper {
  border-top: var(--border-size-none);
}
.layout-native .bottom-bar-wrapper .icon-badge .icon {
  font-size: 24px;
}
.layout-native .bottom-bar-wrapper .icon-badge.hide-number .badge {
  height: 5px;
  min-width: 5px;
  padding: var(--space-none);
  left: 80%;
}
.layout-native .bottom-bar-wrapper .icon-badge.hide-number .badge span {
  display: none;
}
.android .bottom-bar-wrapper {
  padding-bottom: var(--safe-area-inset-bottom, 0px);
}
.bottom-bar-item {
  padding: var(--space-base);
}
.bottom-bar-item-icon {
  margin-bottom: var(--space-s);
}
.bottom-bar-item-text {
  font-size: var(--font-size-xxs);
  left: 50%;
  line-height: 28px;
  position: absolute;
  top: 35px;
  transform: translateX(-50%);
}
.bottom-bar-item .notification-dot {
  background-color: var(--color-secondary);
  border-radius: 50%;
  bottom: 10px;
  height: 4px;
  left: calc(50% - 2px);
  position: absolute;
  width: 4px;
}

/* Layout */
.layout {
  background-color: var(--color-background-body);
  color: var(--main-text-color);
}
.dark-mode .layout.dark-mode--disabled, .dark-styles .layout.dark-mode--disabled {
  --color-background-body: #f6f2ef;
  --color-background-login: #fff;
  --color-primary: #c63a28;
  --main-text-color: #1e1a19;
  --secondary-text-color: #a39890;
  --border-color: #e7dbd1;
  --color-disabled-background: #e7dbd1;
  --color-disabled-background-active: var(--color-disabled-background);
  --color-disabled-text: #beafa3;
  --color-disabled-text-active: var(--color-disabled-text);
}
.dark-mode .layout.dark-mode--disabled .header, .dark-styles .layout.dark-mode--disabled .header {
  background-color: var(--color-white);
}
.layout-native .main {
  
}
.layout-native .aside-navigation {
  z-index: 500;
}
.layout-native.header--dark .header:has(.menu-icon), .layout-native.header-burger .header:has(.menu-icon) {
  background-color: var(--header-color);
}
.layout-native.header--dark .header:has(.menu-icon) .header-top,
.layout-native.header--dark .header:has(.menu-icon) .header-top a, .layout-native.header-burger .header:has(.menu-icon) .header-top,
.layout-native.header-burger .header:has(.menu-icon) .header-top a {
  color: var(--color-neutral-0);
}
.layout-native.header--dark.layout--padding .main-content, .layout-native.header-burger.layout--padding .main-content {
  padding-top: var(--space-m);
}
.layout-native.header--dark.layout--padding .modal .main-content, .layout-native.header-burger.layout--padding .modal .main-content {
  padding-top: var(--space-none);
}
.layout-native:not(.header-content--primary) .header-top-content {
  background-color: var(--color-neutral-0);
}
.layout-native.header-content--primary .header {
  border-bottom: var(--border-size-none);
}
.layout-native .header {
  background-color: var(--color-neutral-0);
  border-bottom: var(--border-size-s) solid var(--border-color);
  box-shadow: var(--shadow-none);
  position: fixed;
  
  transition: transform 0.35s ease-out, border 0.2s ease;
  width: calc(100% - var(--side-menu-size));
  will-change: transform;
}
.layout-native .header [data-expression] {
  -webkit-box-orient: vertical;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  overflow: hidden;
  word-break: break-all;
}
.tablet .layout-native .header, .phone .layout-native .header {
  width: 100%;
}
.layout-native .header-top-content {
  padding: var(--space-none) var(--space-l);
}
.layout-native .header-top-content .separator {
  margin: var(--space-none) calc(var(--space-m) * -1);
  width: calc(100% + 40px);
}
.layout-native .header-left .btn.icon-btn {
  padding: var(--space-xs);
  min-width: 42px;
}
.layout-native .header-left .btn.icon-btn .fa {
  height: 32px !important;
  line-height: 32px;
  width: 32px !important;
}
.layout-native .header-left:not(:empty) + .header-title:empty + .header-right:not(:empty) {
  flex: 0;
}
.layout-native .header-left:not(:empty) ~ .header-right {
  min-width: 42px;
}
.layout-native .header-left .osui-btn-loading .btn.icon-btn .fa {
  font-size: 24px;
}
.layout-native .header-title {
  display: flex;
  justify-content: center;
  margin: var(--space-none);
  text-align: center;
}
.layout-native .header-title img {
  max-height: 50px;
  max-width: 216px;
  width: auto;
}
.phone .layout-native .header-title {
  font-size: var(--font-size-h3);
  font-weight: var(--font-semi-bold);
}
.layout-native .header-right a,
.layout-native .header-right .btn {
  text-transform: none;
}
.layout-native .header-right a:disabled,
.layout-native .header-right .btn:disabled {
  color: var(--color-disabled-text);
}
.layout-native .header-right .btn {
  height: 42px;
  padding-right: var(--space-xs);
}
.layout-native .header-right .dropdown-flat {
  min-width: 57px;
}
.layout-native .header-right .dropdown-flat .dropdown-container::before {
  right: 0;
}
.layout-native .header-right .dropdown-flat .dropdown-display {
  padding-right: 22px;
  -moz-text-align-last: right;
       text-align-last: right;
}
.ios .layout-native .header-right .dropdown-flat .dropdown-display {
  margin-left: auto;
  max-width: 50px;
  min-width: unset;
  padding-right: 0;
  -moz-text-align-last: unset;
       text-align-last: unset;
}
.tablet .layout-native .header-top, .phone .layout-native .header-top, .tablet .layout-native .header-top-content, .phone .layout-native .header-top-content {
  padding-left: var(--space-m);
  padding-right: var(--space-m);
}
.layout-native.header-burger:has(.header-content--navigation:not(:empty)) .app-menu-content > div:first-child {
  margin-top: 25px;
}
.layout-native.header-burger .header-top-content:not(:empty) {
  border-bottom: var(--border-size-s) solid var(--border-color);
}
.layout-native.header-burger .header-content {
  display: flex;
  flex-direction: column;
}
.layout-native.header-burger .header-content--navigation {
  height: 26px;
}
.layout-native.header-burger .header-content > div:not(.header-content--navigation) {
  flex: 1;
}
.layout-native.header-burger .header:has(.menu-icon) {
  border-bottom: var(--border-size-none);
}
.layout-native.header-burger .header:has(.menu-icon) .header-title,
.layout-native.header-burger .header:has(.menu-icon) .header-title .btn,
.layout-native.header-burger .header:has(.menu-icon) .header-right,
.layout-native.header-burger .header:has(.menu-icon) .header-right .btn {
  color: var(--color-neutral-0);
}
.layout-native.header-small-right-padding .header-top-content {
  padding-right: 8px;
}
.layout-native.header-small-right-padding .header-top-content .separator {
  width: calc(100% + 28px);
}
.layout-native.header--dark > div > .header {
  background-color: var(--header-color);
  color: var(--color-neutral-0);
}
.tablet[data-theme] .layout-native:not(.header--shadow) .header, .phone[data-theme] .layout-native:not(.header--shadow) .header {
  border-bottom-color: var(--color-background-body);
}
.layout-native .content {
  
  padding-bottom: var(--footer-height);
  padding-top: calc(var(--header-size) + var(--header-size-content) + var(--safe-area-inset-top, var(--os-safe-area-top)));
}
.layout-native.blank .content {
  padding-bottom: 0;
  padding-top: 0;
}
.layout-native .content-bottom {
  position: fixed;
  
  width: calc(100% - var(--side-menu-size));
}
.tablet .layout-native .content-bottom, .phone .layout-native .content-bottom {
  width: 100%;
}
.layout-native.layout--padding .section:not(.section--light) .section-title,
.layout-native.layout--padding .section:not(.section--light) .list-item {
  padding-left: var(--space-l);
  padding-right: var(--space-l);
}
.layout-native:not(.layout--padding) .header-left .btn.icon-btn {
  left: calc(var(--space-xs) * -1);
  position: relative;
}
.layout-native.layout--area-bg,
.layout-native.layout--area-bg .header-top {
  --color-background-body: var(--area-bg);
  --color-neutral-0: var(--area-bg);
}
.tablet .layout-native .margin-container, .phone .layout-native .margin-container {
  padding: var(--space-m);
}
.tablet .layout-native .margin-container.padding-top-s, .phone .layout-native .margin-container.padding-top-s {
  padding-top: var(--space-s);
}
.tablet .layout-native.layout--padding .header-top-content,
.tablet .layout-native.layout--padding .margin-container:not(.padding-m), .phone .layout-native.layout--padding .header-top-content,
.phone .layout-native.layout--padding .margin-container:not(.padding-m) {
  padding-left: var(--space-l);
  padding-right: var(--space-l);
}
.layout-native .margin-container.margin-only-top {
  padding-bottom: var(--space-none);
}
.layout-native .margin-container.margin-only-bottom {
  padding-top: var(--space-none);
}
.layout-native .footer {
  border-top: var(--border-size-s) solid var(--border-color);
}
.layout-native .footer .margin-container {
  padding: var(--space-base) var(--space-m) calc(var(--space-base) + var(--os-safe-area-bottom));
}
.layout-native .footer .margin-container.padding-m {
  padding: var(--space-m) var(--space-m) calc(var(--space-m) + var(--os-safe-area-bottom));
}
.layout-native .footer .margin-container:not(:has(.chip__placeholder--button)) a {
  display: block;
  font-size: var(--font-size-xs);
  text-align: center;
}
.layout-native .footer .margin-container:not(:has(.chip__placeholder--button)) a:not(:first-child) {
  margin-top: var(--space-base);
}
.layout-native .footer .margin-container:not(:has(.chip__placeholder--button)) a.mention {
  display: inline;
  font-size: var(--font-size-base);
}
.layout-native .footer .margin-container .text-neutral-9 {
  font-size: var(--font-size-base);
  text-align: center;
}
.layout-native .footer .margin-container .text-neutral-9:not(:first-child) {
  margin-top: var(--space-xs);
}
.layout-native .footer .margin-container .text-neutral-9.text-uppercase {
  font-size: var(--font-size-m);
  font-weight: var(--font-semi-bold);
}
.layout-native .footer .form-control[data-input] {
  height: 42px;
}
.layout-native .footer .btn {
  border-radius: var(--border-radius-soft);
  display: block;
  line-height: var(--space-l);
  margin: var(--space-none);
  padding: var(--space-s) var(--space-base);
  width: 100%;
}
.layout-native .footer .btn-small {
  font-size: var(--font-size-m);
  height: 42px;
  left: 10px;
  line-height: 1;
  padding-left: var(--space-s);
  padding-right: var(--space-s);
  position: relative;
}
.layout-native .footer .btn:not(:first-child) {
  margin-top: var(--space-base);
}
.layout-native .footer [data-block="Utilities.ButtonLoading"] {
  display: block;
  margin: var(--space-none);
  width: 100%;
}
.layout-native .footer [data-block="Utilities.ButtonLoading"] > div {
  display: block;
}
.layout-native .footer [data-block="Utilities.ButtonLoading"]:not(:first-child) {
  margin-top: var(--space-base);
}
.layout-native .footer [data-block="Utilities.ButtonLoading"] > .is--loading .btn-loading {
  margin: var(--space-xs) var(--space-none);
  position: relative;
}
.layout-native .footer [data-block="Utilities.ButtonLoading"] > .is--loading .btn-label {
  display: none;
}
.layout-native.use--fade-title-on-scroll header .header-title {
  opacity: 0;
}
.layout-native.use--fade-title-on-scroll header .header-right.show-icon {
  opacity: 1;
}
.layout-native.use--fade-title-on-scroll header .header-right.hide-icon {
  opacity: 0;
}
.layout-native.use--fade-title-on-scroll header .header-title {
  max-width: 70%;
}
.layout-native.use--fade-title-on-scroll header .header-title > div {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}
.layout-native.use--fade-title-on-scroll header .header-title span {
  white-space: inherit;
}
.layout-native.stop-header-size {
  --header-size: 52px;
}
.desktop .layout--full-width .main-content.ThemeGrid_Container {
  max-width: none;
  width: 100%;
}

.phone .feedback-message {
  left: 50%;
  right: initial;
}

.layout-floating-control {
  bottom: var(--footer-height);
  position: fixed;
  width: 100%;
}

.icon--circle {
  align-items: center;
  border: var(--border-size-m) solid var(--color-primary);
  border-radius: var(--border-radius-rounded);
  color: var(--color-primary);
  display: flex;
  height: 60px;
  justify-content: center;
  margin: auto;
  width: 60px;
}
.icon--circle.icon--active {
  background-color: var(--color-primary);
  color: var(--color-neutral-0);
}
.icon--circle.icon--main {
  border: var(--border-size-s) solid var(--border-color);
  color: var(--main-text-color);
}
.icon--circle.icon--disabled {
  background-color: var(--area-bg);
  border-color: var(--secondary-text-color);
  color: var(--secondary-text-color);
}

/* Layout Light */
.layout-native.layout-light .header-top,
.layout-native.layout-light .content,
.layout-native.layout-light .content-bottom {
  background-color: var(--color-neutral-0);
}

.layout-native.layout-light .header-top,
.layout-native.layout-light .header-top a {
  color: var(--color-primary);
}

/* servicestudio preview */
.layout-native .footer,
.ios .layout-native .footer,
.android .layout-native .footer {
  height: auto;
  
  min-height: calc(var(--bottom-bar-size) + var(--safe-area-inset-bottom, var(--os-safe-area-bottom)));
}

.pull-to-refresh .fa:before {
  font-family: FontAwesome;
}
.pull-to-refresh-loading:before {
  animation: spin 1s infinite linear, fade 300ms ease;
  border: var(--border-size-l) solid var(--border-color);
  border-radius: var(--border-radius-rounded);
  border-top-color: var(--color-primary);
  box-sizing: border-box;
  content: "";
  height: 30px;
  margin-left: -15px;
  position: absolute;
  width: 30px;
}
.pull-to-refresh-loading:after {
  background-color: var(--color-background-body);
  left: 0;
  top: 0;
  width: 100%;
  height: 50px;
  position: absolute;
  content: "";
  z-index: -1;
}
.pull-to-refresh-loading i {
  display: none;
}

/* hide header on scroll */
.hide-header-scroll.header-is-hidden .header {
  pointer-events: none;
  transform: translateY(calc(-1 * (var(--header-size) + var(--os-safe-area-top) + var(--header-size-content))));
}
.hide-header-scroll.header-is-hidden .section-group {
  --section-top-position: 0px !important;
}
.hide-header-scroll.header-is-hidden .section-group--below-calendar {
  --section-top-position: 90px !important;
}
.hide-header-scroll.header-is-hidden .section-group.is--sticky .section:not(.section--light).section-title {
  padding-top: 13px;
}
.hide-header-scroll .section-group.is--sticky .section-title {
  transition: top 0.35s ease-out;
}

.ptr-refresh .pull-to-refresh {
  top: calc(var(--header-size) + var(--header-size-content) + var(--os-safe-area-top));
  z-index: 1;
}

.layout-fixed-bottom {
  --bottom-content-height: 99px;
  --bottom-content-offset-top: calc(100dvh - var(--bottom-content-height));
  --content-height: calc(100dvh - var(--bottom-content-height) - var(--header-size-content) - var(--header-size));
  --content-offset-top: var(--header-size);
}
.layout-fixed-bottom .top-content {
  height: var(--content-height);
  overflow: auto;
}
.layout-fixed-bottom .top-content .messages-container {
  --bottom-size: unset;
}
.layout-fixed-bottom .bottom-content {
  background-color: var(--color-background-body);
  left: 0;
  position: fixed;
  top: var(--bottom-content-offset-top);
  width: 100%;
  z-index: 10;
  
  
}
.layout-fixed-bottom .bottom-content .messages-container-footer {
  position: relative;
}
.layout-fixed-bottom.layout--has-keyboard .messages-container-footer {
  padding-bottom: var(--space-none);
}
.modal-content .layout-fixed-bottom .top-content {
  height: calc(var(--content-height) - var(--content-offset-top) - var(--space-l));
}
.modal-content .layout-fixed-bottom .bottom-content {
  left: 0;
}

.map-wrapper {
  --map-height: calc(100vh - (var(--header-size) + var(--os-safe-area-top) + var(--os-safe-area-bottom))) !important;
}
.header-burger .map-wrapper {
  --map-height: calc(100vh - (var(--header-size) + var(--bottom-bar-size) + var(--os-safe-area-top) + var(--os-safe-area-bottom))) !important;
}
.header-burger.layout--padding .map-wrapper {
  margin-top: calc(var(--space-m) * -1);
}
.map-wrapper .runtime-map-container > * {
  background-color: inherit !important;
}
.map-wrapper {
  /* hide google indicators */
}
.map-wrapper .gmnoprint,
.map-wrapper .gm-style a,
.map-wrapper .gm-fullscreen-control {
  display: none;
}

.ss-searchPlaces {
  display: block;
}

.googlemap-search {
  margin: var(--space-base) var(--space-l) var(--space-none);
  position: absolute;
  z-index: 100;
  width: calc(100% - var(--space-l) * 2);
  left: 0;
  top: 0;
  box-shadow: var(--shadow-s);
  padding: var(--space-s);
  background-color: var(--color-background-body);
}
.googlemap-search .search-input:before {
  color: var(--color-primary);
  left: var(--space-xs);
}
.googlemap-carousel {
  position: absolute;
  z-index: 100;
  left: 0;
  width: 100%;
  bottom: var(--space-m);
}
.googlemap-carousel .list-item {
  box-shadow: var(--shadow-s);
  max-width: 270px;
  transition: border-color 0.3s ease 0.3s;
}
.layout .googlemap-carousel .list-item {
  border: var(--border-size-m) solid transparent;
  max-width: 260px;
  padding: var(--space-base);
}
.layout .googlemap-carousel .list-item.is--selected {
  border-color: var(--color-primary);
}
.googlemap-carousel .list-item img {
  -o-object-fit: contain;
     object-fit: contain;
  width: 50px;
  height: auto;
}

/* dropdown items */
.pac-container {
  background-color: var(--color-background-body);
  border-radius: var(--border-radius-soft);
  box-shadow: var(--shadow-xl);
  border: var(--border-size-none);
  padding: var(--space-s);
  margin-top: var(--space-xs);
  z-index: 999999;
}
.pac-container:after {
  display: none;
}
.pac-container .pac-icon-marker {
  background-image: none;
  font-family: "wodify-icons";
  position: relative;
  margin: var(--space-none) var(--space-xs);
  min-width: 15px;
}
.pac-container .pac-icon-marker:before {
  font-size: var(--font-size-xs);
  top: 50%;
  position: absolute;
  left: 50%;
  transform: translate(-50%, -50%);
}
.pac-container .pac-item {
  border: var(--border-size-none);
  font-size: var(--font-size-xs);
  color: var(--main-text-color);
  line-height: 40px;
  padding: var(--space-none);
  border-radius: var(--border-radius-soft);
  display: flex;
  align-items: center;
}
.pac-container .pac-item:hover, .pac-container .pac-item-selected {
  background-color: var(--hover-color);
}
.pac-container .pac-item-query {
  font-size: inherit;
  color: inherit;
}
.pac-container .pac-item span:last-child {
  text-overflow: ellipsis;
  overflow: hidden;
}

.mbsc-datepicker {
  transition: padding 0.3s ease;
}
.mbsc-datepicker .mbsc-font, .mbsc-datepicker.mbsc-font {
  font-family: inherit;
  font-size: 18px;
}
.mbsc-datepicker-tab-wrapper:empty {
  animation: loading-transition 1s;
  background-color: var(--border-color);
  border-radius: var(--border-radius-soft);
  position: relative;
  overflow: hidden;
  margin: var(--space-none) var(--space-m) var(--space-xs);
  top: calc(var(--space-xs) * -1);
  min-height: 117px;
}
.mbsc-datepicker-tab-wrapper:empty::before {
  animation: glow 2s infinite;
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0) 100%);
  bottom: 0;
  content: "";
  left: 0;
  opacity: 0.5;
  position: absolute;
  top: 0;
  width: 100%;
}
.mbsc-datepicker.mbsc-ios.mbsc-datepicker-inline {
  background-color: var(--color-background-body);
  border: var(--border-size-none);
  min-height: 117px;
  padding-bottom: var(--space-l);
  padding-top: var(--space-base);
  margin: var(--space-none) calc(var(--space-m) * -1);
}
.section-title .mbsc-datepicker.mbsc-ios.mbsc-datepicker-inline {
  border-bottom: var(--border-size-s) solid var(--border-color);
}
.mbsc-datepicker.mbsc-ios .mbsc-calendar, .mbsc-datepicker.mbsc-ios .mbsc-calendar-cell, .mbsc-datepicker.mbsc-ios .mbsc-calendar-slide {
  background-color: var(--color-background-body);
}
.mbsc-datepicker.mbsc-ios .mbsc-highlighted .mbsc-calendar-day-text, .mbsc-datepicker.mbsc-ios .mbsc-hover .mbsc-calendar-day-text, .mbsc-datepicker.mbsc-ios .mbsc-range-hover-end .mbsc-calendar-day-text, .mbsc-datepicker.mbsc-ios .mbsc-range-hover-start .mbsc-calendar-day-text, .mbsc-datepicker.mbsc-ios .mbsc-selected .mbsc-calendar-day-text {
  font-size: inherit;
  width: 32px;
  height: 32px;
}
.mbsc-datepicker.mbsc-ios .mbsc-calendar-cell, .mbsc-datepicker.mbsc-ios .mbsc-calendar-cell-inner, .mbsc-datepicker.mbsc-ios .mbsc-calendar-grid {
  display: flex;
  align-items: center;
  justify-content: center;
}
.mbsc-datepicker .mbsc-popup-wrapper {
  display: none;
}
.mbsc-datepicker .mbsc-disabled .mbsc-calendar-cell-text,
.mbsc-datepicker .mbsc-disabled .mbsc-calendar-month-name {
  color: var(--secondary-text-color);
  opacity: 0.5;
}
.mbsc-datepicker .mbsc-calendar-day-outer .mbsc-calendar-day-text,
.mbsc-datepicker .mbsc-calendar-day-outer .mbsc-calendar-month-name {
  color: var(--secondary-text-color);
}
.mbsc-datepicker .mbsc-calendar-day-outer.mbsc-disabled .mbsc-calendar-day-text,
.mbsc-datepicker .mbsc-calendar-day-outer.mbsc-disabled .mbsc-calendar-month-name {
  opacity: 0.5;
}
.mbsc-datepicker .mbsc-calendar {
  padding-bottom: var(--space-none);
}
.mbsc-datepicker .mbsc-calendar-title {
  padding: var(--space-none) var(--space-s);
}
.mbsc-datepicker .mbsc-calendar-controls {
  justify-content: center;
  transition: opacity 0.3s ease 0s;
  opacity: 0;
}
.mbsc-wrapper--month .mbsc-datepicker .mbsc-calendar-controls {
  opacity: 1;
  transition-delay: 0.15s;
}
.mbsc-datepicker .mbsc-calendar-week-days {
  color: var(--secondary-text-color);
}
.mbsc-datepicker .mbsc-calendar-popup .mbsc-calendar-cell {
  border-color: var(--border-color);
}
.mbsc-datepicker .mbsc-calendar-popup .mbsc-calendar-cell,
.mbsc-datepicker .mbsc-calendar-popup .mbsc-popup-arrow,
.mbsc-datepicker .mbsc-calendar-popup .mbsc-popup-body {
  background-color: var(--area-bg);
}
.mbsc-datepicker .mbsc-calendar-popup .mbsc-calendar-controls,
.mbsc-datepicker .mbsc-calendar-popup .mbsc-disabled .mbsc-calendar-cell-text,
.mbsc-datepicker .mbsc-calendar-popup .mbsc-disabled .mbsc-calendar-month-name {
  opacity: 1;
}
.mbsc-datepicker .mbsc-ios.mbsc-calendar-header {
  margin-bottom: var(--space-xs);
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.5s ease;
  top: calc(var(--space-s) * -1);
}
.mbsc-datepicker .mbsc-ios.mbsc-calendar-header .mbsc-font {
  font-weight: var(--font-semi-bold);
}
.mbsc-wrapper--month .mbsc-datepicker .mbsc-ios.mbsc-calendar-header {
  max-height: 44px;
}
.mbsc-datepicker .mbsc-ios.mbsc-calendar-marks {
  margin-top: 11px;
}
.mbsc-datepicker .mbsc-ios.mbsc-calendar-mark {
  background-color: var(--color-primary);
  width: 4px;
  height: 4px;
}
.mbsc-datepicker .mbsc-ios.mbsc-calendar, .mbsc-datepicker .mbsc-ios.mbsc-calendar-cell {
  color: var(--main-text-color);
}
.mbsc-datepicker .mbsc-ios.mbsc-calendar-today, .mbsc-datepicker .mbsc-ios.mbsc-calendar-week-nr, .mbsc-datepicker .mbsc-ios.mbsc-calendar-button.mbsc-button {
  color: var(--color-primary);
}
.mbsc-datepicker .mbsc-ios.mbsc-calendar-week-day {
  line-height: 1;
  font-size: 0.8125rem;
}
.mbsc-datepicker .mbsc-ios.mbsc-calendar-day-text {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 4px auto;
  border: var(--border-size-none);
}
.mbsc-datepicker .mbsc-ios.mbsc-hover .mbsc-calendar-cell-text {
  background-color: transparent;
}
.desktop .mbsc-datepicker .mbsc-ios.mbsc-hover .mbsc-calendar-cell-text {
  background-color: var(--color-primary-lightest);
  color: var(--color-black);
}
.mbsc-datepicker .mbsc-ios.mbsc-selected .mbsc-calendar-cell-inner {
  border: unset;
  border-bottom: 2px solid var(--color-primary);
  margin: var(--space-none) var(--space-xs);
}
.mbsc-datepicker .mbsc-ios.mbsc-selected .mbsc-calendar-cell-inner .mbsc-calendar-cell-text {
  background-color: unset;
  color: var(--main-text-color);
}
.mbsc-datepicker .mbsc-ios.mbsc-selected .mbsc-calendar-cell-inner .mbsc-calendar-cell-text.mbsc-calendar-today {
  color: var(--color-primary);
}

.mbsc-wrapper {
  position: relative;
  margin-bottom: var(--space-none);
  transition: margin-bottom 0.3s ease;
}
.mbsc-wrapper .btn--toggle-view {
  position: absolute;
  bottom: calc(var(--space-xs) * -1);
  left: 50%;
  transform: translateX(-50%);
  z-index: 2;
  transition: opacity 0.3s ease;
}
.section-title .mbsc-wrapper .btn--toggle-view {
  bottom: var(--space-xxs);
}
.mbsc-section > .section-title {
  min-height: 176px;
}

.modal {
  bottom: var(--space-none);
  height: 100%;
  left: var(--space-none);
  opacity: 0;
  pointer-events: none;
  position: fixed;
  right: var(--space-none);
  top: var(--space-none);
  transition: opacity 0.2s ease-out 0.3s;
  width: 100vw;
  z-index: 10200;
  
  
  
  
  
}
.modal-overlay {
  display: none;
}
.modal-overlay.not-clickable {
  pointer-events: none;
}
.modal-container {
  background-color: var(--color-background-body);
  bottom: var(--space-none);
  cursor: default;
  display: flex;
  flex-flow: column;
  height: 100%;
  left: var(--space-none);
  overflow-x: hidden;
  overflow-y: auto;
  position: absolute;
  right: var(--space-none);
  top: var(--space-none);
  transform: translateY(100%);
  transition: transform 0.3s ease-out;
  width: 100%;
  z-index: 5;
  
  
  
  
  
  
}
.modal-header-container {
  padding-top: var(--os-safe-area-top);
  position: sticky;
  top: var(--space-none);
  right: var(--space-none);
  left: var(--space-none);
  background-color: var(--color-neutral-0);
  z-index: 1;
}
.modal-header-container.modal-header-shadow {
  border-bottom: var(--border-size-s) solid var(--border-color);
}
.modal-header {
  align-items: center;
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  padding: var(--space-base) var(--space-m);
  height: var(--header-size);
  
}
.modal-header-left {
  flex: 1;
  margin-right: var(--space-base);
}
.modal-header-center {
  color: var(--main-text-color);
  font-size: var(--font-size-h3);
  font-weight: var(--font-semi-bold);
  text-align: center;
}
.modal-header-center,
.modal-header-center [data-expression] {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  word-break: break-all;
}
.modal-header-right {
  color: var(--secondary-text-color);
  font-size: var(--font-size-h3);
  font-weight: var(--font-semi-bold);
  margin-left: var(--space-base);
  text-align: right;
  flex: 1;
}
.modal-header-right a {
  color: var(--secondary-text-color);
}
.modal-header-left .btn, .modal-header-right .btn {
  padding: var(--space-s);
}
.modal-header-content {
  padding: var(--space-none) var(--space-m);
}
.modal-close-action {
  color: var(--color-primary);
}
.modal-close-action.btn {
  color: var(--color-primary);
  height: auto;
  max-width: unset;
  min-width: unset;
  padding: var(--space-s);
}
.modal-close-action.btn.icon-btn {
  padding: var(--space-xs);
}
.modal-header:not(.modal-header-shadow) .modal-close-action.btn .fa {
  height: 32px !important;
  line-height: 32px;
  width: 32px !important;
}
.modal-content {
  flex: 2;
  padding: var(--space-m) var(--space-l);
  
  
}
.modal-content.no-padding {
  padding: var(--space-none) var(--space-none) var(--space-base);
}
.modal-content.no-padding:has(.osui-carousel) {
  padding: var(--space-none);
}
.modal-content:has(.layout.layout-native) {
  padding: var(--space-none);
}
.modal-content:has(.layout.layout-native) .content {
  padding-top: var(--header-size);
  padding-bottom: var(--os-safe-area-bottom);
}
.modal-content:has(.layout.layout-native) .content-bottom {
  position: sticky;
}
.modal-actions {
  background-color: var(--color-neutral-0);
  bottom: var(--space-none);
  left: var(--space-none);
  padding: var(--space-base) var(--space-l) calc(var(--space-base) + var(--os-safe-area-bottom));
  position: sticky;
  right: var(--space-none);
  text-align: center;
}
.modal-actions-shadow {
  border-top: var(--border-size-s) solid var(--border-color);
}
.modal-actions {
  
  
  
}
.modal.modal--show, .modal.show {
  opacity: 1;
  pointer-events: all;
  transition: opacity 0s ease-out 0s;
}
.modal.modal--show .modal-container, .modal.show .modal-container {
  transform: translateY(0);
  
  
}
.slide-from-right-enter.slide-from-right-enter-active .modal.modal--show, .slide-from-right-leave.slide-from-right-leave-active .modal.modal--show, .slide-from-left-enter.slide-from-left-enter-active .modal.modal--show, .slide-from-left-leave.slide-from-left-leave-active .modal.modal--show, .slide-from-top-enter.slide-from-top-enter-active .modal.modal--show, .slide-from-top-leave.slide-from-top-leave-active .modal.modal--show, .slide-from-bottom-enter.slide-from-bottom-enter-active .modal.modal--show, .slide-from-bottom-leave.slide-from-bottom-leave-active .modal.modal--show, .fade-enter.fade-enter-active .modal.modal--show, .fade-leave.fade-leave-active .modal.modal--show, .slide-from-right-enter.slide-from-right-enter-active .modal.show, .slide-from-right-leave.slide-from-right-leave-active .modal.show, .slide-from-left-enter.slide-from-left-enter-active .modal.show, .slide-from-left-leave.slide-from-left-leave-active .modal.show, .slide-from-top-enter.slide-from-top-enter-active .modal.show, .slide-from-top-leave.slide-from-top-leave-active .modal.show, .slide-from-bottom-enter.slide-from-bottom-enter-active .modal.show, .slide-from-bottom-leave.slide-from-bottom-leave-active .modal.show, .fade-enter.fade-enter-active .modal.show, .fade-leave.fade-leave-active .modal.show {
  transition: transform 300ms ease-out, opacity 300ms ease-out;
}
.slide-from-right-enter .modal.modal--show, .slide-from-left-leave.slide-from-left-leave-active .modal.modal--show, .slide-from-right-enter .modal.show, .slide-from-left-leave.slide-from-left-leave-active .modal.show {
  transform: translateX(100vw) translateZ(0);
}
.slide-from-left-leave.slide-from-left-leave-active .modal.modal--show, .slide-from-left-leave.slide-from-left-leave-active .modal.show {
  transform: translateX(30vw) translateZ(0);
  opacity: 0;
}
.slide-from-right-leave .modal.modal--show, .slide-from-right-enter.slide-from-right-enter-active .modal.modal--show, .slide-from-left-leave .modal.modal--show, .slide-from-left-enter.slide-from-left-enter-active .modal.modal--show, .slide-from-right-leave .modal.show, .slide-from-right-enter.slide-from-right-enter-active .modal.show, .slide-from-left-leave .modal.show, .slide-from-left-enter.slide-from-left-enter-active .modal.show {
  transform: translateX(0vw) translateZ(0);
}
.slide-from-right-leave.slide-from-right-leave-active .modal.modal--show, .slide-from-left-enter .modal.modal--show, .slide-from-right-leave.slide-from-right-leave-active .modal.show, .slide-from-left-enter .modal.show {
  transform: translateX(-100vw) translateZ(0);
}
.slide-from-right-leave.slide-from-right-leave-active .modal.modal--show, .slide-from-right-leave.slide-from-right-leave-active .modal.show {
  transform: translateX(-30vw) translateZ(0);
  opacity: 0;
}
.modal.modal--show, .modal.show {
  /* Fade Transition */
}
.fade-enter .modal.modal--show, .fade-enter .modal.show {
  will-change: opacity;
  opacity: 0;
}
.fade-enter.fade-enter-active .modal.modal--show, .fade-enter.fade-enter-active .modal.show {
  opacity: 1;
}
.modal--small .modal-overlay {
  background-color: rgba(0, 0, 0, 0.85);
  height: 100%;
  width: 100%;
  display: block;
}
.modal--small .modal-header {
  height: unset;
  padding-top: var(--space-xs);
  padding-bottom: var(--space-xs);
}
.modal--small .modal-header-container {
  padding-top: var(--space-none);
}
.modal--small .modal-header-center {
  display: block;
  word-break: normal;
  line-height: normal;
}
.modal--small .modal-container {
  border-radius: 10px;
  bottom: unset;
  height: unset;
  margin: var(--space-s);
  top: 50%;
  width: calc(100vw - var(--space-));
}
.modal--small .modal-content {
  padding: var(--space-m);
}
.modal--small .modal-actions {
  padding: var(--space-base) var(--space-m) var(--space-m);
  text-align: right;
}
.modal--small.modal--show .modal-container {
  transform: translateY(-50%);
}
.modal--content-half-width > .modal-container > .modal-content {
  width: 50%;
  margin: auto;
}
.phone .modal--content-half-width > .modal-container > .modal-content {
  width: 100%;
}
.modal--title-no-ellipses .modal-header-center {
  -webkit-line-clamp: 2;
  word-break: break-word;
}
.modal--title-no-ellipses .modal-header-center[data-expression] {
  -webkit-line-clamp: 2;
  word-break: break-word;
}

.modal__progress .modal__progress-head {
  align-items: center;
  display: flex;
  flex-direction: column;
  flex: 1;
  padding-top: var(--space-xl);
  padding-bottom: var(--space-base);
}
.modal__progress .modal__container {
  background: var(--content-bg);
  box-shadow: var(--shadow-modal);
  border-radius: var(--border-radius-none);
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-height: 80%;
  position: absolute;
  width: 100%;
}
.modal__progress .progress-bar {
  margin: var(--space-none);
}

.layout-native .section:not(.section--light).section-title-margin-top .section-title {
  margin-top: var(--space-m);
}
.layout-native .section:not(.section--light) .section-title {
  display: flex;
  background: var(--area-bg);
  border-top: var(--border-size-s) solid var(--border-color);
  border-bottom: var(--border-size-s) solid var(--border-color);
  color: var(--main-text-color);
  font-size: var(--font-size-base);
  font-weight: var(--font-semi-bold);
  padding: 13px var(--space-m);
  line-height: 24px;
  transition: top 0.35s ease-out, padding 0.35s ease-out;
  will-change: top;
}
.layout-native .section:not(.section--light) .section-title-no-border-top .section-title {
  border-top: none;
}
.layout-native .section:not(.section--light) .section-content {
  background: var(--color-neutral-0);
}
.layout-native .section:not(.section--light) .section-group.is--sticky .list.list-group {
  overflow: unset;
}
.layout-native .section:not(.section--light).section--large .section-title {
  padding: 22px var(--space-m);
}
.layout-native .main-content .section-group.section-group--inner-scroll.is--sticky .section-title {
  top: var(--section-top-position);
}

.section {
  position: relative;
}
.section-title {
  color: var(--main-text-color);
}
.section.section--light:not(.section--no-border):after {
  background-color: var(--color-background-body);
  content: "";
  height: 1px;
  left: var(--space-none);
  bottom: var(--space-none);
  position: absolute;
  width: 100%;
  z-index: 90;
}
.section.section--light:not(.section--no-border) > .section-title {
  border-bottom: var(--border-size-none);
  color: var(--main-text-color);
}
.section.section--light:not(.section--no-border) > .section-title::after {
  background-color: var(--border-color);
  content: "";
  height: 1px;
  left: var(--space-m);
  bottom: var(--space-none);
  position: absolute;
  width: calc(100% - var(--space-xl));
}
.layout-native .section.section--no-border > .section-title {
  border-bottom: var(--border-size-none);
  padding-bottom: var(--space-m);
}
.layout-native .section.section--no-border > .section-content:not(.no-padding) {
  padding-bottom: var(--space-l);
}
.layout-native .section.section--no-padding > .section-title {
  padding: var(--space-none) var(--space-m);
}
.section-group .section--light {
  border-bottom: 10px solid var(--area-bg);
}
.section-group .section--light.section--no-border-bottom {
  border-bottom: var(--border-size-none);
}
.section-group .section--light .section-title .list-conversation-filters {
  font-size: calc(var(--font-size-h2) - 4px);
  font-weight: var(--font-regular);
}
.section-group .section--light .section-title .list-conversation-filters .btn-tab-filter {
  font-size: var(--font-size-xs);
}
.modal .modal-content.no-padding .section-group.is--sticky .section-title {
  top: var(--os-safe-area-top);
}
.modal .modal-content:not(.no-padding) .section-group.is--sticky .section-title {
  top: calc(var(--space-m) * -1 + var(--os-safe-area-top));
}
.android .section-group.is--sticky .section-title {
  top: calc(var(--section-top-position) + max(var(--status-bar-height, 0px), var(--safe-area-inset-top, 0px)));
}
.ios[data-status-bar-height] .section-group.is--sticky .section-title {
  top: calc(var(--section-top-position) + var(--os-safe-area-top));
}
.ios .layout-native .section-group .sticky {
  position: sticky;
}
.section.section--horizontal {
  --section-title-width: 50px;
}
.section.section--horizontal .section-title {
  float: left;
  width: var(--section-title-width);
  text-align: center;
  z-index: 1;
}
.section.section--horizontal .section-title .badge {
  font-size: var(--font-size-l);
}
.section.section--horizontal .section-title .badge.background-transparent:not(.text-primary) {
  color: var(--secondary-text-color);
}
.layout-native .section.section--horizontal .section-title {
  background-color: transparent;
  border: var(--border-size-none);
  display: block;
  font-size: var(--font-size-xs);
  font-weight: var(--font-regular);
  padding: var(--space-none);
}
.section.section--horizontal .section-content {
  margin-left: var(--section-title-width);
  padding: var(--space-s) var(--space-none) var(--space-s) var(--space-s);
}
.layout-native .section--light .section-title {
  padding: var(--space-base) var(--space-m);
}
.layout-native .section--light .section-content:not(.no-padding) {
  padding: var(--space-none) var(--space-m);
}
.layout-native .section--light .section-content .list-item--bordered:last-child {
  margin-bottom: var(--space-none);
}
.tablet .section--light .section-title, .phone .section--light .section-title {
  font-size: var(--font-size-h2);
}

.section-expandable {
  background-color: var(--color-background-body);
  border: var(--border-size-s) solid var(--border-color);
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
}
.section-expandable iframe,
.section-expandable video {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.dark-mode .section-expandable, .dark-styles .section-expandable {
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}
.section-expandable .section-expandable-title {
  align-items: center;
  font-weight: var(--font-semi-bold);
  font-size: var(--font-size-base);
  position: relative;
}
.phone .section-expandable .section-expandable-title {
  font-size: var(--font-size-base);
}
.layout-native .section-expandable .section-expandable-title {
  padding: var(--space-base);
}
.section-expandable .section-expandable-content {
  font-size: var(--font-size-s);
}
.section-expandable.is--open {
  border-top: var(--border-size-s) solid var(--focused-border-color);
}
.section-expandable-overlay.is--visible {
  background-color: rgba(0, 0, 0, 0.85);
  height: var(--viewport-height);
}
.layout-native .footer:has(.section-expandable-overlay.is--visible) {
  background-color: transparent;
}

.service-detail {
  padding: var(--space-m) var(--space-l);
  border-top: 1px solid var(--border-color);
  box-shadow: 0px 1px 0px 0px var(--border-color);
}
.service-detail h2 {
  color: var(--color-primary);
  margin-bottom: var(--space-s);
}
.service-detail__description {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.pack-detail-item {
  padding: var(--space-m) 0;
  border-top: var(--border-size-s) solid var(--border-color);
}
.pack-detail-item__bullet {
  margin: 0 var(--space-s);
}

/*ChatMessage Component Specific Classes*/
.chat-wds {
  display: flex;
}
.chat-wds.right-wds {
  flex-direction: row-reverse;
}
.chat-wds.right-wds .chat-message-wds {
  align-self: flex-end;
  background-color: var(--color-primary);
}
.chat-wds.right-wds .chat-message-wds,
.chat-wds.right-wds .chat-message-wds a {
  color: var(--color-neutral-0) !important;
}
.chat-wds.right-wds .quick-reaction-picker {
  left: unset;
  right: var(--space-none);
}
.chat-wds.right-wds .chat-message-wds-top {
  flex-direction: row;
  right: 0;
}
.chat-wds.right-wds.sms-wds .chat-message-wds-top {
  left: unset;
  right: var(--chat-top-position);
}
.chat-wds.sms-wds {
  --chat-top-position: 0px;
}
.chat-wds.sms-wds .chat-message-wds-top {
  left: var(--chat-top-position);
}
.chat-wds .quick-reaction-picker {
  left: var(--space-none);
}
.chat-wds .chat-message-wds-top {
  align-items: center;
  -moz-column-gap: var(--space-s);
       column-gap: var(--space-s);
  display: flex;
  flex-direction: row-reverse;
  opacity: 0;
  position: absolute;
  top: -27px;
  visibility: collapse;
  z-index: 1;
}
.chat-wds .chat-message-wds-top.open {
  opacity: 1;
  visibility: visible;
}
.chat-wds .chat-message-wds-top .quick-reaction-picker {
  background-color: var(--color-white);
  line-height: 1;
  padding: 0;
  position: relative;
}
.chat-wds .chat-message-wds-top .quick-reaction-picker__options {
  padding: var(--space-xs) var(--space-none);
}
.chat-wds .chat-message-wds-top .quick-reaction-picker__options-item {
  font-size: var(--font-size-h4);
  margin-left: var(--space-s);
}
.chat-wds .chat-message-wds-top .btn {
  color: var(--secondary-text-color);
  height: 32px;
  min-height: unset;
}
.chat-wds .chat-message-wds-top .btn.dropdown-toggle {
  background-color: var(--color-white);
  border-radius: var(--border-radius-rounded);
  box-shadow: var(--shadow-s);
  height: 32px;
  min-height: unset;
  padding: var(--space-none);
  width: 32px;
}
.dark-mode .chat-wds .chat-message-wds-top .btn.dropdown-toggle {
  background-color: var(--area-bg);
}
.chat-wds.scheduled-wds .chat-message-wds {
  background-color: var(--color-background-body);
  border: var(--border-size-s) dashed var(--border-color);
  transition: border-color 0.3s ease;
}
.chat-wds.scheduled-wds .chat-message-wds:hover {
  border-color: var(--color-success);
}
.chat-wds.scheduled-wds .chat-message-wds,
.chat-wds.scheduled-wds .chat-message-wds a {
  color: var(--main-text-color) !important;
}
.chat-wds--highlighted {
  z-index: 9001;
  position: relative;
  pointer-events: none;
}

/*chat-message-wds different in Core and Mobile*/
.chat-message-wds {
  background-color: var(--area-bg);
  border-radius: 20px;
  display: flex;
  flex-direction: column;
  max-width: 250px;
  width: -moz-fit-content;
  width: fit-content;
  position: relative;
  word-break: break-word;
  padding: 5px 12px 5px 12px;
}
.chat-message-wds-media img {
  background-color: var(--area-bg);
  padding: 0px;
  border-radius: 20px;
  height: 150px;
  width: auto;
}
.chat-message-wds-video {
  background-color: var(--color-neutral-3);
  padding: 0px;
  border-radius: 25px;
  max-height: 180px;
  width: 60vw;
}
.chat-message-wds a {
  display: inline;
  text-decoration: underline;
}

.chat-message-delivery-details-left {
  margin-left: 55px;
}

/*WodifyClient InAppChat Messenger specific styles*/
.messenger-wrapper {
  overflow: hidden;
  position: fixed;
}
.messenger-header {
  position: sticky;
  top: 0;
  height: 10vh;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: auto;
}

.messages-container {
  --bottom-size: calc(76px + var(--os-safe-area-bottom));
  display: flex;
  flex-direction: column;
  height: 100%;
}
.messages-container-scroll {
  flex: 1;
  padding: var(--space-base);
  display: flex;
  flex-direction: column-reverse;
  margin-bottom: var(--bottom-size);
}
.messages-container-footer {
  background-color: var(--color-background-body);
  bottom: 0;
  left: 0;
  padding-bottom: var(--os-safe-area-bottom);
  position: fixed;
  width: 100%;
}

.chat-message-list {
  display: flex;
  flex-direction: column-reverse;
}

.messenger-footer {
  position: sticky !important;
  bottom: 0;
  height: 50px;
  margin: 18px;
  background-color: var(--color-background-body);
  overflow: hidden;
}

.message-input-controls {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px;
}

.list-recipients {
  --admin-container: 0px;
  max-height: calc(100vh - 137px - var(--admin-container) - var(--os-safe-area-top));
  overflow-y: auto;
}
.list-recipients--admin {
  --admin-container: 71px;
}
.list-recipients--single {
  max-height: calc(100vh - 201px - var(--admin-container) - var(--os-safe-area-bottom) - var(--os-safe-area-top));
}
.list-recipients--multi {
  max-height: calc(100vh - 246px - var(--admin-container) - var(--os-safe-area-bottom) - var(--os-safe-area-top));
}
.list-recipients--group-chat {
  max-height: calc(100vh - 322px - var(--admin-container) - var(--os-safe-area-bottom) - var(--os-safe-area-top));
}

.recipient-type-multiple-clients {
  position: fixed;
  bottom: calc(66px + var(--os-safe-area-bottom));
  width: 100%;
  border-top: var(--border-size-s) solid var(--border-color);
  background: var(--color-background-body);
}

.fake-input-with-icon {
  border: var(--border-size-s) solid var(--border-color);
  border-radius: var(--border-radius-soft);
  color: var(--secondary-text-color);
  display: flex;
  height: 3rem;
  padding: var(--space-base) var(--space-s);
  position: relative;
}
.fake-input-with-icon .fake-input-with-icon-content-icon {
  color: var(--secondary-text-color);
  display: inline-flex;
  height: 100%;
  left: 0;
  position: absolute;
  width: 40px;
}
.fake-input-with-icon .fake-input-with-icon-content-icon a {
  color: var(--secondary-text-color);
}
.fake-input-with-icon .fake-input-with-icon-input input {
  width: 100%;
}
.fake-input-with-icon .fa-fw {
  width: auto;
}
.fake-input-with-icon.fake-input-with-icon-right .fake-input-with-icon-content-icon {
  left: auto;
  right: 0;
}

.floating-container {
  background-color: unset;
  margin-bottom: var(--space-xs);
  pointer-events: none;
  position: fixed;
  text-align: center;
  width: 100%;
  z-index: 90;
}
.floating-container .badge {
  vertical-align: inherit;
}
.floating-container > * {
  pointer-events: all;
}

.pr-list-screen .osui-accordion-item .osui-accordion-item__title {
  transition: padding 0.3s ease;
  padding-left: var(--space-none) !important;
  padding-right: var(--space-none) !important;
}
.pr-list-screen .osui-accordion-item.osui-accordion-item--is-open .osui-accordion-item__title {
  padding-bottom: var(--space-none) !important;
}

/* -- Accordion Item Simple -- */
.accordion-item--simple .osui-accordion-item > .osui-accordion-item__title,
.accordion-item--simple.osui-accordion-item > .osui-accordion-item__title {
  font-size: var(--font-size-h4);
}

/* Patterns - Card With Actions */
.card.card-with-actions {
  display: flex;
  flex-direction: column;
  background-color: var(--area-bg);
  border: var(--border-size-s) solid var(--border-color);
  border-radius: var(--border-radius-none);
  padding: var(--space-base);
  box-shadow: var(--shadow-none);
}
.layout-native .card.card-with-actions {
  padding: var(--space-base);
}
.card.card-with-actions .card-with-actions__header {
  display: flex;
}
.card.card-with-actions .card-with-actions__title {
  flex: 1;
  color: var(--main-text-color);
  font-size: var(--font-size-m);
  font-weight: var(--font-semi-bold);
}
.card.card-with-actions .card-with-actions__actions {
  margin-left: var(--space-s);
}
.card.card-with-actions .card-with-actions__actions .popover-bottom a,
.card.card-with-actions .card-with-actions__actions .popover-bottom a:visited {
  font-weight: var(--font-semi-bold);
}
.card.card-with-actions .card-with-actions__content {
  flex: 1;
  padding: var(--space-base) var(--space-none);
}
.card.card-with-actions .card-with-actions__content .button-group {
  width: 50%;
}
.card.card-with-actions .card-with-actions__content .button-group-selected-item {
  background-color: var(--color-white);
}
.card.card-with-actions .card-with-actions__content .button-group-selected-item .columns-item {
  background-color: var(--color-primary);
}
.card.card-with-actions .card-with-actions__content .button-group-selected-item .columns-item:not(:last-child) {
  border-color: var(--border-color);
}
.card.card-with-actions .card-with-actions__content .button-group.vertical .button-group-item.button-group-selected-item .columns-item:not(:last-child) {
  border-color: var(--border-color);
}
.card.card-with-actions .card-with-actions__content .button-group-item {
  
}
.card.card-with-actions .card-with-actions__footer {
  display: flex;
  align-items: center;
  color: var(--main-text-color);
  font-size: var(--font-size-h5);
  font-weight: var(--font-semi-bold);
}
.card.card-with-actions .card-with-actions__footer .avatar-wrapper {
  margin-right: var(--space-s);
}
.card.card-with-actions:hover {
  border-color: var(--color-primary);
  cursor: pointer;
}

.card-with-actions__tooltip-theme .tooltip-content > div {
  display: flex;
  flex-direction: column;
}
.card-with-actions__tooltip-theme .tooltip-content > div a,
.card-with-actions__tooltip-theme .tooltip-content > div a:visited {
  color: var(--main-text-color);
  align-items: center;
  padding: var(--space-s);
}
.card-with-actions__tooltip-theme .tooltip-content > div a .icon,
.card-with-actions__tooltip-theme .tooltip-content > div a:visited .icon {
  color: var(--secondary-text-color);
  margin-right: var(--space-xs);
}
.card-with-actions__tooltip-theme .tooltip-content > div a:hover,
.card-with-actions__tooltip-theme .tooltip-content > div a:visited:hover {
  background-color: var(--area-bg);
}

.layout .list.add-hours--list .list-item--bordered:first-of-type {
  border-top-right-radius: var(--border-radius-soft) !important;
  border-top-left-radius: var(--border-radius-soft) !important;
}
.layout .list.add-hours--list .list-item--bordered:last-of-type {
  border-bottom-right-radius: var(--border-radius-soft) !important;
  border-bottom-left-radius: var(--border-radius-soft) !important;
}
.layout .list-item {
  background: var(--color-neutral-0);
  border-bottom: var(--border-size-s) solid var(--border-color);
  padding: var(--space-m);
}
.layout .list-item--bordered {
  border: var(--border-size-s) solid var(--border-color);
  padding: var(--space-base);
}
.layout .list-item--bordered.padding-s {
  padding: var(--space-s);
}
.layout .list-item--bordered-shadow {
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
  margin-bottom: var(--space-m);
}
.dark-mode .layout .list-item--bordered-shadow, .dark-styles .layout .list-item--bordered-shadow {
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}
.layout .list-item--bordered + .list-item--bordered:not(.padding-s):not(.list-item--bordered-shadow) {
  border-top: var(--border-size-none);
}
.layout .list-item--chip {
  border: var(--border-size-s) solid var(--border-color);
  border-radius: var(--border-radius-soft);
  box-shadow: var(--shadow-s);
  padding: var(--space-s);
  overflow: unset;
}
.layout .list-item--chip .scale-animation {
  display: none;
}
.layout .list-item--chip.list-item--is-selected {
  border: var(--border-size-m) solid var(--color-primary);
  padding: calc(var(--space-s) - var(--border-size-s));
}
.layout .list-item--chip.list-item--is-default::before, .layout .list-item--chip.list-item--is-default:after {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 0;
  margin-top: calc(var(--space-s) * -1);
  pointer-events: none;
}
.layout .list-item--chip.list-item--is-default::before {
  content: "Default";
  padding: var(--space-xxs) var(--space-xs);
  font-weight: 600;
  border-radius: var(--border-radius-none) var(--border-radius-none) var(--border-radius-small) var(--border-radius-small);
  background-color: var(--color-secondary);
  color: var(--color-black);
  z-index: 1;
  line-height: 20px;
}
.layout .list-item--chip.list-item--is-default::after {
  content: "";
  background-color: var(--color-secondary-darkest);
  width: 90px;
  height: 9px;
  clip-path: polygon(20% 0%, 80% 0%, 100% 100%, 0% 100%);
}
.layout .list-item--chip.list-item--is-default.list-item--is-selected::before, .layout .list-item--chip.list-item--is-default.list-item--is-selected::after {
  margin-top: calc((var(--space-s) + var(--border-size-s)) * -1);
}
.layout .list-item-left-actions [data-list-item-action]:not([class*=background-]), .layout .list-item-right-actions [data-list-item-action]:not([class*=background-]) {
  background-color: var(--border-color);
}
.layout .list-item-left-actions [data-list-item-action][class*=background-], .layout .list-item-right-actions [data-list-item-action][class*=background-] {
  color: var(--color-white);
}
.layout .list-item-left-actions [data-list-item-action][class*=background-primary], .layout .list-item-right-actions [data-list-item-action][class*=background-primary] {
  color: var(--button-color, var(--color-white));
}
.dark-mode .layout .list-item-left-actions [data-list-item-action][class*=background-primary], .dark-styles .layout .list-item-left-actions [data-list-item-action][class*=background-primary], .dark-mode .layout .list-item-right-actions [data-list-item-action][class*=background-primary], .dark-styles .layout .list-item-right-actions [data-list-item-action][class*=background-primary] {
  color: var(--button-color-dark, var(--color-black));
}
.layout .list-item.padding-x-none {
  padding-left: var(--space-none);
  padding-right: var(--space-none);
}
.layout .list-item.padding-x-m {
  padding-left: var(--space-m);
  padding-right: var(--space-m);
}
.layout .list-item.padding-left-l {
  padding-left: var(--space-l);
}
.layout .list-item.padding-right-base {
  padding-right: var(--space-base);
}
.layout .list-item.padding-y-s {
  padding-top: var(--space-s);
  padding-bottom: var(--space-s);
}
.layout .list-item-content-title {
  color: var(--main-text-color);
  font-size: var(--font-size-h4);
  font-weight: var(--font-semi-bold);
}
.layout .list-item-content-text {
  color: var(--color-primary);
  font-size: var(--font-size-base);
  font-weight: var(--font-semi-bold);
}
.layout .list-item-content-right {
  line-height: 1;
}
.layout .list-item--single-line [data-expression] {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.layout .list-item.is--heading .list-item-content-title,
.layout .list-item.is--heading .list-item-content-left, .layout .list-item.is--disabled .list-item-content-title,
.layout .list-item.is--disabled .list-item-content-left {
  color: var(--secondary-text-color);
}
.layout .list-item.is--active-class .list-item-content-title {
  color: var(--color-primary);
}
.layout .list-item.is--heading {
  background-color: var(--color-neutral-1);
}
.layout .list-item--no-border {
  border-bottom-width: var(--border-size-none);
  padding-top: var(--space-base);
  padding-bottom: var(--space-base);
}
.layout .list-item--no-border .list-item-content-right {
  font-size: var(--font-size-s);
}
.layout .list-item-unread {
  background-color: var(--area-bg);
}
.layout .list-item-unread--has-dot:before {
  content: "";
  width: 6px;
  height: 6px;
  background-color: var(--color-primary);
  position: absolute;
  border-radius: var(--border-radius-rounded);
  left: 7px;
  top: 50%;
  transform: translateY(-50%);
}
.layout .list.list-group.list-group--bordered .list-item--bordered {
  border-radius: unset;
  margin: unset;
}
.layout .list.list-group.list-group--bordered .list-item--bordered:first-of-type {
  border-top-right-radius: var(--border-radius-soft);
  border-top-left-radius: var(--border-radius-soft);
}
.layout .list.list-group.list-group--bordered .list-item--bordered:last-of-type {
  border-bottom-right-radius: var(--border-radius-soft);
  border-bottom-left-radius: var(--border-radius-soft);
}
.layout .list.list-group.list-group--bordered.list-group--settings .list-item--bordered {
  padding: var(--space-s) var(--space-base);
}
.layout .list.list-group.list-group--bordered.list-group--settings .list-item--bordered .list-item-content-right {
  display: flex;
}
.layout .list.list-group.list-group--bordered.list-group--disabled .list-item--bordered {
  pointer-events: none;
}

.is--pressing {
  animation: 1s longpress forwards;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  position: relative;
  z-index: 3;
}

@keyframes longpress {
  0%, 20% {
    transform: scale(1);
  }
  95% {
    transform: scale(1.05);
  }
  100% {
    transform: scale(1);
  }
}
:root:has(.header-content--navigation:not(:empty)), :root:has(.header-size--large) {
  --header-size: 78px;
}

.layout-side .app-menu-content {
  overflow-x: hidden;
  max-width: 400px;
  transform: translateX(0) translateZ(0);
  transition: transform 130ms ease-in;
}
.tablet .layout-side .app-menu-content, .phone .layout-side .app-menu-content {
  left: calc(-1 * var(--side-menu-size));
}
.layout-side .app-menu-content::after {
  display: none;
}
.layout-side .app-menu-overlay {
  display: none;
}
.tablet .layout-side .app-menu-overlay, .phone .layout-side .app-menu-overlay {
  display: block;
}
.layout-side .app-menu-icon {
  opacity: 0;
  pointer-events: none;
  height: 0px;
}
.layout-side .app-menu-icon .menu-icon {
  display: flex;
}
.tablet .layout-side .app-menu-icon, .phone .layout-side .app-menu-icon {
  opacity: 1;
  pointer-events: all;
  height: unset;
}
.layout-side .app-menu-links--header {
  padding-left: var(--space-m);
  padding-right: var(--space-m);
}
.layout-side .app-menu-links--header a {
  padding: var(--space-none);
}
.tablet .layout-side.menu-visible .app-menu-content, .phone .layout-side.menu-visible .app-menu-content {
  transform: translateX(var(--side-menu-size)) translateZ(0);
  transition: transform 330ms ease-out;
}

.dependents-modal .modal-content {
  padding-left: var(--space-m);
  padding-right: var(--space-m);
  padding-top: 0px;
}

.avatar-group-margin {
  margin-left: 52px;
}

.header .header-top .toggle-buttons > div {
  display: flex;
}
.header .header-top .toggle-buttons .btn-small {
  font-size: 12px;
  height: 16px;
  padding: 0px 8px;
  min-height: 16px;
  line-height: unset;
  color: var(--color-neutral-0);
}
.header .header-top .toggle-buttons .btn-small.btn-active, .dark-mode.header-color--changed .header .header-top .toggle-buttons .btn-small.btn-active {
  background-color: var(--color-white);
  color: var(--color-black);
}
.header-color--changed .header .header-top .toggle-buttons .btn-small.btn-active, .dark-mode:not(.header-color--changed) .header .header-top .toggle-buttons .btn-small.btn-active, .dark-styles:not(.header-color--changed) .header .header-top .toggle-buttons .btn-small.btn-active {
  background-color: var(--color-black);
  color: var(--color-white);
}

.layout-native .header-title img.logo-max-height {
  max-height: 42px;
}

.active-screen:has(.menu-visible) {
  overflow: hidden;
}

.dark-mode .app-menu-content .btn-small span.coach-view-button,
.dark-styles .app-menu-content .btn-small span.coach-view-button {
  color: var(--color-white);
}

.app-menu-content .btn-small span.coach-view-button {
  color: var(--color-primary);
}

.day-of-week {
  display: flex;
  height: 32px;
  width: 32px;
  border-radius: 20px;
  background-color: var(--color-disabled-background);
  color: var(--color-disabled-text);
  align-items: center;
  justify-content: center;
}

.day-of-week--today {
  padding-bottom: 2px;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 2px solid;
  border-color: var(--color-primary);
}

.day-of-week.day-of-week--reserved {
  border: dashed;
  border-color: var(--color-primary);
  border-width: 1.5px;
}

.day-of-week.day-of-week--attended {
  background-color: var(--color-primary);
  background-clip: inherit;
  border: solid;
  border-color: var(--color-primary);
  color: var(--button-color, var(--color-white));
}
.dark-mode .day-of-week.day-of-week--attended, .dark-styles .day-of-week.day-of-week--attended {
  color: var(--button-color-dark, var(--color-black));
}

.share-weekstreak-logo {
  position: absolute;
  left: 12px;
  top: 0;
  height: 100%;
  z-index: 0;
}

.share-weekstreak-font {
  font-size: 100px;
}

.reserved .mbsc-calendar-cell-text.mbsc-calendar-day-text {
  border: dashed;
  border-color: var(--color-primary);
  border-width: 1.5px;
}

.attended .mbsc-calendar-cell-text.mbsc-calendar-day-text {
  background-color: var(--color-primary);
  color: white;
  border: solid;
  border-color: var(--color-primary);
  background-clip: inherit;
}

.attended-before .mbsc-calendar-cell-text.mbsc-calendar-day-text {
  opacity: 0.15;
}

.muted .mbsc-calendar-cell-text.mbsc-calendar-day-text {
  color: var(--color-neutral-3);
}

.today .mbsc-calendar-cell-inner.mbsc-calendar-day-inner {
  margin: var(--space-none) var(--space-xs);
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 2px solid;
  border-color: var(--color-primary);
}

.mbsc-calendar-day-outer .mbsc-calendar-day-text {
  opacity: initial;
}

.weekstreaks-calendar .mbsc-wrapper--week .btn--toggle-view {
  display: none;
}

.weekstreaks-calendar .mbsc-calendar-header {
  display: none;
}

.weekstreaks-calendar {
  pointer-events: none;
}

.weekstreaks-calendar-number-display {
  font-size: 64px;
  line-height: 44px;
}

.weekstreaks-calendar .mbsc-ios.mbsc-datepicker-inline {
  padding-bottom: var(--space-base);
}

.weekstreaks-display-text {
  position: relative;
  z-index: 1;
}

.buy-tab-memberships .card {
  background-color: var(--color-background-body);
}
.buy-tab-memberships label.label--min-width {
  display: inline-block;
  min-width: 110px;
}
.buy-tab-memberships .list .list-item.list-item--scale-animation {
  border-bottom: var(--border-size-none);
  margin: var(--space-none) calc(var(--space-m) * -1);
}
.buy-tab-memberships .list .list-item.list-item--scale-animation:not(:last-child):after {
  bottom: var(--space-none);
  content: "";
  position: absolute;
  height: var(--border-size-s);
  left: var(--space-m);
  width: calc(100% - var(--space-xxl));
  background-color: var(--border-color);
}
.buy-tab-memberships .button-group .button-group-item {
  border: var(--border-size-s) solid var(--color-primary);
  color: var(--color-primary);
}
.buy-tab-memberships .button-group .button-group-item.button-group-selected-item {
  background-color: var(--color-primary);
  color: var(--button-color, var(--color-white));
}
.dark-mode .buy-tab-memberships .button-group .button-group-item.button-group-selected-item {
  color: var(--button-color-dark, var(--color-black));
}
.phone .buy-tab-memberships .button-group .button-group-item:first-child {
  border-left: var(--border-size-s) solid var(--color-primary);
}
.buy-tab-memberships .background-background {
  background-color: var(--area-bg) !important;
}
.buy-tab-memberships .card-bordered--sticky .card-title {
  position: sticky;
  z-index: var(--layer-above);
  top: 164px;
}
.phone .buy-tab-memberships .dropdown-multi-select .dropdown-display, .tablet .buy-tab-memberships .dropdown-multi-select .dropdown-display {
  height: 48px;
  align-items: center;
  background-color: var(--content-bg);
  border: var(--border-size-s) solid var(--border-color);
  border-radius: var(--border-radius-soft);
  color: var(--main-text-color);
  cursor: pointer;
  display: flex;
  flex-flow: row nowrap;
  font-size: var(--font-size-xs);
  justify-content: space-between;
  padding: var(--space-none) var(--space-l) var(--space-none) var(--space-base);
  font-weight: var(--font-regular);
}
.phone .buy-tab-memberships .dropdown-multi-select.wider-results .dropdown-results, .tablet .buy-tab-memberships .dropdown-multi-select.wider-results .dropdown-results {
  width: 250px !important;
}

.tappable-chip.dashed .tappable-chip__label {
  border-style: dashed;
}
.tappable-chip.disabled .tappable-chip__label {
  border: var(--border-size-s) solid var(--color-disabled-border);
  background-color: unset;
}

.global-search {
  opacity: 0;
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  overflow: visible;
  transform: translateX(calc(100% + 20px));
  -webkit-transform: translateX(calc(100% + 20px));
  
  
  
}
.global-search--is-active .global-search {
  opacity: 1;
  transform: translateX(0);
  -webkit-transform: translateX(0);
  transition: transform 300ms ease, opacity 0s linear 0s;
  -webkit-transition: -webkit-transform 300ms ease, transform 300ms ease, opacity 0s linear 0s;
}
.global-search--is-active.layout-native {
  overflow: hidden;
}
.global-search--is-active.layout-native .header {
  z-index: calc(var(--layer-global-navigation) + 2);
}
.global-search--is-active.layout-native .header-top {
  padding-left: 0px;
  padding-right: 0px;
  transition: padding 300ms ease-out;
}
.global-search--is-active.layout-native .header-top-content {
  display: none;
}
.global-search--is-active.layout-native .header-content--main {
  opacity: 0;
  
}
.global-search--is-active.layout-native .content-bottom {
  z-index: calc(var(--layer-global-navigation) - 1);
}
.global-search-dropdown {
  background-color: var(--color-background-body);
  border-bottom-left-radius: var(--border-radius-soft);
  border-bottom-right-radius: var(--border-radius-soft);
  box-shadow: var(--shadow-xl);
  padding: var(--space-m) var(--space-l);
  opacity: 0;
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  z-index: 1;
  max-height: 85%;
  overflow: auto;
  overscroll-behavior: contain;
  pointer-events: none;
  will-change: transform;
  transform: translateY(-240px);
  -webkit-transform: translateY(-240px);
  
  
  
}
.global-search-dropdown--is-open .global-search-dropdown {
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0);
  -webkit-transform: translateY(0);
  transition: transform 300ms ease, opacity 0s linear 0s;
  -webkit-transition: -webkit-transform 300ms ease, transform 300ms ease, opacity 0s linear 0s;
}
.global-search-dropdown--background {
  height: 100vh;
  overflow: hidden;
}
.global-search-dropdown-container {
  position: relative;
  overflow: hidden;
}
.layout-native .header .global-search .osui-search .global-search-input[data-input] {
  border-radius: var(--border-radius-soft);
  padding-right: var(--space-base);
  background-color: var(--color-background-body);
}
.global-search.global-search--is-activating .global-search-input {
  caret-color: transparent;
}
.global-search-input-container {
  background-color: var(--header-color);
  display: flex;
  flex: 1;
  justify-content: space-between;
  align-items: center;
  gap: var(--space-base);
  height: 52px;
}
.global-search-input-container .osui-search__input::before {
  left: var(--space-s);
}
.global-search--is-active .global-search-input-container {
  padding: var(--space-none) var(--space-m);
}
.global-search-results-container {
  color: var(--main-text-color);
}
.global-search-overlay {
  background-color: var(--overlay-background);
  height: 100vh;
  left: 0;
  opacity: 0;
  pointer-events: none;
  position: fixed;
  top: 0;
  width: 100vw;
  will-change: opacity;
  z-index: calc(var(--osui-menu-layer) - var(--layer-local-tier-1));
}
.global-search--is-active .global-search-overlay {
  opacity: 1;
  pointer-events: auto;
  transition: opacity 300ms ease-out;
}

.barcode-card-header {
  height: 36px;
  width: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px 8px 0 0;
  margin-top: 20px;
}
.barcode-card-header-logo {
  height: 28px !important;
  width: auto;
  margin: 4px;
}

.barcode-card-body {
  height: 210px;
  width: auto;
  display: flex;
  flex-direction: column;
  border-radius: 0 0 8px 8px;
  background-color: #F3EDE8;
  padding: 18px;
  gap: 10px;
}

.barcode-card-client-picture-and-name {
  width: auto;
  height: 52px;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 16px;
}

.barcode-avatar {
  width: 47px;
  height: 47px !important;
  border-radius: 50%;
  -o-object-fit: cover !important;
     object-fit: cover !important;
}

.barcode-card-client-name-text {
  font-size: 18px;
  font-weight: 600;
  color: #1E1A19;
}

.barcode-card-image-container {
  display: flex;
  justify-content: center;
}

.barcode-card-image {
  background-color: #FFFFFF;
  padding-top: 8px;
}

.barcode-card-no-barcode-text {
  text-align: center;
  font-size: 14px;
  color: #a39890;
}

.barcode-card-no-barcode-expression {
  width: auto;
}

.content-middle:has(.barcode-card-body) {
  height: auto !important;
}

/*! ==============================================================================
7. Usefull Classes
=============================================================================== */
.width-m {
  width: var(--space-m);
}

.width-l {
  width: var(--space-l);
}

.width-xl {
  width: var(--space-xl);
}

.width-xxl {
  width: var(--space-xxl);
}

.height-base {
  height: var(--space-base);
}

.height-m {
  height: var(--space-m);
}

.height-l {
  height: var(--space-l);
}

.height-xl {
  height: var(--space-xl);
}

.height-xxl {
  height: var(--space-xxl);
}

.background-body {
  background-color: var(--color-background-body);
}

.app-menu-content .btn-small {
  font-size: 12px;
  height: 16px;
  padding: 0px 8px;
  min-height: 16px;
  line-height: unset;
}

/*! 7.2. Colors - Brand */
/* Usefull - Colors Brand */
.background-primary {
  background-color: var(--color-primary) !important;
}
.background-primary-lightest {
  background-color: var(--color-primary-lightest) !important;
}
.background-secondary {
  background-color: var(--color-secondary) !important;
}
.background-secondary-lightest {
  background-color: var(--color-secondary-lightest) !important;
}
.background-tertiary-3 {
  background-color: var(--color-tertiary-3) !important;
}
.background-tertiary-3-lightest {
  background-color: var(--color-tertiary-3-lightest) !important;
}

.text-primary, .text-primary-darker {
  color: var(--color-primary) !important;
}
.text-secondary, .text-secondary-darker {
  color: var(--color-secondary) !important;
}
.text-tertiary-3 {
  color: var(--color-tertiary-3) !important;
}
.text-tertiary-3-selected {
  color: var(--color-tertiary-3-selected) !important;
}
.text-tertiary-3-lightest {
  color: var(--color-tertiary-3-lightest) !important;
}
.text-tertiary-3-light {
  color: var(--color-tertiary-3-light) !important;
}
.text-tertiary-3-lighter {
  color: var(--color-tertiary-3-lighter) !important;
}
.text-tertiary-3-dark {
  color: var(--color-tertiary-3-dark) !important;
}
.text-tertiary-3-darker {
  color: var(--color-tertiary-3-darker) !important;
}
.text-tertiary-3-darkest {
  color: var(--color-tertiary-3-darkest) !important;
}

.border-primary, .border-primary-darker {
  border-color: var(--color-primary) !important;
}
.border-secondary, .border-secondary-darker {
  border-color: var(--color-secondary) !important;
}
.border-tertiary-3, .border-tertiary-3-darker {
  border-color: var(--color-tertiary-3) !important;
}

/*! 7.3. Colors - Neutral */
/* Usefull - Colors Neutral */
.background-neutral-0 {
  background-color: var(--color-neutral-0) !important;
}
.background-neutral-0-lightest {
  background-color: var(--color-neutral-9) !important;
}
.background-neutral-1 {
  background-color: var(--color-neutral-1) !important;
}
.background-neutral-1-lightest {
  background-color: var(--color-neutral-9) !important;
}
.background-neutral-2 {
  background-color: var(--color-neutral-2) !important;
}
.background-neutral-2-lightest {
  background-color: var(--color-neutral-9) !important;
}
.background-neutral-3 {
  background-color: var(--color-neutral-3) !important;
}
.background-neutral-3-lightest {
  background-color: var(--color-neutral-9) !important;
}
.background-neutral-4 {
  background-color: var(--color-neutral-4) !important;
}
.background-neutral-4-lightest {
  background-color: var(--color-neutral-9) !important;
}
.background-neutral-5 {
  background-color: var(--color-neutral-5) !important;
}
.background-neutral-5-lightest {
  background-color: var(--color-neutral-0) !important;
}
.background-neutral-6 {
  background-color: var(--color-neutral-6) !important;
}
.background-neutral-6-lightest {
  background-color: var(--color-neutral-0) !important;
}
.background-neutral-7 {
  background-color: var(--color-neutral-7) !important;
}
.background-neutral-7-lightest {
  background-color: var(--color-neutral-0) !important;
}
.background-neutral-8 {
  background-color: var(--color-neutral-8) !important;
}
.background-neutral-8-lightest {
  background-color: var(--color-neutral-0) !important;
}
.background-neutral-9 {
  background-color: var(--color-neutral-9) !important;
}
.background-neutral-9-lightest {
  background-color: var(--color-neutral-0) !important;
}
.background-neutral-10 {
  background-color: var(--color-neutral-10) !important;
}
.background-neutral-10-lightest {
  background-color: var(--color-neutral-0) !important;
}

.text-neutral-0 {
  color: var(--color-neutral-0) !important;
}
.text-neutral-1 {
  color: var(--color-neutral-1) !important;
}
.text-neutral-2 {
  color: var(--color-neutral-2) !important;
}
.text-neutral-3 {
  color: var(--color-neutral-3) !important;
}
.text-neutral-4 {
  color: var(--color-neutral-4) !important;
}
.text-neutral-5 {
  color: var(--color-neutral-5) !important;
}
.text-neutral-5-darker {
  color: var(--color-neutral-5) !important;
}
.text-neutral-6 {
  color: var(--color-neutral-6) !important;
}
.text-neutral-6-darker {
  color: var(--color-neutral-6) !important;
}
.text-neutral-7 {
  color: var(--color-neutral-7) !important;
}
.text-neutral-7-darker {
  color: var(--color-neutral-7) !important;
}
.text-neutral-8 {
  color: var(--color-neutral-8) !important;
}
.text-neutral-8-darker {
  color: var(--color-neutral-8) !important;
}
.text-neutral-9 {
  color: var(--color-neutral-9) !important;
}
.text-neutral-9-darker {
  color: var(--color-neutral-9) !important;
}
.text-neutral-10 {
  color: var(--color-neutral-10) !important;
}
.text-neutral-10-darker {
  color: var(--color-neutral-10) !important;
}

/*! 7.5. Colors - Semantic */
/* Usefull - Colors Semantic */
.background-error-darker {
  background-color: var(--color-error-darker) !important;
}
.background-error-dark {
  background-color: var(--color-error-dark) !important;
}
.background-error {
  background-color: var(--color-error) !important;
}
.background-error-light {
  background-color: var(--color-error-light) !important;
}
.background-error-lighter {
  background-color: var(--color-error-lighter) !important;
}
.background-error-lightest {
  background-color: var(--color-error-lightest) !important;
}
.background-warning-darker {
  background-color: var(--color-warning-darker) !important;
}
.background-warning-dark {
  background-color: var(--color-warning-dark) !important;
}
.background-warning {
  background-color: var(--color-warning) !important;
}
.background-warning-light {
  background-color: var(--color-warning-light) !important;
}
.background-warning-lighter {
  background-color: var(--color-warning-lighter) !important;
}
.background-warning-lightest {
  background-color: var(--color-warning-lightest) !important;
}
.background-success-darker {
  background-color: var(--color-success-darker) !important;
}
.background-success-dark {
  background-color: var(--color-success-dark) !important;
}
.background-success {
  background-color: var(--color-success) !important;
}
.background-success-light {
  background-color: var(--color-success-light) !important;
}
.background-success-lighter {
  background-color: var(--color-success-lighter) !important;
}
.background-success-lightest {
  background-color: var(--color-success-lightest) !important;
}
.background-info-darker {
  background-color: var(--color-info-darker) !important;
}
.background-info-dark {
  background-color: var(--color-info-dark) !important;
}
.background-info {
  background-color: var(--color-info) !important;
}
.background-info-light {
  background-color: var(--color-info-light) !important;
}
.background-info-lighter {
  background-color: var(--color-info-lighter) !important;
}
.background-info-lightest {
  background-color: var(--color-info-lightest) !important;
}

.text-error-darker {
  color: var(--color-error-darker) !important;
}
.text-error-dark {
  color: var(--color-error-dark) !important;
}
.text-error {
  color: var(--color-error) !important;
}
.text-error-light {
  color: var(--color-error-light) !important;
}
.text-error-lighter {
  color: var(--color-error-lighter) !important;
}
.text-error-lightest {
  color: var(--color-error-lightest) !important;
}
.text-warning-darker {
  color: var(--color-warning-darker) !important;
}
.text-warning-dark {
  color: var(--color-warning-dark) !important;
}
.text-warning {
  color: var(--color-warning) !important;
}
.text-warning-light {
  color: var(--color-warning-light) !important;
}
.text-warning-lighter {
  color: var(--color-warning-lighter) !important;
}
.text-warning-lightest {
  color: var(--color-warning-lightest) !important;
}
.text-success-darker {
  color: var(--color-success-darker) !important;
}
.text-success-dark {
  color: var(--color-success-dark) !important;
}
.text-success {
  color: var(--color-success) !important;
}
.text-success-light {
  color: var(--color-success-light) !important;
}
.text-success-lighter {
  color: var(--color-success-lighter) !important;
}
.text-success-lightest {
  color: var(--color-success-lightest) !important;
}
.text-info-darker {
  color: var(--color-info-darker) !important;
}
.text-info-dark {
  color: var(--color-info-dark) !important;
}
.text-info {
  color: var(--color-info) !important;
}
.text-info-light {
  color: var(--color-info-light) !important;
}
.text-info-lighter {
  color: var(--color-info-lighter) !important;
}
.text-info-lightest {
  color: var(--color-info-lightest) !important;
}

.border-error-darker {
  border-color: var(--color-error-darker) !important;
}
.border-error-dark {
  border-color: var(--color-error-dark) !important;
}
.border-error {
  border-color: var(--color-error) !important;
}
.border-error-light {
  border-color: var(--color-error-light) !important;
}
.border-error-lighter {
  border-color: var(--color-error-lighter) !important;
}
.border-error-lightest {
  border-color: var(--color-error-lightest) !important;
}
.border-warning-darker {
  border-color: var(--color-warning-darker) !important;
}
.border-warning-dark {
  border-color: var(--color-warning-dark) !important;
}
.border-warning {
  border-color: var(--color-warning) !important;
}
.border-warning-light {
  border-color: var(--color-warning-light) !important;
}
.border-warning-lighter {
  border-color: var(--color-warning-lighter) !important;
}
.border-warning-lightest {
  border-color: var(--color-warning-lightest) !important;
}
.border-success-darker {
  border-color: var(--color-success-darker) !important;
}
.border-success-dark {
  border-color: var(--color-success-dark) !important;
}
.border-success {
  border-color: var(--color-success) !important;
}
.border-success-light {
  border-color: var(--color-success-light) !important;
}
.border-success-lighter {
  border-color: var(--color-success-lighter) !important;
}
.border-success-lightest {
  border-color: var(--color-success-lightest) !important;
}
.border-info-darker {
  border-color: var(--color-info-darker) !important;
}
.border-info-dark {
  border-color: var(--color-info-dark) !important;
}
.border-info {
  border-color: var(--color-info) !important;
}
.border-info-light {
  border-color: var(--color-info-light) !important;
}
.border-info-lighter {
  border-color: var(--color-info-lighter) !important;
}
.border-info-lightest {
  border-color: var(--color-info-lightest) !important;
}

/*! 7.6. Colors - Others */
/* Usefull - Colors Other */
.text-main,
.main-text-color,
.text-main-text-color {
  color: var(--main-text-color) !important;
}

.background-main-text-color {
  background-color: var(--main-text-color) !important;
}

.secondary-text-color,
.text-secondary-text-color {
  color: var(--secondary-text-color) !important;
}

.background-secondary-text-color {
  background-color: var(--secondary-text-color) !important;
}

.text-border-color {
  color: var(--border-color) !important;
}

.background-border-color {
  background-color: var(--border-color) !important;
}

.text-content-bg {
  color: var(--content-bg) !important;
}

.background-content-bg {
  background-color: var(--content-bg) !important;
}

.text-hover-color {
  color: var(--hover-color) !important;
}

.background-hover-color {
  background-color: var(--hover-color) !important;
}

.text-area-bg {
  color: var(--area-bg) !important;
}

.background-area-bg {
  background-color: var(--area-bg) !important;
}

.text-disabled-text {
  color: var(--color-disabled-text) !important;
}

.background-disabled-text {
  background-color: var(--color-disabled-text) !important;
}

.text-disabled-background {
  color: var(--color-disabled-background) !important;
}

.background-disabled-background {
  background-color: var(--color-disabled-background) !important;
}

.text-disabled-border {
  color: var(--color-disabled-border) !important;
}

.background-disabled-border {
  background-color: var(--color-disabled-border) !important;
}

.text-disabled-text-active {
  color: var(--color-disabled-text-active) !important;
}

.background-disabled-text-active {
  background-color: var(--color-disabled-text-active) !important;
}

.text-disabled-background-active {
  color: var(--color-disabled-background-active) !important;
}

.background-disabled-background-active {
  background-color: var(--color-disabled-background-active) !important;
}

.text-disabled-border-active {
  color: var(--color-disabled-border-active) !important;
}

.background-disabled-border-active {
  background-color: var(--color-disabled-border-active) !important;
}

.text-white {
  color: var(--color-white) !important;
}

.text-all-white,
.text-all-white * {
  color: var(--color-white) !important;
}

.background-white {
  background-color: var(--color-white) !important;
}

.text-black {
  color: var(--color-black) !important;
}

.background-black {
  background-color: var(--color-black) !important;
}

.text-transparent {
  color: transparent !important;
}

.background-transparent {
  background-color: transparent !important;
}

.text-background-body {
  color: var(--color-background-body) !important;
}

.background-background-body {
  background-color: var(--color-background-body) !important;
}

.text-button-color {
  color: var(--button-color, var(--color-white)) !important;
}
.dark-mode .text-button-color, .dark-styles .text-button-color {
  color: var(--button-color-dark, var(--color-black)) !important;
}

.background-button-color {
  background-color: var(--button-color, var(--color-white)) !important;
}
.dark-mode .background-button-color, .dark-styles .background-button-color {
  background-color: var(--button-color-dark, var(--color-black)) !important;
}

.border-border-color {
  border-color: var(--border-color) !important;
}

/*! 7.7. Text */
/* Usefull - Text */
.break-word {
  word-break: break-word !important;
}

.text-break {
  word-break: break-word !important;
  overflow-wrap: break-word !important;
}

.text-break-all {
  word-break: break-all !important;
  overflow-wrap: break-all !important;
}

.text-justify {
  text-align: justify !important;
}

.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.text-reset {
  color: inherit !important;
}

.text-align-left {
  text-align: left !important;
}
.text-align-center {
  text-align: center !important;
}
.text-align-right {
  text-align: right !important;
}

.phone .phone-text-align-left {
  text-align: left !important;
}
.phone .phone-text-align-center {
  text-align: center !important;
}
.phone .phone-text-align-right {
  text-align: right !important;
}

.tablet .tablet-text-align-left {
  text-align: left !important;
}
.tablet .tablet-text-align-center {
  text-align: center !important;
}
.tablet .tablet-text-align-right {
  text-align: right !important;
}

.desktop .desktop-text-align-left {
  text-align: left !important;
}
.desktop .desktop-text-align-center {
  text-align: center !important;
}
.desktop .desktop-text-align-right {
  text-align: right !important;
}

.no-wrap,
.text-nowrap,
.white-space-nowrap {
  white-space: nowrap !important;
}

.white-space-break,
.white-space-break-spaces {
  white-space: break-spaces !important;
}

.text-wrap,
.white-space-normal {
  white-space: normal !important;
}

.is-rtl [align=right],
.is-rtl .text-align-right {
  text-align: left !important;
}
.is-rtl [align=left],
.is-rtl .text-align-left {
  text-align: right !important;
}

/*! 7.8. Typography */
.subheading {
  font-size: var(--font-size-h5);
  font-weight: var(--font-regular);
  line-height: 21px;
  text-transform: uppercase;
}
@media (max-width: 35.99em) {
  .subheading {
    font-size: 0.9375rem;
    line-height: 20px;
  }
}

.body-text--small {
  font-size: 14px;
  font-weight: var(--font-regular);
  line-height: 21px;
}

.body-text--xsmall {
  font-size: 12px;
  font-weight: var(--font-regular);
  line-height: 16px;
}

.body-text--xlarge {
  font-size: 96px;
  font-weight: var(--font-semi-bold);
  line-height: 90px;
}

input,
textarea,
select,
button {
  color: var(--color-neutral-10);
}

.caption {
  font-size: var(--font-size-xs);
  font-weight: var(--font-regular);
  line-height: 16px;
}
@media (max-width: 35.99em) {
  .caption {
    font-size: 0.8125rem;
    line-height: 20px;
  }
}

.input-label {
  margin-bottom: 8px;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.125;
}
@media (max-width: 35.99em) {
  .input-label {
    margin-bottom: 8px;
    font-size: 1.2142857143rem;
    line-height: 19px;
  }
}

.input-instruction {
  margin-bottom: 16px;
  font-size: 16px;
  font-weight: 400;
  line-height: 18px;
  color: var(--secondary-text-color);
}
@media (max-width: 35.99em) {
  .input-instruction {
    margin-bottom: 16px;
    font-size: 1.2142857143rem;
    line-height: 24px;
  }
}

.validation {
  font-size: var(--font-size-s);
  font-weight: var(--font-semi-bold);
  line-height: 30px;
  color: var(--color-error);
}
@media (max-width: 35.99em) {
  .validation {
    font-size: 0.8125rem;
    line-height: 20px;
  }
}

/* Usefull - Typography */
.line-height-0 {
  line-height: 0;
}

.line-height-base {
  line-height: var(--space-base);
}

.line-height-m {
  line-height: 18px;
}

.line-height-l {
  line-height: 28px;
}

.font-size-l {
  font-size: var(--font-size-l) !important;
}
.font-size-m {
  font-size: var(--font-size-m) !important;
}
.font-size-base {
  font-size: var(--font-size-base) !important;
}
.font-size-s {
  font-size: var(--font-size-s) !important;
}
.font-size-xs {
  font-size: var(--font-size-xs) !important;
}
.font-size-xxs {
  font-size: var(--font-size-xxs) !important;
}
.font-size-label {
  font-size: var(--font-size-label) !important;
}
.font-light {
  font-weight: var(--font-light) !important;
}
.font-regular {
  font-weight: var(--font-regular) !important;
}
.font-semi-bold {
  font-weight: var(--font-semi-bold) !important;
}
.font-bold {
  font-weight: var(--font-bold) !important;
}

.font-weight-bold,
.bold {
  font-weight: var(--font-bold) !important;
}

.text-italic,
.font-italic,
.italic {
  font-style: italic !important;
}

.font-weight-light {
  font-weight: 300 !important;
}

.font-weight-lighter {
  font-weight: lighter !important;
}

.font-weight-normal {
  font-weight: 400 !important;
}

.font-weight-bolder {
  font-weight: bolder !important;
}

.oblique {
  font-style: oblique !important;
}

.text-lowercase {
  text-transform: lowercase !important;
}
.text-uppercase {
  text-transform: uppercase !important;
}
.text-capitalize {
  text-transform: capitalize !important;
}
.text-truncate, .text-ellipsis {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
.text-underline {
  text-decoration: underline !important;
}
.text-decoration-none {
  text-decoration: none !important;
}
.text-transform-none {
  text-transform: none !important;
}
.text-line-through {
  text-decoration-line: line-through !important;
}

[data-expression].text-overflow, [data-expression].text-overflow-inline {
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  word-break: break-word;
}
[data-expression].text-overflow.break, [data-expression].text-overflow-inline.break {
  word-break: break-all;
}
[data-expression].text-overflow.two-lines, [data-expression].text-overflow-inline.two-lines {
  -webkit-line-clamp: 2;
}
[data-expression].text-overflow.three-lines, [data-expression].text-overflow-inline.three-lines {
  -webkit-line-clamp: 3;
}
[data-expression].text-overflow.four-lines, [data-expression].text-overflow-inline.four-lines {
  -webkit-line-clamp: 4;
}
[data-expression].text-overflow {
  display: -webkit-box;
}
[data-expression].text-overflow-inline {
  display: -webkit-inline-box;
  vertical-align: middle;
}

/*! 7.10. Border Radius */
/* Usefull - Border Radius */
.border-radius-none {
  border-radius: var(--border-radius-none) !important;
}
.border-radius-top-left-none {
  border-top-left-radius: var(--border-radius-none) !important;
}
.border-radius-top-right-none {
  border-top-right-radius: var(--border-radius-none) !important;
}
.border-radius-bottom-right-none {
  border-bottom-right-radius: var(--border-radius-none) !important;
}
.border-radius-bottom-left-none {
  border-bottom-left-radius: var(--border-radius-none) !important;
}
.border-radius-top-none {
  border-top-left-radius: var(--border-radius-none) !important;
  border-top-right-radius: var(--border-radius-none) !important;
}
.border-radius-bottom-none {
  border-bottom-left-radius: var(--border-radius-none) !important;
  border-bottom-right-radius: var(--border-radius-none) !important;
}
.border-radius-soft {
  border-radius: var(--border-radius-soft) !important;
}
.border-radius-top-left-soft {
  border-top-left-radius: var(--border-radius-soft) !important;
}
.border-radius-top-right-soft {
  border-top-right-radius: var(--border-radius-soft) !important;
}
.border-radius-bottom-right-soft {
  border-bottom-right-radius: var(--border-radius-soft) !important;
}
.border-radius-bottom-left-soft {
  border-bottom-left-radius: var(--border-radius-soft) !important;
}
.border-radius-top-soft {
  border-top-left-radius: var(--border-radius-soft) !important;
  border-top-right-radius: var(--border-radius-soft) !important;
}
.border-radius-bottom-soft {
  border-bottom-left-radius: var(--border-radius-soft) !important;
  border-bottom-right-radius: var(--border-radius-soft) !important;
}
.border-radius-rounded {
  border-radius: var(--border-radius-rounded) !important;
}
.border-radius-top-left-rounded {
  border-top-left-radius: var(--border-radius-rounded) !important;
}
.border-radius-top-right-rounded {
  border-top-right-radius: var(--border-radius-rounded) !important;
}
.border-radius-bottom-right-rounded {
  border-bottom-right-radius: var(--border-radius-rounded) !important;
}
.border-radius-bottom-left-rounded {
  border-bottom-left-radius: var(--border-radius-rounded) !important;
}
.border-radius-top-rounded {
  border-top-left-radius: var(--border-radius-rounded) !important;
  border-top-right-radius: var(--border-radius-rounded) !important;
}
.border-radius-bottom-rounded {
  border-bottom-left-radius: var(--border-radius-rounded) !important;
  border-bottom-right-radius: var(--border-radius-rounded) !important;
}
.border-radius-circle {
  border-radius: var(--border-radius-circle) !important;
}
.border-radius-top-left-circle {
  border-top-left-radius: var(--border-radius-circle) !important;
}
.border-radius-top-right-circle {
  border-top-right-radius: var(--border-radius-circle) !important;
}
.border-radius-bottom-right-circle {
  border-bottom-right-radius: var(--border-radius-circle) !important;
}
.border-radius-bottom-left-circle {
  border-bottom-left-radius: var(--border-radius-circle) !important;
}
.border-radius-top-circle {
  border-top-left-radius: var(--border-radius-circle) !important;
  border-top-right-radius: var(--border-radius-circle) !important;
}
.border-radius-bottom-circle {
  border-bottom-left-radius: var(--border-radius-circle) !important;
  border-bottom-right-radius: var(--border-radius-circle) !important;
}

/*! 7.11. Space - Margin */
/* Usefull - Margin */
.margin-none {
  margin: var(--space-none) !important;
}
.margin-top-none {
  margin-top: var(--space-none) !important;
}
.margin-right-none {
  margin-right: var(--space-none) !important;
}
.margin-bottom-none {
  margin-bottom: var(--space-none) !important;
}
.margin-left-none {
  margin-left: var(--space-none) !important;
}
.margin-x-none {
  margin-left: var(--space-none) !important;
  margin-right: var(--space-none) !important;
}
.margin-y-none {
  margin-bottom: var(--space-none) !important;
  margin-top: var(--space-none) !important;
}
.margin-xxs {
  margin: var(--space-xxs) !important;
}
.margin-top-xxs {
  margin-top: var(--space-xxs) !important;
}
.margin-right-xxs {
  margin-right: var(--space-xxs) !important;
}
.margin-bottom-xxs {
  margin-bottom: var(--space-xxs) !important;
}
.margin-left-xxs {
  margin-left: var(--space-xxs) !important;
}
.margin-x-xxs {
  margin-left: var(--space-xxs) !important;
  margin-right: var(--space-xxs) !important;
}
.margin-y-xxs {
  margin-bottom: var(--space-xxs) !important;
  margin-top: var(--space-xxs) !important;
}
.margin-xxs-negative {
  margin: calc(-1 * var(--space-xxs)) !important;
}
.margin-top-xxs-negative {
  margin-top: calc(-1 * var(--space-xxs)) !important;
}
.margin-right-xxs-negative {
  margin-right: calc(-1 * var(--space-xxs)) !important;
}
.margin-bottom-xxs-negative {
  margin-bottom: calc(-1 * var(--space-xxs)) !important;
}
.margin-left-xxs-negative {
  margin-left: calc(-1 * var(--space-xxs)) !important;
}
.margin-x-xxs-negative {
  margin-left: calc(-1 * var(--space-xxs)) !important;
  margin-right: calc(-1 * var(--space-xxs)) !important;
}
.margin-y-xxs-negative {
  margin-bottom: calc(-1 * var(--space-xxs)) !important;
  margin-top: calc(-1 * var(--space-xxs)) !important;
}
.margin-xs {
  margin: var(--space-xs) !important;
}
.margin-top-xs {
  margin-top: var(--space-xs) !important;
}
.margin-right-xs {
  margin-right: var(--space-xs) !important;
}
.margin-bottom-xs {
  margin-bottom: var(--space-xs) !important;
}
.margin-left-xs {
  margin-left: var(--space-xs) !important;
}
.margin-x-xs {
  margin-left: var(--space-xs) !important;
  margin-right: var(--space-xs) !important;
}
.margin-y-xs {
  margin-bottom: var(--space-xs) !important;
  margin-top: var(--space-xs) !important;
}
.margin-xs-negative {
  margin: calc(-1 * var(--space-xs)) !important;
}
.margin-top-xs-negative {
  margin-top: calc(-1 * var(--space-xs)) !important;
}
.margin-right-xs-negative {
  margin-right: calc(-1 * var(--space-xs)) !important;
}
.margin-bottom-xs-negative {
  margin-bottom: calc(-1 * var(--space-xs)) !important;
}
.margin-left-xs-negative {
  margin-left: calc(-1 * var(--space-xs)) !important;
}
.margin-x-xs-negative {
  margin-left: calc(-1 * var(--space-xs)) !important;
  margin-right: calc(-1 * var(--space-xs)) !important;
}
.margin-y-xs-negative {
  margin-bottom: calc(-1 * var(--space-xs)) !important;
  margin-top: calc(-1 * var(--space-xs)) !important;
}
.margin-s {
  margin: var(--space-s) !important;
}
.margin-top-s {
  margin-top: var(--space-s) !important;
}
.margin-right-s {
  margin-right: var(--space-s) !important;
}
.margin-bottom-s {
  margin-bottom: var(--space-s) !important;
}
.margin-left-s {
  margin-left: var(--space-s) !important;
}
.margin-x-s {
  margin-left: var(--space-s) !important;
  margin-right: var(--space-s) !important;
}
.margin-y-s {
  margin-bottom: var(--space-s) !important;
  margin-top: var(--space-s) !important;
}
.margin-s-negative {
  margin: calc(-1 * var(--space-s)) !important;
}
.margin-top-s-negative {
  margin-top: calc(-1 * var(--space-s)) !important;
}
.margin-right-s-negative {
  margin-right: calc(-1 * var(--space-s)) !important;
}
.margin-bottom-s-negative {
  margin-bottom: calc(-1 * var(--space-s)) !important;
}
.margin-left-s-negative {
  margin-left: calc(-1 * var(--space-s)) !important;
}
.margin-x-s-negative {
  margin-left: calc(-1 * var(--space-s)) !important;
  margin-right: calc(-1 * var(--space-s)) !important;
}
.margin-y-s-negative {
  margin-bottom: calc(-1 * var(--space-s)) !important;
  margin-top: calc(-1 * var(--space-s)) !important;
}
.margin-base {
  margin: var(--space-base) !important;
}
.margin-top-base {
  margin-top: var(--space-base) !important;
}
.margin-right-base {
  margin-right: var(--space-base) !important;
}
.margin-bottom-base {
  margin-bottom: var(--space-base) !important;
}
.margin-left-base {
  margin-left: var(--space-base) !important;
}
.margin-x-base {
  margin-left: var(--space-base) !important;
  margin-right: var(--space-base) !important;
}
.margin-y-base {
  margin-bottom: var(--space-base) !important;
  margin-top: var(--space-base) !important;
}
.margin-base-negative {
  margin: calc(-1 * var(--space-base)) !important;
}
.margin-top-base-negative {
  margin-top: calc(-1 * var(--space-base)) !important;
}
.margin-right-base-negative {
  margin-right: calc(-1 * var(--space-base)) !important;
}
.margin-bottom-base-negative {
  margin-bottom: calc(-1 * var(--space-base)) !important;
}
.margin-left-base-negative {
  margin-left: calc(-1 * var(--space-base)) !important;
}
.margin-x-base-negative {
  margin-left: calc(-1 * var(--space-base)) !important;
  margin-right: calc(-1 * var(--space-base)) !important;
}
.margin-y-base-negative {
  margin-bottom: calc(-1 * var(--space-base)) !important;
  margin-top: calc(-1 * var(--space-base)) !important;
}
.margin-m {
  margin: var(--space-m) !important;
}
.margin-top-m {
  margin-top: var(--space-m) !important;
}
.margin-right-m {
  margin-right: var(--space-m) !important;
}
.margin-bottom-m {
  margin-bottom: var(--space-m) !important;
}
.margin-left-m {
  margin-left: var(--space-m) !important;
}
.margin-x-m {
  margin-left: var(--space-m) !important;
  margin-right: var(--space-m) !important;
}
.margin-y-m {
  margin-bottom: var(--space-m) !important;
  margin-top: var(--space-m) !important;
}
.margin-m-negative {
  margin: calc(-1 * var(--space-m)) !important;
}
.margin-top-m-negative {
  margin-top: calc(-1 * var(--space-m)) !important;
}
.margin-right-m-negative {
  margin-right: calc(-1 * var(--space-m)) !important;
}
.margin-bottom-m-negative {
  margin-bottom: calc(-1 * var(--space-m)) !important;
}
.margin-left-m-negative {
  margin-left: calc(-1 * var(--space-m)) !important;
}
.margin-x-m-negative {
  margin-left: calc(-1 * var(--space-m)) !important;
  margin-right: calc(-1 * var(--space-m)) !important;
}
.margin-y-m-negative {
  margin-bottom: calc(-1 * var(--space-m)) !important;
  margin-top: calc(-1 * var(--space-m)) !important;
}
.margin-l {
  margin: var(--space-l) !important;
}
.margin-top-l {
  margin-top: var(--space-l) !important;
}
.margin-right-l {
  margin-right: var(--space-l) !important;
}
.margin-bottom-l {
  margin-bottom: var(--space-l) !important;
}
.margin-left-l {
  margin-left: var(--space-l) !important;
}
.margin-x-l {
  margin-left: var(--space-l) !important;
  margin-right: var(--space-l) !important;
}
.margin-y-l {
  margin-bottom: var(--space-l) !important;
  margin-top: var(--space-l) !important;
}
.margin-l-negative {
  margin: calc(-1 * var(--space-l)) !important;
}
.margin-top-l-negative {
  margin-top: calc(-1 * var(--space-l)) !important;
}
.margin-right-l-negative {
  margin-right: calc(-1 * var(--space-l)) !important;
}
.margin-bottom-l-negative {
  margin-bottom: calc(-1 * var(--space-l)) !important;
}
.margin-left-l-negative {
  margin-left: calc(-1 * var(--space-l)) !important;
}
.margin-x-l-negative {
  margin-left: calc(-1 * var(--space-l)) !important;
  margin-right: calc(-1 * var(--space-l)) !important;
}
.margin-y-l-negative {
  margin-bottom: calc(-1 * var(--space-l)) !important;
  margin-top: calc(-1 * var(--space-l)) !important;
}
.margin-xl {
  margin: var(--space-xl) !important;
}
.margin-top-xl {
  margin-top: var(--space-xl) !important;
}
.margin-right-xl {
  margin-right: var(--space-xl) !important;
}
.margin-bottom-xl {
  margin-bottom: var(--space-xl) !important;
}
.margin-left-xl {
  margin-left: var(--space-xl) !important;
}
.margin-x-xl {
  margin-left: var(--space-xl) !important;
  margin-right: var(--space-xl) !important;
}
.margin-y-xl {
  margin-bottom: var(--space-xl) !important;
  margin-top: var(--space-xl) !important;
}
.margin-xl-negative {
  margin: calc(-1 * var(--space-xl)) !important;
}
.margin-top-xl-negative {
  margin-top: calc(-1 * var(--space-xl)) !important;
}
.margin-right-xl-negative {
  margin-right: calc(-1 * var(--space-xl)) !important;
}
.margin-bottom-xl-negative {
  margin-bottom: calc(-1 * var(--space-xl)) !important;
}
.margin-left-xl-negative {
  margin-left: calc(-1 * var(--space-xl)) !important;
}
.margin-x-xl-negative {
  margin-left: calc(-1 * var(--space-xl)) !important;
  margin-right: calc(-1 * var(--space-xl)) !important;
}
.margin-y-xl-negative {
  margin-bottom: calc(-1 * var(--space-xl)) !important;
  margin-top: calc(-1 * var(--space-xl)) !important;
}
.margin-xxl {
  margin: var(--space-xxl) !important;
}
.margin-top-xxl {
  margin-top: var(--space-xxl) !important;
}
.margin-right-xxl {
  margin-right: var(--space-xxl) !important;
}
.margin-bottom-xxl {
  margin-bottom: var(--space-xxl) !important;
}
.margin-left-xxl {
  margin-left: var(--space-xxl) !important;
}
.margin-x-xxl {
  margin-left: var(--space-xxl) !important;
  margin-right: var(--space-xxl) !important;
}
.margin-y-xxl {
  margin-bottom: var(--space-xxl) !important;
  margin-top: var(--space-xxl) !important;
}
.margin-xxl-negative {
  margin: calc(-1 * var(--space-xxl)) !important;
}
.margin-top-xxl-negative {
  margin-top: calc(-1 * var(--space-xxl)) !important;
}
.margin-right-xxl-negative {
  margin-right: calc(-1 * var(--space-xxl)) !important;
}
.margin-bottom-xxl-negative {
  margin-bottom: calc(-1 * var(--space-xxl)) !important;
}
.margin-left-xxl-negative {
  margin-left: calc(-1 * var(--space-xxl)) !important;
}
.margin-x-xxl-negative {
  margin-left: calc(-1 * var(--space-xxl)) !important;
  margin-right: calc(-1 * var(--space-xxl)) !important;
}
.margin-y-xxl-negative {
  margin-bottom: calc(-1 * var(--space-xxl)) !important;
  margin-top: calc(-1 * var(--space-xxl)) !important;
}
.margin-xxxl {
  margin: var(--space-xxxl) !important;
}
.margin-top-xxxl {
  margin-top: var(--space-xxxl) !important;
}
.margin-right-xxxl {
  margin-right: var(--space-xxxl) !important;
}
.margin-bottom-xxxl {
  margin-bottom: var(--space-xxxl) !important;
}
.margin-left-xxxl {
  margin-left: var(--space-xxxl) !important;
}
.margin-x-xxxl {
  margin-left: var(--space-xxxl) !important;
  margin-right: var(--space-xxxl) !important;
}
.margin-y-xxxl {
  margin-bottom: var(--space-xxxl) !important;
  margin-top: var(--space-xxxl) !important;
}
.margin-xxxl-negative {
  margin: calc(-1 * var(--space-xxxl)) !important;
}
.margin-top-xxxl-negative {
  margin-top: calc(-1 * var(--space-xxxl)) !important;
}
.margin-right-xxxl-negative {
  margin-right: calc(-1 * var(--space-xxxl)) !important;
}
.margin-bottom-xxxl-negative {
  margin-bottom: calc(-1 * var(--space-xxxl)) !important;
}
.margin-left-xxxl-negative {
  margin-left: calc(-1 * var(--space-xxxl)) !important;
}
.margin-x-xxxl-negative {
  margin-left: calc(-1 * var(--space-xxxl)) !important;
  margin-right: calc(-1 * var(--space-xxxl)) !important;
}
.margin-y-xxxl-negative {
  margin-bottom: calc(-1 * var(--space-xxxl)) !important;
  margin-top: calc(-1 * var(--space-xxxl)) !important;
}
.margin-auto {
  margin: 0 auto !important;
}
.margin-top-14 {
  margin-top: 14px;
}
.margin-x-auto {
  margin-left: auto;
  margin-right: auto;
}

.phone .phone-margin-none {
  margin: var(--space-none) !important;
}
.phone .phone-margin-top-none {
  margin-top: var(--space-none) !important;
}
.phone .phone-margin-right-none {
  margin-right: var(--space-none) !important;
}
.phone .phone-margin-bottom-none {
  margin-bottom: var(--space-none) !important;
}
.phone .phone-margin-left-none {
  margin-left: var(--space-none) !important;
}
.phone .phone-margin-x-none {
  margin-left: var(--space-none) !important;
  margin-right: var(--space-none) !important;
}
.phone .phone-margin-y-none {
  margin-bottom: var(--space-none) !important;
  margin-top: var(--space-none) !important;
}
.phone .phone-margin-xxs {
  margin: var(--space-xxs) !important;
}
.phone .phone-margin-top-xxs {
  margin-top: var(--space-xxs) !important;
}
.phone .phone-margin-right-xxs {
  margin-right: var(--space-xxs) !important;
}
.phone .phone-margin-bottom-xxs {
  margin-bottom: var(--space-xxs) !important;
}
.phone .phone-margin-left-xxs {
  margin-left: var(--space-xxs) !important;
}
.phone .phone-margin-x-xxs {
  margin-left: var(--space-xxs) !important;
  margin-right: var(--space-xxs) !important;
}
.phone .phone-margin-y-xxs {
  margin-bottom: var(--space-xxs) !important;
  margin-top: var(--space-xxs) !important;
}
.phone .phone-margin-xxs-negative {
  margin: calc(-1 * var(--space-xxs)) !important;
}
.phone .phone-margin-top-xxs-negative {
  margin-top: calc(-1 * var(--space-xxs)) !important;
}
.phone .phone-margin-right-xxs-negative {
  margin-right: calc(-1 * var(--space-xxs)) !important;
}
.phone .phone-margin-bottom-xxs-negative {
  margin-bottom: calc(-1 * var(--space-xxs)) !important;
}
.phone .phone-margin-left-xxs-negative {
  margin-left: calc(-1 * var(--space-xxs)) !important;
}
.phone .phone-margin-x-xxs-negative {
  margin-left: calc(-1 * var(--space-xxs)) !important;
  margin-right: calc(-1 * var(--space-xxs)) !important;
}
.phone .phone-margin-y-xxs-negative {
  margin-bottom: calc(-1 * var(--space-xxs)) !important;
  margin-top: calc(-1 * var(--space-xxs)) !important;
}
.phone .phone-margin-xs {
  margin: var(--space-xs) !important;
}
.phone .phone-margin-top-xs {
  margin-top: var(--space-xs) !important;
}
.phone .phone-margin-right-xs {
  margin-right: var(--space-xs) !important;
}
.phone .phone-margin-bottom-xs {
  margin-bottom: var(--space-xs) !important;
}
.phone .phone-margin-left-xs {
  margin-left: var(--space-xs) !important;
}
.phone .phone-margin-x-xs {
  margin-left: var(--space-xs) !important;
  margin-right: var(--space-xs) !important;
}
.phone .phone-margin-y-xs {
  margin-bottom: var(--space-xs) !important;
  margin-top: var(--space-xs) !important;
}
.phone .phone-margin-xs-negative {
  margin: calc(-1 * var(--space-xs)) !important;
}
.phone .phone-margin-top-xs-negative {
  margin-top: calc(-1 * var(--space-xs)) !important;
}
.phone .phone-margin-right-xs-negative {
  margin-right: calc(-1 * var(--space-xs)) !important;
}
.phone .phone-margin-bottom-xs-negative {
  margin-bottom: calc(-1 * var(--space-xs)) !important;
}
.phone .phone-margin-left-xs-negative {
  margin-left: calc(-1 * var(--space-xs)) !important;
}
.phone .phone-margin-x-xs-negative {
  margin-left: calc(-1 * var(--space-xs)) !important;
  margin-right: calc(-1 * var(--space-xs)) !important;
}
.phone .phone-margin-y-xs-negative {
  margin-bottom: calc(-1 * var(--space-xs)) !important;
  margin-top: calc(-1 * var(--space-xs)) !important;
}
.phone .phone-margin-s {
  margin: var(--space-s) !important;
}
.phone .phone-margin-top-s {
  margin-top: var(--space-s) !important;
}
.phone .phone-margin-right-s {
  margin-right: var(--space-s) !important;
}
.phone .phone-margin-bottom-s {
  margin-bottom: var(--space-s) !important;
}
.phone .phone-margin-left-s {
  margin-left: var(--space-s) !important;
}
.phone .phone-margin-x-s {
  margin-left: var(--space-s) !important;
  margin-right: var(--space-s) !important;
}
.phone .phone-margin-y-s {
  margin-bottom: var(--space-s) !important;
  margin-top: var(--space-s) !important;
}
.phone .phone-margin-s-negative {
  margin: calc(-1 * var(--space-s)) !important;
}
.phone .phone-margin-top-s-negative {
  margin-top: calc(-1 * var(--space-s)) !important;
}
.phone .phone-margin-right-s-negative {
  margin-right: calc(-1 * var(--space-s)) !important;
}
.phone .phone-margin-bottom-s-negative {
  margin-bottom: calc(-1 * var(--space-s)) !important;
}
.phone .phone-margin-left-s-negative {
  margin-left: calc(-1 * var(--space-s)) !important;
}
.phone .phone-margin-x-s-negative {
  margin-left: calc(-1 * var(--space-s)) !important;
  margin-right: calc(-1 * var(--space-s)) !important;
}
.phone .phone-margin-y-s-negative {
  margin-bottom: calc(-1 * var(--space-s)) !important;
  margin-top: calc(-1 * var(--space-s)) !important;
}
.phone .phone-margin-base {
  margin: var(--space-base) !important;
}
.phone .phone-margin-top-base {
  margin-top: var(--space-base) !important;
}
.phone .phone-margin-right-base {
  margin-right: var(--space-base) !important;
}
.phone .phone-margin-bottom-base {
  margin-bottom: var(--space-base) !important;
}
.phone .phone-margin-left-base {
  margin-left: var(--space-base) !important;
}
.phone .phone-margin-x-base {
  margin-left: var(--space-base) !important;
  margin-right: var(--space-base) !important;
}
.phone .phone-margin-y-base {
  margin-bottom: var(--space-base) !important;
  margin-top: var(--space-base) !important;
}
.phone .phone-margin-base-negative {
  margin: calc(-1 * var(--space-base)) !important;
}
.phone .phone-margin-top-base-negative {
  margin-top: calc(-1 * var(--space-base)) !important;
}
.phone .phone-margin-right-base-negative {
  margin-right: calc(-1 * var(--space-base)) !important;
}
.phone .phone-margin-bottom-base-negative {
  margin-bottom: calc(-1 * var(--space-base)) !important;
}
.phone .phone-margin-left-base-negative {
  margin-left: calc(-1 * var(--space-base)) !important;
}
.phone .phone-margin-x-base-negative {
  margin-left: calc(-1 * var(--space-base)) !important;
  margin-right: calc(-1 * var(--space-base)) !important;
}
.phone .phone-margin-y-base-negative {
  margin-bottom: calc(-1 * var(--space-base)) !important;
  margin-top: calc(-1 * var(--space-base)) !important;
}
.phone .phone-margin-m {
  margin: var(--space-m) !important;
}
.phone .phone-margin-top-m {
  margin-top: var(--space-m) !important;
}
.phone .phone-margin-right-m {
  margin-right: var(--space-m) !important;
}
.phone .phone-margin-bottom-m {
  margin-bottom: var(--space-m) !important;
}
.phone .phone-margin-left-m {
  margin-left: var(--space-m) !important;
}
.phone .phone-margin-x-m {
  margin-left: var(--space-m) !important;
  margin-right: var(--space-m) !important;
}
.phone .phone-margin-y-m {
  margin-bottom: var(--space-m) !important;
  margin-top: var(--space-m) !important;
}
.phone .phone-margin-m-negative {
  margin: calc(-1 * var(--space-m)) !important;
}
.phone .phone-margin-top-m-negative {
  margin-top: calc(-1 * var(--space-m)) !important;
}
.phone .phone-margin-right-m-negative {
  margin-right: calc(-1 * var(--space-m)) !important;
}
.phone .phone-margin-bottom-m-negative {
  margin-bottom: calc(-1 * var(--space-m)) !important;
}
.phone .phone-margin-left-m-negative {
  margin-left: calc(-1 * var(--space-m)) !important;
}
.phone .phone-margin-x-m-negative {
  margin-left: calc(-1 * var(--space-m)) !important;
  margin-right: calc(-1 * var(--space-m)) !important;
}
.phone .phone-margin-y-m-negative {
  margin-bottom: calc(-1 * var(--space-m)) !important;
  margin-top: calc(-1 * var(--space-m)) !important;
}
.phone .phone-margin-l {
  margin: var(--space-l) !important;
}
.phone .phone-margin-top-l {
  margin-top: var(--space-l) !important;
}
.phone .phone-margin-right-l {
  margin-right: var(--space-l) !important;
}
.phone .phone-margin-bottom-l {
  margin-bottom: var(--space-l) !important;
}
.phone .phone-margin-left-l {
  margin-left: var(--space-l) !important;
}
.phone .phone-margin-x-l {
  margin-left: var(--space-l) !important;
  margin-right: var(--space-l) !important;
}
.phone .phone-margin-y-l {
  margin-bottom: var(--space-l) !important;
  margin-top: var(--space-l) !important;
}
.phone .phone-margin-l-negative {
  margin: calc(-1 * var(--space-l)) !important;
}
.phone .phone-margin-top-l-negative {
  margin-top: calc(-1 * var(--space-l)) !important;
}
.phone .phone-margin-right-l-negative {
  margin-right: calc(-1 * var(--space-l)) !important;
}
.phone .phone-margin-bottom-l-negative {
  margin-bottom: calc(-1 * var(--space-l)) !important;
}
.phone .phone-margin-left-l-negative {
  margin-left: calc(-1 * var(--space-l)) !important;
}
.phone .phone-margin-x-l-negative {
  margin-left: calc(-1 * var(--space-l)) !important;
  margin-right: calc(-1 * var(--space-l)) !important;
}
.phone .phone-margin-y-l-negative {
  margin-bottom: calc(-1 * var(--space-l)) !important;
  margin-top: calc(-1 * var(--space-l)) !important;
}
.phone .phone-margin-xl {
  margin: var(--space-xl) !important;
}
.phone .phone-margin-top-xl {
  margin-top: var(--space-xl) !important;
}
.phone .phone-margin-right-xl {
  margin-right: var(--space-xl) !important;
}
.phone .phone-margin-bottom-xl {
  margin-bottom: var(--space-xl) !important;
}
.phone .phone-margin-left-xl {
  margin-left: var(--space-xl) !important;
}
.phone .phone-margin-x-xl {
  margin-left: var(--space-xl) !important;
  margin-right: var(--space-xl) !important;
}
.phone .phone-margin-y-xl {
  margin-bottom: var(--space-xl) !important;
  margin-top: var(--space-xl) !important;
}
.phone .phone-margin-xl-negative {
  margin: calc(-1 * var(--space-xl)) !important;
}
.phone .phone-margin-top-xl-negative {
  margin-top: calc(-1 * var(--space-xl)) !important;
}
.phone .phone-margin-right-xl-negative {
  margin-right: calc(-1 * var(--space-xl)) !important;
}
.phone .phone-margin-bottom-xl-negative {
  margin-bottom: calc(-1 * var(--space-xl)) !important;
}
.phone .phone-margin-left-xl-negative {
  margin-left: calc(-1 * var(--space-xl)) !important;
}
.phone .phone-margin-x-xl-negative {
  margin-left: calc(-1 * var(--space-xl)) !important;
  margin-right: calc(-1 * var(--space-xl)) !important;
}
.phone .phone-margin-y-xl-negative {
  margin-bottom: calc(-1 * var(--space-xl)) !important;
  margin-top: calc(-1 * var(--space-xl)) !important;
}
.phone .phone-margin-xxl {
  margin: var(--space-xxl) !important;
}
.phone .phone-margin-top-xxl {
  margin-top: var(--space-xxl) !important;
}
.phone .phone-margin-right-xxl {
  margin-right: var(--space-xxl) !important;
}
.phone .phone-margin-bottom-xxl {
  margin-bottom: var(--space-xxl) !important;
}
.phone .phone-margin-left-xxl {
  margin-left: var(--space-xxl) !important;
}
.phone .phone-margin-x-xxl {
  margin-left: var(--space-xxl) !important;
  margin-right: var(--space-xxl) !important;
}
.phone .phone-margin-y-xxl {
  margin-bottom: var(--space-xxl) !important;
  margin-top: var(--space-xxl) !important;
}
.phone .phone-margin-xxl-negative {
  margin: calc(-1 * var(--space-xxl)) !important;
}
.phone .phone-margin-top-xxl-negative {
  margin-top: calc(-1 * var(--space-xxl)) !important;
}
.phone .phone-margin-right-xxl-negative {
  margin-right: calc(-1 * var(--space-xxl)) !important;
}
.phone .phone-margin-bottom-xxl-negative {
  margin-bottom: calc(-1 * var(--space-xxl)) !important;
}
.phone .phone-margin-left-xxl-negative {
  margin-left: calc(-1 * var(--space-xxl)) !important;
}
.phone .phone-margin-x-xxl-negative {
  margin-left: calc(-1 * var(--space-xxl)) !important;
  margin-right: calc(-1 * var(--space-xxl)) !important;
}
.phone .phone-margin-y-xxl-negative {
  margin-bottom: calc(-1 * var(--space-xxl)) !important;
  margin-top: calc(-1 * var(--space-xxl)) !important;
}
.phone .phone-margin-xxxl {
  margin: var(--space-xxxl) !important;
}
.phone .phone-margin-top-xxxl {
  margin-top: var(--space-xxxl) !important;
}
.phone .phone-margin-right-xxxl {
  margin-right: var(--space-xxxl) !important;
}
.phone .phone-margin-bottom-xxxl {
  margin-bottom: var(--space-xxxl) !important;
}
.phone .phone-margin-left-xxxl {
  margin-left: var(--space-xxxl) !important;
}
.phone .phone-margin-x-xxxl {
  margin-left: var(--space-xxxl) !important;
  margin-right: var(--space-xxxl) !important;
}
.phone .phone-margin-y-xxxl {
  margin-bottom: var(--space-xxxl) !important;
  margin-top: var(--space-xxxl) !important;
}
.phone .phone-margin-xxxl-negative {
  margin: calc(-1 * var(--space-xxxl)) !important;
}
.phone .phone-margin-top-xxxl-negative {
  margin-top: calc(-1 * var(--space-xxxl)) !important;
}
.phone .phone-margin-right-xxxl-negative {
  margin-right: calc(-1 * var(--space-xxxl)) !important;
}
.phone .phone-margin-bottom-xxxl-negative {
  margin-bottom: calc(-1 * var(--space-xxxl)) !important;
}
.phone .phone-margin-left-xxxl-negative {
  margin-left: calc(-1 * var(--space-xxxl)) !important;
}
.phone .phone-margin-x-xxxl-negative {
  margin-left: calc(-1 * var(--space-xxxl)) !important;
  margin-right: calc(-1 * var(--space-xxxl)) !important;
}
.phone .phone-margin-y-xxxl-negative {
  margin-bottom: calc(-1 * var(--space-xxxl)) !important;
  margin-top: calc(-1 * var(--space-xxxl)) !important;
}

.tablet .tablet-margin-none {
  margin: var(--space-none) !important;
}
.tablet .tablet-margin-top-none {
  margin-top: var(--space-none) !important;
}
.tablet .tablet-margin-right-none {
  margin-right: var(--space-none) !important;
}
.tablet .tablet-margin-bottom-none {
  margin-bottom: var(--space-none) !important;
}
.tablet .tablet-margin-left-none {
  margin-left: var(--space-none) !important;
}
.tablet .tablet-margin-x-none {
  margin-left: var(--space-none) !important;
  margin-right: var(--space-none) !important;
}
.tablet .tablet-margin-y-none {
  margin-bottom: var(--space-none) !important;
  margin-top: var(--space-none) !important;
}
.tablet .tablet-margin-xxs {
  margin: var(--space-xxs) !important;
}
.tablet .tablet-margin-top-xxs {
  margin-top: var(--space-xxs) !important;
}
.tablet .tablet-margin-right-xxs {
  margin-right: var(--space-xxs) !important;
}
.tablet .tablet-margin-bottom-xxs {
  margin-bottom: var(--space-xxs) !important;
}
.tablet .tablet-margin-left-xxs {
  margin-left: var(--space-xxs) !important;
}
.tablet .tablet-margin-x-xxs {
  margin-left: var(--space-xxs) !important;
  margin-right: var(--space-xxs) !important;
}
.tablet .tablet-margin-y-xxs {
  margin-bottom: var(--space-xxs) !important;
  margin-top: var(--space-xxs) !important;
}
.tablet .tablet-margin-xxs-negative {
  margin: calc(-1 * var(--space-xxs)) !important;
}
.tablet .tablet-margin-top-xxs-negative {
  margin-top: calc(-1 * var(--space-xxs)) !important;
}
.tablet .tablet-margin-right-xxs-negative {
  margin-right: calc(-1 * var(--space-xxs)) !important;
}
.tablet .tablet-margin-bottom-xxs-negative {
  margin-bottom: calc(-1 * var(--space-xxs)) !important;
}
.tablet .tablet-margin-left-xxs-negative {
  margin-left: calc(-1 * var(--space-xxs)) !important;
}
.tablet .tablet-margin-x-xxs-negative {
  margin-left: calc(-1 * var(--space-xxs)) !important;
  margin-right: calc(-1 * var(--space-xxs)) !important;
}
.tablet .tablet-margin-y-xxs-negative {
  margin-bottom: calc(-1 * var(--space-xxs)) !important;
  margin-top: calc(-1 * var(--space-xxs)) !important;
}
.tablet .tablet-margin-xs {
  margin: var(--space-xs) !important;
}
.tablet .tablet-margin-top-xs {
  margin-top: var(--space-xs) !important;
}
.tablet .tablet-margin-right-xs {
  margin-right: var(--space-xs) !important;
}
.tablet .tablet-margin-bottom-xs {
  margin-bottom: var(--space-xs) !important;
}
.tablet .tablet-margin-left-xs {
  margin-left: var(--space-xs) !important;
}
.tablet .tablet-margin-x-xs {
  margin-left: var(--space-xs) !important;
  margin-right: var(--space-xs) !important;
}
.tablet .tablet-margin-y-xs {
  margin-bottom: var(--space-xs) !important;
  margin-top: var(--space-xs) !important;
}
.tablet .tablet-margin-xs-negative {
  margin: calc(-1 * var(--space-xs)) !important;
}
.tablet .tablet-margin-top-xs-negative {
  margin-top: calc(-1 * var(--space-xs)) !important;
}
.tablet .tablet-margin-right-xs-negative {
  margin-right: calc(-1 * var(--space-xs)) !important;
}
.tablet .tablet-margin-bottom-xs-negative {
  margin-bottom: calc(-1 * var(--space-xs)) !important;
}
.tablet .tablet-margin-left-xs-negative {
  margin-left: calc(-1 * var(--space-xs)) !important;
}
.tablet .tablet-margin-x-xs-negative {
  margin-left: calc(-1 * var(--space-xs)) !important;
  margin-right: calc(-1 * var(--space-xs)) !important;
}
.tablet .tablet-margin-y-xs-negative {
  margin-bottom: calc(-1 * var(--space-xs)) !important;
  margin-top: calc(-1 * var(--space-xs)) !important;
}
.tablet .tablet-margin-s {
  margin: var(--space-s) !important;
}
.tablet .tablet-margin-top-s {
  margin-top: var(--space-s) !important;
}
.tablet .tablet-margin-right-s {
  margin-right: var(--space-s) !important;
}
.tablet .tablet-margin-bottom-s {
  margin-bottom: var(--space-s) !important;
}
.tablet .tablet-margin-left-s {
  margin-left: var(--space-s) !important;
}
.tablet .tablet-margin-x-s {
  margin-left: var(--space-s) !important;
  margin-right: var(--space-s) !important;
}
.tablet .tablet-margin-y-s {
  margin-bottom: var(--space-s) !important;
  margin-top: var(--space-s) !important;
}
.tablet .tablet-margin-s-negative {
  margin: calc(-1 * var(--space-s)) !important;
}
.tablet .tablet-margin-top-s-negative {
  margin-top: calc(-1 * var(--space-s)) !important;
}
.tablet .tablet-margin-right-s-negative {
  margin-right: calc(-1 * var(--space-s)) !important;
}
.tablet .tablet-margin-bottom-s-negative {
  margin-bottom: calc(-1 * var(--space-s)) !important;
}
.tablet .tablet-margin-left-s-negative {
  margin-left: calc(-1 * var(--space-s)) !important;
}
.tablet .tablet-margin-x-s-negative {
  margin-left: calc(-1 * var(--space-s)) !important;
  margin-right: calc(-1 * var(--space-s)) !important;
}
.tablet .tablet-margin-y-s-negative {
  margin-bottom: calc(-1 * var(--space-s)) !important;
  margin-top: calc(-1 * var(--space-s)) !important;
}
.tablet .tablet-margin-base {
  margin: var(--space-base) !important;
}
.tablet .tablet-margin-top-base {
  margin-top: var(--space-base) !important;
}
.tablet .tablet-margin-right-base {
  margin-right: var(--space-base) !important;
}
.tablet .tablet-margin-bottom-base {
  margin-bottom: var(--space-base) !important;
}
.tablet .tablet-margin-left-base {
  margin-left: var(--space-base) !important;
}
.tablet .tablet-margin-x-base {
  margin-left: var(--space-base) !important;
  margin-right: var(--space-base) !important;
}
.tablet .tablet-margin-y-base {
  margin-bottom: var(--space-base) !important;
  margin-top: var(--space-base) !important;
}
.tablet .tablet-margin-base-negative {
  margin: calc(-1 * var(--space-base)) !important;
}
.tablet .tablet-margin-top-base-negative {
  margin-top: calc(-1 * var(--space-base)) !important;
}
.tablet .tablet-margin-right-base-negative {
  margin-right: calc(-1 * var(--space-base)) !important;
}
.tablet .tablet-margin-bottom-base-negative {
  margin-bottom: calc(-1 * var(--space-base)) !important;
}
.tablet .tablet-margin-left-base-negative {
  margin-left: calc(-1 * var(--space-base)) !important;
}
.tablet .tablet-margin-x-base-negative {
  margin-left: calc(-1 * var(--space-base)) !important;
  margin-right: calc(-1 * var(--space-base)) !important;
}
.tablet .tablet-margin-y-base-negative {
  margin-bottom: calc(-1 * var(--space-base)) !important;
  margin-top: calc(-1 * var(--space-base)) !important;
}
.tablet .tablet-margin-m {
  margin: var(--space-m) !important;
}
.tablet .tablet-margin-top-m {
  margin-top: var(--space-m) !important;
}
.tablet .tablet-margin-right-m {
  margin-right: var(--space-m) !important;
}
.tablet .tablet-margin-bottom-m {
  margin-bottom: var(--space-m) !important;
}
.tablet .tablet-margin-left-m {
  margin-left: var(--space-m) !important;
}
.tablet .tablet-margin-x-m {
  margin-left: var(--space-m) !important;
  margin-right: var(--space-m) !important;
}
.tablet .tablet-margin-y-m {
  margin-bottom: var(--space-m) !important;
  margin-top: var(--space-m) !important;
}
.tablet .tablet-margin-m-negative {
  margin: calc(-1 * var(--space-m)) !important;
}
.tablet .tablet-margin-top-m-negative {
  margin-top: calc(-1 * var(--space-m)) !important;
}
.tablet .tablet-margin-right-m-negative {
  margin-right: calc(-1 * var(--space-m)) !important;
}
.tablet .tablet-margin-bottom-m-negative {
  margin-bottom: calc(-1 * var(--space-m)) !important;
}
.tablet .tablet-margin-left-m-negative {
  margin-left: calc(-1 * var(--space-m)) !important;
}
.tablet .tablet-margin-x-m-negative {
  margin-left: calc(-1 * var(--space-m)) !important;
  margin-right: calc(-1 * var(--space-m)) !important;
}
.tablet .tablet-margin-y-m-negative {
  margin-bottom: calc(-1 * var(--space-m)) !important;
  margin-top: calc(-1 * var(--space-m)) !important;
}
.tablet .tablet-margin-l {
  margin: var(--space-l) !important;
}
.tablet .tablet-margin-top-l {
  margin-top: var(--space-l) !important;
}
.tablet .tablet-margin-right-l {
  margin-right: var(--space-l) !important;
}
.tablet .tablet-margin-bottom-l {
  margin-bottom: var(--space-l) !important;
}
.tablet .tablet-margin-left-l {
  margin-left: var(--space-l) !important;
}
.tablet .tablet-margin-x-l {
  margin-left: var(--space-l) !important;
  margin-right: var(--space-l) !important;
}
.tablet .tablet-margin-y-l {
  margin-bottom: var(--space-l) !important;
  margin-top: var(--space-l) !important;
}
.tablet .tablet-margin-l-negative {
  margin: calc(-1 * var(--space-l)) !important;
}
.tablet .tablet-margin-top-l-negative {
  margin-top: calc(-1 * var(--space-l)) !important;
}
.tablet .tablet-margin-right-l-negative {
  margin-right: calc(-1 * var(--space-l)) !important;
}
.tablet .tablet-margin-bottom-l-negative {
  margin-bottom: calc(-1 * var(--space-l)) !important;
}
.tablet .tablet-margin-left-l-negative {
  margin-left: calc(-1 * var(--space-l)) !important;
}
.tablet .tablet-margin-x-l-negative {
  margin-left: calc(-1 * var(--space-l)) !important;
  margin-right: calc(-1 * var(--space-l)) !important;
}
.tablet .tablet-margin-y-l-negative {
  margin-bottom: calc(-1 * var(--space-l)) !important;
  margin-top: calc(-1 * var(--space-l)) !important;
}
.tablet .tablet-margin-xl {
  margin: var(--space-xl) !important;
}
.tablet .tablet-margin-top-xl {
  margin-top: var(--space-xl) !important;
}
.tablet .tablet-margin-right-xl {
  margin-right: var(--space-xl) !important;
}
.tablet .tablet-margin-bottom-xl {
  margin-bottom: var(--space-xl) !important;
}
.tablet .tablet-margin-left-xl {
  margin-left: var(--space-xl) !important;
}
.tablet .tablet-margin-x-xl {
  margin-left: var(--space-xl) !important;
  margin-right: var(--space-xl) !important;
}
.tablet .tablet-margin-y-xl {
  margin-bottom: var(--space-xl) !important;
  margin-top: var(--space-xl) !important;
}
.tablet .tablet-margin-xl-negative {
  margin: calc(-1 * var(--space-xl)) !important;
}
.tablet .tablet-margin-top-xl-negative {
  margin-top: calc(-1 * var(--space-xl)) !important;
}
.tablet .tablet-margin-right-xl-negative {
  margin-right: calc(-1 * var(--space-xl)) !important;
}
.tablet .tablet-margin-bottom-xl-negative {
  margin-bottom: calc(-1 * var(--space-xl)) !important;
}
.tablet .tablet-margin-left-xl-negative {
  margin-left: calc(-1 * var(--space-xl)) !important;
}
.tablet .tablet-margin-x-xl-negative {
  margin-left: calc(-1 * var(--space-xl)) !important;
  margin-right: calc(-1 * var(--space-xl)) !important;
}
.tablet .tablet-margin-y-xl-negative {
  margin-bottom: calc(-1 * var(--space-xl)) !important;
  margin-top: calc(-1 * var(--space-xl)) !important;
}
.tablet .tablet-margin-xxl {
  margin: var(--space-xxl) !important;
}
.tablet .tablet-margin-top-xxl {
  margin-top: var(--space-xxl) !important;
}
.tablet .tablet-margin-right-xxl {
  margin-right: var(--space-xxl) !important;
}
.tablet .tablet-margin-bottom-xxl {
  margin-bottom: var(--space-xxl) !important;
}
.tablet .tablet-margin-left-xxl {
  margin-left: var(--space-xxl) !important;
}
.tablet .tablet-margin-x-xxl {
  margin-left: var(--space-xxl) !important;
  margin-right: var(--space-xxl) !important;
}
.tablet .tablet-margin-y-xxl {
  margin-bottom: var(--space-xxl) !important;
  margin-top: var(--space-xxl) !important;
}
.tablet .tablet-margin-xxl-negative {
  margin: calc(-1 * var(--space-xxl)) !important;
}
.tablet .tablet-margin-top-xxl-negative {
  margin-top: calc(-1 * var(--space-xxl)) !important;
}
.tablet .tablet-margin-right-xxl-negative {
  margin-right: calc(-1 * var(--space-xxl)) !important;
}
.tablet .tablet-margin-bottom-xxl-negative {
  margin-bottom: calc(-1 * var(--space-xxl)) !important;
}
.tablet .tablet-margin-left-xxl-negative {
  margin-left: calc(-1 * var(--space-xxl)) !important;
}
.tablet .tablet-margin-x-xxl-negative {
  margin-left: calc(-1 * var(--space-xxl)) !important;
  margin-right: calc(-1 * var(--space-xxl)) !important;
}
.tablet .tablet-margin-y-xxl-negative {
  margin-bottom: calc(-1 * var(--space-xxl)) !important;
  margin-top: calc(-1 * var(--space-xxl)) !important;
}
.tablet .tablet-margin-xxxl {
  margin: var(--space-xxxl) !important;
}
.tablet .tablet-margin-top-xxxl {
  margin-top: var(--space-xxxl) !important;
}
.tablet .tablet-margin-right-xxxl {
  margin-right: var(--space-xxxl) !important;
}
.tablet .tablet-margin-bottom-xxxl {
  margin-bottom: var(--space-xxxl) !important;
}
.tablet .tablet-margin-left-xxxl {
  margin-left: var(--space-xxxl) !important;
}
.tablet .tablet-margin-x-xxxl {
  margin-left: var(--space-xxxl) !important;
  margin-right: var(--space-xxxl) !important;
}
.tablet .tablet-margin-y-xxxl {
  margin-bottom: var(--space-xxxl) !important;
  margin-top: var(--space-xxxl) !important;
}
.tablet .tablet-margin-xxxl-negative {
  margin: calc(-1 * var(--space-xxxl)) !important;
}
.tablet .tablet-margin-top-xxxl-negative {
  margin-top: calc(-1 * var(--space-xxxl)) !important;
}
.tablet .tablet-margin-right-xxxl-negative {
  margin-right: calc(-1 * var(--space-xxxl)) !important;
}
.tablet .tablet-margin-bottom-xxxl-negative {
  margin-bottom: calc(-1 * var(--space-xxxl)) !important;
}
.tablet .tablet-margin-left-xxxl-negative {
  margin-left: calc(-1 * var(--space-xxxl)) !important;
}
.tablet .tablet-margin-x-xxxl-negative {
  margin-left: calc(-1 * var(--space-xxxl)) !important;
  margin-right: calc(-1 * var(--space-xxxl)) !important;
}
.tablet .tablet-margin-y-xxxl-negative {
  margin-bottom: calc(-1 * var(--space-xxxl)) !important;
  margin-top: calc(-1 * var(--space-xxxl)) !important;
}

.desktop .desktop-margin-none {
  margin: var(--space-none) !important;
}
.desktop .desktop-margin-top-none {
  margin-top: var(--space-none) !important;
}
.desktop .desktop-margin-right-none {
  margin-right: var(--space-none) !important;
}
.desktop .desktop-margin-bottom-none {
  margin-bottom: var(--space-none) !important;
}
.desktop .desktop-margin-left-none {
  margin-left: var(--space-none) !important;
}
.desktop .desktop-margin-x-none {
  margin-left: var(--space-none) !important;
  margin-right: var(--space-none) !important;
}
.desktop .desktop-margin-y-none {
  margin-bottom: var(--space-none) !important;
  margin-top: var(--space-none) !important;
}
.desktop .desktop-margin-xxs {
  margin: var(--space-xxs) !important;
}
.desktop .desktop-margin-top-xxs {
  margin-top: var(--space-xxs) !important;
}
.desktop .desktop-margin-right-xxs {
  margin-right: var(--space-xxs) !important;
}
.desktop .desktop-margin-bottom-xxs {
  margin-bottom: var(--space-xxs) !important;
}
.desktop .desktop-margin-left-xxs {
  margin-left: var(--space-xxs) !important;
}
.desktop .desktop-margin-x-xxs {
  margin-left: var(--space-xxs) !important;
  margin-right: var(--space-xxs) !important;
}
.desktop .desktop-margin-y-xxs {
  margin-bottom: var(--space-xxs) !important;
  margin-top: var(--space-xxs) !important;
}
.desktop .desktop-margin-xxs-negative {
  margin: calc(-1 * var(--space-xxs)) !important;
}
.desktop .desktop-margin-top-xxs-negative {
  margin-top: calc(-1 * var(--space-xxs)) !important;
}
.desktop .desktop-margin-right-xxs-negative {
  margin-right: calc(-1 * var(--space-xxs)) !important;
}
.desktop .desktop-margin-bottom-xxs-negative {
  margin-bottom: calc(-1 * var(--space-xxs)) !important;
}
.desktop .desktop-margin-left-xxs-negative {
  margin-left: calc(-1 * var(--space-xxs)) !important;
}
.desktop .desktop-margin-x-xxs-negative {
  margin-left: calc(-1 * var(--space-xxs)) !important;
  margin-right: calc(-1 * var(--space-xxs)) !important;
}
.desktop .desktop-margin-y-xxs-negative {
  margin-bottom: calc(-1 * var(--space-xxs)) !important;
  margin-top: calc(-1 * var(--space-xxs)) !important;
}
.desktop .desktop-margin-xs {
  margin: var(--space-xs) !important;
}
.desktop .desktop-margin-top-xs {
  margin-top: var(--space-xs) !important;
}
.desktop .desktop-margin-right-xs {
  margin-right: var(--space-xs) !important;
}
.desktop .desktop-margin-bottom-xs {
  margin-bottom: var(--space-xs) !important;
}
.desktop .desktop-margin-left-xs {
  margin-left: var(--space-xs) !important;
}
.desktop .desktop-margin-x-xs {
  margin-left: var(--space-xs) !important;
  margin-right: var(--space-xs) !important;
}
.desktop .desktop-margin-y-xs {
  margin-bottom: var(--space-xs) !important;
  margin-top: var(--space-xs) !important;
}
.desktop .desktop-margin-xs-negative {
  margin: calc(-1 * var(--space-xs)) !important;
}
.desktop .desktop-margin-top-xs-negative {
  margin-top: calc(-1 * var(--space-xs)) !important;
}
.desktop .desktop-margin-right-xs-negative {
  margin-right: calc(-1 * var(--space-xs)) !important;
}
.desktop .desktop-margin-bottom-xs-negative {
  margin-bottom: calc(-1 * var(--space-xs)) !important;
}
.desktop .desktop-margin-left-xs-negative {
  margin-left: calc(-1 * var(--space-xs)) !important;
}
.desktop .desktop-margin-x-xs-negative {
  margin-left: calc(-1 * var(--space-xs)) !important;
  margin-right: calc(-1 * var(--space-xs)) !important;
}
.desktop .desktop-margin-y-xs-negative {
  margin-bottom: calc(-1 * var(--space-xs)) !important;
  margin-top: calc(-1 * var(--space-xs)) !important;
}
.desktop .desktop-margin-s {
  margin: var(--space-s) !important;
}
.desktop .desktop-margin-top-s {
  margin-top: var(--space-s) !important;
}
.desktop .desktop-margin-right-s {
  margin-right: var(--space-s) !important;
}
.desktop .desktop-margin-bottom-s {
  margin-bottom: var(--space-s) !important;
}
.desktop .desktop-margin-left-s {
  margin-left: var(--space-s) !important;
}
.desktop .desktop-margin-x-s {
  margin-left: var(--space-s) !important;
  margin-right: var(--space-s) !important;
}
.desktop .desktop-margin-y-s {
  margin-bottom: var(--space-s) !important;
  margin-top: var(--space-s) !important;
}
.desktop .desktop-margin-s-negative {
  margin: calc(-1 * var(--space-s)) !important;
}
.desktop .desktop-margin-top-s-negative {
  margin-top: calc(-1 * var(--space-s)) !important;
}
.desktop .desktop-margin-right-s-negative {
  margin-right: calc(-1 * var(--space-s)) !important;
}
.desktop .desktop-margin-bottom-s-negative {
  margin-bottom: calc(-1 * var(--space-s)) !important;
}
.desktop .desktop-margin-left-s-negative {
  margin-left: calc(-1 * var(--space-s)) !important;
}
.desktop .desktop-margin-x-s-negative {
  margin-left: calc(-1 * var(--space-s)) !important;
  margin-right: calc(-1 * var(--space-s)) !important;
}
.desktop .desktop-margin-y-s-negative {
  margin-bottom: calc(-1 * var(--space-s)) !important;
  margin-top: calc(-1 * var(--space-s)) !important;
}
.desktop .desktop-margin-base {
  margin: var(--space-base) !important;
}
.desktop .desktop-margin-top-base {
  margin-top: var(--space-base) !important;
}
.desktop .desktop-margin-right-base {
  margin-right: var(--space-base) !important;
}
.desktop .desktop-margin-bottom-base {
  margin-bottom: var(--space-base) !important;
}
.desktop .desktop-margin-left-base {
  margin-left: var(--space-base) !important;
}
.desktop .desktop-margin-x-base {
  margin-left: var(--space-base) !important;
  margin-right: var(--space-base) !important;
}
.desktop .desktop-margin-y-base {
  margin-bottom: var(--space-base) !important;
  margin-top: var(--space-base) !important;
}
.desktop .desktop-margin-base-negative {
  margin: calc(-1 * var(--space-base)) !important;
}
.desktop .desktop-margin-top-base-negative {
  margin-top: calc(-1 * var(--space-base)) !important;
}
.desktop .desktop-margin-right-base-negative {
  margin-right: calc(-1 * var(--space-base)) !important;
}
.desktop .desktop-margin-bottom-base-negative {
  margin-bottom: calc(-1 * var(--space-base)) !important;
}
.desktop .desktop-margin-left-base-negative {
  margin-left: calc(-1 * var(--space-base)) !important;
}
.desktop .desktop-margin-x-base-negative {
  margin-left: calc(-1 * var(--space-base)) !important;
  margin-right: calc(-1 * var(--space-base)) !important;
}
.desktop .desktop-margin-y-base-negative {
  margin-bottom: calc(-1 * var(--space-base)) !important;
  margin-top: calc(-1 * var(--space-base)) !important;
}
.desktop .desktop-margin-m {
  margin: var(--space-m) !important;
}
.desktop .desktop-margin-top-m {
  margin-top: var(--space-m) !important;
}
.desktop .desktop-margin-right-m {
  margin-right: var(--space-m) !important;
}
.desktop .desktop-margin-bottom-m {
  margin-bottom: var(--space-m) !important;
}
.desktop .desktop-margin-left-m {
  margin-left: var(--space-m) !important;
}
.desktop .desktop-margin-x-m {
  margin-left: var(--space-m) !important;
  margin-right: var(--space-m) !important;
}
.desktop .desktop-margin-y-m {
  margin-bottom: var(--space-m) !important;
  margin-top: var(--space-m) !important;
}
.desktop .desktop-margin-m-negative {
  margin: calc(-1 * var(--space-m)) !important;
}
.desktop .desktop-margin-top-m-negative {
  margin-top: calc(-1 * var(--space-m)) !important;
}
.desktop .desktop-margin-right-m-negative {
  margin-right: calc(-1 * var(--space-m)) !important;
}
.desktop .desktop-margin-bottom-m-negative {
  margin-bottom: calc(-1 * var(--space-m)) !important;
}
.desktop .desktop-margin-left-m-negative {
  margin-left: calc(-1 * var(--space-m)) !important;
}
.desktop .desktop-margin-x-m-negative {
  margin-left: calc(-1 * var(--space-m)) !important;
  margin-right: calc(-1 * var(--space-m)) !important;
}
.desktop .desktop-margin-y-m-negative {
  margin-bottom: calc(-1 * var(--space-m)) !important;
  margin-top: calc(-1 * var(--space-m)) !important;
}
.desktop .desktop-margin-l {
  margin: var(--space-l) !important;
}
.desktop .desktop-margin-top-l {
  margin-top: var(--space-l) !important;
}
.desktop .desktop-margin-right-l {
  margin-right: var(--space-l) !important;
}
.desktop .desktop-margin-bottom-l {
  margin-bottom: var(--space-l) !important;
}
.desktop .desktop-margin-left-l {
  margin-left: var(--space-l) !important;
}
.desktop .desktop-margin-x-l {
  margin-left: var(--space-l) !important;
  margin-right: var(--space-l) !important;
}
.desktop .desktop-margin-y-l {
  margin-bottom: var(--space-l) !important;
  margin-top: var(--space-l) !important;
}
.desktop .desktop-margin-l-negative {
  margin: calc(-1 * var(--space-l)) !important;
}
.desktop .desktop-margin-top-l-negative {
  margin-top: calc(-1 * var(--space-l)) !important;
}
.desktop .desktop-margin-right-l-negative {
  margin-right: calc(-1 * var(--space-l)) !important;
}
.desktop .desktop-margin-bottom-l-negative {
  margin-bottom: calc(-1 * var(--space-l)) !important;
}
.desktop .desktop-margin-left-l-negative {
  margin-left: calc(-1 * var(--space-l)) !important;
}
.desktop .desktop-margin-x-l-negative {
  margin-left: calc(-1 * var(--space-l)) !important;
  margin-right: calc(-1 * var(--space-l)) !important;
}
.desktop .desktop-margin-y-l-negative {
  margin-bottom: calc(-1 * var(--space-l)) !important;
  margin-top: calc(-1 * var(--space-l)) !important;
}
.desktop .desktop-margin-xl {
  margin: var(--space-xl) !important;
}
.desktop .desktop-margin-top-xl {
  margin-top: var(--space-xl) !important;
}
.desktop .desktop-margin-right-xl {
  margin-right: var(--space-xl) !important;
}
.desktop .desktop-margin-bottom-xl {
  margin-bottom: var(--space-xl) !important;
}
.desktop .desktop-margin-left-xl {
  margin-left: var(--space-xl) !important;
}
.desktop .desktop-margin-x-xl {
  margin-left: var(--space-xl) !important;
  margin-right: var(--space-xl) !important;
}
.desktop .desktop-margin-y-xl {
  margin-bottom: var(--space-xl) !important;
  margin-top: var(--space-xl) !important;
}
.desktop .desktop-margin-xl-negative {
  margin: calc(-1 * var(--space-xl)) !important;
}
.desktop .desktop-margin-top-xl-negative {
  margin-top: calc(-1 * var(--space-xl)) !important;
}
.desktop .desktop-margin-right-xl-negative {
  margin-right: calc(-1 * var(--space-xl)) !important;
}
.desktop .desktop-margin-bottom-xl-negative {
  margin-bottom: calc(-1 * var(--space-xl)) !important;
}
.desktop .desktop-margin-left-xl-negative {
  margin-left: calc(-1 * var(--space-xl)) !important;
}
.desktop .desktop-margin-x-xl-negative {
  margin-left: calc(-1 * var(--space-xl)) !important;
  margin-right: calc(-1 * var(--space-xl)) !important;
}
.desktop .desktop-margin-y-xl-negative {
  margin-bottom: calc(-1 * var(--space-xl)) !important;
  margin-top: calc(-1 * var(--space-xl)) !important;
}
.desktop .desktop-margin-xxl {
  margin: var(--space-xxl) !important;
}
.desktop .desktop-margin-top-xxl {
  margin-top: var(--space-xxl) !important;
}
.desktop .desktop-margin-right-xxl {
  margin-right: var(--space-xxl) !important;
}
.desktop .desktop-margin-bottom-xxl {
  margin-bottom: var(--space-xxl) !important;
}
.desktop .desktop-margin-left-xxl {
  margin-left: var(--space-xxl) !important;
}
.desktop .desktop-margin-x-xxl {
  margin-left: var(--space-xxl) !important;
  margin-right: var(--space-xxl) !important;
}
.desktop .desktop-margin-y-xxl {
  margin-bottom: var(--space-xxl) !important;
  margin-top: var(--space-xxl) !important;
}
.desktop .desktop-margin-xxl-negative {
  margin: calc(-1 * var(--space-xxl)) !important;
}
.desktop .desktop-margin-top-xxl-negative {
  margin-top: calc(-1 * var(--space-xxl)) !important;
}
.desktop .desktop-margin-right-xxl-negative {
  margin-right: calc(-1 * var(--space-xxl)) !important;
}
.desktop .desktop-margin-bottom-xxl-negative {
  margin-bottom: calc(-1 * var(--space-xxl)) !important;
}
.desktop .desktop-margin-left-xxl-negative {
  margin-left: calc(-1 * var(--space-xxl)) !important;
}
.desktop .desktop-margin-x-xxl-negative {
  margin-left: calc(-1 * var(--space-xxl)) !important;
  margin-right: calc(-1 * var(--space-xxl)) !important;
}
.desktop .desktop-margin-y-xxl-negative {
  margin-bottom: calc(-1 * var(--space-xxl)) !important;
  margin-top: calc(-1 * var(--space-xxl)) !important;
}
.desktop .desktop-margin-xxxl {
  margin: var(--space-xxxl) !important;
}
.desktop .desktop-margin-top-xxxl {
  margin-top: var(--space-xxxl) !important;
}
.desktop .desktop-margin-right-xxxl {
  margin-right: var(--space-xxxl) !important;
}
.desktop .desktop-margin-bottom-xxxl {
  margin-bottom: var(--space-xxxl) !important;
}
.desktop .desktop-margin-left-xxxl {
  margin-left: var(--space-xxxl) !important;
}
.desktop .desktop-margin-x-xxxl {
  margin-left: var(--space-xxxl) !important;
  margin-right: var(--space-xxxl) !important;
}
.desktop .desktop-margin-y-xxxl {
  margin-bottom: var(--space-xxxl) !important;
  margin-top: var(--space-xxxl) !important;
}
.desktop .desktop-margin-xxxl-negative {
  margin: calc(-1 * var(--space-xxxl)) !important;
}
.desktop .desktop-margin-top-xxxl-negative {
  margin-top: calc(-1 * var(--space-xxxl)) !important;
}
.desktop .desktop-margin-right-xxxl-negative {
  margin-right: calc(-1 * var(--space-xxxl)) !important;
}
.desktop .desktop-margin-bottom-xxxl-negative {
  margin-bottom: calc(-1 * var(--space-xxxl)) !important;
}
.desktop .desktop-margin-left-xxxl-negative {
  margin-left: calc(-1 * var(--space-xxxl)) !important;
}
.desktop .desktop-margin-x-xxxl-negative {
  margin-left: calc(-1 * var(--space-xxxl)) !important;
  margin-right: calc(-1 * var(--space-xxxl)) !important;
}
.desktop .desktop-margin-y-xxxl-negative {
  margin-bottom: calc(-1 * var(--space-xxxl)) !important;
  margin-top: calc(-1 * var(--space-xxxl)) !important;
}

.is-rtl .margin-right-none {
  margin-left: var(--space-none) !important;
  margin-right: var(--space-none) !important;
}
.is-rtl .margin-left-none {
  margin-left: var(--space-none) !important;
  margin-right: var(--space-none) !important;
}
.is-rtl .margin-right-xxs {
  margin-left: var(--space-xxs) !important;
  margin-right: var(--space-none) !important;
}
.is-rtl .margin-left-xxs {
  margin-left: var(--space-none) !important;
  margin-right: var(--space-xxs) !important;
}
.is-rtl .margin-right-xs {
  margin-left: var(--space-xs) !important;
  margin-right: var(--space-none) !important;
}
.is-rtl .margin-left-xs {
  margin-left: var(--space-none) !important;
  margin-right: var(--space-xs) !important;
}
.is-rtl .margin-right-s {
  margin-left: var(--space-s) !important;
  margin-right: var(--space-none) !important;
}
.is-rtl .margin-left-s {
  margin-left: var(--space-none) !important;
  margin-right: var(--space-s) !important;
}
.is-rtl .margin-right-base {
  margin-left: var(--space-base) !important;
  margin-right: var(--space-none) !important;
}
.is-rtl .margin-left-base {
  margin-left: var(--space-none) !important;
  margin-right: var(--space-base) !important;
}
.is-rtl .margin-right-m {
  margin-left: var(--space-m) !important;
  margin-right: var(--space-none) !important;
}
.is-rtl .margin-left-m {
  margin-left: var(--space-none) !important;
  margin-right: var(--space-m) !important;
}
.is-rtl .margin-right-l {
  margin-left: var(--space-l) !important;
  margin-right: var(--space-none) !important;
}
.is-rtl .margin-left-l {
  margin-left: var(--space-none) !important;
  margin-right: var(--space-l) !important;
}
.is-rtl .margin-right-xl {
  margin-left: var(--space-xl) !important;
  margin-right: var(--space-none) !important;
}
.is-rtl .margin-left-xl {
  margin-left: var(--space-none) !important;
  margin-right: var(--space-xl) !important;
}
.is-rtl .margin-right-xxl {
  margin-left: var(--space-xxl) !important;
  margin-right: var(--space-none) !important;
}
.is-rtl .margin-left-xxl {
  margin-left: var(--space-none) !important;
  margin-right: var(--space-xxl) !important;
}
.is-rtl .margin-right-xxxl {
  margin-left: var(--space-xxxl) !important;
  margin-right: var(--space-none) !important;
}
.is-rtl .margin-left-xxxl {
  margin-left: var(--space-none) !important;
  margin-right: var(--space-xxxl) !important;
}

/*! 7.12. Space - Padding */
/* Usefull - Padding */
.padding-none {
  padding: var(--space-none) !important;
}
.padding-top-none {
  padding-top: var(--space-none) !important;
}
.padding-right-none {
  padding-right: var(--space-none) !important;
}
.padding-bottom-none {
  padding-bottom: var(--space-none) !important;
}
.padding-left-none {
  padding-left: var(--space-none) !important;
}
.padding-x-none {
  padding-left: var(--space-none) !important;
  padding-right: var(--space-none) !important;
}
.padding-y-none {
  padding-bottom: var(--space-none) !important;
  padding-top: var(--space-none) !important;
}
.padding-xxs {
  padding: var(--space-xxs) !important;
}
.padding-top-xxs {
  padding-top: var(--space-xxs) !important;
}
.padding-right-xxs {
  padding-right: var(--space-xxs) !important;
}
.padding-bottom-xxs {
  padding-bottom: var(--space-xxs) !important;
}
.padding-left-xxs {
  padding-left: var(--space-xxs) !important;
}
.padding-x-xxs {
  padding-left: var(--space-xxs) !important;
  padding-right: var(--space-xxs) !important;
}
.padding-y-xxs {
  padding-bottom: var(--space-xxs) !important;
  padding-top: var(--space-xxs) !important;
}
.padding-xs {
  padding: var(--space-xs) !important;
}
.padding-top-xs {
  padding-top: var(--space-xs) !important;
}
.padding-right-xs {
  padding-right: var(--space-xs) !important;
}
.padding-bottom-xs {
  padding-bottom: var(--space-xs) !important;
}
.padding-left-xs {
  padding-left: var(--space-xs) !important;
}
.padding-x-xs {
  padding-left: var(--space-xs) !important;
  padding-right: var(--space-xs) !important;
}
.padding-y-xs {
  padding-bottom: var(--space-xs) !important;
  padding-top: var(--space-xs) !important;
}
.padding-s {
  padding: var(--space-s) !important;
}
.padding-top-s {
  padding-top: var(--space-s) !important;
}
.padding-right-s {
  padding-right: var(--space-s) !important;
}
.padding-bottom-s {
  padding-bottom: var(--space-s) !important;
}
.padding-left-s {
  padding-left: var(--space-s) !important;
}
.padding-x-s {
  padding-left: var(--space-s) !important;
  padding-right: var(--space-s) !important;
}
.padding-y-s {
  padding-bottom: var(--space-s) !important;
  padding-top: var(--space-s) !important;
}
.padding-base {
  padding: var(--space-base) !important;
}
.padding-top-base {
  padding-top: var(--space-base) !important;
}
.padding-right-base {
  padding-right: var(--space-base) !important;
}
.padding-bottom-base {
  padding-bottom: var(--space-base) !important;
}
.padding-left-base {
  padding-left: var(--space-base) !important;
}
.padding-x-base {
  padding-left: var(--space-base) !important;
  padding-right: var(--space-base) !important;
}
.padding-y-base {
  padding-bottom: var(--space-base) !important;
  padding-top: var(--space-base) !important;
}
.padding-m {
  padding: var(--space-m) !important;
}
.padding-top-m {
  padding-top: var(--space-m) !important;
}
.padding-right-m {
  padding-right: var(--space-m) !important;
}
.padding-bottom-m {
  padding-bottom: var(--space-m) !important;
}
.padding-left-m {
  padding-left: var(--space-m) !important;
}
.padding-x-m {
  padding-left: var(--space-m) !important;
  padding-right: var(--space-m) !important;
}
.padding-y-m {
  padding-bottom: var(--space-m) !important;
  padding-top: var(--space-m) !important;
}
.padding-l {
  padding: var(--space-l) !important;
}
.padding-top-l {
  padding-top: var(--space-l) !important;
}
.padding-right-l {
  padding-right: var(--space-l) !important;
}
.padding-bottom-l {
  padding-bottom: var(--space-l) !important;
}
.padding-left-l {
  padding-left: var(--space-l) !important;
}
.padding-x-l {
  padding-left: var(--space-l) !important;
  padding-right: var(--space-l) !important;
}
.padding-y-l {
  padding-bottom: var(--space-l) !important;
  padding-top: var(--space-l) !important;
}
.padding-xl {
  padding: var(--space-xl) !important;
}
.padding-top-xl {
  padding-top: var(--space-xl) !important;
}
.padding-right-xl {
  padding-right: var(--space-xl) !important;
}
.padding-bottom-xl {
  padding-bottom: var(--space-xl) !important;
}
.padding-left-xl {
  padding-left: var(--space-xl) !important;
}
.padding-x-xl {
  padding-left: var(--space-xl) !important;
  padding-right: var(--space-xl) !important;
}
.padding-y-xl {
  padding-bottom: var(--space-xl) !important;
  padding-top: var(--space-xl) !important;
}
.padding-xxl {
  padding: var(--space-xxl) !important;
}
.padding-top-xxl {
  padding-top: var(--space-xxl) !important;
}
.padding-right-xxl {
  padding-right: var(--space-xxl) !important;
}
.padding-bottom-xxl {
  padding-bottom: var(--space-xxl) !important;
}
.padding-left-xxl {
  padding-left: var(--space-xxl) !important;
}
.padding-x-xxl {
  padding-left: var(--space-xxl) !important;
  padding-right: var(--space-xxl) !important;
}
.padding-y-xxl {
  padding-bottom: var(--space-xxl) !important;
  padding-top: var(--space-xxl) !important;
}
.padding-xxxl {
  padding: var(--space-xxxl) !important;
}
.padding-top-xxxl {
  padding-top: var(--space-xxxl) !important;
}
.padding-right-xxxl {
  padding-right: var(--space-xxxl) !important;
}
.padding-bottom-xxxl {
  padding-bottom: var(--space-xxxl) !important;
}
.padding-left-xxxl {
  padding-left: var(--space-xxxl) !important;
}
.padding-x-xxxl {
  padding-left: var(--space-xxxl) !important;
  padding-right: var(--space-xxxl) !important;
}
.padding-y-xxxl {
  padding-bottom: var(--space-xxxl) !important;
  padding-top: var(--space-xxxl) !important;
}
.padding-auto {
  padding: 0 auto !important;
}

.phone .phone-padding-none {
  padding: var(--space-none) !important;
}
.phone .phone-padding-top-none {
  padding-top: var(--space-none) !important;
}
.phone .phone-padding-right-none {
  padding-right: var(--space-none) !important;
}
.phone .phone-padding-bottom-none {
  padding-bottom: var(--space-none) !important;
}
.phone .phone-padding-left-none {
  padding-left: var(--space-none) !important;
}
.phone .phone-padding-x-none {
  padding-left: var(--space-none) !important;
  padding-right: var(--space-none) !important;
}
.phone .phone-padding-y-none {
  padding-bottom: var(--space-none) !important;
  padding-top: var(--space-none) !important;
}
.phone .phone-padding-xxs {
  padding: var(--space-xxs) !important;
}
.phone .phone-padding-top-xxs {
  padding-top: var(--space-xxs) !important;
}
.phone .phone-padding-right-xxs {
  padding-right: var(--space-xxs) !important;
}
.phone .phone-padding-bottom-xxs {
  padding-bottom: var(--space-xxs) !important;
}
.phone .phone-padding-left-xxs {
  padding-left: var(--space-xxs) !important;
}
.phone .phone-padding-x-xxs {
  padding-left: var(--space-xxs) !important;
  padding-right: var(--space-xxs) !important;
}
.phone .phone-padding-y-xxs {
  padding-bottom: var(--space-xxs) !important;
  padding-top: var(--space-xxs) !important;
}
.phone .phone-padding-xs {
  padding: var(--space-xs) !important;
}
.phone .phone-padding-top-xs {
  padding-top: var(--space-xs) !important;
}
.phone .phone-padding-right-xs {
  padding-right: var(--space-xs) !important;
}
.phone .phone-padding-bottom-xs {
  padding-bottom: var(--space-xs) !important;
}
.phone .phone-padding-left-xs {
  padding-left: var(--space-xs) !important;
}
.phone .phone-padding-x-xs {
  padding-left: var(--space-xs) !important;
  padding-right: var(--space-xs) !important;
}
.phone .phone-padding-y-xs {
  padding-bottom: var(--space-xs) !important;
  padding-top: var(--space-xs) !important;
}
.phone .phone-padding-s {
  padding: var(--space-s) !important;
}
.phone .phone-padding-top-s {
  padding-top: var(--space-s) !important;
}
.phone .phone-padding-right-s {
  padding-right: var(--space-s) !important;
}
.phone .phone-padding-bottom-s {
  padding-bottom: var(--space-s) !important;
}
.phone .phone-padding-left-s {
  padding-left: var(--space-s) !important;
}
.phone .phone-padding-x-s {
  padding-left: var(--space-s) !important;
  padding-right: var(--space-s) !important;
}
.phone .phone-padding-y-s {
  padding-bottom: var(--space-s) !important;
  padding-top: var(--space-s) !important;
}
.phone .phone-padding-base {
  padding: var(--space-base) !important;
}
.phone .phone-padding-top-base {
  padding-top: var(--space-base) !important;
}
.phone .phone-padding-right-base {
  padding-right: var(--space-base) !important;
}
.phone .phone-padding-bottom-base {
  padding-bottom: var(--space-base) !important;
}
.phone .phone-padding-left-base {
  padding-left: var(--space-base) !important;
}
.phone .phone-padding-x-base {
  padding-left: var(--space-base) !important;
  padding-right: var(--space-base) !important;
}
.phone .phone-padding-y-base {
  padding-bottom: var(--space-base) !important;
  padding-top: var(--space-base) !important;
}
.phone .phone-padding-m {
  padding: var(--space-m) !important;
}
.phone .phone-padding-top-m {
  padding-top: var(--space-m) !important;
}
.phone .phone-padding-right-m {
  padding-right: var(--space-m) !important;
}
.phone .phone-padding-bottom-m {
  padding-bottom: var(--space-m) !important;
}
.phone .phone-padding-left-m {
  padding-left: var(--space-m) !important;
}
.phone .phone-padding-x-m {
  padding-left: var(--space-m) !important;
  padding-right: var(--space-m) !important;
}
.phone .phone-padding-y-m {
  padding-bottom: var(--space-m) !important;
  padding-top: var(--space-m) !important;
}
.phone .phone-padding-l {
  padding: var(--space-l) !important;
}
.phone .phone-padding-top-l {
  padding-top: var(--space-l) !important;
}
.phone .phone-padding-right-l {
  padding-right: var(--space-l) !important;
}
.phone .phone-padding-bottom-l {
  padding-bottom: var(--space-l) !important;
}
.phone .phone-padding-left-l {
  padding-left: var(--space-l) !important;
}
.phone .phone-padding-x-l {
  padding-left: var(--space-l) !important;
  padding-right: var(--space-l) !important;
}
.phone .phone-padding-y-l {
  padding-bottom: var(--space-l) !important;
  padding-top: var(--space-l) !important;
}
.phone .phone-padding-xl {
  padding: var(--space-xl) !important;
}
.phone .phone-padding-top-xl {
  padding-top: var(--space-xl) !important;
}
.phone .phone-padding-right-xl {
  padding-right: var(--space-xl) !important;
}
.phone .phone-padding-bottom-xl {
  padding-bottom: var(--space-xl) !important;
}
.phone .phone-padding-left-xl {
  padding-left: var(--space-xl) !important;
}
.phone .phone-padding-x-xl {
  padding-left: var(--space-xl) !important;
  padding-right: var(--space-xl) !important;
}
.phone .phone-padding-y-xl {
  padding-bottom: var(--space-xl) !important;
  padding-top: var(--space-xl) !important;
}
.phone .phone-padding-xxl {
  padding: var(--space-xxl) !important;
}
.phone .phone-padding-top-xxl {
  padding-top: var(--space-xxl) !important;
}
.phone .phone-padding-right-xxl {
  padding-right: var(--space-xxl) !important;
}
.phone .phone-padding-bottom-xxl {
  padding-bottom: var(--space-xxl) !important;
}
.phone .phone-padding-left-xxl {
  padding-left: var(--space-xxl) !important;
}
.phone .phone-padding-x-xxl {
  padding-left: var(--space-xxl) !important;
  padding-right: var(--space-xxl) !important;
}
.phone .phone-padding-y-xxl {
  padding-bottom: var(--space-xxl) !important;
  padding-top: var(--space-xxl) !important;
}
.phone .phone-padding-xxxl {
  padding: var(--space-xxxl) !important;
}
.phone .phone-padding-top-xxxl {
  padding-top: var(--space-xxxl) !important;
}
.phone .phone-padding-right-xxxl {
  padding-right: var(--space-xxxl) !important;
}
.phone .phone-padding-bottom-xxxl {
  padding-bottom: var(--space-xxxl) !important;
}
.phone .phone-padding-left-xxxl {
  padding-left: var(--space-xxxl) !important;
}
.phone .phone-padding-x-xxxl {
  padding-left: var(--space-xxxl) !important;
  padding-right: var(--space-xxxl) !important;
}
.phone .phone-padding-y-xxxl {
  padding-bottom: var(--space-xxxl) !important;
  padding-top: var(--space-xxxl) !important;
}

.tablet .tablet-padding-none {
  padding: var(--space-none) !important;
}
.tablet .tablet-padding-top-none {
  padding-top: var(--space-none) !important;
}
.tablet .tablet-padding-right-none {
  padding-right: var(--space-none) !important;
}
.tablet .tablet-padding-bottom-none {
  padding-bottom: var(--space-none) !important;
}
.tablet .tablet-padding-left-none {
  padding-left: var(--space-none) !important;
}
.tablet .tablet-padding-x-none {
  padding-left: var(--space-none) !important;
  padding-right: var(--space-none) !important;
}
.tablet .tablet-padding-y-none {
  padding-bottom: var(--space-none) !important;
  padding-top: var(--space-none) !important;
}
.tablet .tablet-padding-xxs {
  padding: var(--space-xxs) !important;
}
.tablet .tablet-padding-top-xxs {
  padding-top: var(--space-xxs) !important;
}
.tablet .tablet-padding-right-xxs {
  padding-right: var(--space-xxs) !important;
}
.tablet .tablet-padding-bottom-xxs {
  padding-bottom: var(--space-xxs) !important;
}
.tablet .tablet-padding-left-xxs {
  padding-left: var(--space-xxs) !important;
}
.tablet .tablet-padding-x-xxs {
  padding-left: var(--space-xxs) !important;
  padding-right: var(--space-xxs) !important;
}
.tablet .tablet-padding-y-xxs {
  padding-bottom: var(--space-xxs) !important;
  padding-top: var(--space-xxs) !important;
}
.tablet .tablet-padding-xs {
  padding: var(--space-xs) !important;
}
.tablet .tablet-padding-top-xs {
  padding-top: var(--space-xs) !important;
}
.tablet .tablet-padding-right-xs {
  padding-right: var(--space-xs) !important;
}
.tablet .tablet-padding-bottom-xs {
  padding-bottom: var(--space-xs) !important;
}
.tablet .tablet-padding-left-xs {
  padding-left: var(--space-xs) !important;
}
.tablet .tablet-padding-x-xs {
  padding-left: var(--space-xs) !important;
  padding-right: var(--space-xs) !important;
}
.tablet .tablet-padding-y-xs {
  padding-bottom: var(--space-xs) !important;
  padding-top: var(--space-xs) !important;
}
.tablet .tablet-padding-s {
  padding: var(--space-s) !important;
}
.tablet .tablet-padding-top-s {
  padding-top: var(--space-s) !important;
}
.tablet .tablet-padding-right-s {
  padding-right: var(--space-s) !important;
}
.tablet .tablet-padding-bottom-s {
  padding-bottom: var(--space-s) !important;
}
.tablet .tablet-padding-left-s {
  padding-left: var(--space-s) !important;
}
.tablet .tablet-padding-x-s {
  padding-left: var(--space-s) !important;
  padding-right: var(--space-s) !important;
}
.tablet .tablet-padding-y-s {
  padding-bottom: var(--space-s) !important;
  padding-top: var(--space-s) !important;
}
.tablet .tablet-padding-base {
  padding: var(--space-base) !important;
}
.tablet .tablet-padding-top-base {
  padding-top: var(--space-base) !important;
}
.tablet .tablet-padding-right-base {
  padding-right: var(--space-base) !important;
}
.tablet .tablet-padding-bottom-base {
  padding-bottom: var(--space-base) !important;
}
.tablet .tablet-padding-left-base {
  padding-left: var(--space-base) !important;
}
.tablet .tablet-padding-x-base {
  padding-left: var(--space-base) !important;
  padding-right: var(--space-base) !important;
}
.tablet .tablet-padding-y-base {
  padding-bottom: var(--space-base) !important;
  padding-top: var(--space-base) !important;
}
.tablet .tablet-padding-m {
  padding: var(--space-m) !important;
}
.tablet .tablet-padding-top-m {
  padding-top: var(--space-m) !important;
}
.tablet .tablet-padding-right-m {
  padding-right: var(--space-m) !important;
}
.tablet .tablet-padding-bottom-m {
  padding-bottom: var(--space-m) !important;
}
.tablet .tablet-padding-left-m {
  padding-left: var(--space-m) !important;
}
.tablet .tablet-padding-x-m {
  padding-left: var(--space-m) !important;
  padding-right: var(--space-m) !important;
}
.tablet .tablet-padding-y-m {
  padding-bottom: var(--space-m) !important;
  padding-top: var(--space-m) !important;
}
.tablet .tablet-padding-l {
  padding: var(--space-l) !important;
}
.tablet .tablet-padding-top-l {
  padding-top: var(--space-l) !important;
}
.tablet .tablet-padding-right-l {
  padding-right: var(--space-l) !important;
}
.tablet .tablet-padding-bottom-l {
  padding-bottom: var(--space-l) !important;
}
.tablet .tablet-padding-left-l {
  padding-left: var(--space-l) !important;
}
.tablet .tablet-padding-x-l {
  padding-left: var(--space-l) !important;
  padding-right: var(--space-l) !important;
}
.tablet .tablet-padding-y-l {
  padding-bottom: var(--space-l) !important;
  padding-top: var(--space-l) !important;
}
.tablet .tablet-padding-xl {
  padding: var(--space-xl) !important;
}
.tablet .tablet-padding-top-xl {
  padding-top: var(--space-xl) !important;
}
.tablet .tablet-padding-right-xl {
  padding-right: var(--space-xl) !important;
}
.tablet .tablet-padding-bottom-xl {
  padding-bottom: var(--space-xl) !important;
}
.tablet .tablet-padding-left-xl {
  padding-left: var(--space-xl) !important;
}
.tablet .tablet-padding-x-xl {
  padding-left: var(--space-xl) !important;
  padding-right: var(--space-xl) !important;
}
.tablet .tablet-padding-y-xl {
  padding-bottom: var(--space-xl) !important;
  padding-top: var(--space-xl) !important;
}
.tablet .tablet-padding-xxl {
  padding: var(--space-xxl) !important;
}
.tablet .tablet-padding-top-xxl {
  padding-top: var(--space-xxl) !important;
}
.tablet .tablet-padding-right-xxl {
  padding-right: var(--space-xxl) !important;
}
.tablet .tablet-padding-bottom-xxl {
  padding-bottom: var(--space-xxl) !important;
}
.tablet .tablet-padding-left-xxl {
  padding-left: var(--space-xxl) !important;
}
.tablet .tablet-padding-x-xxl {
  padding-left: var(--space-xxl) !important;
  padding-right: var(--space-xxl) !important;
}
.tablet .tablet-padding-y-xxl {
  padding-bottom: var(--space-xxl) !important;
  padding-top: var(--space-xxl) !important;
}
.tablet .tablet-padding-xxxl {
  padding: var(--space-xxxl) !important;
}
.tablet .tablet-padding-top-xxxl {
  padding-top: var(--space-xxxl) !important;
}
.tablet .tablet-padding-right-xxxl {
  padding-right: var(--space-xxxl) !important;
}
.tablet .tablet-padding-bottom-xxxl {
  padding-bottom: var(--space-xxxl) !important;
}
.tablet .tablet-padding-left-xxxl {
  padding-left: var(--space-xxxl) !important;
}
.tablet .tablet-padding-x-xxxl {
  padding-left: var(--space-xxxl) !important;
  padding-right: var(--space-xxxl) !important;
}
.tablet .tablet-padding-y-xxxl {
  padding-bottom: var(--space-xxxl) !important;
  padding-top: var(--space-xxxl) !important;
}

.desktop .desktop-padding-none {
  padding: var(--space-none) !important;
}
.desktop .desktop-padding-top-none {
  padding-top: var(--space-none) !important;
}
.desktop .desktop-padding-right-none {
  padding-right: var(--space-none) !important;
}
.desktop .desktop-padding-bottom-none {
  padding-bottom: var(--space-none) !important;
}
.desktop .desktop-padding-left-none {
  padding-left: var(--space-none) !important;
}
.desktop .desktop-padding-x-none {
  padding-left: var(--space-none) !important;
  padding-right: var(--space-none) !important;
}
.desktop .desktop-padding-y-none {
  padding-bottom: var(--space-none) !important;
  padding-top: var(--space-none) !important;
}
.desktop .desktop-padding-xxs {
  padding: var(--space-xxs) !important;
}
.desktop .desktop-padding-top-xxs {
  padding-top: var(--space-xxs) !important;
}
.desktop .desktop-padding-right-xxs {
  padding-right: var(--space-xxs) !important;
}
.desktop .desktop-padding-bottom-xxs {
  padding-bottom: var(--space-xxs) !important;
}
.desktop .desktop-padding-left-xxs {
  padding-left: var(--space-xxs) !important;
}
.desktop .desktop-padding-x-xxs {
  padding-left: var(--space-xxs) !important;
  padding-right: var(--space-xxs) !important;
}
.desktop .desktop-padding-y-xxs {
  padding-bottom: var(--space-xxs) !important;
  padding-top: var(--space-xxs) !important;
}
.desktop .desktop-padding-xs {
  padding: var(--space-xs) !important;
}
.desktop .desktop-padding-top-xs {
  padding-top: var(--space-xs) !important;
}
.desktop .desktop-padding-right-xs {
  padding-right: var(--space-xs) !important;
}
.desktop .desktop-padding-bottom-xs {
  padding-bottom: var(--space-xs) !important;
}
.desktop .desktop-padding-left-xs {
  padding-left: var(--space-xs) !important;
}
.desktop .desktop-padding-x-xs {
  padding-left: var(--space-xs) !important;
  padding-right: var(--space-xs) !important;
}
.desktop .desktop-padding-y-xs {
  padding-bottom: var(--space-xs) !important;
  padding-top: var(--space-xs) !important;
}
.desktop .desktop-padding-s {
  padding: var(--space-s) !important;
}
.desktop .desktop-padding-top-s {
  padding-top: var(--space-s) !important;
}
.desktop .desktop-padding-right-s {
  padding-right: var(--space-s) !important;
}
.desktop .desktop-padding-bottom-s {
  padding-bottom: var(--space-s) !important;
}
.desktop .desktop-padding-left-s {
  padding-left: var(--space-s) !important;
}
.desktop .desktop-padding-x-s {
  padding-left: var(--space-s) !important;
  padding-right: var(--space-s) !important;
}
.desktop .desktop-padding-y-s {
  padding-bottom: var(--space-s) !important;
  padding-top: var(--space-s) !important;
}
.desktop .desktop-padding-base {
  padding: var(--space-base) !important;
}
.desktop .desktop-padding-top-base {
  padding-top: var(--space-base) !important;
}
.desktop .desktop-padding-right-base {
  padding-right: var(--space-base) !important;
}
.desktop .desktop-padding-bottom-base {
  padding-bottom: var(--space-base) !important;
}
.desktop .desktop-padding-left-base {
  padding-left: var(--space-base) !important;
}
.desktop .desktop-padding-x-base {
  padding-left: var(--space-base) !important;
  padding-right: var(--space-base) !important;
}
.desktop .desktop-padding-y-base {
  padding-bottom: var(--space-base) !important;
  padding-top: var(--space-base) !important;
}
.desktop .desktop-padding-m {
  padding: var(--space-m) !important;
}
.desktop .desktop-padding-top-m {
  padding-top: var(--space-m) !important;
}
.desktop .desktop-padding-right-m {
  padding-right: var(--space-m) !important;
}
.desktop .desktop-padding-bottom-m {
  padding-bottom: var(--space-m) !important;
}
.desktop .desktop-padding-left-m {
  padding-left: var(--space-m) !important;
}
.desktop .desktop-padding-x-m {
  padding-left: var(--space-m) !important;
  padding-right: var(--space-m) !important;
}
.desktop .desktop-padding-y-m {
  padding-bottom: var(--space-m) !important;
  padding-top: var(--space-m) !important;
}
.desktop .desktop-padding-l {
  padding: var(--space-l) !important;
}
.desktop .desktop-padding-top-l {
  padding-top: var(--space-l) !important;
}
.desktop .desktop-padding-right-l {
  padding-right: var(--space-l) !important;
}
.desktop .desktop-padding-bottom-l {
  padding-bottom: var(--space-l) !important;
}
.desktop .desktop-padding-left-l {
  padding-left: var(--space-l) !important;
}
.desktop .desktop-padding-x-l {
  padding-left: var(--space-l) !important;
  padding-right: var(--space-l) !important;
}
.desktop .desktop-padding-y-l {
  padding-bottom: var(--space-l) !important;
  padding-top: var(--space-l) !important;
}
.desktop .desktop-padding-xl {
  padding: var(--space-xl) !important;
}
.desktop .desktop-padding-top-xl {
  padding-top: var(--space-xl) !important;
}
.desktop .desktop-padding-right-xl {
  padding-right: var(--space-xl) !important;
}
.desktop .desktop-padding-bottom-xl {
  padding-bottom: var(--space-xl) !important;
}
.desktop .desktop-padding-left-xl {
  padding-left: var(--space-xl) !important;
}
.desktop .desktop-padding-x-xl {
  padding-left: var(--space-xl) !important;
  padding-right: var(--space-xl) !important;
}
.desktop .desktop-padding-y-xl {
  padding-bottom: var(--space-xl) !important;
  padding-top: var(--space-xl) !important;
}
.desktop .desktop-padding-xxl {
  padding: var(--space-xxl) !important;
}
.desktop .desktop-padding-top-xxl {
  padding-top: var(--space-xxl) !important;
}
.desktop .desktop-padding-right-xxl {
  padding-right: var(--space-xxl) !important;
}
.desktop .desktop-padding-bottom-xxl {
  padding-bottom: var(--space-xxl) !important;
}
.desktop .desktop-padding-left-xxl {
  padding-left: var(--space-xxl) !important;
}
.desktop .desktop-padding-x-xxl {
  padding-left: var(--space-xxl) !important;
  padding-right: var(--space-xxl) !important;
}
.desktop .desktop-padding-y-xxl {
  padding-bottom: var(--space-xxl) !important;
  padding-top: var(--space-xxl) !important;
}
.desktop .desktop-padding-xxxl {
  padding: var(--space-xxxl) !important;
}
.desktop .desktop-padding-top-xxxl {
  padding-top: var(--space-xxxl) !important;
}
.desktop .desktop-padding-right-xxxl {
  padding-right: var(--space-xxxl) !important;
}
.desktop .desktop-padding-bottom-xxxl {
  padding-bottom: var(--space-xxxl) !important;
}
.desktop .desktop-padding-left-xxxl {
  padding-left: var(--space-xxxl) !important;
}
.desktop .desktop-padding-x-xxxl {
  padding-left: var(--space-xxxl) !important;
  padding-right: var(--space-xxxl) !important;
}
.desktop .desktop-padding-y-xxxl {
  padding-bottom: var(--space-xxxl) !important;
  padding-top: var(--space-xxxl) !important;
}

.is-rtl .padding-right-none {
  padding-left: var(--space-none) !important;
  padding-right: var(--space-none) !important;
}
.is-rtl .padding-left-none {
  padding-left: var(--space-none) !important;
  padding-right: var(--space-none) !important;
}
.is-rtl .padding-right-xxs {
  padding-left: var(--space-xxs) !important;
  padding-right: var(--space-none) !important;
}
.is-rtl .padding-left-xxs {
  padding-left: var(--space-none) !important;
  padding-right: var(--space-xxs) !important;
}
.is-rtl .padding-right-xs {
  padding-left: var(--space-xs) !important;
  padding-right: var(--space-none) !important;
}
.is-rtl .padding-left-xs {
  padding-left: var(--space-none) !important;
  padding-right: var(--space-xs) !important;
}
.is-rtl .padding-right-s {
  padding-left: var(--space-s) !important;
  padding-right: var(--space-none) !important;
}
.is-rtl .padding-left-s {
  padding-left: var(--space-none) !important;
  padding-right: var(--space-s) !important;
}
.is-rtl .padding-right-base {
  padding-left: var(--space-base) !important;
  padding-right: var(--space-none) !important;
}
.is-rtl .padding-left-base {
  padding-left: var(--space-none) !important;
  padding-right: var(--space-base) !important;
}
.is-rtl .padding-right-m {
  padding-left: var(--space-m) !important;
  padding-right: var(--space-none) !important;
}
.is-rtl .padding-left-m {
  padding-left: var(--space-none) !important;
  padding-right: var(--space-m) !important;
}
.is-rtl .padding-right-l {
  padding-left: var(--space-l) !important;
  padding-right: var(--space-none) !important;
}
.is-rtl .padding-left-l {
  padding-left: var(--space-none) !important;
  padding-right: var(--space-l) !important;
}
.is-rtl .padding-right-xl {
  padding-left: var(--space-xl) !important;
  padding-right: var(--space-none) !important;
}
.is-rtl .padding-left-xl {
  padding-left: var(--space-none) !important;
  padding-right: var(--space-xl) !important;
}
.is-rtl .padding-right-xxl {
  padding-left: var(--space-xxl) !important;
  padding-right: var(--space-none) !important;
}
.is-rtl .padding-left-xxl {
  padding-left: var(--space-none) !important;
  padding-right: var(--space-xxl) !important;
}
.is-rtl .padding-right-xxxl {
  padding-left: var(--space-xxxl) !important;
  padding-right: var(--space-none) !important;
}
.is-rtl .padding-left-xxxl {
  padding-left: var(--space-none) !important;
  padding-right: var(--space-xxxl) !important;
}

/*! 7.13. Shadow */
/* Usefull - Shadow */
.shadow {
  box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.15);
  transition: box-shadow ease 0.3s;
}
.shadow:hover {
  box-shadow: 0 15px 35px 0 rgba(0, 0, 0, 0.15);
}
.shadow:focus {
  outline: 4px solid var(--color-primary-lightest);
  box-shadow: 0 15px 35px 0 rgba(0, 0, 0, 0.15);
}
.shadow-none {
  box-shadow: var(--shadow-none);
}
.shadow-xs {
  box-shadow: var(--shadow-xs);
}
.shadow-s {
  box-shadow: var(--shadow-s);
}
.shadow-m {
  box-shadow: var(--shadow-m);
}
.shadow-l {
  box-shadow: var(--shadow-l);
}
.shadow-xl {
  box-shadow: var(--shadow-xl);
}
.shadow-popover {
  box-shadow: var(--shadow-popover);
}
.shadow-modal {
  box-shadow: var(--shadow-modal);
}
.shadow-sidebar-right {
  box-shadow: var(--shadow-sidebar-right);
}
.shadow-sidebar-left {
  box-shadow: var(--shadow-sidebar-left);
}
.shadow-tooltip {
  box-shadow: var(--shadow-tooltip);
}
.shadow-content {
  box-shadow: var(--shadow-content);
}

/*! 7.14. Box Width */
/* Usefull - Box Width */
.full-width {
  width: 100% !important;
}
.full-width-vw {
  width: 100vw !important;
}

.half-width {
  width: 50% !important;
}
.half-width-vw {
  width: 50vw !important;
}

.fifth-width {
  width: 20% !important;
}
.fifth-width-vw {
  width: 20vw !important;
}

.phone .phone-full-width {
  width: 100% !important;
}

.phone .phone-half-width {
  width: 50% !important;
}

.tablet .tablet-full-width {
  width: 100% !important;
}

.tablet .tablet-half-width {
  width: 50% !important;
}

.desktop .desktop-full-width {
  width: 100% !important;
}

.desktop .desktop-half-width {
  width: 50% !important;
}

.auto-width {
  width: auto !important;
}

.width-min-content {
  width: -moz-min-content;
  width: min-content;
}

.width-max-content {
  width: -moz-max-content;
  width: max-content;
}

.width-fit-content {
  width: -moz-fit-content;
  width: fit-content;
}

.width-unset {
  width: unset !important;
}

.width-47 {
  width: 47px;
}

.width-60 {
  width: 60px;
}

.width-70 {
  width: 70px;
}

.width-90 {
  width: 90px;
}

.width-100 {
  width: 100px !important;
}

.width-120 {
  width: 120px !important;
}

.width-130 {
  width: 130px;
}

.width-140 {
  width: 140px;
}

.width-150 {
  width: 150px;
}

.width-200 {
  width: 200px;
}

.width-215 {
  width: 215px;
}

.width-230 {
  width: 230px;
}

.width-240 {
  width: 240px;
}

.width-250 {
  width: 250px;
}

.width-260 {
  width: 260px;
}

.width-280 {
  width: 280px;
}

.width-300 {
  width: 300px;
}

.width-350 {
  width: 350px;
}

.width-375 {
  width: 375px;
}

.width-425 {
  width: 425px;
}

.width-560 {
  width: 560px; /* Document_CW.SignContract */
}

.width-780 {
  width: 780px; /* Document_CW.SignContract */
}

.min-w-45 {
  min-width: 45px;
}

.min-w-75 {
  min-width: 75px;
}

.min-w-90 {
  min-width: 90px;
}

.min-w-96 {
  min-width: 96px;
}

.min-w-110 {
  min-width: 110px;
}

.min-w-120 {
  min-width: 120px;
}

.min-w-130 {
  min-width: 130px;
}

.min-w-150 {
  min-width: 150px;
}

.min-w-162 {
  min-width: 162px;
}

.min-w-200 {
  min-width: 200px;
}

.min-w-240 {
  min-width: 240px !important;
}

.min-w-250 {
  min-width: 250px;
}

.max-w-40 {
  max-width: 40px;
}

.max-w-60 {
  max-width: 60px;
}

.max-w-80 {
  max-width: 80px;
}

.max-w-110 {
  max-width: 110px;
}

.max-w-180 {
  max-width: 180px !important;
}

.max-w-190 {
  max-width: 190px !important;
}

.max-w-200 {
  max-width: 200px !important;
}

.max-w-300 {
  max-width: 300px;
}

.max-w-320 {
  max-width: 320px !important;
}

.max-w-400 {
  max-width: 400px;
}

.max-w-530 {
  max-width: 530px;
}

.max-w-100p {
  max-width: 100%;
}

.max-w-unset {
  max-width: unset;
}

.max-w-50p {
  max-width: 50%;
}
.display-flex.gap-base .max-w-50p {
  max-width: calc(50% - var(--space-s));
}

.w-1p {
  width: 1%;
}

.w-26p {
  width: 26%;
}

.w-30p {
  width: 30%;
}

.w-35p {
  width: 35%;
}

.w-48p {
  width: 48%;
}

.w-60p {
  width: 60%;
}

.w-80p {
  width: 80%;
}

.w-90p {
  width: 90%;
}

/*! 7.15. Box Height */
/* Usefull - Box Height */
.no-height {
  height: 0 !important;
}

.full-height-and-child,
.full-height-and-child > *,
.full-height-and-child > div {
  height: 100%;
}

.auto-height {
  height: auto !important;
}

.min-h-80 {
  min-height: 80px;
}

.max-h-200 {
  max-height: 200px;
}

.max-h-248 {
  max-height: 248px;
}

.max-h-300 {
  max-height: 300px;
}

.height-l {
  height: var(--space-l);
}

.height-xxl {
  height: var(--space-xxl);
}

.height-24 {
  height: 24px;
}

.height-250 {
  height: 250px !important;
}

.height-300 {
  height: 300px;
}

.height-350 {
  height: 350px;
}

.height-400 {
  height: 400px;
}

.height-700 {
  height: 700px;
}

.height-3500 {
  height: 3500px;
}

.height-input {
  height: var(--space-xl);
}
.tablet .height-input, .phone .height-input {
  height: var(--space-xxl);
}

/*! 7.16. Display */
/* Usefull - Display */
.display-block {
  display: block !important;
}
.display-contents {
  display: contents !important;
}
.display-inline {
  display: inline !important;
}
.display-inline-block {
  display: inline-block !important;
}
.display-inherit {
  display: inherit !important;
}
.display-table {
  display: table !important;
}
.display-grid {
  display: grid !important;
}

.child-display-contents > * {
  display: contents !important;
}

.desktop .hide-on-desktop {
  display: none;
}
.tablet .hide-on-tablet {
  display: none;
}
.phone .hide-on-phone {
  display: none;
}

/*! 7.17. Display - Flex */
/* Usefull - Display Flex */
.display-flex {
  display: flex !important;
}
.display-inline-flex {
  display: inline-flex !important;
}

.flex-1, .flex1 {
  flex: 1 !important;
}
.flex-2, .flex2 {
  flex: 2 !important;
}
.flex-3, .flex3 {
  flex: 3 !important;
}
.flex-4, .flex4 {
  flex: 4 !important;
}
.flex-5, .flex5 {
  flex: 5 !important;
}
.flex-direction-column {
  flex-direction: column !important;
}
.flex-direction-column-reverse {
  flex-direction: column-reverse !important;
}
.flex-direction-row {
  flex-direction: row !important;
}
.flex-direction-row-reverse {
  flex-direction: row-reverse !important;
}
.flex-wrap {
  flex-wrap: wrap !important;
}
.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}
.flex-wrap.list-item-content .list-item-content-center {
  overflow: visible !important;
}
.flex-nowrap {
  flex-wrap: nowrap !important;
}
.flex .phone .phone--nowrap {
  flex-wrap: nowrap !important;
}
.flex .tablet .tablet--nowrap {
  flex-wrap: nowrap !important;
}
.flex .desktop .desktop--nowrap {
  flex-wrap: nowrap !important;
}
.flex-fill {
  flex: 1 1 auto !important;
}
.flex-shrink-0 {
  flex-shrink: 0 !important;
}
.flex-grow-1 {
  flex-grow: 1 !important;
}
.flex-grow-0 {
  flex-grow: 0 !important;
}
.flex-basis-quarter {
  flex-basis: 25%;
}

.justify-content-flex-end {
  justify-content: flex-end !important;
}
.justify-content-flex-start {
  justify-content: flex-start !important;
}
.justify-content-center {
  justify-content: center !important;
}
.justify-content-space-between {
  justify-content: space-between !important;
}
.justify-content-space-around {
  justify-content: space-around !important;
}
.justify-content-space-evenly {
  justify-content: space-evenly !important;
}

.phone .phone-justify-content-flex-end {
  justify-content: flex-end !important;
}
.phone .phone-justify-content-flex-start {
  justify-content: flex-start !important;
}
.phone .phone-justify-content-center {
  justify-content: center !important;
}
.phone .phone-justify-content-space-between {
  justify-content: space-between !important;
}
.phone .phone-justify-content-space-around {
  justify-content: space-around !important;
}
.phone .phone-justify-content-space-evenly {
  justify-content: space-evenly !important;
}

.tablet .tablet-justify-content-flex-end {
  justify-content: flex-end !important;
}
.tablet .tablet-justify-content-flex-start {
  justify-content: flex-start !important;
}
.tablet .tablet-justify-content-center {
  justify-content: center !important;
}
.tablet .tablet-justify-content-space-between {
  justify-content: space-between !important;
}
.tablet .tablet-justify-content-space-around {
  justify-content: space-around !important;
}
.tablet .tablet-justify-content-space-evenly {
  justify-content: space-evenly !important;
}

.desktop .desktop-justify-content-flex-end {
  justify-content: flex-end !important;
}
.desktop .desktop-justify-content-flex-start {
  justify-content: flex-start !important;
}
.desktop .desktop-justify-content-center {
  justify-content: center !important;
}
.desktop .desktop-justify-content-space-between {
  justify-content: space-between !important;
}
.desktop .desktop-justify-content-space-around {
  justify-content: space-around !important;
}
.desktop .desktop-justify-content-space-evenly {
  justify-content: space-evenly !important;
}

.align-items-center {
  align-items: center !important;
}
.align-items-flex-end {
  align-items: flex-end !important;
}

.gap-xs {
  gap: var(--space-xs) !important;
}
.gap-s {
  gap: var(--space-s) !important;
}
.gap-10 {
  gap: 10px;
}
.gap-20 {
  gap: 20px;
}
.gap-base {
  gap: var(--space-base) !important;
}
.gap-m {
  gap: var(--space-m) !important;
}
.gap-l {
  gap: var(--space-l) !important;
}
.gap-xl {
  gap: var(--space-xl) !important;
}
.gap-xxl {
  gap: var(--space-xxl) !important;
}

.row-gap-xs {
  row-gap: var(--space-xs) !important;
}
.row-gap-s {
  row-gap: var(--space-s) !important;
}
.row-gap-base {
  row-gap: var(--space-base) !important;
}
.row-gap-m {
  row-gap: var(--space-m) !important;
}
.row-gap-l {
  row-gap: var(--space-l) !important;
}
.row-gap-xl {
  row-gap: var(--space-xl) !important;
}
.row-gap-xxl {
  row-gap: var(--space-xxl) !important;
}

.column-gap-xs {
  -moz-column-gap: var(--space-xs) !important;
       column-gap: var(--space-xs) !important;
}
.column-gap-s {
  -moz-column-gap: var(--space-s) !important;
       column-gap: var(--space-s) !important;
}
.column-gap-base {
  -moz-column-gap: var(--space-base) !important;
       column-gap: var(--space-base) !important;
}
.column-gap-m {
  -moz-column-gap: var(--space-m) !important;
       column-gap: var(--space-m) !important;
}
.column-gap-l {
  -moz-column-gap: var(--space-l) !important;
       column-gap: var(--space-l) !important;
}
.column-gap-xl {
  -moz-column-gap: var(--space-xl) !important;
       column-gap: var(--space-xl) !important;
}
.column-gap-xxl {
  -moz-column-gap: var(--space-xxl) !important;
       column-gap: var(--space-xxl) !important;
}

.order-1 {
  order: 1;
}

.order-2 {
  order: 2;
}

.order-3 {
  order: 3;
}

.phone .phone-display-flex {
  display: flex !important;
}
.phone .phone-display-inline-flex {
  display: inline-flex !important;
}

.phone .phone-flex-direction-column {
  flex-direction: column !important;
}
.phone .phone-flex-direction-column-reverse {
  flex-direction: column-reverse !important;
}
.phone .phone-flex-direction-row {
  flex-direction: row !important;
}
.phone .phone-flex-direction-row-reverse {
  flex-direction: row-reverse !important;
}

.phone .phone-gap-xs {
  gap: var(--space-xs) !important;
}
.phone .phone-gap-s {
  gap: var(--space-s) !important;
}
.phone .phone-gap-base {
  gap: var(--space-base) !important;
}
.phone .phone-gap-m {
  gap: var(--space-m) !important;
}
.phone .phone-gap-l {
  gap: var(--space-l) !important;
}
.phone .phone-gap-xl {
  gap: var(--space-xl) !important;
}
.phone .phone-gap-xxl {
  gap: var(--space-xxl) !important;
}

.phone .phone-order-1 {
  order: 1;
}

.phone .phone-order-2 {
  order: 2;
}

.phone .phone-order-3 {
  order: 3;
}

.tablet .tablet-display-flex {
  display: flex !important;
}
.tablet .tablet-display-inline-flex {
  display: inline-flex !important;
}

.tablet .tablet-flex-direction-column {
  flex-direction: column !important;
}
.tablet .tablet-flex-direction-column-reverse {
  flex-direction: column-reverse !important;
}
.tablet .tablet-flex-direction-row {
  flex-direction: row !important;
}
.tablet .tablet-flex-direction-row-reverse {
  flex-direction: row-reverse !important;
}

.tablet .tablet-gap-xs {
  gap: var(--space-xs) !important;
}
.tablet .tablet-gap-s {
  gap: var(--space-s) !important;
}
.tablet .tablet-gap-base {
  gap: var(--space-base) !important;
}
.tablet .tablet-gap-m {
  gap: var(--space-m) !important;
}
.tablet .tablet-gap-l {
  gap: var(--space-l) !important;
}
.tablet .tablet-gap-xl {
  gap: var(--space-xl) !important;
}
.tablet .tablet-gap-xxl {
  gap: var(--space-xxl) !important;
}

.tablet .tablet-order-1 {
  order: 1;
}

.tablet .tablet-order-2 {
  order: 2;
}

.tablet .tablet-order-3 {
  order: 3;
}

.desktop .desktop-display-flex {
  display: flex !important;
}
.desktop .desktop-display-inline-flex {
  display: inline-flex !important;
}

.desktop .desktop-flex-direction-column {
  flex-direction: column !important;
}
.desktop .desktop-flex-direction-column-reverse {
  flex-direction: column-reverse !important;
}
.desktop .desktop-flex-direction-row {
  flex-direction: row !important;
}
.desktop .desktop-flex-direction-row-reverse {
  flex-direction: row-reverse !important;
}

.desktop .desktop-gap-xs {
  gap: var(--space-xs) !important;
}
.desktop .desktop-gap-s {
  gap: var(--space-s) !important;
}
.desktop .desktop-gap-base {
  gap: var(--space-base) !important;
}
.desktop .desktop-gap-m {
  gap: var(--space-m) !important;
}
.desktop .desktop-gap-l {
  gap: var(--space-l) !important;
}
.desktop .desktop-gap-xl {
  gap: var(--space-xl) !important;
}
.desktop .desktop-gap-xxl {
  gap: var(--space-xxl) !important;
}

.desktop .desktop-order-1 {
  order: 1;
}

.desktop .desktop-order-2 {
  order: 2;
}

.desktop .desktop-order-3 {
  order: 3;
}

/*! 7.20. Overflow */
/* Usefull - Overflow */
.overflow-hidden {
  overflow: hidden !important;
}
.overflow-horizontal {
  overflow-x: auto !important;
}
.overflow-vertical {
  overflow-y: auto !important;
}
.overflow-visible {
  overflow: visible !important;
}
.overflow-auto {
  overflow: auto !important;
}

/*! 7.21. Visibility */
/* Usefull - Visibility */
.ph:empty {
  display: none !important;
}

.hidden {
  display: none !important;
}

.desktop .hide-in-desktop {
  display: none !important;
}
.tablet .hide-in-tablet {
  display: none !important;
}
.phone .hide-in-phone {
  display: none !important;
}

.show-in-xxl-only {
  display: none !important;
}
@media (min-width: 109.375em) {
  .show-in-xxl-only {
    display: revert !important;
  }
}

.visibility-hidden {
  visibility: hidden !important;
}

.visibility-visible {
  visibility: visible !important;
}

.visibility-collapse {
  visibility: collapse !important;
}

/*! 7.24. Miscellaneous */
/* Usefull - Miscellaneous */
.float-left {
  float: left !important;
}
.float-right {
  float: right !important;
}

.vertical-align-middle {
  vertical-align: middle !important;
}
.vertical-align-top {
  vertical-align: top !important;
}
.vertical-align-text-top {
  vertical-align: text-top !important;
}

.cursor-auto {
  cursor: auto !important;
}
.cursor-pointer {
  cursor: pointer !important;
}
.cursor-default {
  cursor: default !important;
}
.cursor-none {
  cursor: none !important;
}
.cursor-grab {
  cursor: grab !important;
}
.cursor-grab:active {
  cursor: grabbing !important;
}

.hidden-in-web-show-in-studio {
  display: none !important;
  
}

.sticky-footer {
  position: sticky;
  z-index: 0;
  bottom: 0px;
  background: var(--content-bg);
}
.sticky-footer.shadow-top::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 4px;
  width: 100%;
  box-shadow: 0 -4px 4px 0px rgba(0, 0, 0, 0.1);
}