/* node_modules/is24-corecss/build/css/core.min.css */
@font-face {
  font-family: s24-icons;
  src:
    url("./assets/s24-icons-NADONDFI.woff2") format("woff2"),
    url("./assets/s24-icons-HUQCYUOL.woff") format("woff"),
    url("./assets/s24-icons-SNFMK6LG.svg") format("svg");
}
@font-face {
  font-display: swap;
  font-family: Make It Better;
  font-style: normal;
  font-weight: 100;
  src: url("./assets/MakeItBetter-Light-7SQ2NYMW.woff2") format("woff2"), url("./assets/MakeItBetter-Light-7TBF2API.woff") format("woff");
}
@font-face {
  font-display: swap;
  font-family: Make It Better;
  font-style: normal;
  font-weight: 400;
  src: url("./assets/MakeItBetter-Regular-4HNV2XRE.woff2") format("woff2"), url("./assets/MakeItBetter-Regular-XAIZT7NU.woff") format("woff");
}
@font-face {
  font-display: swap;
  font-family: Make It Better;
  font-style: normal;
  font-weight: 700;
  src: url("./assets/MakeItBetter-Bold-76LN7ACG.woff2") format("woff2"), url("./assets/MakeItBetter-Bold-4CBKQ4P3.woff") format("woff");
}
@font-face {
  font-display: swap;
  font-family: Make It Better;
  font-style: normal;
  font-weight: 800;
  src: url("./assets/MakeItBetter-XBold-FTUJIKPW.woff2") format("woff2"), url("./assets/MakeItBetter-XBold-P6E2JROV.woff") format("woff");
}
@font-face {
  font-display: swap;
  font-family: Make It Sans IS24 Web;
  font-style: normal;
  font-weight: 400;
  src: url("./assets/MakeItSansIS24WEB-Regular-Y6BM2GKN.woff2") format("woff2"), url("./assets/MakeItSansIS24WEB-Regular-YNCPV65R.woff") format("woff");
}
@font-face {
  font-display: swap;
  font-family: Make It Sans IS24 Web;
  font-style: normal;
  font-weight: 700;
  src: url("./assets/MakeItSansIS24WEB-Bold-FMRPXJZN.woff2") format("woff2"), url("./assets/MakeItSansIS24WEB-Bold-UIKLV4MT.woff") format("woff");
}
@font-face {
  font-display: swap;
  font-family: Open Sans;
  font-style: normal;
  font-weight: 400;
  src: url("./assets/opensans_latin_400-P45LZFRV.woff2") format("woff2"), url("./assets/opensans_latin_400-XRDEGWXV.woff") format("woff");
}
@font-face {
  font-display: swap;
  font-family: Open Sans;
  font-style: normal;
  font-weight: 600;
  src: url("./assets/opensans_latin_600-IT7NCW25.woff2") format("woff2"), url("./assets/opensans_latin_600-YOZDN6NE.woff") format("woff");
}
@media (min-width: 669px) {
  @font-face {
    font-display: swap;
    font-family: Open Sans;
    font-style: normal;
    font-weight: 300;
    src: url("./assets/opensans_latin_300-LFV677JM.woff2") format("woff2"), url("./assets/opensans_latin_300-DP77TSIE.woff") format("woff");
  }
  @font-face {
    font-display: swap;
    font-family: Open Sans;
    font-style: normal;
    font-weight: 700;
    src: url("./assets/opensans_latin_700-M6MSVYQP.woff2") format("woff2"), url("./assets/opensans_latin_700-XLZ2CJMA.woff") format("woff");
  }
}
@font-face {
  font-family: IS24Icons;
  font-style: normal;
  font-weight: 400;
  src: url("./assets/is24-icons-Q5RQDUAN.woff") format("woff");
}
.is24-icon-instagram {
  background:
    radial-gradient(
      circle at 30% 107%,
      #fdf497 0,
      #fdf497 5%,
      #fd5949 45%,
      #d6249f 60%,
      #285aeb 90%);
  background: -webkit-radial-gradient(circle at 30% 107%, #fdf497 0, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285aeb 90%);
  background-clip: text;
  -webkit-background-clip: text;
  color: #0000;
}
.storybook-icon-gallery [class*=" is24-icon-"],
.storybook-icon-gallery [class^=is24-icon-] {
  font-size: 24px;
}
[class*=" is24-icon-"],
[class^=is24-icon-] {
  font-family: IS24Icons !important;
  speak: never;
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
  line-height: 1;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.is24-icon-rating-star-empty:before {
  content: "\ea56";
}
.is24-icon-rating-star-half:before {
  content: "\ea57";
}
.is24-icon-rating-star-full:before {
  content: "\ea58";
}
.is24-icon-water:before {
  content: "\ea54";
}
.is24-icon-tree:before {
  content: "\ea53";
}
.is24-icon-offer:before {
  content: "\ea4d";
}
.is24-icon-dealer:before {
  content: "\ea43";
}
.is24-icon-ec .path1:before {
  color: #007fc3;
  content: "\ea26";
}
.is24-icon-ec .path2:before {
  color: red;
  content: "\ea27";
  margin-left: -1em;
}
.is24-icon-ec .path3:before {
  color: #292526;
  content: "\ea28";
  margin-left: -1em;
}
.is24-icon-paypal .path1:before {
  color: #009ddf;
  content: "\ea29";
}
.is24-icon-paypal .path2:before {
  color: #003187;
  content: "\ea2a";
  margin-left: -1em;
}
.is24-icon-facebook:before {
  color: #1877f2;
  content: "\ea2b";
}
.is24-icon-linkedin:before {
  color: #0b66c2;
  content: "\ea2d";
}
.is24-icon-rss:before {
  color: #ff9015;
  content: "\ea2e";
}
.is24-icon-twitter:before {
  color: #1da1f2;
  content: "\ea2f";
}
.is24-icon-whatsapp:before {
  color: #24d366;
  content: "\ea30";
}
.is24-icon-xing:before {
  color: #017679;
  content: "\ea31";
}
.is24-icon-youtube:before {
  color: red;
  content: "\ea32";
}
.is24-icon-bar:before {
  content: "\ea33";
}
.is24-icon-building-pharmacy:before {
  content: "\ea34";
}
.is24-icon-hospital:before {
  content: "\ea35";
}
.is24-icon-public-transport-subway:before {
  content: "\ea36";
}
.is24-icon-restaurant:before {
  content: "\ea37";
}
.is24-icon-gas-pump:before {
  content: "\ea38";
}
.is24-icon-married-couple:before {
  content: "\ea39";
}
.is24-icon-fuel-efficient-tree:before {
  content: "\ea3a";
}
.is24-icon-mouse-navigation-360:before {
  content: "\ea3b";
}
.is24-icon-premium-2:before {
  content: "\ea3c";
}
.is24-icon-premium:before {
  content: "\ea3d";
}
.is24-icon-random:before {
  content: "\ea3e";
}
.is24-icon-sporty:before {
  content: "\ea3f";
}
.is24-icon-trucktype-bus:before {
  content: "\ea40";
}
.is24-icon-video:before {
  content: "\ea41";
}
.is24-icon-virtualtour:before {
  content: "\ea42";
}
.is24-icon-chat-availability:before {
  content: "\ea44";
}
.is24-icon-chat-question-mark:before {
  content: "\ea45";
}
.is24-icon-chat-exclamation-mark:before {
  content: "\ea46";
}
.is24-icon-note-glyph:before {
  content: "\ea47";
}
.is24-icon-note-with-pen:before {
  content: "\ea48";
}
.is24-icon-data-security:before {
  content: "\ea49";
}
.is24-icon-note:before {
  content: "\ea4a";
}
.is24-icon-pdf:before {
  content: "\ea4b";
}
.is24-icon-service-security-check:before {
  content: "\ea4c";
}
.is24-icon-instagram:before {
  content: "\ea2c";
}
.is24-icon-smart-home-iot:before {
  content: "\ea0c";
}
.is24-icon-as24-motorcycle:before {
  content: "\ea0d";
}
.is24-icon-as24-trucks:before {
  content: "\ea0e";
}
.is24-icon-baggage:before {
  content: "\ea0f";
}
.is24-icon-cappucino:before {
  content: "\ea10";
}
.is24-icon-cinema:before {
  content: "\ea11";
}
.is24-icon-education:before {
  content: "\ea12";
}
.is24-icon-expandable:before {
  content: "\ea13";
}
.is24-icon-info1:before {
  content: "\ea14";
}
.is24-icon-ipad:before {
  content: "\ea15";
}
.is24-icon-is24-mobile:before {
  content: "\ea16";
}
.is24-icon-paint-roller-glyph:before {
  content: "\ea17";
}
.is24-icon-paint-roller:before {
  content: "\ea18";
}
.is24-icon-percent-glyph:before {
  content: "\ea19";
}
.is24-icon-percent1:before {
  content: "\ea1a";
}
.is24-icon-pin-glyph:before {
  content: "\ea1b";
}
.is24-icon-pin:before {
  content: "\ea1c";
}
.is24-icon-price:before {
  content: "\ea1d";
}
.is24-icon-radio-glyph:before {
  content: "\ea1e";
}
.is24-icon-radio:before {
  content: "\ea1f";
}
.is24-icon-search-map:before {
  content: "\ea20";
}
.is24-icon-targeting:before {
  content: "\ea21";
}
.is24-icon-time-glyph:before {
  content: "\ea22";
}
.is24-icon-time:before {
  content: "\ea23";
}
.is24-icon-trash-glyph:before {
  content: "\ea24";
}
.is24-icon-trash:before {
  content: "\ea25";
}
.is24-icon-save-search-heart:before {
  content: "\ea0a";
}
.is24-icon-filter-glyph:before {
  content: "\ea0b";
}
.is24-icon-advertising:before {
  content: "\e9d7";
}
.is24-icon-apartment-house:before {
  content: "\e9d8";
}
.is24-icon-armchair:before {
  content: "\e9d9";
}
.is24-icon-ballpoint-pen:before {
  content: "\e9da";
}
.is24-icon-book:before {
  content: "\e9db";
}
.is24-icon-booklet-additional-24px-380-copy-3:before {
  content: "\e9dc";
}
.is24-icon-bulls-eye:before {
  content: "\e9dd";
}
.is24-icon-camera-option:before {
  content: "\e9de";
}
.is24-icon-camera:before {
  content: "\e9df";
}
.is24-icon-chat:before {
  content: "\e9e0";
}
.is24-icon-commode:before {
  content: "\e9e1";
}
.is24-icon-construction-helmet:before {
  content: "\e9e2";
}
.is24-icon-contrast:before {
  content: "\e9e3";
}
.is24-icon-cup:before {
  content: "\e9e4";
}
.is24-icon-distance:before {
  content: "\e9e5";
}
.is24-icon-document-empty:before {
  content: "\e9e6";
}
.is24-icon-downsize:before {
  content: "\e9e7";
}
.is24-icon-enlarge:before {
  content: "\e9e8";
}
.is24-icon-entrance:before {
  content: "\e9e9";
}
.is24-icon-envelope:before {
  content: "\e9ea";
}
.is24-icon-ground-floor:before {
  content: "\e9eb";
}
.is24-icon-home:before {
  content: "\e9ec";
}
.is24-icon-house:before {
  content: "\e9ed";
}
.is24-icon-id:before {
  content: "\e9ee";
}
.is24-icon-link:before {
  content: "\e9ef";
}
.is24-icon-living-space-option:before {
  content: "\e9f0";
}
.is24-icon-location-pin:before {
  content: "\e9f1";
}
.is24-icon-minus:before {
  content: "\e9f2";
}
.is24-icon-monitor:before {
  content: "\e9f3";
}
.is24-icon-navigation:before {
  content: "\e9f4";
}
.is24-icon-new-apartment-building:before {
  content: "\e9f5";
}
.is24-icon-notebook:before {
  content: "\e9f6";
}
.is24-icon-paperclip:before {
  content: "\e9f7";
}
.is24-icon-paperplane:before {
  content: "\e9f8";
}
.is24-icon-percent:before {
  content: "\e9f9";
}
.is24-icon-picture:before {
  content: "\e9fa";
}
.is24-icon-plus:before {
  content: "\e9fb";
}
.is24-icon-price-check:before {
  content: "\e9fc";
}
.is24-icon-quote-close:before {
  content: "\e9fd";
}
.is24-icon-quote-open:before {
  content: "\e9fe";
}
.is24-icon-roadworks:before {
  content: "\e9ff";
}
.is24-icon-room-size:before {
  content: "\ea00";
}
.is24-icon-shopping-basket:before {
  content: "\ea01";
}
.is24-icon-sos:before {
  content: "\ea02";
}
.is24-icon-stopwatch:before {
  content: "\ea03";
}
.is24-icon-terrace-house:before {
  content: "\ea04";
}
.is24-icon-text-aligned-left-2:before {
  content: "\ea05";
}
.is24-icon-text-aligned-left:before {
  content: "\ea06";
}
.is24-icon-text:before {
  content: "\ea07";
}
.is24-icon-umbrella:before {
  content: "\ea08";
}
.is24-icon-icon-warning:before {
  content: "\ea09";
}
.is24-icon-accept-glyph:before {
  content: "\e900";
}
.is24-icon-accept:before {
  content: "\e901";
}
.is24-icon-add-glyph:before {
  content: "\e902";
}
.is24-icon-add:before {
  content: "\e903";
}
.is24-icon-answer:before {
  content: "\e904";
}
.is24-icon-archive-glyph:before {
  content: "\e905";
}
.is24-icon-archive:before {
  content: "\e906";
}
.is24-icon-arrow-down:before {
  content: "\e907";
}
.is24-icon-arrow-left:before {
  content: "\e908";
}
.is24-icon-arrow-right:before {
  content: "\e909";
}
.is24-icon-arrow-up:before {
  content: "\e90a";
}
.is24-icon-attach:before {
  content: "\e90b";
}
.is24-icon-calendar-appointments-move-in-date:before {
  content: "\e90c";
}
.is24-icon-calendar-check:before {
  content: "\e90d";
}
.is24-icon-calendar-x:before {
  content: "\e90e";
}
.is24-icon-calendar:before {
  content: "\e90f";
}
.is24-icon-cancel-glyph:before {
  content: "\e910";
}
.is24-icon-cancel:before {
  content: "\e911";
}
.is24-icon-caution-glyph:before {
  content: "\e912";
}
.is24-icon-caution:before {
  content: "\e913";
}
.is24-icon-chevron-down:before {
  content: "\e914";
}
.is24-icon-chevron-left:before {
  content: "\e915";
}
.is24-icon-chevron-right:before {
  content: "\e916";
}
.is24-icon-chevron-up:before {
  content: "\e917";
}
.is24-icon-closing:before {
  content: "\e918";
}
.is24-icon-collective-response:before {
  content: "\e919";
}
.is24-icon-dashboard-glyph:before {
  content: "\e91a";
}
.is24-icon-dashboard:before {
  content: "\e91b";
}
.is24-icon-deactivate:before {
  content: "\e91c";
}
.is24-icon-delete-glyph:before {
  content: "\e91d";
}
.is24-icon-delete:before {
  content: "\e91e";
}
.is24-icon-download:before {
  content: "\e91f";
}
.is24-icon-draft-glyph:before {
  content: "\e920";
}
.is24-icon-draft:before {
  content: "\e921";
}
.is24-icon-edit-glyph:before {
  content: "\e922";
}
.is24-icon-edit:before {
  content: "\e923";
}
.is24-icon-error-glyph:before {
  content: "\e924";
}
.is24-icon-error:before {
  content: "\e925";
}
.is24-icon-favorite-like-your-property:before {
  content: "\e926";
}
.is24-icon-heart-Favorite-glyph:before {
  content: "\e927";
}
.is24-icon-heart-favorite:before {
  content: "\e928";
}
.is24-icon-highlight-ad:before {
  content: "\e929";
}
.is24-icon-info-glyph:before {
  content: "\e92a";
}
.is24-icon-info:before {
  content: "\e92b";
}
.is24-icon-lock-glyph:before {
  content: "\e92c";
}
.is24-icon-lock-unlock:before {
  content: "\e92d";
}
.is24-icon-lock:before {
  content: "\e92e";
}
.is24-icon-menu-burger-menu:before {
  content: "\e92f";
}
.is24-icon-menu-sub-menu:before {
  content: "\e930";
}
.is24-icon-message-email:before {
  content: "\e931";
}
.is24-icon-message-glyph:before {
  content: "\e932";
}
.is24-icon-message-read:before {
  content: "\e933";
}
.is24-icon-message-sent:before {
  content: "\e934";
}
.is24-icon-message-unread:before {
  content: "\e935";
}
.is24-icon-message-unsent:before {
  content: "\e936";
}
.is24-icon-message:before {
  content: "\e937";
}
.is24-icon-move-ad-up:before {
  content: "\e938";
}
.is24-icon-notification-alert-glyph:before {
  content: "\e939";
}
.is24-icon-notification-alert:before {
  content: "\e93a";
}
.is24-icon-password-hide:before {
  content: "\e93b";
}
.is24-icon-password-show:before {
  content: "\e93c";
}
.is24-icon-payment-cash-glyph:before {
  content: "\e93d";
}
.is24-icon-payment-cash:before {
  content: "\e93e";
}
.is24-icon-payment-credit-card-glyph:before {
  content: "\e93f";
}
.is24-icon-payment-credit-card:before {
  content: "\e940";
}
.is24-icon-payment-invoice:before {
  content: "\e941";
}
.is24-icon-persons:before {
  content: "\e942";
}
.is24-icon-positive-check:before {
  content: "\e943";
}
.is24-icon-printer-glyph:before {
  content: "\e944";
}
.is24-icon-printer:before {
  content: "\e945";
}
.is24-icon-profile:before {
  content: "\e946";
}
.is24-icon-question-mark-glyph:before {
  content: "\e947";
}
.is24-icon-question-mark:before {
  content: "\e948";
}
.is24-icon-rating-state-1:before {
  content: "\e949";
}
.is24-icon-rating-state-2:before {
  content: "\e94a";
}
.is24-icon-rating-state-3:before {
  content: "\e94b";
}
.is24-icon-rearrange-option:before {
  content: "\e94c";
}
.is24-icon-rearrange:before {
  content: "\e94d";
}
.is24-icon-remove-glyph:before {
  content: "\e94e";
}
.is24-icon-remove:before {
  content: "\e94f";
}
.is24-icon-save-search-glyph:before {
  content: "\e950";
}
.is24-icon-save-search-option-glyph:before {
  content: "\e951";
}
.is24-icon-save-search-option:before {
  content: "\e952";
}
.is24-icon-save-search:before {
  content: "\e953";
}
.is24-icon-search-glyph:before {
  content: "\e954";
}
.is24-icon-search:before {
  content: "\e955";
}
.is24-icon-settings-glyph:before {
  content: "\e956";
}
.is24-icon-settings:before {
  content: "\e957";
}
.is24-icon-share-glyph:before {
  content: "\e958";
}
.is24-icon-share:before {
  content: "\e959";
}
.is24-icon-show-password-glyph:before {
  content: "\e95a";
}
.is24-icon-spam-glyph:before {
  content: "\e95b";
}
.is24-icon-spam:before {
  content: "\e95c";
}
.is24-icon-telephone-glyph:before {
  content: "\e95d";
}
.is24-icon-telephone-option-glyph:before {
  content: "\e95e";
}
.is24-icon-telephone-option:before {
  content: "\e95f";
}
.is24-icon-telephone:before {
  content: "\e960";
}
.is24-icon-unlock-glyph:before {
  content: "\e961";
}
.is24-icon-unread-glyph:before {
  content: "\e962";
}
.is24-icon-upgrade-ad-glyph:before {
  content: "\e963";
}
.is24-icon-upgrade-ad:before {
  content: "\e964";
}
.is24-icon-upload:before {
  content: "\e965";
}
.is24-icon-warning-glyph:before {
  content: "\e966";
}
.is24-icon-warning:before {
  content: "\e967";
}
.is24-icon-write-message-glyph:before {
  content: "\e968";
}
.is24-icon-write-message:before {
  content: "\e969";
}
.is24-icon-apartment-option-2-glyph:before {
  content: "\e96a";
}
.is24-icon-apartment-option-2:before {
  content: "\e96b";
}
.is24-icon-apartment-option-glyph:before {
  content: "\e96c";
}
.is24-icon-apartment-option:before {
  content: "\e96d";
}
.is24-icon-application-documents:before {
  content: "\e96e";
}
.is24-icon-bakeries:before {
  content: "\e96f";
}
.is24-icon-balcony-glyph:before {
  content: "\e970";
}
.is24-icon-balcony:before {
  content: "\e971";
}
.is24-icon-book-with-euro-sign:before {
  content: "\e972";
}
.is24-icon-booklet-folder-glyph:before {
  content: "\e973";
}
.is24-icon-booklet-folder:before {
  content: "\e974";
}
.is24-icon-building-apartment-glyph:before {
  content: "\e975";
}
.is24-icon-building-apartment:before {
  content: "\e976";
}
.is24-icon-building-assembled-house:before {
  content: "\e977";
}
.is24-icon-building-bungalow:before {
  content: "\e978";
}
.is24-icon-building-business-glyph:before {
  content: "\e979";
}
.is24-icon-building-business:before {
  content: "\e97a";
}
.is24-icon-building-new-apartment-building:before {
  content: "\e97b";
}
.is24-icon-building-new-building:before {
  content: "\e97c";
}
.is24-icon-building-prefab-house:before {
  content: "\e97d";
}
.is24-icon-building-semi-detached-house:before {
  content: "\e97e";
}
.is24-icon-building-single-family-house:before {
  content: "\e97f";
}
.is24-icon-building-solid-construction:before {
  content: "\e980";
}
.is24-icon-building-two-family-house:before {
  content: "\e981";
}
.is24-icon-calculator:before {
  content: "\e982";
}
.is24-icon-car-park:before {
  content: "\e983";
}
.is24-icon-city-district:before {
  content: "\e984";
}
.is24-icon-doctors:before {
  content: "\e985";
}
.is24-icon-documents-with-plus-symbol:before {
  content: "\e986";
}
.is24-icon-elevator:before {
  content: "\e987";
}
.is24-icon-financing-option-glyph:before {
  content: "\e988";
}
.is24-icon-financing-option:before {
  content: "\e989";
}
.is24-icon-financing:before {
  content: "\e98a";
}
.is24-icon-find-location:before {
  content: "\e98b";
}
.is24-icon-fitted-kitchen-glyph:before {
  content: "\e98c";
}
.is24-icon-fitted-kitchen:before {
  content: "\e98d";
}
.is24-icon-garden-glyph:before {
  content: "\e98e";
}
.is24-icon-garden:before {
  content: "\e98f";
}
.is24-icon-geo-location:before {
  content: "\e990";
}
.is24-icon-grocery:before {
  content: "\e991";
}
.is24-icon-home-dwelling:before {
  content: "\e992";
}
.is24-icon-house-attic:before {
  content: "\e993";
}
.is24-icon-house-basement:before {
  content: "\e994";
}
.is24-icon-house-ground-floor:before {
  content: "\e995";
}
.is24-icon-house-loft-glyph:before {
  content: "\e996";
}
.is24-icon-house-loft-option:before {
  content: "\e997";
}
.is24-icon-house-loft:before {
  content: "\e998";
}
.is24-icon-house-maisonette:before {
  content: "\e999";
}
.is24-icon-house-with-loupe:before {
  content: "\e99a";
}
.is24-icon-household-size:before {
  content: "\e99b";
}
.is24-icon-household-with-euro-sign:before {
  content: "\e99c";
}
.is24-icon-household-with-percent-icon:before {
  content: "\e99d";
}
.is24-icon-immo-ad:before {
  content: "\e99e";
}
.is24-icon-immo-rating:before {
  content: "\e99f";
}
.is24-icon-internet:before {
  content: "\e9a0";
}
.is24-icon-key:before {
  content: "\e9a1";
}
.is24-icon-kindergarden-day-care:before {
  content: "\e9a2";
}
.is24-icon-land-plot-house-build-glyph:before {
  content: "\e9a3";
}
.is24-icon-land-plot-house-build:before {
  content: "\e9a4";
}
.is24-icon-legal-advice:before {
  content: "\e9a5";
}
.is24-icon-list-view-compare:before {
  content: "\e9a6";
}
.is24-icon-location-glyph:before {
  content: "\e9a7";
}
.is24-icon-location:before {
  content: "\e9a8";
}
.is24-icon-map-glyph:before {
  content: "\e9a9";
}
.is24-icon-map:before {
  content: "\e9aa";
}
.is24-icon-mobile-communication:before {
  content: "\e9ab";
}
.is24-icon-move-in:before {
  content: "\e9ac";
}
.is24-icon-move-out:before {
  content: "\e9ad";
}
.is24-icon-moving-planner-glyph:before {
  content: "\e9ae";
}
.is24-icon-moving-planner:before {
  content: "\e9af";
}
.is24-icon-moving:before {
  content: "\e9b0";
}
.is24-icon-noise-level-option-glyph:before {
  content: "\e9b1";
}
.is24-icon-noise-level-option:before {
  content: "\e9b2";
}
.is24-icon-noise-level:before {
  content: "\e9b3";
}
.is24-icon-number-of-rooms:before {
  content: "\e9b4";
}
.is24-icon-occupancy:before {
  content: "\e9b5";
}
.is24-icon-owner-plus-glyph:before {
  content: "\e9b6";
}
.is24-icon-owner-plus:before {
  content: "\e9b7";
}
.is24-icon-pedestrian-as24:before {
  content: "\e9b8";
}
.is24-icon-person-with-checkmark:before {
  content: "\e9b9";
}
.is24-icon-poll-survey-glyph:before {
  content: "\e9ba";
}
.is24-icon-poll-survey:before {
  content: "\e9bb";
}
.is24-icon-price-map:before {
  content: "\e9bc";
}
.is24-icon-price-per-squaremeter:before {
  content: "\e9bd";
}
.is24-icon-property-delevoper:before {
  content: "\e9be";
}
.is24-icon-property:before {
  content: "\e9bf";
}
.is24-icon-public-transfort:before {
  content: "\e9c0";
}
.is24-icon-public-transport-option:before {
  content: "\e9c1";
}
.is24-icon-radius-search-glyph:before {
  content: "\e9c2";
}
.is24-icon-radius-search:before {
  content: "\e9c3";
}
.is24-icon-scale-icon:before {
  content: "\e9c4";
}
.is24-icon-schools:before {
  content: "\e9c5";
}
.is24-icon-smiley-icon-favorite-glyph:before {
  content: "\e9c6";
}
.is24-icon-smiley-icon-favorite:before {
  content: "\e9c7";
}
.is24-icon-smiley-icon-maybe-glyph:before {
  content: "\e9c8";
}
.is24-icon-smiley-icon-maybe:before {
  content: "\e9c9";
}
.is24-icon-smiley-icon-uninteresting-glyph:before {
  content: "\e9ca";
}
.is24-icon-smiley-icon-uninteresting:before {
  content: "\e9cb";
}
.is24-icon-solar-potential-glyph:before {
  content: "\e9cc";
}
.is24-icon-solar-potential:before {
  content: "\e9cd";
}
.is24-icon-statistic-with-arrow-up:before {
  content: "\e9ce";
}
.is24-icon-statistics-20:before {
  content: "\e9cf";
}
.is24-icon-statistics:before {
  content: "\e9d0";
}
.is24-icon-travel-time:before {
  content: "\e9d1";
}
.is24-icon-turnkey-ready-to-use:before {
  content: "\e9d2";
}
.is24-icon-vehicle-bicycle-as24:before {
  content: "\e9d3";
}
.is24-icon-vehicle-car-as24:before {
  content: "\e9d4";
}
.is24-icon-vehicle-taxi:before {
  content: "\e9d5";
}
.is24-icon-wheelmap:before {
  content: "\e9d6";
}
.is24-icon-star-loupe:before {
  content: "\ea4e";
}
.is24-icon-eye-check:before {
  content: "\ea4f";
}
.is24-icon-eye-slash:before {
  content: "\ea50";
}
.is24-icon-download-check:before {
  content: "\ea51";
}
.is24-icon-download-slash:before {
  content: "\ea52";
}
.is24-icon-profi-experten:before {
  content: "\ea55";
}
a,
abbr,
address,
article,
aside,
audio,
b,
blockquote,
body,
canvas,
caption,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
html,
i,
iframe,
img,
input,
ins,
kbd,
label,
legend,
li,
main,
mark,
menu,
nav,
object,
ol,
p,
pre,
q,
samp,
section,
select,
small,
span,
strong,
sub,
summary,
sup,
table,
tbody,
td,
textarea,
tfoot,
th,
thead,
time,
tr,
ul,
var,
video {
  border: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  outline: 0;
  padding: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section {
  display: block;
}
ul {
  list-style-type: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
td,
th {
  font-weight: 400;
  text-align: left;
  vertical-align: top;
}
button,
input,
select,
textarea {
  font-size: 1em;
  margin: 0;
}
body {
  -webkit-text-size-adjust: none;
}
.fineprint {
  font-size: 1.2rem;
}
.form-theme-white {
  background-color: #fff;
  padding: 8px;
}
.input-unit {
  display: inline-block;
  padding-right: 2em;
}
.unit-icon {
  display: inline-block;
  margin-left: -1.5em;
  padding: .416em 0;
  pointer-events: none;
  vertical-align: initial;
  width: 1.5em;
}
.input-checkbox,
.input-radio {
  display: block;
  float: left;
  margin-top: 5px;
}
.label-checkbox,
.label-radio {
  display: block;
  margin-left: 20px;
}
.animations {
  --duration-extra-fast:100ms;
  --duration-fast:150ms;
  --duration-medium:250ms;
  --duration-slow:350ms;
  --duration-extra-slow:500ms;
  --delay-none:0ms;
  --delay-short:50ms;
  --delay-medium:100ms;
  --delay-long:150ms;
  --easing-standard:cubic-bezier(0.4,0,0.2,1);
  --easing-emphasized:cubic-bezier(0.4,0,0.2,1);
  --easing-decelerate:cubic-bezier(0,0,0.2,1);
  --easing-accelerate:cubic-bezier(0.4,0,1,1);
  --motion-fade-in:var(--duration-medium);
}
.colors-light {
  --color-border-label-purple:#e3cdfd;
  --color-icon-label-purple:#693f8c;
  --annotation:#e0f;
  --wireframe-blue-0:#fff;
  --wireframe-blue-1:#ddeef9;
  --wireframe-blue-2:#9acced;
  --wireframe-blue-3:#3598db;
  --wireframe-blue-4:#236592;
  --brand-teal:#3df5dc;
  --brand-orange:#ff9626;
  --brand-yellow:#eff933;
  --brand-blue:#24e3ff;
  --brand-purple:#d5aaff;
  --gray-100:#fff;
  --gray-200:#fbf8f6;
  --gray-250:#f1efed;
  --gray-300:#e8e5e3;
  --gray-400:#dedcda;
  --gray-500:#d7d4d2;
  --gray-600:#d1cecd;
  --gray-650:#bdbbb9;
  --gray-700:#b1afae;
  --gray-750:#a3a2a1;
  --gray-800:#868484;
  --gray-850:#6a6a69;
  --gray-900:#484848;
  --gray-950:#3d3d3d;
  --gray-1000:#333;
  --gray-1100:#272727;
  --gray-1200:#1b1b1b;
  --gray-1300:#111;
  --gray-1400:#000;
  --blue-100:#ddeef9;
  --blue-200:#bcddf3;
  --blue-300:#9acced;
  --blue-400:#78bae7;
  --blue-500:#57a9e1;
  --blue-600:#3598db;
  --blue-700:#2c7fb7;
  --blue-800:#236592;
  --blue-900:#1b4c6e;
  --blue-1000:#123349;
  --blue-1100:#091925;
  --green-100:#d4f9f2;
  --green-200:#aaf2e5;
  --green-300:#80ecd8;
  --green-400:#55e6cb;
  --green-500:#2bdfbe;
  --green-600:#00d9b1;
  --green-700:#00b594;
  --green-800:#009176;
  --green-900:#006d59;
  --green-1000:#00483b;
  --green-1100:#00241e;
  --yellow-100:#fdf6db;
  --yellow-200:#fbedb7;
  --yellow-300:#f9e593;
  --yellow-400:#f6dc6e;
  --yellow-500:#f4d34a;
  --yellow-600:#f2ca26;
  --yellow-700:#caa820;
  --yellow-800:#a18719;
  --yellow-900:#796513;
  --yellow-1000:#51430d;
  --yellow-1100:#282206;
  --red-100:#fbe1de;
  --red-200:#f7c3be;
  --red-300:#f3a59e;
  --red-400:#ef877d;
  --red-500:#eb695d;
  --red-600:#e74b3c;
  --red-700:#c13f32;
  --red-800:#9a3228;
  --red-900:#74261e;
  --red-1000:#4d1914;
  --red-1100:#270d0a;
  --orange-100:#fbeada;
  --orange-200:#f7d4b6;
  --orange-300:#f3bf91;
  --orange-400:#eea96c;
  --orange-500:#ea9448;
  --orange-600:#e67e23;
  --orange-700:#c0691d;
  --orange-800:#995417;
  --orange-900:#733f12;
  --orange-1000:#4d2a0c;
  --orange-1100:#261506;
  --system-blue100:#e6f4ff;
  --system-blue200:#bae0ff;
  --system-blue300:#91caff;
  --system-blue400:#69b1ff;
  --system-blue500:#4096ff;
  --system-blue600:#1677ff;
  --system-blue700:#0958d9;
  --system-blue800:#003eb3;
  --system-blue900:#002c8c;
  --system-blue1000:#001d66;
  --system-red100:#fff1f0;
  --system-red200:#ffccc7;
  --system-red300:#ffa39e;
  --system-red400:#ff7875;
  --system-red500:#ff4d4f;
  --system-red600:#f5222d;
  --system-red700:#cf1322;
  --system-red800:#a8071a;
  --system-red900:#820014;
  --system-red1000:#5c0011;
  --system-yellow100:#fffbe6;
  --system-yellow200:#fff1b8;
  --system-yellow300:#ffe58f;
  --system-yellow400:#ffd666;
  --system-yellow500:#ffc53d;
  --system-yellow600:#faad14;
  --system-yellow700:#d48806;
  --system-yellow800:#ad6800;
  --system-yellow900:#874d00;
  --system-yellow1000:#613400;
  --system-green100:#f6ffed;
  --system-green200:#d9f7be;
  --system-green300:#b7eb8f;
  --system-green400:#95de64;
  --system-green500:#73d13d;
  --system-green600:#52c41a;
  --system-green700:#389e0d;
  --system-green800:#237804;
  --system-green900:#135200;
  --system-green1000:#092b00;
  --color-background-brand:var(--brand-teal);
  --color-background-default:var(--gray-100);
  --color-background-white:var(--gray-100);
  --color-background-weak:var(--gray-250);
  --color-background-weakest:var(--gray-200);
  --color-background-inversive:var(--gray-1000);
  --color-background-charcoal:var(--gray-1000);
  --color-background-info:var(--system-blue700);
  --color-background-info-weak:var(--system-blue100);
  --color-background-success:var(--system-green700);
  --color-background-success-weak:var(--system-green100);
  --color-background-danger:var(--system-red700);
  --color-background-danger-weak:var(--system-red100);
  --color-background-warning:var(--system-yellow700);
  --color-background-warning-weak:var(--system-yellow100);
  --color-background-input-default:var(--gray-100);
  --color-background-input-weak:var(--gray-200);
  --color-background-button-default-default:var(--gray-1000);
  --color-background-button-default-hovered:var(--gray-900);
  --color-background-button-default-pressed:var(--gray-850);
  --color-background-button-brand-default:var(--brand-teal);
  --color-background-button-brand-hovered:var(--green-400);
  --color-background-button-brand-pressed:var(--green-500);
  --color-background-button-success-weak-default:var(--system-green100);
  --color-background-button-success-weak-hovered:var(--system-green200);
  --color-background-button-success-weak-pressed:var(--system-green300);
  --color-background-button-hovered:var(--gray-250);
  --color-background-button-pressed:var(--gray-400);
  --color-background-button-disabled:var(--gray-400);
  --color-background-button-inversive-default:var(--gray-100);
  --color-background-button-inversive-hovered:var(--gray-300);
  --color-background-button-inversive-pressed:var(--gray-400);
  --color-background-button-inversive-selected:var(--gray-100);
  --color-background-button-weak-default:var(--gray-250);
  --color-background-button-weak-hovered:var(--gray-300);
  --color-background-button-weak-pressed:var(--gray-500);
  --color-background-button-weak-selected:var(--gray-1000);
  --color-background-button-danger-strong-default:var(--system-red800);
  --color-background-button-danger-strong-hovered:var(--system-red700);
  --color-background-button-danger-strong-pressed:var(--system-red600);
  --color-background-button-danger-weak-default:var(--system-red100);
  --color-background-button-danger-weak-hovered:var(--system-red200);
  --color-background-button-danger-weak-pressed:var(--system-red300);
  --color-border-strong:var(--gray-1000);
  --color-border-default:var(--gray-400);
  --color-border-weak:var(--gray-600);
  --color-border-inverse:var(--gray-100);
  --color-border-charcoal:var(--gray-1000);
  --color-border-white:var(--gray-100);
  --color-border-brand:var(--brand-teal);
  --color-border-success:var(--system-green700);
  --color-border-information:var(--system-blue800);
  --color-border-focused:var(--system-blue600);
  --color-border-warning:var(--system-yellow700);
  --color-border-danger:var(--system-red700);
  --color-border-input-default:var(--gray-600);
  --color-border-input-hover:var(--gray-850);
  --color-border-input-pressed:var(--gray-750);
  --color-border-input-focused:var(--gray-1000);
  --color-border-button-inversive-hovered:var(--gray-1000);
  --color-border-button-inversive-pressed:var(--gray-1000);
  --color-border-button-disabled:var(--gray-700);
  --color-border-button-strong-default:var(--gray-1000);
  --color-border-button-strong-hovered:var(--gray-1000);
  --color-border-button-strong-active:var(--gray-1000);
  --color-border-button-strong-pressed:var(--gray-1000);
  --color-border-button-weak-default:var(--gray-650);
  --color-border-button-weak-hovered:var(--gray-1000);
  --color-border-button-weak-pressed:var(--gray-1000);
  --color-border-button-weak-selected:var(--gray-1000);
  --color-border-label-red:var(--red-200);
  --color-border-label-green:var(--green-200);
  --color-border-label-yellow:var(--yellow-200);
  --color-border-label-blue:var(--blue-200);
  --color-border-label-teal:var(--green-200);
  --color-icon-default:var(--gray-1000);
  --color-icon-weak:var(--gray-850);
  --color-icon-weakest:var(--gray-700);
  --color-icon-charcoal:var(--gray-1000);
  --color-icon-inversive:var(--gray-100);
  --color-icon-white:var(--gray-100);
  --color-icon-info:var(--system-blue700);
  --color-icon-success:var(--system-green700);
  --color-icon-warning:var(--system-yellow800);
  --color-icon-danger:var(--system-red700);
  --color-icon-label-red:var(--red-900);
  --color-icon-label-green:var(--green-900);
  --color-icon-label-yellow:var(--yellow-900);
  --color-icon-label-blue:var(--blue-900);
  --color-icon-button-default:var(--gray-1000);
  --color-icon-button-inversive:var(--gray-100);
  --color-icon-button-charcoal:var(--gray-1000);
  --color-icon-button-danger:var(--system-red800);
  --color-icon-button-link-blue:var(--system-blue600);
  --color-icon-button-success:var(--system-green800);
  --color-icon-button-disabled:var(--gray-700);
  --color-text-default:var(--gray-1000);
  --color-text-button-default:var(--gray-1000);
  --color-text-button-inversive:var(--gray-100);
  --color-text-button-charcoal:var(--gray-1000);
  --color-text-button-danger:var(--system-red800);
  --color-text-button-link-blue:var(--system-blue600);
  --color-text-button-success:var(--system-green800);
  --color-text-button-disabled:var(--gray-700);
  --color-text-weak:var(--gray-850);
  --color-text-inversive:var(--gray-100);
  --color-text-brand:var(--brand-teal);
  --color-text-success:var(--system-green800);
  --color-text-danger:var(--system-red700);
  --color-text-warning:var(--system-yellow800);
  --color-text-info:var(--system-blue700);
  --color-text-white:var(--gray-100);
  --color-text-charcoal:var(--gray-1000);
  --color-charts-category1-default:var(--green-600);
  --color-charts-category1-weak:var(--green-100);
  --color-charts-category2-default:var(--blue-600);
  --color-charts-category2-weak:var(--blue-100);
  --color-charts-category3-default:var(--orange-600);
  --color-charts-category3-weak:var(--orange-100);
  --color-charts-category4-default:var(--yellow-600);
  --color-charts-category4-weak:var(--yellow-100);
  --color-charts-category6:var(--gray-850);
  --color-charts-category7:var(--gray-1000);
  --color-charts-category5-default:var(--red-600);
  --color-charts-category5-weak:var(--red-100);
  --color-link-default:var(--gray-1000);
  --color-link-weak:var(--gray-850);
  --color-link-blue:var(--system-blue600);
  --color-elevation-base0:var(--gray-100);
  --color-elevation-base1:var(--gray-200);
  --color-elevation-surface-default:var(--gray-100);
  --color-elevation-surface-raised:var(--gray-200);
  --color-elevation-surface-overlay:var(--gray-100);
  --color-elevation-surface-sticky:var(--gray-100);
  --icon-white:var(--gray-100);
  --color-border-label-white:var(--color-border-weak);
  --color-border-label-gray:var(--color-border-default);
  --color-icon-label-white:var(--color-text-default);
  --color-icon-label-gray:var(--color-text-default);
  --color-icon-label-teal:var(--color-text-default);
}
.colors-dark {
  --color-border-button-inversive-hovered:#fff;
  --color-border-button-inversive-pressed:#fff;
  --color-border-button-strong-hovered:#fff;
  --color-border-button-strong-pressed:#fff;
  --color-border-button-weak-hovered:#fff;
  --color-border-button-weak-pressed:#fff;
  --color-border-label-purple:#e3cdfd;
  --color-icon-label-purple:#693f8c;
  --icon-white:#fff;
  --annotation:#f567ff;
  --wireframe-blue-0:#fff;
  --wireframe-blue-1:#ddeef9;
  --wireframe-blue-2:#9acced;
  --wireframe-blue-3:#3598db;
  --wireframe-blue-4:#236592;
  --brand-teal:#3df5dc;
  --brand-orange:#ff9626;
  --brand-yellow:#eff933;
  --brand-blue:#24e3ff;
  --brand-purple:#d5aaff;
  --gray-100:#fff;
  --gray-200:#fbf8f6;
  --gray-250:#f1efed;
  --gray-300:#e8e5e3;
  --gray-400:#dedcda;
  --gray-500:#d7d4d2;
  --gray-600:#d1cecd;
  --gray-650:#bdbbb9;
  --gray-700:#b1afae;
  --gray-750:#a3a2a1;
  --gray-800:#868484;
  --gray-850:#6a6a69;
  --gray-900:#484848;
  --gray-950:#3d3d3d;
  --gray-1000:#333;
  --gray-1100:#272727;
  --gray-1200:#1b1b1b;
  --gray-1300:#111;
  --gray-1400:#000;
  --blue-100:#ddeef9;
  --blue-200:#bcddf3;
  --blue-300:#9acced;
  --blue-400:#78bae7;
  --blue-500:#57a9e1;
  --blue-600:#3598db;
  --blue-700:#2c7fb7;
  --blue-800:#236592;
  --blue-900:#1b4c6e;
  --blue-1000:#123349;
  --blue-1100:#091925;
  --green-100:#d4f9f2;
  --green-200:#aaf2e5;
  --green-300:#80ecd8;
  --green-400:#55e6cb;
  --green-500:#2bdfbe;
  --green-600:#00d9b1;
  --green-700:#00b594;
  --green-800:#009176;
  --green-900:#006d59;
  --green-1000:#00483b;
  --green-1100:#00241e;
  --yellow-100:#fdf6db;
  --yellow-200:#fbedb7;
  --yellow-300:#f9e593;
  --yellow-400:#f6dc6e;
  --yellow-500:#f4d34a;
  --yellow-600:#f2ca26;
  --yellow-700:#caa820;
  --yellow-800:#a18719;
  --yellow-900:#796513;
  --yellow-1000:#51430d;
  --yellow-1100:#282206;
  --red-100:#fbe1de;
  --red-200:#f7c3be;
  --red-300:#f3a59e;
  --red-400:#ef877d;
  --red-500:#eb695d;
  --red-600:#e74b3c;
  --red-700:#c13f32;
  --red-800:#9a3228;
  --red-900:#74261e;
  --red-1000:#4d1914;
  --red-1100:#270d0a;
  --orange-100:#fbeada;
  --orange-200:#f7d4b6;
  --orange-300:#f3bf91;
  --orange-400:#eea96c;
  --orange-500:#ea9448;
  --orange-600:#e67e23;
  --orange-700:#c0691d;
  --orange-800:#995417;
  --orange-900:#733f12;
  --orange-1000:#4d2a0c;
  --orange-1100:#261506;
  --system-blue100:#e6f4ff;
  --system-blue200:#bae0ff;
  --system-blue300:#91caff;
  --system-blue400:#69b1ff;
  --system-blue500:#4096ff;
  --system-blue600:#1677ff;
  --system-blue700:#0958d9;
  --system-blue800:#003eb3;
  --system-blue900:#002c8c;
  --system-blue1000:#001d66;
  --system-red100:#fff1f0;
  --system-red200:#ffccc7;
  --system-red300:#ffa39e;
  --system-red400:#ff7875;
  --system-red500:#ff4d4f;
  --system-red600:#f5222d;
  --system-red700:#cf1322;
  --system-red800:#a8071a;
  --system-red900:#820014;
  --system-red1000:#5c0011;
  --system-yellow100:#fffbe6;
  --system-yellow200:#fff1b8;
  --system-yellow300:#ffe58f;
  --system-yellow400:#ffd666;
  --system-yellow500:#ffc53d;
  --system-yellow600:#faad14;
  --system-yellow700:#d48806;
  --system-yellow800:#ad6800;
  --system-yellow900:#874d00;
  --system-yellow1000:#613400;
  --system-green100:#f6ffed;
  --system-green200:#d9f7be;
  --system-green300:#b7eb8f;
  --system-green400:#95de64;
  --system-green500:#73d13d;
  --system-green600:#52c41a;
  --system-green700:#389e0d;
  --system-green800:#237804;
  --system-green900:#135200;
  --system-green1000:#092b00;
  --color-background-brand:var(--brand-teal);
  --color-background-default:var(--gray-1100);
  --color-background-white:var(--gray-100);
  --color-background-weak:var(--gray-900);
  --color-background-weakest:var(--gray-1000);
  --color-background-inversive:var(--gray-100);
  --color-background-charcoal:var(--gray-1000);
  --color-background-info:var(--system-blue600);
  --color-background-info-weak:var(--system-blue100);
  --color-background-success:var(--system-green400);
  --color-background-success-weak:var(--system-green100);
  --color-background-danger:var(--system-red400);
  --color-background-danger-weak:var(--system-red100);
  --color-background-warning:var(--system-yellow400);
  --color-background-warning-weak:var(--system-yellow100);
  --color-background-input-default:var(--gray-1000);
  --color-background-input-weak:var(--gray-1200);
  --color-background-button-default-default:var(--gray-100);
  --color-background-button-default-hovered:var(--gray-300);
  --color-background-button-default-pressed:var(--gray-400);
  --color-background-button-brand-default:var(--brand-teal);
  --color-background-button-brand-hovered:var(--green-400);
  --color-background-button-brand-pressed:var(--green-500);
  --color-background-button-success-weak-default:var(--system-green100);
  --color-background-button-success-weak-hovered:var(--system-green200);
  --color-background-button-success-weak-pressed:var(--system-green300);
  --color-background-button-hovered:var(--gray-1000);
  --color-background-button-pressed:var(--gray-900);
  --color-background-button-disabled:var(--gray-800);
  --color-background-button-inversive-default:var(--gray-1100);
  --color-background-button-inversive-hovered:var(--gray-1000);
  --color-background-button-inversive-pressed:var(--gray-900);
  --color-background-button-inversive-selected:var(--gray-1100);
  --color-background-button-weak-default:var(--gray-900);
  --color-background-button-weak-hovered:var(--gray-850);
  --color-background-button-weak-pressed:var(--gray-800);
  --color-background-button-weak-selected:var(--gray-100);
  --color-background-button-danger-strong-default:var(--system-red200);
  --color-background-button-danger-strong-hovered:var(--system-red300);
  --color-background-button-danger-strong-pressed:var(--system-red400);
  --color-background-button-danger-weak-default:var(--system-red100);
  --color-background-button-danger-weak-hovered:var(--system-red200);
  --color-background-button-danger-weak-pressed:var(--system-red300);
  --color-border-strong:var(--gray-100);
  --color-border-default:var(--gray-900);
  --color-border-weak:var(--gray-850);
  --color-border-inverse:var(--gray-1300);
  --color-border-charcoal:var(--gray-1000);
  --color-border-white:var(--gray-100);
  --color-border-brand:var(--brand-teal);
  --color-border-success:var(--system-green400);
  --color-border-information:var(--system-blue400);
  --color-border-focused:var(--system-blue400);
  --color-border-warning:var(--system-yellow400);
  --color-border-danger:var(--system-red400);
  --color-border-input-default:var(--gray-850);
  --color-border-input-hover:var(--gray-200);
  --color-border-input-pressed:var(--gray-300);
  --color-border-input-focused:var(--gray-100);
  --color-border-button-disabled:var(--gray-800);
  --color-border-button-strong-default:var(--gray-100);
  --color-border-button-strong-active:var(--gray-100);
  --color-border-button-weak-default:var(--gray-800);
  --color-border-button-weak-selected:var(--gray-100);
  --color-border-label-red:var(--red-200);
  --color-border-label-green:var(--green-200);
  --color-border-label-yellow:var(--yellow-200);
  --color-border-label-blue:var(--blue-200);
  --color-border-label-teal:var(--green-200);
  --color-icon-default:var(--gray-100);
  --color-icon-weak:var(--gray-500);
  --color-icon-weakest:var(--gray-700);
  --color-icon-charcoal:var(--gray-1000);
  --color-icon-inversive:var(--gray-1000);
  --color-icon-white:var(--gray-100);
  --color-icon-info:var(--system-blue400);
  --color-icon-success:var(--system-green400);
  --color-icon-warning:var(--system-yellow400);
  --color-icon-danger:var(--system-red400);
  --color-icon-label-red:var(--red-900);
  --color-icon-label-green:var(--green-900);
  --color-icon-label-yellow:var(--yellow-900);
  --color-icon-label-blue:var(--blue-900);
  --color-icon-button-default:var(--gray-100);
  --color-icon-button-inversive:var(--gray-1000);
  --color-icon-button-charcoal:var(--gray-1000);
  --color-icon-button-danger:var(--system-red300);
  --color-icon-button-link-blue:var(--system-blue300);
  --color-icon-button-success:var(--system-green800);
  --color-icon-button-disabled:var(--gray-900);
  --color-text-default:var(--gray-200);
  --color-text-button-default:var(--gray-100);
  --color-text-button-inversive:var(--gray-1000);
  --color-text-button-charcoal:var(--gray-1000);
  --color-text-button-danger:var(--system-red300);
  --color-text-button-link-blue:var(--system-blue300);
  --color-text-button-success:var(--system-green800);
  --color-text-button-disabled:var(--gray-900);
  --color-text-weak:var(--gray-650);
  --color-text-inversive:var(--gray-1000);
  --color-text-brand:var(--brand-teal);
  --color-text-success:var(--system-green400);
  --color-text-danger:var(--system-red400);
  --color-text-warning:var(--system-yellow400);
  --color-text-info:var(--system-blue400);
  --color-text-white:var(--gray-100);
  --color-text-charcoal:var(--gray-1000);
  --color-charts-category1-default:var(--green-500);
  --color-charts-category1-weak:var(--green-1000);
  --color-charts-category2-default:var(--blue-500);
  --color-charts-category2-weak:var(--blue-1000);
  --color-charts-category3-default:var(--orange-500);
  --color-charts-category3-weak:var(--orange-1000);
  --color-charts-category4-default:var(--yellow-500);
  --color-charts-category4-weak:var(--yellow-1000);
  --color-charts-category6:var(--gray-850);
  --color-charts-category7:var(--gray-1000);
  --color-charts-category5-default:var(--red-400);
  --color-charts-category5-weak:var(--red-1000);
  --color-link-default:var(--gray-100);
  --color-link-weak:var(--gray-500);
  --color-link-blue:var(--system-blue300);
  --color-elevation-base0:var(--gray-1300);
  --color-elevation-base1:var(--gray-1100);
  --color-elevation-surface-default:var(--gray-1300);
  --color-elevation-surface-raised:var(--gray-1200);
  --color-elevation-surface-overlay:var(--gray-1100);
  --color-elevation-surface-sticky:var(--gray-1100);
  --color-border-label-white:var(--color-border-weak);
  --color-border-label-gray:var(--color-border-default);
  --color-icon-label-white:var(--color-text-default);
  --color-icon-label-gray:var(--color-text-default);
  --color-icon-label-teal:var(--color-text-default);
}
.sizes-desktop {
  --size-heading-xsmalls:14px;
  --weight-light:Light;
  --weight-regular:Regular;
  --weight-bold:Bold;
  --weight-x-bold:XBold;
  --size-0:0px;
  --size-50:2px;
  --size-100:4px;
  --size-150:6px;
  --size-200:8px;
  --size-250:10px;
  --size-300:12px;
  --size-350:14px;
  --size-400:16px;
  --size-450:18px;
  --size-500:20px;
  --size-550:22px;
  --size-600:24px;
  --size-650:26px;
  --size-700:28px;
  --size-750:30px;
  --size-800:32px;
  --size-850:34px;
  --size-900:36px;
  --size-950:38px;
  --size-1000:40px;
  --size-1100:44px;
  --size-1200:48px;
  --size-1300:52px;
  --size-1400:56px;
  --size-1450:58px;
  --size-1500:60px;
  --size-1600:64px;
  --size-1700:68px;
  --size-1800:72px;
  --size-1900:76px;
  --size-2000:80px;
  --size-2400:96px;
  --size-3200:128px;
  --border-radius-rounded:999px;
  --size-heading-xlarge:var(--size-1200);
  --size-heading-large:var(--size-850);
  --size-heading-medium:var(--size-650);
  --size-heading-small:var(--size-500);
  --size-heading-xsmall:var(--size-450);
  --size-heading-xxsmall:var(--size-300);
  --size-body-large:var(--size-400);
  --size-body-medium:var(--size-350);
  --size-body-small:var(--size-300);
  --line-height-heading-xlarge:var(--size-1450);
  --line-height-heading-large:var(--size-1100);
  --line-height-heading-medium:var(--size-900);
  --line-height-heading-small:var(--size-750);
  --line-height-heading-xsmall:var(--size-700);
  --line-height-body-large:var(--size-650);
  --line-height-body-medium:var(--size-550);
  --line-height-body-small:var(--size-450);
  --spacing-100:var(--size-100);
  --spacing-200:var(--size-200);
  --spacing-300:var(--size-300);
  --spacing-400:var(--size-400);
  --spacing-600:var(--size-600);
  --spacing-800:var(--size-800);
  --spacing-1000:var(--size-1000);
  --spacing-1500:var(--size-1500);
  --spacing-2000:var(--size-2000);
  --border-radius-50:var(--size-50);
  --border-radius-100:var(--size-100);
  --border-radius-200:var(--size-200);
  --border-radius-300:var(--size-300);
  --border-radius-400:var(--size-400);
  --border-radius-600:var(--size-600);
  --border-radius-1000:var(--size-1000);
}
.sizes-palm {
  --weight-regular:Regular;
  --weight-bold:Bold;
  --size-0:0px;
  --size-50:2px;
  --size-100:4px;
  --size-150:6px;
  --size-200:8px;
  --size-250:10px;
  --size-300:12px;
  --size-350:14px;
  --size-400:16px;
  --size-450:18px;
  --size-500:20px;
  --size-550:22px;
  --size-600:24px;
  --size-650:26px;
  --size-700:28px;
  --size-750:30px;
  --size-800:32px;
  --size-850:34px;
  --size-900:36px;
  --size-950:38px;
  --size-1000:40px;
  --size-1100:44px;
  --size-1200:48px;
  --size-1300:52px;
  --size-1400:56px;
  --size-1450:58px;
  --size-1500:60px;
  --size-1600:64px;
  --size-1700:68px;
  --size-1800:72px;
  --size-1900:76px;
  --size-2000:80px;
  --size-2400:96px;
  --size-3200:128px;
  --border-radius-rounded:999px;
  --size-heading-xlarge:var(--size-800);
  --size-heading-large:var(--size-700);
  --size-heading-medium:var(--size-600);
  --size-heading-small:var(--size-500);
  --size-heading-xsmall:var(--size-450);
  --size-heading-xxsmall:var(--size-300);
  --size-body-large:var(--size-400);
  --size-body-medium:var(--size-350);
  --size-body-small:var(--size-300);
  --line-height-heading-xlarge:var(--size-1000);
  --line-height-heading-large:var(--size-900);
  --line-height-heading-medium:var(--size-850);
  --line-height-heading-small:var(--size-750);
  --line-height-heading-xsmall:var(--size-700);
  --line-height-body-large:var(--size-650);
  --line-height-body-medium:var(--size-550);
  --line-height-body-small:var(--size-450);
  --spacing-100:var(--size-100);
  --spacing-200:var(--size-200);
  --spacing-300:var(--size-300);
  --spacing-400:var(--size-400);
  --spacing-600:var(--size-600);
  --spacing-800:var(--size-800);
  --spacing-1000:var(--size-1000);
  --spacing-1500:var(--size-1500);
  --spacing-2000:var(--size-2000);
  --border-radius-50:var(--size-50);
  --border-radius-100:var(--size-100);
  --border-radius-200:var(--size-200);
  --border-radius-300:var(--size-300);
  --border-radius-400:var(--size-400);
  --border-radius-600:var(--size-600);
  --border-radius-1000:var(--size-1000);
}
.elevations {
  --elevation-0:0px 4px 8px 0px #0000001a;
  --elevation-10:0px 1px 2px 0px #0000000a;
  --elevation-20:0px 2px 4px 0px #00000014;
  --elevation-30:0px 4px 8px 0px #0000001a;
  --elevation-40:0px 8px 16px 0px #0000001f;
  --elevation-50:0px 16px 24px 0px #00000024;
  --elevation-60:0px 24px 32px 0px #00000029;
  --elevation-70:0px 32px 48px 0px #0003;
  --elevation-top:0px -4px 8px 0px #0000001a;
  --elevation-left:-4px 0px 8px 0px #0000001a;
  --elevation-right:4px 0px 8px 0px #0000001a;
  --elevation-down:0px 4px 8px 0px #0000001a;
}
:root {
  --color-border-label-purple:#e3cdfd;
  --color-icon-label-purple:#693f8c;
  --annotation:#e0f;
  --wireframe-blue-0:#fff;
  --wireframe-blue-1:#ddeef9;
  --wireframe-blue-2:#9acced;
  --wireframe-blue-3:#3598db;
  --wireframe-blue-4:#236592;
  --brand-teal:#3df5dc;
  --brand-orange:#ff9626;
  --brand-yellow:#eff933;
  --brand-blue:#24e3ff;
  --brand-purple:#d5aaff;
  --gray-100:#fff;
  --gray-200:#fbf8f6;
  --gray-250:#f1efed;
  --gray-300:#e8e5e3;
  --gray-400:#dedcda;
  --gray-500:#d7d4d2;
  --gray-600:#d1cecd;
  --gray-650:#bdbbb9;
  --gray-700:#b1afae;
  --gray-750:#a3a2a1;
  --gray-800:#868484;
  --gray-850:#6a6a69;
  --gray-900:#484848;
  --gray-950:#3d3d3d;
  --gray-1000:#333;
  --gray-1100:#272727;
  --gray-1200:#1b1b1b;
  --gray-1300:#111;
  --gray-1400:#000;
  --blue-100:#ddeef9;
  --blue-200:#bcddf3;
  --blue-300:#9acced;
  --blue-400:#78bae7;
  --blue-500:#57a9e1;
  --blue-600:#3598db;
  --blue-700:#2c7fb7;
  --blue-800:#236592;
  --blue-900:#1b4c6e;
  --blue-1000:#123349;
  --blue-1100:#091925;
  --green-100:#d4f9f2;
  --green-200:#aaf2e5;
  --green-300:#80ecd8;
  --green-400:#55e6cb;
  --green-500:#2bdfbe;
  --green-600:#00d9b1;
  --green-700:#00b594;
  --green-800:#009176;
  --green-900:#006d59;
  --green-1000:#00483b;
  --green-1100:#00241e;
  --yellow-100:#fdf6db;
  --yellow-200:#fbedb7;
  --yellow-300:#f9e593;
  --yellow-400:#f6dc6e;
  --yellow-500:#f4d34a;
  --yellow-600:#f2ca26;
  --yellow-700:#caa820;
  --yellow-800:#a18719;
  --yellow-900:#796513;
  --yellow-1000:#51430d;
  --yellow-1100:#282206;
  --red-100:#fbe1de;
  --red-200:#f7c3be;
  --red-300:#f3a59e;
  --red-400:#ef877d;
  --red-500:#eb695d;
  --red-600:#e74b3c;
  --red-700:#c13f32;
  --red-800:#9a3228;
  --red-900:#74261e;
  --red-1000:#4d1914;
  --red-1100:#270d0a;
  --orange-100:#fbeada;
  --orange-200:#f7d4b6;
  --orange-300:#f3bf91;
  --orange-400:#eea96c;
  --orange-500:#ea9448;
  --orange-600:#e67e23;
  --orange-700:#c0691d;
  --orange-800:#995417;
  --orange-900:#733f12;
  --orange-1000:#4d2a0c;
  --orange-1100:#261506;
  --system-blue100:#e6f4ff;
  --system-blue200:#bae0ff;
  --system-blue300:#91caff;
  --system-blue400:#69b1ff;
  --system-blue500:#4096ff;
  --system-blue600:#1677ff;
  --system-blue700:#0958d9;
  --system-blue800:#003eb3;
  --system-blue900:#002c8c;
  --system-blue1000:#001d66;
  --system-red100:#fff1f0;
  --system-red200:#ffccc7;
  --system-red300:#ffa39e;
  --system-red400:#ff7875;
  --system-red500:#ff4d4f;
  --system-red600:#f5222d;
  --system-red700:#cf1322;
  --system-red800:#a8071a;
  --system-red900:#820014;
  --system-red1000:#5c0011;
  --system-yellow100:#fffbe6;
  --system-yellow200:#fff1b8;
  --system-yellow300:#ffe58f;
  --system-yellow400:#ffd666;
  --system-yellow500:#ffc53d;
  --system-yellow600:#faad14;
  --system-yellow700:#d48806;
  --system-yellow800:#ad6800;
  --system-yellow900:#874d00;
  --system-yellow1000:#613400;
  --system-green100:#f6ffed;
  --system-green200:#d9f7be;
  --system-green300:#b7eb8f;
  --system-green400:#95de64;
  --system-green500:#73d13d;
  --system-green600:#52c41a;
  --system-green700:#389e0d;
  --system-green800:#237804;
  --system-green900:#135200;
  --system-green1000:#092b00;
  --color-background-brand:var(--brand-teal);
  --color-background-default:var(--gray-100);
  --color-background-white:var(--gray-100);
  --color-background-weak:var(--gray-250);
  --color-background-weakest:var(--gray-200);
  --color-background-inversive:var(--gray-1000);
  --color-background-charcoal:var(--gray-1000);
  --color-background-info:var(--system-blue700);
  --color-background-info-weak:var(--system-blue100);
  --color-background-success:var(--system-green700);
  --color-background-success-weak:var(--system-green100);
  --color-background-danger:var(--system-red700);
  --color-background-danger-weak:var(--system-red100);
  --color-background-warning:var(--system-yellow700);
  --color-background-warning-weak:var(--system-yellow100);
  --color-background-input-default:var(--gray-100);
  --color-background-input-weak:var(--gray-200);
  --color-background-button-default-default:var(--gray-1000);
  --color-background-button-default-hovered:var(--gray-900);
  --color-background-button-default-pressed:var(--gray-850);
  --color-background-button-brand-default:var(--brand-teal);
  --color-background-button-brand-hovered:var(--green-400);
  --color-background-button-brand-pressed:var(--green-500);
  --color-background-button-success-weak-default:var(--system-green100);
  --color-background-button-success-weak-hovered:var(--system-green200);
  --color-background-button-success-weak-pressed:var(--system-green300);
  --color-background-button-hovered:var(--gray-250);
  --color-background-button-pressed:var(--gray-400);
  --color-background-button-disabled:var(--gray-400);
  --color-background-button-inversive-default:var(--gray-100);
  --color-background-button-inversive-hovered:var(--gray-300);
  --color-background-button-inversive-pressed:var(--gray-400);
  --color-background-button-inversive-selected:var(--gray-100);
  --color-background-button-weak-default:var(--gray-250);
  --color-background-button-weak-hovered:var(--gray-300);
  --color-background-button-weak-pressed:var(--gray-500);
  --color-background-button-weak-selected:var(--gray-1000);
  --color-background-button-danger-strong-default:var(--system-red800);
  --color-background-button-danger-strong-hovered:var(--system-red700);
  --color-background-button-danger-strong-pressed:var(--system-red600);
  --color-background-button-danger-weak-default:var(--system-red100);
  --color-background-button-danger-weak-hovered:var(--system-red200);
  --color-background-button-danger-weak-pressed:var(--system-red300);
  --color-border-strong:var(--gray-1000);
  --color-border-default:var(--gray-400);
  --color-border-weak:var(--gray-600);
  --color-border-inverse:var(--gray-100);
  --color-border-charcoal:var(--gray-1000);
  --color-border-white:var(--gray-100);
  --color-border-brand:var(--brand-teal);
  --color-border-success:var(--system-green700);
  --color-border-information:var(--system-blue800);
  --color-border-focused:var(--system-blue600);
  --color-border-warning:var(--system-yellow700);
  --color-border-danger:var(--system-red700);
  --color-border-input-default:var(--gray-600);
  --color-border-input-hover:var(--gray-850);
  --color-border-input-pressed:var(--gray-750);
  --color-border-input-focused:var(--gray-1000);
  --color-border-button-inversive-hovered:var(--gray-1000);
  --color-border-button-inversive-pressed:var(--gray-1000);
  --color-border-button-disabled:var(--gray-700);
  --color-border-button-strong-default:var(--gray-1000);
  --color-border-button-strong-hovered:var(--gray-1000);
  --color-border-button-strong-active:var(--gray-1000);
  --color-border-button-strong-pressed:var(--gray-1000);
  --color-border-button-weak-default:var(--gray-650);
  --color-border-button-weak-hovered:var(--gray-1000);
  --color-border-button-weak-pressed:var(--gray-1000);
  --color-border-button-weak-selected:var(--gray-1000);
  --color-border-label-red:var(--red-200);
  --color-border-label-green:var(--green-200);
  --color-border-label-yellow:var(--yellow-200);
  --color-border-label-blue:var(--blue-200);
  --color-border-label-teal:var(--green-200);
  --color-icon-default:var(--gray-1000);
  --color-icon-weak:var(--gray-850);
  --color-icon-weakest:var(--gray-700);
  --color-icon-charcoal:var(--gray-1000);
  --color-icon-inversive:var(--gray-100);
  --color-icon-white:var(--gray-100);
  --color-icon-info:var(--system-blue700);
  --color-icon-success:var(--system-green700);
  --color-icon-warning:var(--system-yellow800);
  --color-icon-danger:var(--system-red700);
  --color-icon-label-red:var(--red-900);
  --color-icon-label-green:var(--green-900);
  --color-icon-label-yellow:var(--yellow-900);
  --color-icon-label-blue:var(--blue-900);
  --color-icon-button-default:var(--gray-1000);
  --color-icon-button-inversive:var(--gray-100);
  --color-icon-button-charcoal:var(--gray-1000);
  --color-icon-button-danger:var(--system-red800);
  --color-icon-button-link-blue:var(--system-blue600);
  --color-icon-button-success:var(--system-green800);
  --color-icon-button-disabled:var(--gray-700);
  --color-text-default:var(--gray-1000);
  --color-text-button-default:var(--gray-1000);
  --color-text-button-inversive:var(--gray-100);
  --color-text-button-charcoal:var(--gray-1000);
  --color-text-button-danger:var(--system-red800);
  --color-text-button-link-blue:var(--system-blue600);
  --color-text-button-success:var(--system-green800);
  --color-text-button-disabled:var(--gray-700);
  --color-text-weak:var(--gray-850);
  --color-text-inversive:var(--gray-100);
  --color-text-brand:var(--brand-teal);
  --color-text-success:var(--system-green800);
  --color-text-danger:var(--system-red700);
  --color-text-warning:var(--system-yellow800);
  --color-text-info:var(--system-blue700);
  --color-text-white:var(--gray-100);
  --color-text-charcoal:var(--gray-1000);
  --color-charts-category1-default:var(--green-600);
  --color-charts-category1-weak:var(--green-100);
  --color-charts-category2-default:var(--blue-600);
  --color-charts-category2-weak:var(--blue-100);
  --color-charts-category3-default:var(--orange-600);
  --color-charts-category3-weak:var(--orange-100);
  --color-charts-category4-default:var(--yellow-600);
  --color-charts-category4-weak:var(--yellow-100);
  --color-charts-category6:var(--gray-850);
  --color-charts-category7:var(--gray-1000);
  --color-charts-category5-default:var(--red-600);
  --color-charts-category5-weak:var(--red-100);
  --color-link-default:var(--gray-1000);
  --color-link-weak:var(--gray-850);
  --color-link-blue:var(--system-blue600);
  --color-elevation-base0:var(--gray-100);
  --color-elevation-base1:var(--gray-200);
  --color-elevation-surface-default:var(--gray-100);
  --color-elevation-surface-raised:var(--gray-200);
  --color-elevation-surface-overlay:var(--gray-100);
  --color-elevation-surface-sticky:var(--gray-100);
  --icon-white:var(--gray-100);
  --color-border-label-white:var(--color-border-weak);
  --color-border-label-gray:var(--color-border-default);
  --color-icon-label-white:var(--color-text-default);
  --color-icon-label-gray:var(--color-text-default);
  --color-icon-label-teal:var(--color-text-default);
  --weight-regular:Regular;
  --weight-bold:Bold;
  --size-0:0px;
  --size-50:2px;
  --size-100:4px;
  --size-150:6px;
  --size-200:8px;
  --size-250:10px;
  --size-300:12px;
  --size-350:14px;
  --size-400:16px;
  --size-450:18px;
  --size-500:20px;
  --size-550:22px;
  --size-600:24px;
  --size-650:26px;
  --size-700:28px;
  --size-750:30px;
  --size-800:32px;
  --size-850:34px;
  --size-900:36px;
  --size-950:38px;
  --size-1000:40px;
  --size-1100:44px;
  --size-1200:48px;
  --size-1300:52px;
  --size-1400:56px;
  --size-1450:58px;
  --size-1500:60px;
  --size-1600:64px;
  --size-1700:68px;
  --size-1800:72px;
  --size-1900:76px;
  --size-2000:80px;
  --size-2400:96px;
  --size-3200:128px;
  --border-radius-rounded:999px;
  --size-heading-xlarge:var(--size-800);
  --size-heading-large:var(--size-700);
  --size-heading-medium:var(--size-600);
  --size-heading-small:var(--size-500);
  --size-heading-xsmall:var(--size-450);
  --size-heading-xxsmall:var(--size-300);
  --size-body-large:var(--size-400);
  --size-body-medium:var(--size-350);
  --size-body-small:var(--size-300);
  --line-height-heading-xlarge:var(--size-1000);
  --line-height-heading-large:var(--size-900);
  --line-height-heading-medium:var(--size-850);
  --line-height-heading-small:var(--size-750);
  --line-height-heading-xsmall:var(--size-700);
  --line-height-body-large:var(--size-650);
  --line-height-body-medium:var(--size-550);
  --line-height-body-small:var(--size-450);
  --spacing-100:var(--size-100);
  --spacing-200:var(--size-200);
  --spacing-300:var(--size-300);
  --spacing-400:var(--size-400);
  --spacing-600:var(--size-600);
  --spacing-800:var(--size-800);
  --spacing-1000:var(--size-1000);
  --spacing-1500:var(--size-1500);
  --spacing-2000:var(--size-2000);
  --border-radius-50:var(--size-50);
  --border-radius-100:var(--size-100);
  --border-radius-200:var(--size-200);
  --border-radius-300:var(--size-300);
  --border-radius-400:var(--size-400);
  --border-radius-600:var(--size-600);
  --border-radius-1000:var(--size-1000);
  --elevation-0:0px 4px 8px 0px #0000001a;
  --elevation-10:0px 1px 2px 0px #0000000a;
  --elevation-20:0px 2px 4px 0px #00000014;
  --elevation-30:0px 4px 8px 0px #0000001a;
  --elevation-40:0px 8px 16px 0px #0000001f;
  --elevation-50:0px 16px 24px 0px #00000024;
  --elevation-60:0px 24px 32px 0px #00000029;
  --elevation-70:0px 32px 48px 0px #0003;
  --elevation-top:0px -4px 8px 0px #0000001a;
  --elevation-left:-4px 0px 8px 0px #0000001a;
  --elevation-right:4px 0px 8px 0px #0000001a;
  --elevation-down:0px 4px 8px 0px #0000001a;
  --duration-extra-fast:100ms;
  --duration-fast:150ms;
  --duration-medium:250ms;
  --duration-slow:350ms;
  --duration-extra-slow:500ms;
  --delay-none:0ms;
  --delay-short:50ms;
  --delay-medium:100ms;
  --delay-long:150ms;
  --easing-standard:cubic-bezier(0.4,0,0.2,1);
  --easing-emphasized:cubic-bezier(0.4,0,0.2,1);
  --easing-decelerate:cubic-bezier(0,0,0.2,1);
  --easing-accelerate:cubic-bezier(0.4,0,1,1);
  --motion-fade-in:var(--duration-medium);
}
:root [data-color-scheme=light] {
  --color-border-label-purple:#e3cdfd;
  --color-icon-label-purple:#693f8c;
  --annotation:#e0f;
  --wireframe-blue-0:#fff;
  --wireframe-blue-1:#ddeef9;
  --wireframe-blue-2:#9acced;
  --wireframe-blue-3:#3598db;
  --wireframe-blue-4:#236592;
  --brand-teal:#3df5dc;
  --brand-orange:#ff9626;
  --brand-yellow:#eff933;
  --brand-blue:#24e3ff;
  --brand-purple:#d5aaff;
  --gray-100:#fff;
  --gray-200:#fbf8f6;
  --gray-250:#f1efed;
  --gray-300:#e8e5e3;
  --gray-400:#dedcda;
  --gray-500:#d7d4d2;
  --gray-600:#d1cecd;
  --gray-650:#bdbbb9;
  --gray-700:#b1afae;
  --gray-750:#a3a2a1;
  --gray-800:#868484;
  --gray-850:#6a6a69;
  --gray-900:#484848;
  --gray-950:#3d3d3d;
  --gray-1000:#333;
  --gray-1100:#272727;
  --gray-1200:#1b1b1b;
  --gray-1300:#111;
  --gray-1400:#000;
  --blue-100:#ddeef9;
  --blue-200:#bcddf3;
  --blue-300:#9acced;
  --blue-400:#78bae7;
  --blue-500:#57a9e1;
  --blue-600:#3598db;
  --blue-700:#2c7fb7;
  --blue-800:#236592;
  --blue-900:#1b4c6e;
  --blue-1000:#123349;
  --blue-1100:#091925;
  --green-100:#d4f9f2;
  --green-200:#aaf2e5;
  --green-300:#80ecd8;
  --green-400:#55e6cb;
  --green-500:#2bdfbe;
  --green-600:#00d9b1;
  --green-700:#00b594;
  --green-800:#009176;
  --green-900:#006d59;
  --green-1000:#00483b;
  --green-1100:#00241e;
  --yellow-100:#fdf6db;
  --yellow-200:#fbedb7;
  --yellow-300:#f9e593;
  --yellow-400:#f6dc6e;
  --yellow-500:#f4d34a;
  --yellow-600:#f2ca26;
  --yellow-700:#caa820;
  --yellow-800:#a18719;
  --yellow-900:#796513;
  --yellow-1000:#51430d;
  --yellow-1100:#282206;
  --red-100:#fbe1de;
  --red-200:#f7c3be;
  --red-300:#f3a59e;
  --red-400:#ef877d;
  --red-500:#eb695d;
  --red-600:#e74b3c;
  --red-700:#c13f32;
  --red-800:#9a3228;
  --red-900:#74261e;
  --red-1000:#4d1914;
  --red-1100:#270d0a;
  --orange-100:#fbeada;
  --orange-200:#f7d4b6;
  --orange-300:#f3bf91;
  --orange-400:#eea96c;
  --orange-500:#ea9448;
  --orange-600:#e67e23;
  --orange-700:#c0691d;
  --orange-800:#995417;
  --orange-900:#733f12;
  --orange-1000:#4d2a0c;
  --orange-1100:#261506;
  --system-blue100:#e6f4ff;
  --system-blue200:#bae0ff;
  --system-blue300:#91caff;
  --system-blue400:#69b1ff;
  --system-blue500:#4096ff;
  --system-blue600:#1677ff;
  --system-blue700:#0958d9;
  --system-blue800:#003eb3;
  --system-blue900:#002c8c;
  --system-blue1000:#001d66;
  --system-red100:#fff1f0;
  --system-red200:#ffccc7;
  --system-red300:#ffa39e;
  --system-red400:#ff7875;
  --system-red500:#ff4d4f;
  --system-red600:#f5222d;
  --system-red700:#cf1322;
  --system-red800:#a8071a;
  --system-red900:#820014;
  --system-red1000:#5c0011;
  --system-yellow100:#fffbe6;
  --system-yellow200:#fff1b8;
  --system-yellow300:#ffe58f;
  --system-yellow400:#ffd666;
  --system-yellow500:#ffc53d;
  --system-yellow600:#faad14;
  --system-yellow700:#d48806;
  --system-yellow800:#ad6800;
  --system-yellow900:#874d00;
  --system-yellow1000:#613400;
  --system-green100:#f6ffed;
  --system-green200:#d9f7be;
  --system-green300:#b7eb8f;
  --system-green400:#95de64;
  --system-green500:#73d13d;
  --system-green600:#52c41a;
  --system-green700:#389e0d;
  --system-green800:#237804;
  --system-green900:#135200;
  --system-green1000:#092b00;
  --color-background-brand:var(--brand-teal);
  --color-background-default:var(--gray-100);
  --color-background-white:var(--gray-100);
  --color-background-weak:var(--gray-250);
  --color-background-weakest:var(--gray-200);
  --color-background-inversive:var(--gray-1000);
  --color-background-charcoal:var(--gray-1000);
  --color-background-info:var(--system-blue700);
  --color-background-info-weak:var(--system-blue100);
  --color-background-success:var(--system-green700);
  --color-background-success-weak:var(--system-green100);
  --color-background-danger:var(--system-red700);
  --color-background-danger-weak:var(--system-red100);
  --color-background-warning:var(--system-yellow700);
  --color-background-warning-weak:var(--system-yellow100);
  --color-background-input-default:var(--gray-100);
  --color-background-input-weak:var(--gray-200);
  --color-background-button-default-default:var(--gray-1000);
  --color-background-button-default-hovered:var(--gray-900);
  --color-background-button-default-pressed:var(--gray-850);
  --color-background-button-brand-default:var(--brand-teal);
  --color-background-button-brand-hovered:var(--green-400);
  --color-background-button-brand-pressed:var(--green-500);
  --color-background-button-success-weak-default:var(--system-green100);
  --color-background-button-success-weak-hovered:var(--system-green200);
  --color-background-button-success-weak-pressed:var(--system-green300);
  --color-background-button-hovered:var(--gray-250);
  --color-background-button-pressed:var(--gray-400);
  --color-background-button-disabled:var(--gray-400);
  --color-background-button-inversive-default:var(--gray-100);
  --color-background-button-inversive-hovered:var(--gray-300);
  --color-background-button-inversive-pressed:var(--gray-400);
  --color-background-button-inversive-selected:var(--gray-100);
  --color-background-button-weak-default:var(--gray-250);
  --color-background-button-weak-hovered:var(--gray-300);
  --color-background-button-weak-pressed:var(--gray-500);
  --color-background-button-weak-selected:var(--gray-1000);
  --color-background-button-danger-strong-default:var(--system-red800);
  --color-background-button-danger-strong-hovered:var(--system-red700);
  --color-background-button-danger-strong-pressed:var(--system-red600);
  --color-background-button-danger-weak-default:var(--system-red100);
  --color-background-button-danger-weak-hovered:var(--system-red200);
  --color-background-button-danger-weak-pressed:var(--system-red300);
  --color-border-strong:var(--gray-1000);
  --color-border-default:var(--gray-400);
  --color-border-weak:var(--gray-600);
  --color-border-inverse:var(--gray-100);
  --color-border-charcoal:var(--gray-1000);
  --color-border-white:var(--gray-100);
  --color-border-brand:var(--brand-teal);
  --color-border-success:var(--system-green700);
  --color-border-information:var(--system-blue800);
  --color-border-focused:var(--system-blue600);
  --color-border-warning:var(--system-yellow700);
  --color-border-danger:var(--system-red700);
  --color-border-input-default:var(--gray-600);
  --color-border-input-hover:var(--gray-850);
  --color-border-input-pressed:var(--gray-750);
  --color-border-input-focused:var(--gray-1000);
  --color-border-button-inversive-hovered:var(--gray-1000);
  --color-border-button-inversive-pressed:var(--gray-1000);
  --color-border-button-disabled:var(--gray-700);
  --color-border-button-strong-default:var(--gray-1000);
  --color-border-button-strong-hovered:var(--gray-1000);
  --color-border-button-strong-active:var(--gray-1000);
  --color-border-button-strong-pressed:var(--gray-1000);
  --color-border-button-weak-default:var(--gray-650);
  --color-border-button-weak-hovered:var(--gray-1000);
  --color-border-button-weak-pressed:var(--gray-1000);
  --color-border-button-weak-selected:var(--gray-1000);
  --color-border-label-red:var(--red-200);
  --color-border-label-green:var(--green-200);
  --color-border-label-yellow:var(--yellow-200);
  --color-border-label-blue:var(--blue-200);
  --color-border-label-teal:var(--green-200);
  --color-icon-default:var(--gray-1000);
  --color-icon-weak:var(--gray-850);
  --color-icon-weakest:var(--gray-700);
  --color-icon-charcoal:var(--gray-1000);
  --color-icon-inversive:var(--gray-100);
  --color-icon-white:var(--gray-100);
  --color-icon-info:var(--system-blue700);
  --color-icon-success:var(--system-green700);
  --color-icon-warning:var(--system-yellow800);
  --color-icon-danger:var(--system-red700);
  --color-icon-label-red:var(--red-900);
  --color-icon-label-green:var(--green-900);
  --color-icon-label-yellow:var(--yellow-900);
  --color-icon-label-blue:var(--blue-900);
  --color-icon-button-default:var(--gray-1000);
  --color-icon-button-inversive:var(--gray-100);
  --color-icon-button-charcoal:var(--gray-1000);
  --color-icon-button-danger:var(--system-red800);
  --color-icon-button-link-blue:var(--system-blue600);
  --color-icon-button-success:var(--system-green800);
  --color-icon-button-disabled:var(--gray-700);
  --color-text-default:var(--gray-1000);
  --color-text-button-default:var(--gray-1000);
  --color-text-button-inversive:var(--gray-100);
  --color-text-button-charcoal:var(--gray-1000);
  --color-text-button-danger:var(--system-red800);
  --color-text-button-link-blue:var(--system-blue600);
  --color-text-button-success:var(--system-green800);
  --color-text-button-disabled:var(--gray-700);
  --color-text-weak:var(--gray-850);
  --color-text-inversive:var(--gray-100);
  --color-text-brand:var(--brand-teal);
  --color-text-success:var(--system-green800);
  --color-text-danger:var(--system-red700);
  --color-text-warning:var(--system-yellow800);
  --color-text-info:var(--system-blue700);
  --color-text-white:var(--gray-100);
  --color-text-charcoal:var(--gray-1000);
  --color-charts-category1-default:var(--green-600);
  --color-charts-category1-weak:var(--green-100);
  --color-charts-category2-default:var(--blue-600);
  --color-charts-category2-weak:var(--blue-100);
  --color-charts-category3-default:var(--orange-600);
  --color-charts-category3-weak:var(--orange-100);
  --color-charts-category4-default:var(--yellow-600);
  --color-charts-category4-weak:var(--yellow-100);
  --color-charts-category6:var(--gray-850);
  --color-charts-category7:var(--gray-1000);
  --color-charts-category5-default:var(--red-600);
  --color-charts-category5-weak:var(--red-100);
  --color-link-default:var(--gray-1000);
  --color-link-weak:var(--gray-850);
  --color-link-blue:var(--system-blue600);
  --color-elevation-base0:var(--gray-100);
  --color-elevation-base1:var(--gray-200);
  --color-elevation-surface-default:var(--gray-100);
  --color-elevation-surface-raised:var(--gray-200);
  --color-elevation-surface-overlay:var(--gray-100);
  --color-elevation-surface-sticky:var(--gray-100);
  --icon-white:var(--gray-100);
  --color-border-label-white:var(--color-border-weak);
  --color-border-label-gray:var(--color-border-default);
  --color-icon-label-white:var(--color-text-default);
  --color-icon-label-gray:var(--color-text-default);
  --color-icon-label-teal:var(--color-text-default);
}
:root [data-color-scheme=dark] {
  --color-border-button-inversive-hovered:#fff;
  --color-border-button-inversive-pressed:#fff;
  --color-border-button-strong-hovered:#fff;
  --color-border-button-strong-pressed:#fff;
  --color-border-button-weak-hovered:#fff;
  --color-border-button-weak-pressed:#fff;
  --color-border-label-purple:#e3cdfd;
  --color-icon-label-purple:#693f8c;
  --icon-white:#fff;
  --annotation:#f567ff;
  --wireframe-blue-0:#fff;
  --wireframe-blue-1:#ddeef9;
  --wireframe-blue-2:#9acced;
  --wireframe-blue-3:#3598db;
  --wireframe-blue-4:#236592;
  --brand-teal:#3df5dc;
  --brand-orange:#ff9626;
  --brand-yellow:#eff933;
  --brand-blue:#24e3ff;
  --brand-purple:#d5aaff;
  --gray-100:#fff;
  --gray-200:#fbf8f6;
  --gray-250:#f1efed;
  --gray-300:#e8e5e3;
  --gray-400:#dedcda;
  --gray-500:#d7d4d2;
  --gray-600:#d1cecd;
  --gray-650:#bdbbb9;
  --gray-700:#b1afae;
  --gray-750:#a3a2a1;
  --gray-800:#868484;
  --gray-850:#6a6a69;
  --gray-900:#484848;
  --gray-950:#3d3d3d;
  --gray-1000:#333;
  --gray-1100:#272727;
  --gray-1200:#1b1b1b;
  --gray-1300:#111;
  --gray-1400:#000;
  --blue-100:#ddeef9;
  --blue-200:#bcddf3;
  --blue-300:#9acced;
  --blue-400:#78bae7;
  --blue-500:#57a9e1;
  --blue-600:#3598db;
  --blue-700:#2c7fb7;
  --blue-800:#236592;
  --blue-900:#1b4c6e;
  --blue-1000:#123349;
  --blue-1100:#091925;
  --green-100:#d4f9f2;
  --green-200:#aaf2e5;
  --green-300:#80ecd8;
  --green-400:#55e6cb;
  --green-500:#2bdfbe;
  --green-600:#00d9b1;
  --green-700:#00b594;
  --green-800:#009176;
  --green-900:#006d59;
  --green-1000:#00483b;
  --green-1100:#00241e;
  --yellow-100:#fdf6db;
  --yellow-200:#fbedb7;
  --yellow-300:#f9e593;
  --yellow-400:#f6dc6e;
  --yellow-500:#f4d34a;
  --yellow-600:#f2ca26;
  --yellow-700:#caa820;
  --yellow-800:#a18719;
  --yellow-900:#796513;
  --yellow-1000:#51430d;
  --yellow-1100:#282206;
  --red-100:#fbe1de;
  --red-200:#f7c3be;
  --red-300:#f3a59e;
  --red-400:#ef877d;
  --red-500:#eb695d;
  --red-600:#e74b3c;
  --red-700:#c13f32;
  --red-800:#9a3228;
  --red-900:#74261e;
  --red-1000:#4d1914;
  --red-1100:#270d0a;
  --orange-100:#fbeada;
  --orange-200:#f7d4b6;
  --orange-300:#f3bf91;
  --orange-400:#eea96c;
  --orange-500:#ea9448;
  --orange-600:#e67e23;
  --orange-700:#c0691d;
  --orange-800:#995417;
  --orange-900:#733f12;
  --orange-1000:#4d2a0c;
  --orange-1100:#261506;
  --system-blue100:#e6f4ff;
  --system-blue200:#bae0ff;
  --system-blue300:#91caff;
  --system-blue400:#69b1ff;
  --system-blue500:#4096ff;
  --system-blue600:#1677ff;
  --system-blue700:#0958d9;
  --system-blue800:#003eb3;
  --system-blue900:#002c8c;
  --system-blue1000:#001d66;
  --system-red100:#fff1f0;
  --system-red200:#ffccc7;
  --system-red300:#ffa39e;
  --system-red400:#ff7875;
  --system-red500:#ff4d4f;
  --system-red600:#f5222d;
  --system-red700:#cf1322;
  --system-red800:#a8071a;
  --system-red900:#820014;
  --system-red1000:#5c0011;
  --system-yellow100:#fffbe6;
  --system-yellow200:#fff1b8;
  --system-yellow300:#ffe58f;
  --system-yellow400:#ffd666;
  --system-yellow500:#ffc53d;
  --system-yellow600:#faad14;
  --system-yellow700:#d48806;
  --system-yellow800:#ad6800;
  --system-yellow900:#874d00;
  --system-yellow1000:#613400;
  --system-green100:#f6ffed;
  --system-green200:#d9f7be;
  --system-green300:#b7eb8f;
  --system-green400:#95de64;
  --system-green500:#73d13d;
  --system-green600:#52c41a;
  --system-green700:#389e0d;
  --system-green800:#237804;
  --system-green900:#135200;
  --system-green1000:#092b00;
  --color-background-brand:var(--brand-teal);
  --color-background-default:var(--gray-1100);
  --color-background-white:var(--gray-100);
  --color-background-weak:var(--gray-900);
  --color-background-weakest:var(--gray-1000);
  --color-background-inversive:var(--gray-100);
  --color-background-charcoal:var(--gray-1000);
  --color-background-info:var(--system-blue600);
  --color-background-info-weak:var(--system-blue100);
  --color-background-success:var(--system-green400);
  --color-background-success-weak:var(--system-green100);
  --color-background-danger:var(--system-red400);
  --color-background-danger-weak:var(--system-red100);
  --color-background-warning:var(--system-yellow400);
  --color-background-warning-weak:var(--system-yellow100);
  --color-background-input-default:var(--gray-1000);
  --color-background-input-weak:var(--gray-1200);
  --color-background-button-default-default:var(--gray-100);
  --color-background-button-default-hovered:var(--gray-300);
  --color-background-button-default-pressed:var(--gray-400);
  --color-background-button-brand-default:var(--brand-teal);
  --color-background-button-brand-hovered:var(--green-400);
  --color-background-button-brand-pressed:var(--green-500);
  --color-background-button-success-weak-default:var(--system-green100);
  --color-background-button-success-weak-hovered:var(--system-green200);
  --color-background-button-success-weak-pressed:var(--system-green300);
  --color-background-button-hovered:var(--gray-1000);
  --color-background-button-pressed:var(--gray-900);
  --color-background-button-disabled:var(--gray-800);
  --color-background-button-inversive-default:var(--gray-1100);
  --color-background-button-inversive-hovered:var(--gray-1000);
  --color-background-button-inversive-pressed:var(--gray-900);
  --color-background-button-inversive-selected:var(--gray-1100);
  --color-background-button-weak-default:var(--gray-900);
  --color-background-button-weak-hovered:var(--gray-850);
  --color-background-button-weak-pressed:var(--gray-800);
  --color-background-button-weak-selected:var(--gray-100);
  --color-background-button-danger-strong-default:var(--system-red200);
  --color-background-button-danger-strong-hovered:var(--system-red300);
  --color-background-button-danger-strong-pressed:var(--system-red400);
  --color-background-button-danger-weak-default:var(--system-red100);
  --color-background-button-danger-weak-hovered:var(--system-red200);
  --color-background-button-danger-weak-pressed:var(--system-red300);
  --color-border-strong:var(--gray-100);
  --color-border-default:var(--gray-900);
  --color-border-weak:var(--gray-850);
  --color-border-inverse:var(--gray-1300);
  --color-border-charcoal:var(--gray-1000);
  --color-border-white:var(--gray-100);
  --color-border-brand:var(--brand-teal);
  --color-border-success:var(--system-green400);
  --color-border-information:var(--system-blue400);
  --color-border-focused:var(--system-blue400);
  --color-border-warning:var(--system-yellow400);
  --color-border-danger:var(--system-red400);
  --color-border-input-default:var(--gray-850);
  --color-border-input-hover:var(--gray-200);
  --color-border-input-pressed:var(--gray-300);
  --color-border-input-focused:var(--gray-100);
  --color-border-button-disabled:var(--gray-800);
  --color-border-button-strong-default:var(--gray-100);
  --color-border-button-strong-active:var(--gray-100);
  --color-border-button-weak-default:var(--gray-800);
  --color-border-button-weak-selected:var(--gray-100);
  --color-border-label-red:var(--red-200);
  --color-border-label-green:var(--green-200);
  --color-border-label-yellow:var(--yellow-200);
  --color-border-label-blue:var(--blue-200);
  --color-border-label-teal:var(--green-200);
  --color-icon-default:var(--gray-100);
  --color-icon-weak:var(--gray-500);
  --color-icon-weakest:var(--gray-700);
  --color-icon-charcoal:var(--gray-1000);
  --color-icon-inversive:var(--gray-1000);
  --color-icon-white:var(--gray-100);
  --color-icon-info:var(--system-blue400);
  --color-icon-success:var(--system-green400);
  --color-icon-warning:var(--system-yellow400);
  --color-icon-danger:var(--system-red400);
  --color-icon-label-red:var(--red-900);
  --color-icon-label-green:var(--green-900);
  --color-icon-label-yellow:var(--yellow-900);
  --color-icon-label-blue:var(--blue-900);
  --color-icon-button-default:var(--gray-100);
  --color-icon-button-inversive:var(--gray-1000);
  --color-icon-button-charcoal:var(--gray-1000);
  --color-icon-button-danger:var(--system-red300);
  --color-icon-button-link-blue:var(--system-blue300);
  --color-icon-button-success:var(--system-green800);
  --color-icon-button-disabled:var(--gray-900);
  --color-text-default:var(--gray-200);
  --color-text-button-default:var(--gray-100);
  --color-text-button-inversive:var(--gray-1000);
  --color-text-button-charcoal:var(--gray-1000);
  --color-text-button-danger:var(--system-red300);
  --color-text-button-link-blue:var(--system-blue300);
  --color-text-button-success:var(--system-green800);
  --color-text-button-disabled:var(--gray-900);
  --color-text-weak:var(--gray-650);
  --color-text-inversive:var(--gray-1000);
  --color-text-brand:var(--brand-teal);
  --color-text-success:var(--system-green400);
  --color-text-danger:var(--system-red400);
  --color-text-warning:var(--system-yellow400);
  --color-text-info:var(--system-blue400);
  --color-text-white:var(--gray-100);
  --color-text-charcoal:var(--gray-1000);
  --color-charts-category1-default:var(--green-500);
  --color-charts-category1-weak:var(--green-1000);
  --color-charts-category2-default:var(--blue-500);
  --color-charts-category2-weak:var(--blue-1000);
  --color-charts-category3-default:var(--orange-500);
  --color-charts-category3-weak:var(--orange-1000);
  --color-charts-category4-default:var(--yellow-500);
  --color-charts-category4-weak:var(--yellow-1000);
  --color-charts-category6:var(--gray-850);
  --color-charts-category7:var(--gray-1000);
  --color-charts-category5-default:var(--red-400);
  --color-charts-category5-weak:var(--red-1000);
  --color-link-default:var(--gray-100);
  --color-link-weak:var(--gray-500);
  --color-link-blue:var(--system-blue300);
  --color-elevation-base0:var(--gray-1300);
  --color-elevation-base1:var(--gray-1100);
  --color-elevation-surface-default:var(--gray-1300);
  --color-elevation-surface-raised:var(--gray-1200);
  --color-elevation-surface-overlay:var(--gray-1100);
  --color-elevation-surface-sticky:var(--gray-1100);
  --color-border-label-white:var(--color-border-weak);
  --color-border-label-gray:var(--color-border-default);
  --color-icon-label-white:var(--color-text-default);
  --color-icon-label-gray:var(--color-text-default);
  --color-icon-label-teal:var(--color-text-default);
}
@media (min-width: 669px) {
  :root {
    --size-heading-xsmalls:14px;
    --weight-light:Light;
    --weight-regular:Regular;
    --weight-bold:Bold;
    --weight-x-bold:XBold;
    --size-0:0px;
    --size-50:2px;
    --size-100:4px;
    --size-150:6px;
    --size-200:8px;
    --size-250:10px;
    --size-300:12px;
    --size-350:14px;
    --size-400:16px;
    --size-450:18px;
    --size-500:20px;
    --size-550:22px;
    --size-600:24px;
    --size-650:26px;
    --size-700:28px;
    --size-750:30px;
    --size-800:32px;
    --size-850:34px;
    --size-900:36px;
    --size-950:38px;
    --size-1000:40px;
    --size-1100:44px;
    --size-1200:48px;
    --size-1300:52px;
    --size-1400:56px;
    --size-1450:58px;
    --size-1500:60px;
    --size-1600:64px;
    --size-1700:68px;
    --size-1800:72px;
    --size-1900:76px;
    --size-2000:80px;
    --size-2400:96px;
    --size-3200:128px;
    --border-radius-rounded:999px;
    --size-heading-xlarge:var(--size-1200);
    --size-heading-large:var(--size-850);
    --size-heading-medium:var(--size-650);
    --size-heading-small:var(--size-500);
    --size-heading-xsmall:var(--size-450);
    --size-heading-xxsmall:var(--size-300);
    --size-body-large:var(--size-400);
    --size-body-medium:var(--size-350);
    --size-body-small:var(--size-300);
    --line-height-heading-xlarge:var(--size-1450);
    --line-height-heading-large:var(--size-1100);
    --line-height-heading-medium:var(--size-900);
    --line-height-heading-small:var(--size-750);
    --line-height-heading-xsmall:var(--size-700);
    --line-height-body-large:var(--size-650);
    --line-height-body-medium:var(--size-550);
    --line-height-body-small:var(--size-450);
    --spacing-100:var(--size-100);
    --spacing-200:var(--size-200);
    --spacing-300:var(--size-300);
    --spacing-400:var(--size-400);
    --spacing-600:var(--size-600);
    --spacing-800:var(--size-800);
    --spacing-1000:var(--size-1000);
    --spacing-1500:var(--size-1500);
    --spacing-2000:var(--size-2000);
    --border-radius-50:var(--size-50);
    --border-radius-100:var(--size-100);
    --border-radius-200:var(--size-200);
    --border-radius-300:var(--size-300);
    --border-radius-400:var(--size-400);
    --border-radius-600:var(--size-600);
    --border-radius-1000:var(--size-1000);
  }
}
html {
  font-size: 62.5%;
}
body {
  background-color: #fff;
  color: #333;
  font-size: 1.4em;
  line-height: 1.61;
}
body,
body [data-theme=core],
body[data-theme=core] {
  font-family:
    Open Sans,
    Verdana,
    DejaVu Sans,
    Arial,
    Helvetica,
    sans-serif;
}
body [data-theme=cosma],
body[data-theme=cosma] {
  font-family:
    Make It Better,
    Verdana,
    DejaVu Sans,
    Arial,
    Helvetica,
    sans-serif;
}
.with-dark-mode,
[data-color-scheme=light] .with-dark-mode {
  background-color: #fff;
}
[data-color-scheme=dark] .with-dark-mode {
  background-color: #333;
}
.with-dark-mode,
[data-color-scheme=light] .with-dark-mode {
  color: #333;
}
[data-color-scheme=dark] .with-dark-mode {
  color: #fff;
}
.page-wrapper {
  background-color: #fff;
  margin-left: auto;
  margin-right: auto;
  max-width: 1170px;
}
.page-wrapper--full-width {
  margin-left: 0;
  margin-right: 0;
  max-width: none;
}
@media (min-width: 1014px) {
  .page-wrapper--full-width {
    border: none;
    padding-left: 0;
    padding-right: 0;
  }
}
.content-wrapper {
  margin: 0 auto;
  max-width: 1170px;
  padding: 0 16px;
}
@media (min-width: 669px) {
  .content-wrapper {
    padding: 0 24px;
  }
}
.content-wrapper:after,
.content-wrapper:before {
  clear: both;
  content: "";
  display: table;
}
.content-wrapper--negate-padding {
  margin-left: -16px;
  margin-right: -16px;
}
@media (min-width: 669px) {
  .content-wrapper--negate-padding {
    margin-left: -24px;
    margin-right: -24px;
  }
}
.content-wrapper--compressed {
  max-width: 1014px;
}
.content-wrapper--background,
.page-header--white {
  background-color: #fff;
}
.page-header--white {
  padding: 8px;
  white-space: nowrap;
}
.page-header--white .page-header__brand,
.page-header--white .page-header__logo {
  display: inline-block;
  vertical-align: middle;
  white-space: normal;
}
.page-header--white .page-header__logo {
  margin-right: 8px;
}
.page-header--white .page-header__logo > img {
  display: block;
  height: 32px;
  width: 64px;
}
.page-header--white .page-header__brand {
  color: #008289;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.333;
  max-width: 70%;
}
@media (min-width: 669px) {
  .page-header--white .page-header__logo > img {
    height: 56px;
    width: 112px;
  }
  .page-header--white .page-header__brand {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
.page-header--white--composite {
  height: 48px;
  padding: 8px 0;
}
.page-header--white--composite .page-header__logo > img {
  height: 32px;
  width: 64px;
}
.page-header--white--composite .page-header__brand {
  color: #333;
  font-size: 1.2rem;
  font-weight: 600;
  line-height: 1.2;
  width: 15em;
}
@media (min-width: 669px) {
  .page-header--white--composite {
    height: 48px;
    padding-bottom: 8px;
    padding-top: 8px;
  }
  .page-header--white--composite .page-header__logo > img {
    height: 32px;
    width: 64px;
  }
  .page-header--white--composite .page-header__brand {
    font-size: 12px;
    font-size: 1.2rem;
  }
}
@media (min-width: 1014px) {
  .page-header--white--composite {
    height: 72px;
    padding-bottom: 16px;
    padding-top: 16px;
  }
  .page-header--white--composite .page-header__logo > img {
    height: 40px;
    width: 80px;
  }
  .page-header--white--composite .page-header__brand {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
.main-footer {
  color: #757575;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.4;
  padding: 8px;
  text-align: center;
}
.main-footer h6 {
  left: -9999px;
  position: absolute;
}
.main-footer .build-information,
.main-footer ul {
  margin: 0 auto 8px;
}
.main-footer li {
  display: inline-block;
  margin-left: -.35em;
}
.main-footer li:after {
  content: "|";
}
.main-footer li:last-child:after {
  display: none;
}
.main-footer a,
.main-footer a:link {
  color: #757575;
  padding: 0 .5em;
}
@media (min-width: 669px) {
  .main-footer {
    font-size: 14px;
    font-size: 1.4rem;
    padding: 16px;
  }
  .main-footer .build-information,
  .main-footer ul {
    margin-bottom: 8px;
    max-width: 610px;
  }
}
.page-footer {
  background: #f2f2f2;
}
.page-footer__accessibility {
  left: -9999px;
  position: absolute;
}
.page-footer__copyright {
  background: #343434;
  color: #969696;
}
.font-italic {
  font-style: italic !important;
}
.font-strike {
  text-decoration: line-through !important;
}
.font-uppercase {
  text-transform: uppercase !important;
}
.font-capitalized {
  text-transform: capitalize !important;
}
.font-nowrap {
  white-space: nowrap !important;
}
.font-break-all {
  word-break: break-all;
}
.font-ellipsis {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-break: normal;
}
.font-highlight {
  font-size: 1.4rem;
  font-weight: 600 !important;
}
.font-tabular {
  font-size: 1.4rem;
  line-height: 1.4;
}
.font-hint {
  font-size: 1.2rem;
}
.font-center {
  text-align: center !important;
}
.font-left {
  text-align: left !important;
}
.font-right {
  text-align: right !important;
}
em {
  font-style: italic;
}
strong,
strong input {
  font-weight: 700;
}
code {
  font-family: monospace, sans-serif;
  font-size: 1em;
}
mark {
  background: none;
  color: inherit;
  font-weight: 700;
}
sub,
sup {
  font-size: .833em;
  line-height: 0;
}
sup {
  vertical-align: super;
}
sub {
  vertical-align: sub;
}
a {
  color: #2267e8;
  cursor: pointer;
  font-weight: 400;
  text-decoration: none;
}
a:active,
a:focus,
a:hover {
  color: #2267e8;
  text-decoration: underline;
}
a.disabled,
a[disabled] {
  color: #999;
}
a.link-underline {
  text-decoration: underline;
}
.background {
  background-color: #f2f2f2 !important;
}
.background-white {
  background-color: #fff !important;
}
.background-brandblue {
  background-color: #003468 !important;
}
.background-brandorange {
  background-color: #ff7500 !important;
}
.background-confirm {
  background-color: #e6f7ee !important;
}
.background-info,
.background-warning {
  background-color: #e9f1f9 !important;
}
.background-error {
  background-color: #fae6e6 !important;
}
.border-none,
.border-top-none,
.border-vertical-none {
  border-top: none !important;
}
.border-horizontal-none,
.border-none,
.border-right-none {
  border-right: none !important;
}
.border-bottom-none,
.border-none,
.border-vertical-none {
  border-bottom: none !important;
}
.border-horizontal-none,
.border-left-none,
.border-none {
  border-left: none !important;
}
.border {
  border: 1px solid #e0e0e0 !important;
}
.border-top,
.border-vertical {
  border-top: 1px solid #e0e0e0 !important;
}
.border-horizontal,
.border-right {
  border-right: 1px solid #e0e0e0 !important;
}
.border-bottom,
.border-vertical {
  border-bottom: 1px solid #e0e0e0 !important;
}
.border-horizontal,
.border-left {
  border-left: 1px solid #e0e0e0 !important;
}
.border-error {
  border-color: #d60e0e !important;
}
.border-info,
.border-warning {
  border-color: #2a7cca !important;
}
.border-confirm {
  border-color: #0eb255 !important;
}
.border-solid {
  border-style: solid !important;
}
.border-dotted {
  border-style: dotted !important;
}
.border-top-solid,
.border-vertical-solid {
  border-top-style: solid !important;
}
.border-horizontal-solid,
.border-right-solid {
  border-right-style: solid !important;
}
.border-bottom-solid,
.border-vertical-solid {
  border-bottom-style: solid !important;
}
.border-horizontal-solid,
.border-left-solid {
  border-left-style: solid !important;
}
.border-top-dotted,
.border-vertical-dotted {
  border-top-style: dotted !important;
}
.border-horizontal-dotted,
.border-right-dotted {
  border-right-style: dotted !important;
}
.border-bottom-dotted,
.border-vertical-dotted {
  border-bottom-style: dotted !important;
}
.border-horizontal-dotted,
.border-left-dotted {
  border-left-style: dotted !important;
}
.shadow {
  box-shadow: 0 5px 5px -5px #cacaca !important;
}
.shadow-none {
  box-shadow: none !important;
}
.font-body-large-xbold {
  font-size: 16px;
  font-weight: 800;
  letter-spacing: 0;
  line-height: var(--line-height-body-large);
}
.font-body-small-light {
  font-size: 12px;
  font-weight: 100;
  letter-spacing: 0;
  line-height: var(--line-height-body-small);
}
.font-heading-large-regular {
  font-size: var(--size-heading-large);
  font-weight: 400;
  letter-spacing: 0;
  line-height: var(--line-height-heading-large);
}
.font-heading-xlarge-bold,
h1 {
  font-size: var(--size-heading-xlarge);
  font-weight: 700;
  letter-spacing: 0;
  line-height: var(--line-height-heading-xlarge);
}
.font-heading-xsmall-bold,
.notification__title,
.testimonial-card-name,
h5 {
  font-size: var(--size-heading-xsmall);
  font-weight: 700;
  letter-spacing: 0;
  line-height: var(--line-height-heading-xsmall);
}
.font-heading-medium-regular {
  font-size: var(--size-heading-medium);
  font-weight: 400;
  letter-spacing: 0;
  line-height: var(--line-height-heading-medium);
}
.font-heading-xsmall-regular {
  font-size: var(--size-heading-xsmall);
  font-weight: 400;
  letter-spacing: 0;
  line-height: var(--line-height-heading-xsmall);
}
.button-rounded.button-rounded-size-large,
.font-body-large-bold {
  font-size: var(--size-body-large);
  font-weight: 700;
  letter-spacing: 0;
  line-height: var(--line-height-body-large);
}
.font-body-medium-regular,
.list-style,
.list-style-item,
.notification__message,
.success-celebration__description,
.testimonial-card-content,
.testimonial-card-date {
  font-size: var(--size-body-medium);
  font-weight: 400;
  letter-spacing: 0;
  line-height: var(--line-height-body-medium);
}
.font-body-small-xbold {
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0;
  line-height: var(--line-height-body-small);
}
.font-heading-medium-bold,
h3 {
  font-size: var(--size-heading-medium);
  font-weight: 700;
  letter-spacing: 0;
  line-height: var(--line-height-heading-medium);
}
.font-heading-large-bold,
h2 {
  font-size: var(--size-heading-large);
  font-weight: 700;
  letter-spacing: 0;
  line-height: var(--line-height-heading-large);
}
.font-heading-small-regular {
  font-size: var(--size-heading-small);
  font-weight: 400;
  letter-spacing: 0;
  line-height: var(--line-height-heading-small);
}
.font-heading-small-bold,
.success-celebration__title,
h4 {
  font-size: var(--size-heading-small);
  font-weight: 700;
  letter-spacing: 0;
  line-height: var(--line-height-heading-small);
}
.accordion-header,
.button-rounded.button-rounded-size-medium,
.font-body-medium-bold,
.link,
.notification--small .notification__title,
.testimonial-card-link,
.upload-element-image-list-title,
.upload-element-title {
  font-size: var(--size-body-medium);
  font-weight: 700;
  letter-spacing: 0;
  line-height: var(--line-height-body-medium);
}
.button-rounded.button-rounded-size-small,
.caption,
.font-body-small-bold {
  font-size: var(--size-body-small);
  font-weight: 700;
  letter-spacing: 0;
  line-height: var(--line-height-body-small);
}
.font-body-small-regular,
.notification--small .notification__message,
.upload-element-description,
.upload-element-error,
.upload-element-icon-placeholder-text {
  font-size: var(--size-body-small);
  font-weight: 400;
  letter-spacing: 0;
  line-height: var(--line-height-body-small);
}
.font-heading-xlarge-regular {
  font-size: var(--size-heading-xlarge);
  font-weight: 400;
  letter-spacing: 0;
  line-height: var(--line-height-heading-xlarge);
}
.font-body-medium-xbold {
  font-size: 14px;
  font-weight: 800;
  letter-spacing: 0;
  line-height: var(--line-height-body-medium);
}
.font-body-large-regular,
.testimonial-card-title {
  font-size: var(--size-body-large);
  font-weight: 400;
  letter-spacing: 0;
  line-height: var(--line-height-body-large);
}
.font-body-medium-light {
  font-size: 14px;
  font-weight: 100;
  letter-spacing: 0;
  line-height: var(--line-height-body-medium);
}
.font-body-large-light {
  font-size: 16px;
  font-weight: 100;
  letter-spacing: 0;
  line-height: var(--line-height-body-large);
}
.font-heading-large-bold,
.font-heading-large-regular,
.font-heading-medium-bold,
.font-heading-medium-regular,
.font-heading-small-bold,
.font-heading-small-regular,
.font-heading-xlarge-bold,
.font-heading-xlarge-regular,
.font-heading-xsmall-bold,
.font-heading-xsmall-regular,
.notification__title,
.success-celebration__title,
.testimonial-card-name,
h1,
h2,
h3,
h4,
h5 {
  color: var(--color-text-default);
  font-family:
    Make It Better,
    Verdana,
    DejaVu Sans,
    Arial,
    Helvetica,
    sans-serif;
  margin-bottom: .4em;
}
.accordion-header,
.button-rounded.button-rounded-size-large,
.button-rounded.button-rounded-size-medium,
.button-rounded.button-rounded-size-small,
.caption,
.font-body-large-bold,
.font-body-large-light,
.font-body-large-regular,
.font-body-large-xbold,
.font-body-medium-bold,
.font-body-medium-light,
.font-body-medium-regular,
.font-body-medium-xbold,
.font-body-small-bold,
.font-body-small-light,
.font-body-small-regular,
.font-body-small-xbold,
.link,
.list-style,
.list-style-item,
.notification--small .notification__message,
.notification--small .notification__title,
.notification__message,
.success-celebration__description,
.testimonial-card-content,
.testimonial-card-date,
.testimonial-card-link,
.testimonial-card-title,
.upload-element-description,
.upload-element-error,
.upload-element-icon-placeholder-text,
.upload-element-image-list-title,
.upload-element-title {
  color: var(--color-text-default);
  font-family:
    Make It Better,
    Verdana,
    DejaVu Sans,
    Arial,
    Helvetica,
    sans-serif;
}
h1,
h2,
h3,
h4,
h5 {
  color: var(--color-text-default);
}
.heading-margin,
h1,
h2,
h3,
h4,
h5 {
  margin-bottom: .4em;
}
.font-default-color {
  color: var(--color-text-default);
}
.inline {
  display: inline !important;
}
.inline-block {
  display: inline-block !important;
}
.block {
  display: block !important;
}
.align-center {
  text-align: center !important;
}
.align-left {
  text-align: left !important;
}
.align-right {
  text-align: right !important;
}
.align-baseline {
  vertical-align: initial !important;
}
.align-top {
  vertical-align: top !important;
}
.align-middle {
  vertical-align: middle !important;
}
.align-bottom {
  vertical-align: bottom !important;
}
.align-text-bottom {
  vertical-align: text-bottom !important;
}
.align-text-top {
  vertical-align: text-top !important;
}
.float-left {
  float: left !important;
}
.float-right {
  float: right !important;
}
.float-none {
  float: none !important;
}
.clear-both {
  clear: both !important;
}
.clear-left {
  clear: left !important;
}
.clear-right {
  clear: right !important;
}
.overflow-hidden {
  overflow: hidden !important;
}
.hide {
  display: none !important;
}
@media (max-width: 668px) {
  .palm-hide {
    display: none !important;
  }
}
@media (min-width: 669px) and (max-width: 1013px) {
  .lap-hide {
    display: none !important;
  }
}
@media (min-width: 1014px) {
  .desk-hide {
    display: none !important;
  }
}
@media print {
  .print-hide {
    display: none !important;
  }
}
.invisible {
  visibility: hidden !important;
}
.margin-none,
.margin-top-none,
.margin-vertical-none {
  margin-top: 0 !important;
}
.margin-horizontal-none,
.margin-none,
.margin-right-none {
  margin-right: 0 !important;
}
.margin-bottom-none,
.margin-none,
.margin-vertical-none {
  margin-bottom: 0 !important;
}
.margin-horizontal-none,
.margin-left-none,
.margin-none {
  margin-left: 0 !important;
}
.margin {
  margin: 8px !important;
}
.margin-xs {
  margin: 2px !important;
}
.margin-s {
  margin: 4px !important;
}
.margin-m {
  margin: 8px !important;
}
.margin-l {
  margin: 16px !important;
}
.margin-xl {
  margin: 24px !important;
}
.margin-xxl {
  margin: 32px !important;
}
.margin-top,
.margin-vertical {
  margin-top: 8px !important;
}
.margin-horizontal,
.margin-right {
  margin-right: 8px !important;
}
.margin-bottom,
.margin-vertical {
  margin-bottom: 8px !important;
}
.margin-horizontal,
.margin-left {
  margin-left: 8px !important;
}
.margin-top-xs,
.margin-vertical-xs {
  margin-top: 2px !important;
}
.margin-horizontal-xs,
.margin-right-xs {
  margin-right: 2px !important;
}
.margin-bottom-xs,
.margin-vertical-xs {
  margin-bottom: 2px !important;
}
.margin-horizontal-xs,
.margin-left-xs {
  margin-left: 2px !important;
}
.margin-top-s,
.margin-vertical-s {
  margin-top: 4px !important;
}
.margin-horizontal-s,
.margin-right-s {
  margin-right: 4px !important;
}
.margin-bottom-s,
.margin-vertical-s {
  margin-bottom: 4px !important;
}
.margin-horizontal-s,
.margin-left-s {
  margin-left: 4px !important;
}
.margin-top-m,
.margin-vertical-m {
  margin-top: 8px !important;
}
.margin-horizontal-m,
.margin-right-m {
  margin-right: 8px !important;
}
.margin-bottom-m,
.margin-vertical-m {
  margin-bottom: 8px !important;
}
.margin-horizontal-m,
.margin-left-m {
  margin-left: 8px !important;
}
.margin-top-l,
.margin-vertical-l {
  margin-top: 16px !important;
}
.margin-horizontal-l,
.margin-right-l {
  margin-right: 16px !important;
}
.margin-bottom-l,
.margin-vertical-l {
  margin-bottom: 16px !important;
}
.margin-horizontal-l,
.margin-left-l {
  margin-left: 16px !important;
}
.margin-top-xl,
.margin-vertical-xl {
  margin-top: 24px !important;
}
.margin-horizontal-xl,
.margin-right-xl {
  margin-right: 24px !important;
}
.margin-bottom-xl,
.margin-vertical-xl {
  margin-bottom: 24px !important;
}
.margin-horizontal-xl,
.margin-left-xl {
  margin-left: 24px !important;
}
.margin-top-xxl,
.margin-vertical-xxl {
  margin-top: 32px !important;
}
.margin-horizontal-xxl,
.margin-right-xxl {
  margin-right: 32px !important;
}
.margin-bottom-xxl,
.margin-vertical-xxl {
  margin-bottom: 32px !important;
}
.margin-horizontal-xxl,
.margin-left-xxl {
  margin-left: 32px !important;
}
@media (min-width: 669px) {
  .margin-none,
  .margin-top-none,
  .margin-vertical-none {
    margin-top: 0 !important;
  }
  .margin-horizontal-none,
  .margin-none,
  .margin-right-none {
    margin-right: 0 !important;
  }
  .margin-bottom-none,
  .margin-none,
  .margin-vertical-none {
    margin-bottom: 0 !important;
  }
  .margin-horizontal-none,
  .margin-left-none,
  .margin-none {
    margin-left: 0 !important;
  }
  .margin {
    margin: 16px !important;
  }
  .margin-xs {
    margin: 4px !important;
  }
  .margin-s {
    margin: 8px !important;
  }
  .margin-m {
    margin: 16px !important;
  }
  .margin-l {
    margin: 24px !important;
  }
  .margin-xl {
    margin: 32px !important;
  }
  .margin-xxl {
    margin: 40px !important;
  }
  .margin-top,
  .margin-vertical {
    margin-top: 16px !important;
  }
  .margin-horizontal,
  .margin-right {
    margin-right: 16px !important;
  }
  .margin-bottom,
  .margin-vertical {
    margin-bottom: 16px !important;
  }
  .margin-horizontal,
  .margin-left {
    margin-left: 16px !important;
  }
  .margin-top-xs,
  .margin-vertical-xs {
    margin-top: 4px !important;
  }
  .margin-horizontal-xs,
  .margin-right-xs {
    margin-right: 4px !important;
  }
  .margin-bottom-xs,
  .margin-vertical-xs {
    margin-bottom: 4px !important;
  }
  .margin-horizontal-xs,
  .margin-left-xs {
    margin-left: 4px !important;
  }
  .margin-top-s,
  .margin-vertical-s {
    margin-top: 8px !important;
  }
  .margin-horizontal-s,
  .margin-right-s {
    margin-right: 8px !important;
  }
  .margin-bottom-s,
  .margin-vertical-s {
    margin-bottom: 8px !important;
  }
  .margin-horizontal-s,
  .margin-left-s {
    margin-left: 8px !important;
  }
  .margin-top-m,
  .margin-vertical-m {
    margin-top: 16px !important;
  }
  .margin-horizontal-m,
  .margin-right-m {
    margin-right: 16px !important;
  }
  .margin-bottom-m,
  .margin-vertical-m {
    margin-bottom: 16px !important;
  }
  .margin-horizontal-m,
  .margin-left-m {
    margin-left: 16px !important;
  }
  .margin-top-l,
  .margin-vertical-l {
    margin-top: 24px !important;
  }
  .margin-horizontal-l,
  .margin-right-l {
    margin-right: 24px !important;
  }
  .margin-bottom-l,
  .margin-vertical-l {
    margin-bottom: 24px !important;
  }
  .margin-horizontal-l,
  .margin-left-l {
    margin-left: 24px !important;
  }
  .margin-top-xl,
  .margin-vertical-xl {
    margin-top: 32px !important;
  }
  .margin-horizontal-xl,
  .margin-right-xl {
    margin-right: 32px !important;
  }
  .margin-bottom-xl,
  .margin-vertical-xl {
    margin-bottom: 32px !important;
  }
  .margin-horizontal-xl,
  .margin-left-xl {
    margin-left: 32px !important;
  }
  .margin-top-xxl,
  .margin-vertical-xxl {
    margin-top: 40px !important;
  }
  .margin-horizontal-xxl,
  .margin-right-xxl {
    margin-right: 40px !important;
  }
  .margin-bottom-xxl,
  .margin-vertical-xxl {
    margin-bottom: 40px !important;
  }
  .margin-horizontal-xxl,
  .margin-left-xxl {
    margin-left: 40px !important;
  }
}
@media (max-width: 668px) {
  .palm-margin-none,
  .palm-margin-top-none,
  .palm-margin-vertical-none {
    margin-top: 0 !important;
  }
  .palm-margin-horizontal-none,
  .palm-margin-none,
  .palm-margin-right-none {
    margin-right: 0 !important;
  }
  .palm-margin-bottom-none,
  .palm-margin-none,
  .palm-margin-vertical-none {
    margin-bottom: 0 !important;
  }
  .palm-margin-horizontal-none,
  .palm-margin-left-none,
  .palm-margin-none {
    margin-left: 0 !important;
  }
  .palm-margin {
    margin: 8px !important;
  }
  .palm-margin-xs {
    margin: 2px !important;
  }
  .palm-margin-s {
    margin: 4px !important;
  }
  .palm-margin-m {
    margin: 8px !important;
  }
  .palm-margin-l {
    margin: 16px !important;
  }
  .palm-margin-xl {
    margin: 24px !important;
  }
  .palm-margin-xxl {
    margin: 32px !important;
  }
  .palm-margin-top,
  .palm-margin-vertical {
    margin-top: 8px !important;
  }
  .palm-margin-horizontal,
  .palm-margin-right {
    margin-right: 8px !important;
  }
  .palm-margin-bottom,
  .palm-margin-vertical {
    margin-bottom: 8px !important;
  }
  .palm-margin-horizontal,
  .palm-margin-left {
    margin-left: 8px !important;
  }
  .palm-margin-top-xs,
  .palm-margin-vertical-xs {
    margin-top: 2px !important;
  }
  .palm-margin-horizontal-xs,
  .palm-margin-right-xs {
    margin-right: 2px !important;
  }
  .palm-margin-bottom-xs,
  .palm-margin-vertical-xs {
    margin-bottom: 2px !important;
  }
  .palm-margin-horizontal-xs,
  .palm-margin-left-xs {
    margin-left: 2px !important;
  }
  .palm-margin-top-s,
  .palm-margin-vertical-s {
    margin-top: 4px !important;
  }
  .palm-margin-horizontal-s,
  .palm-margin-right-s {
    margin-right: 4px !important;
  }
  .palm-margin-bottom-s,
  .palm-margin-vertical-s {
    margin-bottom: 4px !important;
  }
  .palm-margin-horizontal-s,
  .palm-margin-left-s {
    margin-left: 4px !important;
  }
  .palm-margin-top-m,
  .palm-margin-vertical-m {
    margin-top: 8px !important;
  }
  .palm-margin-horizontal-m,
  .palm-margin-right-m {
    margin-right: 8px !important;
  }
  .palm-margin-bottom-m,
  .palm-margin-vertical-m {
    margin-bottom: 8px !important;
  }
  .palm-margin-horizontal-m,
  .palm-margin-left-m {
    margin-left: 8px !important;
  }
  .palm-margin-top-l,
  .palm-margin-vertical-l {
    margin-top: 16px !important;
  }
  .palm-margin-horizontal-l,
  .palm-margin-right-l {
    margin-right: 16px !important;
  }
  .palm-margin-bottom-l,
  .palm-margin-vertical-l {
    margin-bottom: 16px !important;
  }
  .palm-margin-horizontal-l,
  .palm-margin-left-l {
    margin-left: 16px !important;
  }
  .palm-margin-top-xl,
  .palm-margin-vertical-xl {
    margin-top: 24px !important;
  }
  .palm-margin-horizontal-xl,
  .palm-margin-right-xl {
    margin-right: 24px !important;
  }
  .palm-margin-bottom-xl,
  .palm-margin-vertical-xl {
    margin-bottom: 24px !important;
  }
  .palm-margin-horizontal-xl,
  .palm-margin-left-xl {
    margin-left: 24px !important;
  }
  .palm-margin-top-xxl,
  .palm-margin-vertical-xxl {
    margin-top: 32px !important;
  }
  .palm-margin-horizontal-xxl,
  .palm-margin-right-xxl {
    margin-right: 32px !important;
  }
  .palm-margin-bottom-xxl,
  .palm-margin-vertical-xxl {
    margin-bottom: 32px !important;
  }
  .palm-margin-horizontal-xxl,
  .palm-margin-left-xxl {
    margin-left: 32px !important;
  }
}
@media (min-width: 669px) and (max-width: 1013px) {
  .lap-margin-none,
  .lap-margin-top-none,
  .lap-margin-vertical-none {
    margin-top: 0 !important;
  }
  .lap-margin-horizontal-none,
  .lap-margin-none,
  .lap-margin-right-none {
    margin-right: 0 !important;
  }
  .lap-margin-bottom-none,
  .lap-margin-none,
  .lap-margin-vertical-none {
    margin-bottom: 0 !important;
  }
  .lap-margin-horizontal-none,
  .lap-margin-left-none,
  .lap-margin-none {
    margin-left: 0 !important;
  }
  .lap-margin {
    margin: 16px !important;
  }
  .lap-margin-xs {
    margin: 4px !important;
  }
  .lap-margin-s {
    margin: 8px !important;
  }
  .lap-margin-m {
    margin: 16px !important;
  }
  .lap-margin-l {
    margin: 24px !important;
  }
  .lap-margin-xl {
    margin: 32px !important;
  }
  .lap-margin-xxl {
    margin: 40px !important;
  }
  .lap-margin-top,
  .lap-margin-vertical {
    margin-top: 16px !important;
  }
  .lap-margin-horizontal,
  .lap-margin-right {
    margin-right: 16px !important;
  }
  .lap-margin-bottom,
  .lap-margin-vertical {
    margin-bottom: 16px !important;
  }
  .lap-margin-horizontal,
  .lap-margin-left {
    margin-left: 16px !important;
  }
  .lap-margin-top-xs,
  .lap-margin-vertical-xs {
    margin-top: 4px !important;
  }
  .lap-margin-horizontal-xs,
  .lap-margin-right-xs {
    margin-right: 4px !important;
  }
  .lap-margin-bottom-xs,
  .lap-margin-vertical-xs {
    margin-bottom: 4px !important;
  }
  .lap-margin-horizontal-xs,
  .lap-margin-left-xs {
    margin-left: 4px !important;
  }
  .lap-margin-top-s,
  .lap-margin-vertical-s {
    margin-top: 8px !important;
  }
  .lap-margin-horizontal-s,
  .lap-margin-right-s {
    margin-right: 8px !important;
  }
  .lap-margin-bottom-s,
  .lap-margin-vertical-s {
    margin-bottom: 8px !important;
  }
  .lap-margin-horizontal-s,
  .lap-margin-left-s {
    margin-left: 8px !important;
  }
  .lap-margin-top-m,
  .lap-margin-vertical-m {
    margin-top: 16px !important;
  }
  .lap-margin-horizontal-m,
  .lap-margin-right-m {
    margin-right: 16px !important;
  }
  .lap-margin-bottom-m,
  .lap-margin-vertical-m {
    margin-bottom: 16px !important;
  }
  .lap-margin-horizontal-m,
  .lap-margin-left-m {
    margin-left: 16px !important;
  }
  .lap-margin-top-l,
  .lap-margin-vertical-l {
    margin-top: 24px !important;
  }
  .lap-margin-horizontal-l,
  .lap-margin-right-l {
    margin-right: 24px !important;
  }
  .lap-margin-bottom-l,
  .lap-margin-vertical-l {
    margin-bottom: 24px !important;
  }
  .lap-margin-horizontal-l,
  .lap-margin-left-l {
    margin-left: 24px !important;
  }
  .lap-margin-top-xl,
  .lap-margin-vertical-xl {
    margin-top: 32px !important;
  }
  .lap-margin-horizontal-xl,
  .lap-margin-right-xl {
    margin-right: 32px !important;
  }
  .lap-margin-bottom-xl,
  .lap-margin-vertical-xl {
    margin-bottom: 32px !important;
  }
  .lap-margin-horizontal-xl,
  .lap-margin-left-xl {
    margin-left: 32px !important;
  }
  .lap-margin-top-xxl,
  .lap-margin-vertical-xxl {
    margin-top: 40px !important;
  }
  .lap-margin-horizontal-xxl,
  .lap-margin-right-xxl {
    margin-right: 40px !important;
  }
  .lap-margin-bottom-xxl,
  .lap-margin-vertical-xxl {
    margin-bottom: 40px !important;
  }
  .lap-margin-horizontal-xxl,
  .lap-margin-left-xxl {
    margin-left: 40px !important;
  }
}
@media (min-width: 1014px) {
  .desk-margin-none,
  .desk-margin-top-none,
  .desk-margin-vertical-none {
    margin-top: 0 !important;
  }
  .desk-margin-horizontal-none,
  .desk-margin-none,
  .desk-margin-right-none {
    margin-right: 0 !important;
  }
  .desk-margin-bottom-none,
  .desk-margin-none,
  .desk-margin-vertical-none {
    margin-bottom: 0 !important;
  }
  .desk-margin-horizontal-none,
  .desk-margin-left-none,
  .desk-margin-none {
    margin-left: 0 !important;
  }
  .desk-margin {
    margin: 16px !important;
  }
  .desk-margin-xs {
    margin: 4px !important;
  }
  .desk-margin-s {
    margin: 8px !important;
  }
  .desk-margin-m {
    margin: 16px !important;
  }
  .desk-margin-l {
    margin: 24px !important;
  }
  .desk-margin-xl {
    margin: 32px !important;
  }
  .desk-margin-xxl {
    margin: 40px !important;
  }
  .desk-margin-top,
  .desk-margin-vertical {
    margin-top: 16px !important;
  }
  .desk-margin-horizontal,
  .desk-margin-right {
    margin-right: 16px !important;
  }
  .desk-margin-bottom,
  .desk-margin-vertical {
    margin-bottom: 16px !important;
  }
  .desk-margin-horizontal,
  .desk-margin-left {
    margin-left: 16px !important;
  }
  .desk-margin-top-xs,
  .desk-margin-vertical-xs {
    margin-top: 4px !important;
  }
  .desk-margin-horizontal-xs,
  .desk-margin-right-xs {
    margin-right: 4px !important;
  }
  .desk-margin-bottom-xs,
  .desk-margin-vertical-xs {
    margin-bottom: 4px !important;
  }
  .desk-margin-horizontal-xs,
  .desk-margin-left-xs {
    margin-left: 4px !important;
  }
  .desk-margin-top-s,
  .desk-margin-vertical-s {
    margin-top: 8px !important;
  }
  .desk-margin-horizontal-s,
  .desk-margin-right-s {
    margin-right: 8px !important;
  }
  .desk-margin-bottom-s,
  .desk-margin-vertical-s {
    margin-bottom: 8px !important;
  }
  .desk-margin-horizontal-s,
  .desk-margin-left-s {
    margin-left: 8px !important;
  }
  .desk-margin-top-m,
  .desk-margin-vertical-m {
    margin-top: 16px !important;
  }
  .desk-margin-horizontal-m,
  .desk-margin-right-m {
    margin-right: 16px !important;
  }
  .desk-margin-bottom-m,
  .desk-margin-vertical-m {
    margin-bottom: 16px !important;
  }
  .desk-margin-horizontal-m,
  .desk-margin-left-m {
    margin-left: 16px !important;
  }
  .desk-margin-top-l,
  .desk-margin-vertical-l {
    margin-top: 24px !important;
  }
  .desk-margin-horizontal-l,
  .desk-margin-right-l {
    margin-right: 24px !important;
  }
  .desk-margin-bottom-l,
  .desk-margin-vertical-l {
    margin-bottom: 24px !important;
  }
  .desk-margin-horizontal-l,
  .desk-margin-left-l {
    margin-left: 24px !important;
  }
  .desk-margin-top-xl,
  .desk-margin-vertical-xl {
    margin-top: 32px !important;
  }
  .desk-margin-horizontal-xl,
  .desk-margin-right-xl {
    margin-right: 32px !important;
  }
  .desk-margin-bottom-xl,
  .desk-margin-vertical-xl {
    margin-bottom: 32px !important;
  }
  .desk-margin-horizontal-xl,
  .desk-margin-left-xl {
    margin-left: 32px !important;
  }
  .desk-margin-top-xxl,
  .desk-margin-vertical-xxl {
    margin-top: 40px !important;
  }
  .desk-margin-horizontal-xxl,
  .desk-margin-right-xxl {
    margin-right: 40px !important;
  }
  .desk-margin-bottom-xxl,
  .desk-margin-vertical-xxl {
    margin-bottom: 40px !important;
  }
  .desk-margin-horizontal-xxl,
  .desk-margin-left-xxl {
    margin-left: 40px !important;
  }
}
.padding-none,
.padding-top-none,
.padding-vertical-none {
  padding-top: 0 !important;
}
.padding-horizontal-none,
.padding-none,
.padding-right-none {
  padding-right: 0 !important;
}
.padding-bottom-none,
.padding-none,
.padding-vertical-none {
  padding-bottom: 0 !important;
}
.padding-horizontal-none,
.padding-left-none,
.padding-none {
  padding-left: 0 !important;
}
.padding {
  padding: 8px !important;
}
.padding-xs {
  padding: 2px !important;
}
.padding-s {
  padding: 4px !important;
}
.padding-m {
  padding: 8px !important;
}
.padding-l {
  padding: 16px !important;
}
.padding-xl {
  padding: 24px !important;
}
.padding-xxl {
  padding: 32px !important;
}
.padding-top,
.padding-vertical {
  padding-top: 8px !important;
}
.padding-horizontal,
.padding-right {
  padding-right: 8px !important;
}
.padding-bottom,
.padding-vertical {
  padding-bottom: 8px !important;
}
.padding-horizontal,
.padding-left {
  padding-left: 8px !important;
}
.padding-top-xs,
.padding-vertical-xs {
  padding-top: 2px !important;
}
.padding-horizontal-xs,
.padding-right-xs {
  padding-right: 2px !important;
}
.padding-bottom-xs,
.padding-vertical-xs {
  padding-bottom: 2px !important;
}
.padding-horizontal-xs,
.padding-left-xs {
  padding-left: 2px !important;
}
.padding-top-s,
.padding-vertical-s {
  padding-top: 4px !important;
}
.padding-horizontal-s,
.padding-right-s {
  padding-right: 4px !important;
}
.padding-bottom-s,
.padding-vertical-s {
  padding-bottom: 4px !important;
}
.padding-horizontal-s,
.padding-left-s {
  padding-left: 4px !important;
}
.padding-top-m,
.padding-vertical-m {
  padding-top: 8px !important;
}
.padding-horizontal-m,
.padding-right-m {
  padding-right: 8px !important;
}
.padding-bottom-m,
.padding-vertical-m {
  padding-bottom: 8px !important;
}
.padding-horizontal-m,
.padding-left-m {
  padding-left: 8px !important;
}
.padding-top-l,
.padding-vertical-l {
  padding-top: 16px !important;
}
.padding-horizontal-l,
.padding-right-l {
  padding-right: 16px !important;
}
.padding-bottom-l,
.padding-vertical-l {
  padding-bottom: 16px !important;
}
.padding-horizontal-l,
.padding-left-l {
  padding-left: 16px !important;
}
.padding-top-xl,
.padding-vertical-xl {
  padding-top: 24px !important;
}
.padding-horizontal-xl,
.padding-right-xl {
  padding-right: 24px !important;
}
.padding-bottom-xl,
.padding-vertical-xl {
  padding-bottom: 24px !important;
}
.padding-horizontal-xl,
.padding-left-xl {
  padding-left: 24px !important;
}
.padding-top-xxl,
.padding-vertical-xxl {
  padding-top: 32px !important;
}
.padding-horizontal-xxl,
.padding-right-xxl {
  padding-right: 32px !important;
}
.padding-bottom-xxl,
.padding-vertical-xxl {
  padding-bottom: 32px !important;
}
.padding-horizontal-xxl,
.padding-left-xxl {
  padding-left: 32px !important;
}
@media (min-width: 669px) {
  .padding-none,
  .padding-top-none,
  .padding-vertical-none {
    padding-top: 0 !important;
  }
  .padding-horizontal-none,
  .padding-none,
  .padding-right-none {
    padding-right: 0 !important;
  }
  .padding-bottom-none,
  .padding-none,
  .padding-vertical-none {
    padding-bottom: 0 !important;
  }
  .padding-horizontal-none,
  .padding-left-none,
  .padding-none {
    padding-left: 0 !important;
  }
  .padding {
    padding: 16px !important;
  }
  .padding-xs {
    padding: 4px !important;
  }
  .padding-s {
    padding: 8px !important;
  }
  .padding-m {
    padding: 16px !important;
  }
  .padding-l {
    padding: 24px !important;
  }
  .padding-xl {
    padding: 32px !important;
  }
  .padding-xxl {
    padding: 40px !important;
  }
  .padding-top,
  .padding-vertical {
    padding-top: 16px !important;
  }
  .padding-horizontal,
  .padding-right {
    padding-right: 16px !important;
  }
  .padding-bottom,
  .padding-vertical {
    padding-bottom: 16px !important;
  }
  .padding-horizontal,
  .padding-left {
    padding-left: 16px !important;
  }
  .padding-top-xs,
  .padding-vertical-xs {
    padding-top: 4px !important;
  }
  .padding-horizontal-xs,
  .padding-right-xs {
    padding-right: 4px !important;
  }
  .padding-bottom-xs,
  .padding-vertical-xs {
    padding-bottom: 4px !important;
  }
  .padding-horizontal-xs,
  .padding-left-xs {
    padding-left: 4px !important;
  }
  .padding-top-s,
  .padding-vertical-s {
    padding-top: 8px !important;
  }
  .padding-horizontal-s,
  .padding-right-s {
    padding-right: 8px !important;
  }
  .padding-bottom-s,
  .padding-vertical-s {
    padding-bottom: 8px !important;
  }
  .padding-horizontal-s,
  .padding-left-s {
    padding-left: 8px !important;
  }
  .padding-top-m,
  .padding-vertical-m {
    padding-top: 16px !important;
  }
  .padding-horizontal-m,
  .padding-right-m {
    padding-right: 16px !important;
  }
  .padding-bottom-m,
  .padding-vertical-m {
    padding-bottom: 16px !important;
  }
  .padding-horizontal-m,
  .padding-left-m {
    padding-left: 16px !important;
  }
  .padding-top-l,
  .padding-vertical-l {
    padding-top: 24px !important;
  }
  .padding-horizontal-l,
  .padding-right-l {
    padding-right: 24px !important;
  }
  .padding-bottom-l,
  .padding-vertical-l {
    padding-bottom: 24px !important;
  }
  .padding-horizontal-l,
  .padding-left-l {
    padding-left: 24px !important;
  }
  .padding-top-xl,
  .padding-vertical-xl {
    padding-top: 32px !important;
  }
  .padding-horizontal-xl,
  .padding-right-xl {
    padding-right: 32px !important;
  }
  .padding-bottom-xl,
  .padding-vertical-xl {
    padding-bottom: 32px !important;
  }
  .padding-horizontal-xl,
  .padding-left-xl {
    padding-left: 32px !important;
  }
  .padding-top-xxl,
  .padding-vertical-xxl {
    padding-top: 40px !important;
  }
  .padding-horizontal-xxl,
  .padding-right-xxl {
    padding-right: 40px !important;
  }
  .padding-bottom-xxl,
  .padding-vertical-xxl {
    padding-bottom: 40px !important;
  }
  .padding-horizontal-xxl,
  .padding-left-xxl {
    padding-left: 40px !important;
  }
}
@media (max-width: 668px) {
  .palm-padding-none,
  .palm-padding-top-none,
  .palm-padding-vertical-none {
    padding-top: 0 !important;
  }
  .palm-padding-horizontal-none,
  .palm-padding-none,
  .palm-padding-right-none {
    padding-right: 0 !important;
  }
  .palm-padding-bottom-none,
  .palm-padding-none,
  .palm-padding-vertical-none {
    padding-bottom: 0 !important;
  }
  .palm-padding-horizontal-none,
  .palm-padding-left-none,
  .palm-padding-none {
    padding-left: 0 !important;
  }
  .palm-padding {
    padding: 8px !important;
  }
  .palm-padding-xs {
    padding: 2px !important;
  }
  .palm-padding-s {
    padding: 4px !important;
  }
  .palm-padding-m {
    padding: 8px !important;
  }
  .palm-padding-l {
    padding: 16px !important;
  }
  .palm-padding-xl {
    padding: 24px !important;
  }
  .palm-padding-xxl {
    padding: 32px !important;
  }
  .palm-padding-top,
  .palm-padding-vertical {
    padding-top: 8px !important;
  }
  .palm-padding-horizontal,
  .palm-padding-right {
    padding-right: 8px !important;
  }
  .palm-padding-bottom,
  .palm-padding-vertical {
    padding-bottom: 8px !important;
  }
  .palm-padding-horizontal,
  .palm-padding-left {
    padding-left: 8px !important;
  }
  .palm-padding-top-xs,
  .palm-padding-vertical-xs {
    padding-top: 2px !important;
  }
  .palm-padding-horizontal-xs,
  .palm-padding-right-xs {
    padding-right: 2px !important;
  }
  .palm-padding-bottom-xs,
  .palm-padding-vertical-xs {
    padding-bottom: 2px !important;
  }
  .palm-padding-horizontal-xs,
  .palm-padding-left-xs {
    padding-left: 2px !important;
  }
  .palm-padding-top-s,
  .palm-padding-vertical-s {
    padding-top: 4px !important;
  }
  .palm-padding-horizontal-s,
  .palm-padding-right-s {
    padding-right: 4px !important;
  }
  .palm-padding-bottom-s,
  .palm-padding-vertical-s {
    padding-bottom: 4px !important;
  }
  .palm-padding-horizontal-s,
  .palm-padding-left-s {
    padding-left: 4px !important;
  }
  .palm-padding-top-m,
  .palm-padding-vertical-m {
    padding-top: 8px !important;
  }
  .palm-padding-horizontal-m,
  .palm-padding-right-m {
    padding-right: 8px !important;
  }
  .palm-padding-bottom-m,
  .palm-padding-vertical-m {
    padding-bottom: 8px !important;
  }
  .palm-padding-horizontal-m,
  .palm-padding-left-m {
    padding-left: 8px !important;
  }
  .palm-padding-top-l,
  .palm-padding-vertical-l {
    padding-top: 16px !important;
  }
  .palm-padding-horizontal-l,
  .palm-padding-right-l {
    padding-right: 16px !important;
  }
  .palm-padding-bottom-l,
  .palm-padding-vertical-l {
    padding-bottom: 16px !important;
  }
  .palm-padding-horizontal-l,
  .palm-padding-left-l {
    padding-left: 16px !important;
  }
  .palm-padding-top-xl,
  .palm-padding-vertical-xl {
    padding-top: 24px !important;
  }
  .palm-padding-horizontal-xl,
  .palm-padding-right-xl {
    padding-right: 24px !important;
  }
  .palm-padding-bottom-xl,
  .palm-padding-vertical-xl {
    padding-bottom: 24px !important;
  }
  .palm-padding-horizontal-xl,
  .palm-padding-left-xl {
    padding-left: 24px !important;
  }
  .palm-padding-top-xxl,
  .palm-padding-vertical-xxl {
    padding-top: 32px !important;
  }
  .palm-padding-horizontal-xxl,
  .palm-padding-right-xxl {
    padding-right: 32px !important;
  }
  .palm-padding-bottom-xxl,
  .palm-padding-vertical-xxl {
    padding-bottom: 32px !important;
  }
  .palm-padding-horizontal-xxl,
  .palm-padding-left-xxl {
    padding-left: 32px !important;
  }
}
@media (min-width: 669px) and (max-width: 1013px) {
  .lap-padding-none,
  .lap-padding-top-none,
  .lap-padding-vertical-none {
    padding-top: 0 !important;
  }
  .lap-padding-horizontal-none,
  .lap-padding-none,
  .lap-padding-right-none {
    padding-right: 0 !important;
  }
  .lap-padding-bottom-none,
  .lap-padding-none,
  .lap-padding-vertical-none {
    padding-bottom: 0 !important;
  }
  .lap-padding-horizontal-none,
  .lap-padding-left-none,
  .lap-padding-none {
    padding-left: 0 !important;
  }
  .lap-padding {
    padding: 16px !important;
  }
  .lap-padding-xs {
    padding: 4px !important;
  }
  .lap-padding-s {
    padding: 8px !important;
  }
  .lap-padding-m {
    padding: 16px !important;
  }
  .lap-padding-l {
    padding: 24px !important;
  }
  .lap-padding-xl {
    padding: 32px !important;
  }
  .lap-padding-xxl {
    padding: 40px !important;
  }
  .lap-padding-top,
  .lap-padding-vertical {
    padding-top: 16px !important;
  }
  .lap-padding-horizontal,
  .lap-padding-right {
    padding-right: 16px !important;
  }
  .lap-padding-bottom,
  .lap-padding-vertical {
    padding-bottom: 16px !important;
  }
  .lap-padding-horizontal,
  .lap-padding-left {
    padding-left: 16px !important;
  }
  .lap-padding-top-xs,
  .lap-padding-vertical-xs {
    padding-top: 4px !important;
  }
  .lap-padding-horizontal-xs,
  .lap-padding-right-xs {
    padding-right: 4px !important;
  }
  .lap-padding-bottom-xs,
  .lap-padding-vertical-xs {
    padding-bottom: 4px !important;
  }
  .lap-padding-horizontal-xs,
  .lap-padding-left-xs {
    padding-left: 4px !important;
  }
  .lap-padding-top-s,
  .lap-padding-vertical-s {
    padding-top: 8px !important;
  }
  .lap-padding-horizontal-s,
  .lap-padding-right-s {
    padding-right: 8px !important;
  }
  .lap-padding-bottom-s,
  .lap-padding-vertical-s {
    padding-bottom: 8px !important;
  }
  .lap-padding-horizontal-s,
  .lap-padding-left-s {
    padding-left: 8px !important;
  }
  .lap-padding-top-m,
  .lap-padding-vertical-m {
    padding-top: 16px !important;
  }
  .lap-padding-horizontal-m,
  .lap-padding-right-m {
    padding-right: 16px !important;
  }
  .lap-padding-bottom-m,
  .lap-padding-vertical-m {
    padding-bottom: 16px !important;
  }
  .lap-padding-horizontal-m,
  .lap-padding-left-m {
    padding-left: 16px !important;
  }
  .lap-padding-top-l,
  .lap-padding-vertical-l {
    padding-top: 24px !important;
  }
  .lap-padding-horizontal-l,
  .lap-padding-right-l {
    padding-right: 24px !important;
  }
  .lap-padding-bottom-l,
  .lap-padding-vertical-l {
    padding-bottom: 24px !important;
  }
  .lap-padding-horizontal-l,
  .lap-padding-left-l {
    padding-left: 24px !important;
  }
  .lap-padding-top-xl,
  .lap-padding-vertical-xl {
    padding-top: 32px !important;
  }
  .lap-padding-horizontal-xl,
  .lap-padding-right-xl {
    padding-right: 32px !important;
  }
  .lap-padding-bottom-xl,
  .lap-padding-vertical-xl {
    padding-bottom: 32px !important;
  }
  .lap-padding-horizontal-xl,
  .lap-padding-left-xl {
    padding-left: 32px !important;
  }
  .lap-padding-top-xxl,
  .lap-padding-vertical-xxl {
    padding-top: 40px !important;
  }
  .lap-padding-horizontal-xxl,
  .lap-padding-right-xxl {
    padding-right: 40px !important;
  }
  .lap-padding-bottom-xxl,
  .lap-padding-vertical-xxl {
    padding-bottom: 40px !important;
  }
  .lap-padding-horizontal-xxl,
  .lap-padding-left-xxl {
    padding-left: 40px !important;
  }
}
@media (min-width: 1014px) {
  .desk-padding-none,
  .desk-padding-top-none,
  .desk-padding-vertical-none {
    padding-top: 0 !important;
  }
  .desk-padding-horizontal-none,
  .desk-padding-none,
  .desk-padding-right-none {
    padding-right: 0 !important;
  }
  .desk-padding-bottom-none,
  .desk-padding-none,
  .desk-padding-vertical-none {
    padding-bottom: 0 !important;
  }
  .desk-padding-horizontal-none,
  .desk-padding-left-none,
  .desk-padding-none {
    padding-left: 0 !important;
  }
  .desk-padding {
    padding: 16px !important;
  }
  .desk-padding-xs {
    padding: 4px !important;
  }
  .desk-padding-s {
    padding: 8px !important;
  }
  .desk-padding-m {
    padding: 16px !important;
  }
  .desk-padding-l {
    padding: 24px !important;
  }
  .desk-padding-xl {
    padding: 32px !important;
  }
  .desk-padding-xxl {
    padding: 40px !important;
  }
  .desk-padding-top,
  .desk-padding-vertical {
    padding-top: 16px !important;
  }
  .desk-padding-horizontal,
  .desk-padding-right {
    padding-right: 16px !important;
  }
  .desk-padding-bottom,
  .desk-padding-vertical {
    padding-bottom: 16px !important;
  }
  .desk-padding-horizontal,
  .desk-padding-left {
    padding-left: 16px !important;
  }
  .desk-padding-top-xs,
  .desk-padding-vertical-xs {
    padding-top: 4px !important;
  }
  .desk-padding-horizontal-xs,
  .desk-padding-right-xs {
    padding-right: 4px !important;
  }
  .desk-padding-bottom-xs,
  .desk-padding-vertical-xs {
    padding-bottom: 4px !important;
  }
  .desk-padding-horizontal-xs,
  .desk-padding-left-xs {
    padding-left: 4px !important;
  }
  .desk-padding-top-s,
  .desk-padding-vertical-s {
    padding-top: 8px !important;
  }
  .desk-padding-horizontal-s,
  .desk-padding-right-s {
    padding-right: 8px !important;
  }
  .desk-padding-bottom-s,
  .desk-padding-vertical-s {
    padding-bottom: 8px !important;
  }
  .desk-padding-horizontal-s,
  .desk-padding-left-s {
    padding-left: 8px !important;
  }
  .desk-padding-top-m,
  .desk-padding-vertical-m {
    padding-top: 16px !important;
  }
  .desk-padding-horizontal-m,
  .desk-padding-right-m {
    padding-right: 16px !important;
  }
  .desk-padding-bottom-m,
  .desk-padding-vertical-m {
    padding-bottom: 16px !important;
  }
  .desk-padding-horizontal-m,
  .desk-padding-left-m {
    padding-left: 16px !important;
  }
  .desk-padding-top-l,
  .desk-padding-vertical-l {
    padding-top: 24px !important;
  }
  .desk-padding-horizontal-l,
  .desk-padding-right-l {
    padding-right: 24px !important;
  }
  .desk-padding-bottom-l,
  .desk-padding-vertical-l {
    padding-bottom: 24px !important;
  }
  .desk-padding-horizontal-l,
  .desk-padding-left-l {
    padding-left: 24px !important;
  }
  .desk-padding-top-xl,
  .desk-padding-vertical-xl {
    padding-top: 32px !important;
  }
  .desk-padding-horizontal-xl,
  .desk-padding-right-xl {
    padding-right: 32px !important;
  }
  .desk-padding-bottom-xl,
  .desk-padding-vertical-xl {
    padding-bottom: 32px !important;
  }
  .desk-padding-horizontal-xl,
  .desk-padding-left-xl {
    padding-left: 32px !important;
  }
  .desk-padding-top-xxl,
  .desk-padding-vertical-xxl {
    padding-top: 40px !important;
  }
  .desk-padding-horizontal-xxl,
  .desk-padding-right-xxl {
    padding-right: 40px !important;
  }
  .desk-padding-bottom-xxl,
  .desk-padding-vertical-xxl {
    padding-bottom: 40px !important;
  }
  .desk-padding-horizontal-xxl,
  .desk-padding-left-xxl {
    padding-left: 40px !important;
  }
}
.gap {
  gap: 8px !important;
}
.gap-xs {
  gap: 2px !important;
}
.gap-s {
  gap: 4px !important;
}
.gap-m {
  gap: 8px !important;
}
.gap-l {
  gap: 16px !important;
}
.gap-xl {
  gap: 24px !important;
}
.gap-xxl {
  gap: 32px !important;
}
@media (min-width: 669px) {
  .gap {
    gap: 16px !important;
  }
  .gap-xs {
    gap: 4px !important;
  }
  .gap-s {
    gap: 8px !important;
  }
  .gap-m {
    gap: 16px !important;
  }
  .gap-l {
    gap: 24px !important;
  }
  .gap-xl {
    gap: 32px !important;
  }
  .gap-xxl {
    gap: 40px !important;
  }
}
@media (max-width: 668px) {
  .palm-gap {
    gap: 8px !important;
  }
  .palm-gap-xs {
    gap: 2px !important;
  }
  .palm-gap-s {
    gap: 4px !important;
  }
  .palm-gap-m {
    gap: 8px !important;
  }
  .palm-gap-l {
    gap: 16px !important;
  }
  .palm-gap-xl {
    gap: 24px !important;
  }
  .palm-gap-xxl {
    gap: 32px !important;
  }
}
@media (min-width: 669px) and (max-width: 1013px) {
  .lap-gap {
    gap: 16px !important;
  }
  .lap-gap-xs {
    gap: 4px !important;
  }
  .lap-gap-s {
    gap: 8px !important;
  }
  .lap-gap-m {
    gap: 16px !important;
  }
  .lap-gap-l {
    gap: 24px !important;
  }
  .lap-gap-xl {
    gap: 32px !important;
  }
  .lap-gap-xxl {
    gap: 40px !important;
  }
}
@media (min-width: 1014px) {
  .desk-gap {
    gap: 16px !important;
  }
  .desk-gap-xs {
    gap: 4px !important;
  }
  .desk-gap-s {
    gap: 8px !important;
  }
  .desk-gap-m {
    gap: 16px !important;
  }
  .desk-gap-l {
    gap: 24px !important;
  }
  .desk-gap-xl {
    gap: 32px !important;
  }
  .desk-gap-xxl {
    gap: 40px !important;
  }
}
.automatic-width {
  width: auto !important;
}
.one-whole {
  width: 100% !important;
}
.five-tenth,
.five-tenths,
.four-eighth,
.four-eighths,
.one-half,
.six-twelfth,
.six-twelfths,
.three-sixth,
.three-sixths,
.two-fourth,
.two-fourths {
  width: 50% !important;
}
.four-twelfth,
.four-twelfths,
.one-third,
.two-sixth,
.two-sixths {
  width: 33.333% !important;
}
.eight-twelfth,
.eight-twelfths,
.four-sixth,
.four-sixths,
.two-third,
.two-thirds {
  width: 66.666% !important;
}
.one-fourth,
.three-twelfth,
.three-twelfths,
.two-eighth,
.two-eighths {
  width: 25% !important;
}
.nine-twelfth,
.nine-twelfths,
.six-eighth,
.six-eighths,
.three-fourth,
.three-fourths {
  width: 75% !important;
}
.one-fifth,
.two-tenth,
.two-tenths {
  width: 20% !important;
}
.four-tenth,
.four-tenths,
.two-fifth,
.two-fifths {
  width: 40% !important;
}
.six-tenth,
.six-tenths,
.three-fifth,
.three-fifths {
  width: 60% !important;
}
.eight-tenth,
.eight-tenths,
.four-fifth,
.four-fifths {
  width: 80% !important;
}
.one-sixth,
.two-twelfth,
.two-twelfths {
  width: 16.666% !important;
}
.five-sixth,
.five-sixths,
.ten-twelfth,
.ten-twelfths {
  width: 83.333% !important;
}
.one-eighth {
  width: 12.5% !important;
}
.three-eighth,
.three-eighths {
  width: 37.5% !important;
}
.five-eighth,
.five-eighths {
  width: 62.5% !important;
}
.seven-eighth,
.seven-eighths {
  width: 87.5% !important;
}
.one-tenth {
  width: 10% !important;
}
.three-tenth,
.three-tenths {
  width: 30% !important;
}
.seven-tenth,
.seven-tenths {
  width: 70% !important;
}
.nine-tenth,
.nine-tenths {
  width: 90% !important;
}
.one-twelfth {
  width: 8.333% !important;
}
.five-twelfth,
.five-twelfths {
  width: 41.666% !important;
}
.seven-twelfth,
.seven-twelfths {
  width: 58.333% !important;
}
.ten-twelfth,
.ten-twelfths {
  width: 83.333% !important;
}
.eleven-twelfth,
.eleven-twelfths {
  width: 91.666% !important;
}
@media (max-width: 668px) {
  .palm-automatic-width {
    width: auto !important;
  }
  .palm-one-whole {
    width: 100% !important;
  }
  .palm-five-tenth,
  .palm-five-tenths,
  .palm-four-eighth,
  .palm-four-eighths,
  .palm-one-half,
  .palm-six-twelfth,
  .palm-six-twelfths,
  .palm-three-sixth,
  .palm-three-sixths,
  .palm-two-fourth,
  .palm-two-fourths {
    width: 50% !important;
  }
  .palm-four-twelfth,
  .palm-four-twelfths,
  .palm-one-third,
  .palm-two-sixth,
  .palm-two-sixths {
    width: 33.333% !important;
  }
  .palm-eight-twelfth,
  .palm-eight-twelfths,
  .palm-four-sixth,
  .palm-four-sixths,
  .palm-two-third,
  .palm-two-thirds {
    width: 66.666% !important;
  }
  .palm-one-fourth,
  .palm-three-twelfth,
  .palm-three-twelfths,
  .palm-two-eighth,
  .palm-two-eighths {
    width: 25% !important;
  }
  .palm-nine-twelfth,
  .palm-nine-twelfths,
  .palm-six-eighth,
  .palm-six-eighths,
  .palm-three-fourth,
  .palm-three-fourths {
    width: 75% !important;
  }
  .palm-one-fifth,
  .palm-two-tenth,
  .palm-two-tenths {
    width: 20% !important;
  }
  .palm-four-tenth,
  .palm-four-tenths,
  .palm-two-fifth,
  .palm-two-fifths {
    width: 40% !important;
  }
  .palm-six-tenth,
  .palm-six-tenths,
  .palm-three-fifth,
  .palm-three-fifths {
    width: 60% !important;
  }
  .palm-eight-tenth,
  .palm-eight-tenths,
  .palm-four-fifth,
  .palm-four-fifths {
    width: 80% !important;
  }
  .palm-one-sixth,
  .palm-two-twelfth,
  .palm-two-twelfths {
    width: 16.666% !important;
  }
  .palm-five-sixth,
  .palm-five-sixths,
  .palm-ten-twelfth,
  .palm-ten-twelfths {
    width: 83.333% !important;
  }
  .palm-one-eighth {
    width: 12.5% !important;
  }
  .palm-three-eighth,
  .palm-three-eighths {
    width: 37.5% !important;
  }
  .palm-five-eighth,
  .palm-five-eighths {
    width: 62.5% !important;
  }
  .palm-seven-eighth,
  .palm-seven-eighths {
    width: 87.5% !important;
  }
  .palm-one-tenth {
    width: 10% !important;
  }
  .palm-three-tenth,
  .palm-three-tenths {
    width: 30% !important;
  }
  .palm-seven-tenth,
  .palm-seven-tenths {
    width: 70% !important;
  }
  .palm-nine-tenth,
  .palm-nine-tenths {
    width: 90% !important;
  }
  .palm-one-twelfth {
    width: 8.333% !important;
  }
  .palm-five-twelfth,
  .palm-five-twelfths {
    width: 41.666% !important;
  }
  .palm-seven-twelfth,
  .palm-seven-twelfths {
    width: 58.333% !important;
  }
  .palm-ten-twelfth,
  .palm-ten-twelfths {
    width: 83.333% !important;
  }
  .palm-eleven-twelfth,
  .palm-eleven-twelfths {
    width: 91.666% !important;
  }
}
@media (min-width: 669px) and (max-width: 1013px) {
  .lap-automatic-width {
    width: auto !important;
  }
  .lap-one-whole {
    width: 100% !important;
  }
  .lap-five-tenth,
  .lap-five-tenths,
  .lap-four-eighth,
  .lap-four-eighths,
  .lap-one-half,
  .lap-six-twelfth,
  .lap-six-twelfths,
  .lap-three-sixth,
  .lap-three-sixths,
  .lap-two-fourth,
  .lap-two-fourths {
    width: 50% !important;
  }
  .lap-four-twelfth,
  .lap-four-twelfths,
  .lap-one-third,
  .lap-two-sixth,
  .lap-two-sixths {
    width: 33.333% !important;
  }
  .lap-eight-twelfth,
  .lap-eight-twelfths,
  .lap-four-sixth,
  .lap-four-sixths,
  .lap-two-third,
  .lap-two-thirds {
    width: 66.666% !important;
  }
  .lap-one-fourth,
  .lap-three-twelfth,
  .lap-three-twelfths,
  .lap-two-eighth,
  .lap-two-eighths {
    width: 25% !important;
  }
  .lap-nine-twelfth,
  .lap-nine-twelfths,
  .lap-six-eighth,
  .lap-six-eighths,
  .lap-three-fourth,
  .lap-three-fourths {
    width: 75% !important;
  }
  .lap-one-fifth,
  .lap-two-tenth,
  .lap-two-tenths {
    width: 20% !important;
  }
  .lap-four-tenth,
  .lap-four-tenths,
  .lap-two-fifth,
  .lap-two-fifths {
    width: 40% !important;
  }
  .lap-six-tenth,
  .lap-six-tenths,
  .lap-three-fifth,
  .lap-three-fifths {
    width: 60% !important;
  }
  .lap-eight-tenth,
  .lap-eight-tenths,
  .lap-four-fifth,
  .lap-four-fifths {
    width: 80% !important;
  }
  .lap-one-sixth,
  .lap-two-twelfth,
  .lap-two-twelfths {
    width: 16.666% !important;
  }
  .lap-five-sixth,
  .lap-five-sixths,
  .lap-ten-twelfth,
  .lap-ten-twelfths {
    width: 83.333% !important;
  }
  .lap-one-eighth {
    width: 12.5% !important;
  }
  .lap-three-eighth,
  .lap-three-eighths {
    width: 37.5% !important;
  }
  .lap-five-eighth,
  .lap-five-eighths {
    width: 62.5% !important;
  }
  .lap-seven-eighth,
  .lap-seven-eighths {
    width: 87.5% !important;
  }
  .lap-one-tenth {
    width: 10% !important;
  }
  .lap-three-tenth,
  .lap-three-tenths {
    width: 30% !important;
  }
  .lap-seven-tenth,
  .lap-seven-tenths {
    width: 70% !important;
  }
  .lap-nine-tenth,
  .lap-nine-tenths {
    width: 90% !important;
  }
  .lap-one-twelfth {
    width: 8.333% !important;
  }
  .lap-five-twelfth,
  .lap-five-twelfths {
    width: 41.666% !important;
  }
  .lap-seven-twelfth,
  .lap-seven-twelfths {
    width: 58.333% !important;
  }
  .lap-ten-twelfth,
  .lap-ten-twelfths {
    width: 83.333% !important;
  }
  .lap-eleven-twelfth,
  .lap-eleven-twelfths {
    width: 91.666% !important;
  }
}
@media (min-width: 1014px) {
  .desk-automatic-width {
    width: auto !important;
  }
  .desk-one-whole {
    width: 100% !important;
  }
  .desk-five-tenth,
  .desk-five-tenths,
  .desk-four-eighth,
  .desk-four-eighths,
  .desk-one-half,
  .desk-six-twelfth,
  .desk-six-twelfths,
  .desk-three-sixth,
  .desk-three-sixths,
  .desk-two-fourth,
  .desk-two-fourths {
    width: 50% !important;
  }
  .desk-four-twelfth,
  .desk-four-twelfths,
  .desk-one-third,
  .desk-two-sixth,
  .desk-two-sixths {
    width: 33.333% !important;
  }
  .desk-eight-twelfth,
  .desk-eight-twelfths,
  .desk-four-sixth,
  .desk-four-sixths,
  .desk-two-third,
  .desk-two-thirds {
    width: 66.666% !important;
  }
  .desk-one-fourth,
  .desk-three-twelfth,
  .desk-three-twelfths,
  .desk-two-eighth,
  .desk-two-eighths {
    width: 25% !important;
  }
  .desk-nine-twelfth,
  .desk-nine-twelfths,
  .desk-six-eighth,
  .desk-six-eighths,
  .desk-three-fourth,
  .desk-three-fourths {
    width: 75% !important;
  }
  .desk-one-fifth,
  .desk-two-tenth,
  .desk-two-tenths {
    width: 20% !important;
  }
  .desk-four-tenth,
  .desk-four-tenths,
  .desk-two-fifth,
  .desk-two-fifths {
    width: 40% !important;
  }
  .desk-six-tenth,
  .desk-six-tenths,
  .desk-three-fifth,
  .desk-three-fifths {
    width: 60% !important;
  }
  .desk-eight-tenth,
  .desk-eight-tenths,
  .desk-four-fifth,
  .desk-four-fifths {
    width: 80% !important;
  }
  .desk-one-sixth,
  .desk-two-twelfth,
  .desk-two-twelfths {
    width: 16.666% !important;
  }
  .desk-five-sixth,
  .desk-five-sixths,
  .desk-ten-twelfth,
  .desk-ten-twelfths {
    width: 83.333% !important;
  }
  .desk-one-eighth {
    width: 12.5% !important;
  }
  .desk-three-eighth,
  .desk-three-eighths {
    width: 37.5% !important;
  }
  .desk-five-eighth,
  .desk-five-eighths {
    width: 62.5% !important;
  }
  .desk-seven-eighth,
  .desk-seven-eighths {
    width: 87.5% !important;
  }
  .desk-one-tenth {
    width: 10% !important;
  }
  .desk-three-tenth,
  .desk-three-tenths {
    width: 30% !important;
  }
  .desk-seven-tenth,
  .desk-seven-tenths {
    width: 70% !important;
  }
  .desk-nine-tenth,
  .desk-nine-tenths {
    width: 90% !important;
  }
  .desk-one-twelfth {
    width: 8.333% !important;
  }
  .desk-five-twelfth,
  .desk-five-twelfths {
    width: 41.666% !important;
  }
  .desk-seven-twelfth,
  .desk-seven-twelfths {
    width: 58.333% !important;
  }
  .desk-ten-twelfth,
  .desk-ten-twelfths {
    width: 83.333% !important;
  }
  .desk-eleven-twelfth,
  .desk-eleven-twelfths {
    width: 91.666% !important;
  }
}
.display-none {
  display: none !important;
}
.display-inline {
  display: inline !important;
}
.display-inline-block {
  display: inline-block !important;
}
.display-block {
  display: block !important;
}
.display-table {
  display: table !important;
}
.display-table-cell {
  display: table-cell !important;
}
.display-table-row {
  display: table-row !important;
}
.display-flex {
  display: flex !important;
}
.display-inline-flex {
  display: inline-flex !important;
}
.display-grid {
  display: grid !important;
}
.display-inline-grid {
  display: inline-grid !important;
}
@media (max-width: 668px) {
  .palm-display-none {
    display: none !important;
  }
  .palm-display-inline {
    display: inline !important;
  }
  .palm-display-inline-block {
    display: inline-block !important;
  }
  .palm-display-block {
    display: block !important;
  }
  .palm-display-table {
    display: table !important;
  }
  .palm-display-table-cell {
    display: table-cell !important;
  }
  .palm-display-table-row {
    display: table-row !important;
  }
  .palm-display-flex {
    display: flex !important;
  }
  .palm-display-inline-flex {
    display: inline-flex !important;
  }
  .palm-display-grid {
    display: grid !important;
  }
  .palm-display-inline-grid {
    display: inline-grid !important;
  }
}
@media (min-width: 669px) and (max-width: 1013px) {
  .lap-display-none {
    display: none !important;
  }
  .lap-display-inline {
    display: inline !important;
  }
  .lap-display-inline-block {
    display: inline-block !important;
  }
  .lap-display-block {
    display: block !important;
  }
  .lap-display-table {
    display: table !important;
  }
  .lap-display-table-cell {
    display: table-cell !important;
  }
  .lap-display-table-row {
    display: table-row !important;
  }
  .lap-display-flex {
    display: flex !important;
  }
  .lap-display-inline-flex {
    display: inline-flex !important;
  }
  .lap-display-grid {
    display: grid !important;
  }
  .lap-display-inline-grid {
    display: inline-grid !important;
  }
}
@media (min-width: 1014px) {
  .desk-display-none {
    display: none !important;
  }
  .desk-display-inline {
    display: inline !important;
  }
  .desk-display-inline-block {
    display: inline-block !important;
  }
  .desk-display-block {
    display: block !important;
  }
  .desk-display-table {
    display: table !important;
  }
  .desk-display-table-cell {
    display: table-cell !important;
  }
  .desk-display-table-row {
    display: table-row !important;
  }
  .desk-display-flex {
    display: flex !important;
  }
  .desk-display-inline-flex {
    display: inline-flex !important;
  }
  .desk-display-grid {
    display: grid !important;
  }
  .desk-display-inline-grid {
    display: inline-grid !important;
  }
}
.screenreader-only {
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.button-icon-standalone.disabled,
.button-icon-standalone.disabled:active,
.button-icon-standalone.disabled:focus,
.button-icon-standalone.disabled:hover,
.button-icon-standalone.disabled:link,
.button-icon-standalone.disabled:visited,
.dropdown-link .disabled,
.dropdown-link .disabled:active,
.dropdown-link .disabled:focus,
.dropdown-link .disabled:hover,
.dropdown-link .disabled:link,
.dropdown-link .disabled:visited,
.link-text.disabled,
.link-text.disabled:active,
.link-text.disabled:focus,
.link-text.disabled:hover,
.link-text.disabled:link,
.link-text.disabled:visited,
a.disabled,
a.disabled:active,
a.disabled:focus,
a.disabled:hover,
a.disabled:link,
a.disabled:visited {
  color: #333;
  cursor: default;
  text-decoration: none;
}
.clearfix-before:before,
.clearfix:after {
  clear: both;
  content: "";
  display: table;
}
.vertical-center-container {
  height: 100%;
}
.vertical-center-container:after {
  content: "";
  height: 100%;
}
.vertical-center,
.vertical-center-container:after {
  display: inline-block;
  vertical-align: middle;
}
.horizontal-center {
  display: block;
  margin: 0 auto;
}
.cursor-pointer {
  cursor: pointer;
}
.height-full {
  height: 100%;
}
.core-hide,
[data-theme=core] .core-hide {
  display: none;
}
.cosma-hide,
[data-theme=core] .cosma-hide,
[data-theme=cosma] .core-hide {
  display: initial;
}
.core-hide--inline,
[data-theme=core] .core-hide--inline,
[data-theme=cosma] .cosma-hide {
  display: none;
}
.cosma-hide--inline,
[data-theme=core] .cosma-hide--inline,
[data-theme=cosma] .core-hide--inline {
  display: inline;
}
.core-hide--block,
[data-theme=core] .core-hide--block,
[data-theme=cosma] .cosma-hide--inline {
  display: none;
}
.cosma-hide--block,
[data-theme=core] .cosma-hide--block,
[data-theme=cosma] .core-hide--block {
  display: block;
}
.core-hide--inline-block,
[data-theme=core] .core-hide--inline-block,
[data-theme=cosma] .cosma-hide--block {
  display: none;
}
.cosma-hide--inline-block,
[data-theme=core] .cosma-hide--inline-block,
[data-theme=cosma] .core-hide--inline-block {
  display: inline-block;
}
.core-hide--flex,
[data-theme=core] .core-hide--flex,
[data-theme=cosma] .cosma-hide--inline-block {
  display: none;
}
.cosma-hide--flex,
[data-theme=core] .cosma-hide--flex,
[data-theme=cosma] .core-hide--flex {
  display: flex;
}
.core-hide--inline-flex,
[data-theme=core] .core-hide--inline-flex,
[data-theme=cosma] .cosma-hide--flex {
  display: none;
}
.cosma-hide--inline-flex,
[data-theme=core] .cosma-hide--inline-flex,
[data-theme=cosma] .core-hide--inline-flex {
  display: inline-flex;
}
[data-theme=cosma] .cosma-hide--inline-flex {
  display: none;
}
a.touch-area,
ul.touch-area a {
  display: block;
  padding-bottom: .5em;
  padding-top: .5em;
  width: 100%;
}
ul.touch-area li,
ul.touch-area ul {
  margin-bottom: 0 !important;
  margin-top: 0 !important;
}
@media (max-width: 668px) {
  a.palm-touch-area,
  ul.palm-touch-area a {
    display: block;
    padding-bottom: .5em;
    padding-top: .5em;
    width: 100%;
  }
  ul.palm-touch-area li,
  ul.palm-touch-area ul {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
  }
}
@media (min-width: 669px) and (max-width: 1013px) {
  a.lap-touch-area,
  ul.lap-touch-area a {
    display: block;
    padding-bottom: .5em;
    padding-top: .5em;
    width: 100%;
  }
  ul.lap-touch-area li,
  ul.lap-touch-area ul {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
  }
}
@media (min-width: 1014px) {
  a.desk-touch-area,
  ul.desk-touch-area a {
    display: block;
    padding-bottom: .5em;
    padding-top: .5em;
    width: 100%;
  }
  ul.desk-touch-area li,
  ul.desk-touch-area ul {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
  }
}
.list-bullet,
ol {
  list-style-position: outside;
  overflow: hidden;
}
ol li {
  margin-left: 2.333em;
}
ol li:nth-child(n) {
  margin-left: 1.75em;
}
ol li:nth-child(n+10) {
  margin-left: 2.333em;
}
ol li:nth-child(n+100) {
  margin-left: 2.916em;
}
.list-bullet {
  list-style-type: disc;
}
.list-bullet > li {
  margin-left: 1.333em;
}
.list-check > li {
  padding-left: 1.5em;
  position: relative;
}
.list-check > li:before {
  color: #333;
  content: "\e943";
  font-family: IS24Icons;
  left: 0;
  position: absolute;
}
.list-spacing > li {
  margin-bottom: 8px;
}
.list-spacing-xs > li {
  margin-bottom: 2px;
}
.list-spacing-s > li {
  margin-bottom: 4px;
}
.list-spacing-m > li {
  margin-bottom: 8px;
}
.list-spacing-l > li {
  margin-bottom: 16px;
}
.list-spacing-xl > li {
  margin-bottom: 24px;
}
.list-spacing-xxl > li {
  margin-bottom: 32px;
}
@media (min-width: 669px) {
  .list-spacing > li {
    margin-bottom: 16px;
  }
  .list-spacing-xs > li {
    margin-bottom: 4px;
  }
  .list-spacing-s > li {
    margin-bottom: 8px;
  }
  .list-spacing-m > li {
    margin-bottom: 16px;
  }
  .list-spacing-l > li {
    margin-bottom: 24px;
  }
  .list-spacing-xl > li {
    margin-bottom: 32px;
  }
  .list-spacing-xxl > li {
    margin-bottom: 40px;
  }
}
.grid {
  display: block;
  margin-right: 0;
}
.grid:after {
  clear: both;
  content: "";
  display: table;
}
.grid-item {
  display: block;
  float: left;
  text-align: left;
  vertical-align: top;
  width: 100%;
}
.gutter,
.gutter-horizontal {
  margin-left: -16px;
}
.gutter-vertical > .grid-item,
.gutter > .grid-item {
  margin-bottom: 16px;
}
.gutter-horizontal > .grid-item,
.gutter > .grid-item {
  padding-left: 16px;
}
.gutter-horizontal-xs,
.gutter-xs {
  margin-left: -2px;
}
.gutter-vertical-xs > .grid-item,
.gutter-xs > .grid-item {
  margin-bottom: 2px;
}
.gutter-horizontal-xs > .grid-item,
.gutter-xs > .grid-item {
  padding-left: 2px;
}
.gutter-horizontal-s,
.gutter-s {
  margin-left: -4px;
}
.gutter-s > .grid-item,
.gutter-vertical-s > .grid-item {
  margin-bottom: 4px;
}
.gutter-horizontal-s > .grid-item,
.gutter-s > .grid-item {
  padding-left: 4px;
}
.gutter-horizontal-m,
.gutter-m {
  margin-left: -8px;
}
.gutter-m > .grid-item,
.gutter-vertical-m > .grid-item {
  margin-bottom: 8px;
}
.gutter-horizontal-m > .grid-item,
.gutter-m > .grid-item {
  padding-left: 8px;
}
.gutter-horizontal-l,
.gutter-l {
  margin-left: -16px;
}
.gutter-l > .grid-item,
.gutter-vertical-l > .grid-item {
  margin-bottom: 16px;
}
.gutter-horizontal-l > .grid-item,
.gutter-l > .grid-item {
  padding-left: 16px;
}
.gutter-horizontal-xl,
.gutter-xl {
  margin-left: -24px;
}
.gutter-vertical-xl > .grid-item,
.gutter-xl > .grid-item {
  margin-bottom: 24px;
}
.gutter-horizontal-xl > .grid-item,
.gutter-xl > .grid-item {
  padding-left: 24px;
}
.gutter-horizontal-xxl,
.gutter-xxl {
  margin-left: -32px;
}
.gutter-vertical-xxl > .grid-item,
.gutter-xxl > .grid-item {
  margin-bottom: 32px;
}
.gutter-horizontal-xxl > .grid-item,
.gutter-xxl > .grid-item {
  padding-left: 32px;
}
.gutter-form,
.gutter-horizontal-form {
  margin-left: -12px;
}
.gutter-form > .grid-item,
.gutter-vertical-form > .grid-item {
  margin-bottom: 28px;
}
.gutter-form > .grid-item,
.gutter-horizontal-form > .grid-item {
  padding-left: 12px;
}
@media (min-width: 669px) {
  .gutter,
  .gutter-horizontal {
    margin-left: -24px;
  }
  .gutter-vertical > .grid-item,
  .gutter > .grid-item {
    margin-bottom: 24px;
  }
  .gutter-horizontal > .grid-item,
  .gutter > .grid-item {
    padding-left: 24px;
  }
  .gutter-horizontal-xs,
  .gutter-xs {
    margin-left: -4px;
  }
  .gutter-vertical-xs > .grid-item,
  .gutter-xs > .grid-item {
    margin-bottom: 4px;
  }
  .gutter-horizontal-xs > .grid-item,
  .gutter-xs > .grid-item {
    padding-left: 4px;
  }
  .gutter-horizontal-s,
  .gutter-s {
    margin-left: -8px;
  }
  .gutter-s > .grid-item,
  .gutter-vertical-s > .grid-item {
    margin-bottom: 8px;
  }
  .gutter-horizontal-s > .grid-item,
  .gutter-s > .grid-item {
    padding-left: 8px;
  }
  .gutter-horizontal-m,
  .gutter-m {
    margin-left: -16px;
  }
  .gutter-m > .grid-item,
  .gutter-vertical-m > .grid-item {
    margin-bottom: 16px;
  }
  .gutter-horizontal-m > .grid-item,
  .gutter-m > .grid-item {
    padding-left: 16px;
  }
  .gutter-horizontal-l,
  .gutter-l {
    margin-left: -24px;
  }
  .gutter-l > .grid-item,
  .gutter-vertical-l > .grid-item {
    margin-bottom: 24px;
  }
  .gutter-horizontal-l > .grid-item,
  .gutter-l > .grid-item {
    padding-left: 24px;
  }
  .gutter-horizontal-xl,
  .gutter-xl {
    margin-left: -32px;
  }
  .gutter-vertical-xl > .grid-item,
  .gutter-xl > .grid-item {
    margin-bottom: 32px;
  }
  .gutter-horizontal-xl > .grid-item,
  .gutter-xl > .grid-item {
    padding-left: 32px;
  }
  .gutter-horizontal-xxl,
  .gutter-xxl {
    margin-left: -40px;
  }
  .gutter-vertical-xxl > .grid-item,
  .gutter-xxl > .grid-item {
    margin-bottom: 40px;
  }
  .gutter-horizontal-xxl > .grid-item,
  .gutter-xxl > .grid-item {
    padding-left: 40px;
  }
  .gutter-form,
  .gutter-horizontal-form {
    margin-left: -12px;
  }
  .gutter-form > .grid-item,
  .gutter-vertical-form > .grid-item {
    margin-bottom: 28px;
  }
  .gutter-form > .grid-item,
  .gutter-horizontal-form > .grid-item {
    padding-left: 12px;
  }
}
.push-five-tenth,
.push-five-tenths,
.push-four-eighth,
.push-four-eighths,
.push-one-half,
.push-six-twelfth,
.push-six-twelfths,
.push-three-sixth,
.push-three-sixths,
.push-two-fourth,
.push-two-fourths {
  margin-left: 50%;
}
.push-four-twelfth,
.push-four-twelfths,
.push-one-third,
.push-two-sixth,
.push-two-sixths {
  margin-left: 33.333%;
}
.push-eight-twelfth,
.push-eight-twelfths,
.push-four-sixth,
.push-four-sixths,
.push-two-third,
.push-two-thirds {
  margin-left: 66.666%;
}
.push-one-fourth,
.push-three-twelfth,
.push-three-twelfths,
.push-two-eighth,
.push-two-eighths {
  margin-left: 25%;
}
.push-nine-twelfth,
.push-nine-twelfths,
.push-six-eighth,
.push-six-eighths,
.push-three-fourth,
.push-three-fourths {
  margin-left: 75%;
}
.push-one-fifth,
.push-two-tenth,
.push-two-tenths {
  margin-left: 20%;
}
.push-four-tenth,
.push-four-tenths,
.push-two-fifth,
.push-two-fifths {
  margin-left: 40%;
}
.push-six-tenth,
.push-six-tenths,
.push-three-fifth,
.push-three-fifths {
  margin-left: 60%;
}
.push-eight-tenth,
.push-eight-tenths,
.push-four-fifth,
.push-four-fifths {
  margin-left: 80%;
}
.push-one-sixth,
.push-two-twelfth,
.push-two-twelfths {
  margin-left: 16.666%;
}
.push-five-sixth,
.push-five-sixths,
.push-ten-twelfth,
.push-ten-twelfths {
  margin-left: 83.333%;
}
.push-one-eighth {
  margin-left: 12.5%;
}
.push-three-eighth,
.push-three-eighths {
  margin-left: 37.5%;
}
.push-five-eighth,
.push-five-eighths {
  margin-left: 62.5%;
}
.push-seven-eighth,
.push-seven-eighths {
  margin-left: 87.5%;
}
.push-one-tenth {
  margin-left: 10%;
}
.push-three-tenth,
.push-three-tenths {
  margin-left: 30%;
}
.push-seven-tenth,
.push-seven-tenths {
  margin-left: 70%;
}
.push-nine-tenth,
.push-nine-tenths {
  margin-left: 90%;
}
.push-one-twelfth {
  margin-left: 8.333%;
}
.push-five-twelfth,
.push-five-twelfths {
  margin-left: 41.666%;
}
.push-seven-twelfth,
.push-seven-twelfths {
  margin-left: 58.333%;
}
.push-ten-twelfth,
.push-ten-twelfths {
  margin-left: 83.333%;
}
.push-eleven-twelfth,
.push-eleven-twelfths {
  margin-left: 91.666%;
}
@media (max-width: 668px) {
  .palm-push-five-tenth,
  .palm-push-five-tenths,
  .palm-push-four-eighth,
  .palm-push-four-eighths,
  .palm-push-one-half,
  .palm-push-six-twelfth,
  .palm-push-six-twelfths,
  .palm-push-three-sixth,
  .palm-push-three-sixths,
  .palm-push-two-fourth,
  .palm-push-two-fourths {
    margin-left: 50%;
  }
  .palm-push-four-twelfth,
  .palm-push-four-twelfths,
  .palm-push-one-third,
  .palm-push-two-sixth,
  .palm-push-two-sixths {
    margin-left: 33.333%;
  }
  .palm-push-eight-twelfth,
  .palm-push-eight-twelfths,
  .palm-push-four-sixth,
  .palm-push-four-sixths,
  .palm-push-two-third,
  .palm-push-two-thirds {
    margin-left: 66.666%;
  }
  .palm-push-one-fourth,
  .palm-push-three-twelfth,
  .palm-push-three-twelfths,
  .palm-push-two-eighth,
  .palm-push-two-eighths {
    margin-left: 25%;
  }
  .palm-push-nine-twelfth,
  .palm-push-nine-twelfths,
  .palm-push-six-eighth,
  .palm-push-six-eighths,
  .palm-push-three-fourth,
  .palm-push-three-fourths {
    margin-left: 75%;
  }
  .palm-push-one-fifth,
  .palm-push-two-tenth,
  .palm-push-two-tenths {
    margin-left: 20%;
  }
  .palm-push-four-tenth,
  .palm-push-four-tenths,
  .palm-push-two-fifth,
  .palm-push-two-fifths {
    margin-left: 40%;
  }
  .palm-push-six-tenth,
  .palm-push-six-tenths,
  .palm-push-three-fifth,
  .palm-push-three-fifths {
    margin-left: 60%;
  }
  .palm-push-eight-tenth,
  .palm-push-eight-tenths,
  .palm-push-four-fifth,
  .palm-push-four-fifths {
    margin-left: 80%;
  }
  .palm-push-one-sixth,
  .palm-push-two-twelfth,
  .palm-push-two-twelfths {
    margin-left: 16.666%;
  }
  .palm-push-five-sixth,
  .palm-push-five-sixths,
  .palm-push-ten-twelfth,
  .palm-push-ten-twelfths {
    margin-left: 83.333%;
  }
  .palm-push-one-eighth {
    margin-left: 12.5%;
  }
  .palm-push-three-eighth,
  .palm-push-three-eighths {
    margin-left: 37.5%;
  }
  .palm-push-five-eighth,
  .palm-push-five-eighths {
    margin-left: 62.5%;
  }
  .palm-push-seven-eighth,
  .palm-push-seven-eighths {
    margin-left: 87.5%;
  }
  .palm-push-one-tenth {
    margin-left: 10%;
  }
  .palm-push-three-tenth,
  .palm-push-three-tenths {
    margin-left: 30%;
  }
  .palm-push-seven-tenth,
  .palm-push-seven-tenths {
    margin-left: 70%;
  }
  .palm-push-nine-tenth,
  .palm-push-nine-tenths {
    margin-left: 90%;
  }
  .palm-push-one-twelfth {
    margin-left: 8.333%;
  }
  .palm-push-five-twelfth,
  .palm-push-five-twelfths {
    margin-left: 41.666%;
  }
  .palm-push-seven-twelfth,
  .palm-push-seven-twelfths {
    margin-left: 58.333%;
  }
  .palm-push-ten-twelfth,
  .palm-push-ten-twelfths {
    margin-left: 83.333%;
  }
  .palm-push-eleven-twelfth,
  .palm-push-eleven-twelfths {
    margin-left: 91.666%;
  }
}
@media (min-width: 669px) and (max-width: 1013px) {
  .lap-push-five-tenth,
  .lap-push-five-tenths,
  .lap-push-four-eighth,
  .lap-push-four-eighths,
  .lap-push-one-half,
  .lap-push-six-twelfth,
  .lap-push-six-twelfths,
  .lap-push-three-sixth,
  .lap-push-three-sixths,
  .lap-push-two-fourth,
  .lap-push-two-fourths {
    margin-left: 50%;
  }
  .lap-push-four-twelfth,
  .lap-push-four-twelfths,
  .lap-push-one-third,
  .lap-push-two-sixth,
  .lap-push-two-sixths {
    margin-left: 33.333%;
  }
  .lap-push-eight-twelfth,
  .lap-push-eight-twelfths,
  .lap-push-four-sixth,
  .lap-push-four-sixths,
  .lap-push-two-third,
  .lap-push-two-thirds {
    margin-left: 66.666%;
  }
  .lap-push-one-fourth,
  .lap-push-three-twelfth,
  .lap-push-three-twelfths,
  .lap-push-two-eighth,
  .lap-push-two-eighths {
    margin-left: 25%;
  }
  .lap-push-nine-twelfth,
  .lap-push-nine-twelfths,
  .lap-push-six-eighth,
  .lap-push-six-eighths,
  .lap-push-three-fourth,
  .lap-push-three-fourths {
    margin-left: 75%;
  }
  .lap-push-one-fifth,
  .lap-push-two-tenth,
  .lap-push-two-tenths {
    margin-left: 20%;
  }
  .lap-push-four-tenth,
  .lap-push-four-tenths,
  .lap-push-two-fifth,
  .lap-push-two-fifths {
    margin-left: 40%;
  }
  .lap-push-six-tenth,
  .lap-push-six-tenths,
  .lap-push-three-fifth,
  .lap-push-three-fifths {
    margin-left: 60%;
  }
  .lap-push-eight-tenth,
  .lap-push-eight-tenths,
  .lap-push-four-fifth,
  .lap-push-four-fifths {
    margin-left: 80%;
  }
  .lap-push-one-sixth,
  .lap-push-two-twelfth,
  .lap-push-two-twelfths {
    margin-left: 16.666%;
  }
  .lap-push-five-sixth,
  .lap-push-five-sixths,
  .lap-push-ten-twelfth,
  .lap-push-ten-twelfths {
    margin-left: 83.333%;
  }
  .lap-push-one-eighth {
    margin-left: 12.5%;
  }
  .lap-push-three-eighth,
  .lap-push-three-eighths {
    margin-left: 37.5%;
  }
  .lap-push-five-eighth,
  .lap-push-five-eighths {
    margin-left: 62.5%;
  }
  .lap-push-seven-eighth,
  .lap-push-seven-eighths {
    margin-left: 87.5%;
  }
  .lap-push-one-tenth {
    margin-left: 10%;
  }
  .lap-push-three-tenth,
  .lap-push-three-tenths {
    margin-left: 30%;
  }
  .lap-push-seven-tenth,
  .lap-push-seven-tenths {
    margin-left: 70%;
  }
  .lap-push-nine-tenth,
  .lap-push-nine-tenths {
    margin-left: 90%;
  }
  .lap-push-one-twelfth {
    margin-left: 8.333%;
  }
  .lap-push-five-twelfth,
  .lap-push-five-twelfths {
    margin-left: 41.666%;
  }
  .lap-push-seven-twelfth,
  .lap-push-seven-twelfths {
    margin-left: 58.333%;
  }
  .lap-push-ten-twelfth,
  .lap-push-ten-twelfths {
    margin-left: 83.333%;
  }
  .lap-push-eleven-twelfth,
  .lap-push-eleven-twelfths {
    margin-left: 91.666%;
  }
}
@media (min-width: 1014px) {
  .desk-push-five-tenth,
  .desk-push-five-tenths,
  .desk-push-four-eighth,
  .desk-push-four-eighths,
  .desk-push-one-half,
  .desk-push-six-twelfth,
  .desk-push-six-twelfths,
  .desk-push-three-sixth,
  .desk-push-three-sixths,
  .desk-push-two-fourth,
  .desk-push-two-fourths {
    margin-left: 50%;
  }
  .desk-push-four-twelfth,
  .desk-push-four-twelfths,
  .desk-push-one-third,
  .desk-push-two-sixth,
  .desk-push-two-sixths {
    margin-left: 33.333%;
  }
  .desk-push-eight-twelfth,
  .desk-push-eight-twelfths,
  .desk-push-four-sixth,
  .desk-push-four-sixths,
  .desk-push-two-third,
  .desk-push-two-thirds {
    margin-left: 66.666%;
  }
  .desk-push-one-fourth,
  .desk-push-three-twelfth,
  .desk-push-three-twelfths,
  .desk-push-two-eighth,
  .desk-push-two-eighths {
    margin-left: 25%;
  }
  .desk-push-nine-twelfth,
  .desk-push-nine-twelfths,
  .desk-push-six-eighth,
  .desk-push-six-eighths,
  .desk-push-three-fourth,
  .desk-push-three-fourths {
    margin-left: 75%;
  }
  .desk-push-one-fifth,
  .desk-push-two-tenth,
  .desk-push-two-tenths {
    margin-left: 20%;
  }
  .desk-push-four-tenth,
  .desk-push-four-tenths,
  .desk-push-two-fifth,
  .desk-push-two-fifths {
    margin-left: 40%;
  }
  .desk-push-six-tenth,
  .desk-push-six-tenths,
  .desk-push-three-fifth,
  .desk-push-three-fifths {
    margin-left: 60%;
  }
  .desk-push-eight-tenth,
  .desk-push-eight-tenths,
  .desk-push-four-fifth,
  .desk-push-four-fifths {
    margin-left: 80%;
  }
  .desk-push-one-sixth,
  .desk-push-two-twelfth,
  .desk-push-two-twelfths {
    margin-left: 16.666%;
  }
  .desk-push-five-sixth,
  .desk-push-five-sixths,
  .desk-push-ten-twelfth,
  .desk-push-ten-twelfths {
    margin-left: 83.333%;
  }
  .desk-push-one-eighth {
    margin-left: 12.5%;
  }
  .desk-push-three-eighth,
  .desk-push-three-eighths {
    margin-left: 37.5%;
  }
  .desk-push-five-eighth,
  .desk-push-five-eighths {
    margin-left: 62.5%;
  }
  .desk-push-seven-eighth,
  .desk-push-seven-eighths {
    margin-left: 87.5%;
  }
  .desk-push-one-tenth {
    margin-left: 10%;
  }
  .desk-push-three-tenth,
  .desk-push-three-tenths {
    margin-left: 30%;
  }
  .desk-push-seven-tenth,
  .desk-push-seven-tenths {
    margin-left: 70%;
  }
  .desk-push-nine-tenth,
  .desk-push-nine-tenths {
    margin-left: 90%;
  }
  .desk-push-one-twelfth {
    margin-left: 8.333%;
  }
  .desk-push-five-twelfth,
  .desk-push-five-twelfths {
    margin-left: 41.666%;
  }
  .desk-push-seven-twelfth,
  .desk-push-seven-twelfths {
    margin-left: 58.333%;
  }
  .desk-push-ten-twelfth,
  .desk-push-ten-twelfths {
    margin-left: 83.333%;
  }
  .desk-push-eleven-twelfth,
  .desk-push-eleven-twelfths {
    margin-left: 91.666%;
  }
}
.grid-flex {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  -moz-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
}
.grid-flex > .grid-item {
  -webkit-flex: 0 1 auto;
  -moz-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  width: auto;
}
.grid-flex:after {
  content: none;
}
.grid-align-start {
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
  -webkit-align-self: flex-start;
  -moz-align-self: flex-start;
  -ms-align-self: flex-start;
  align-self: flex-start;
}
.grid-align-end {
  -ms-flex-align: end;
  -webkit-align-items: flex-end;
  -moz-align-items: flex-end;
  -ms-align-items: flex-end;
  align-items: flex-end;
  -webkit-align-self: flex-end;
  -moz-align-self: flex-end;
  -ms-align-self: flex-end;
  align-self: flex-end;
}
.grid-align-center {
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-align-self: center;
  -moz-align-self: center;
  -ms-align-self: center;
  align-self: center;
}
.grid-align-baseline {
  -ms-flex-align: baseline;
  -webkit-align-items: baseline;
  -moz-align-items: baseline;
  -ms-align-items: baseline;
  align-items: baseline;
  -webkit-align-self: baseline;
  -moz-align-self: baseline;
  -ms-align-self: baseline;
  align-self: baseline;
}
.grid-align-stretch {
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  -moz-align-items: stretch;
  -ms-align-items: stretch;
  align-items: stretch;
  -webkit-align-self: stretch;
  -moz-align-self: stretch;
  -ms-align-self: stretch;
  align-self: stretch;
}
.grid-justify-start {
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
}
.grid-justify-end {
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  -moz-justify-content: flex-end;
  -ms-justify-content: flex-end;
  justify-content: flex-end;
}
.grid-justify-center {
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
}
.grid-justify-space-between {
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
}
.grid-justify-space-around {
  -ms-flex-pack: distribute;
  -webkit-justify-content: space-around;
  -moz-justify-content: space-around;
  -ms-justify-content: space-around;
  justify-content: space-around;
}
.grid-flex > .grid-item-fixed-width {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  -ms-box-sizing: content-box;
  -o-box-sizing: content-box;
  box-sizing: initial;
}
.grid-flex.grid-fill-rows > .grid-item:not(.grid-item-fixed-width) {
  -webkit-flex: 1 1 auto;
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}
.order-five-up {
  -webkit-order: -5;
  -moz-order: -5;
  -ms-order: -5;
  order: -5;
}
.order-four-up {
  -webkit-order: -4;
  -moz-order: -4;
  -ms-order: -4;
  order: -4;
}
.order-three-up {
  -webkit-order: -3;
  -moz-order: -3;
  -ms-order: -3;
  order: -3;
}
.order-two-up {
  -webkit-order: -2;
  -moz-order: -2;
  -ms-order: -2;
  order: -2;
}
.order-one-up {
  -webkit-order: -1;
  -moz-order: -1;
  -ms-order: -1;
  order: -1;
}
.order-default {
  -webkit-order: 0;
  -moz-order: 0;
  -ms-order: 0;
  order: 0;
}
.order-one-down {
  -webkit-order: 1;
  -moz-order: 1;
  -ms-order: 1;
  order: 1;
}
.order-two-down {
  -webkit-order: 2;
  -moz-order: 2;
  -ms-order: 2;
  order: 2;
}
.order-three-down {
  -webkit-order: 3;
  -moz-order: 3;
  -ms-order: 3;
  order: 3;
}
.order-four-down {
  -webkit-order: 4;
  -moz-order: 4;
  -ms-order: 4;
  order: 4;
}
.order-five-down {
  -webkit-order: 5;
  -moz-order: 5;
  -ms-order: 5;
  order: 5;
}
@media (max-width: 668px) {
  .palm-order-five-up {
    -webkit-order: -5;
    -moz-order: -5;
    -ms-order: -5;
    order: -5;
  }
  .palm-order-four-up {
    -webkit-order: -4;
    -moz-order: -4;
    -ms-order: -4;
    order: -4;
  }
  .palm-order-three-up {
    -webkit-order: -3;
    -moz-order: -3;
    -ms-order: -3;
    order: -3;
  }
  .palm-order-two-up {
    -webkit-order: -2;
    -moz-order: -2;
    -ms-order: -2;
    order: -2;
  }
  .palm-order-one-up {
    -webkit-order: -1;
    -moz-order: -1;
    -ms-order: -1;
    order: -1;
  }
  .palm-order-default {
    -webkit-order: 0;
    -moz-order: 0;
    -ms-order: 0;
    order: 0;
  }
  .palm-order-one-down {
    -webkit-order: 1;
    -moz-order: 1;
    -ms-order: 1;
    order: 1;
  }
  .palm-order-two-down {
    -webkit-order: 2;
    -moz-order: 2;
    -ms-order: 2;
    order: 2;
  }
  .palm-order-three-down {
    -webkit-order: 3;
    -moz-order: 3;
    -ms-order: 3;
    order: 3;
  }
  .palm-order-four-down {
    -webkit-order: 4;
    -moz-order: 4;
    -ms-order: 4;
    order: 4;
  }
  .palm-order-five-down {
    -webkit-order: 5;
    -moz-order: 5;
    -ms-order: 5;
    order: 5;
  }
}
@media (min-width: 669px) and (max-width: 1013px) {
  .lap-order-five-up {
    -webkit-order: -5;
    -moz-order: -5;
    -ms-order: -5;
    order: -5;
  }
  .lap-order-four-up {
    -webkit-order: -4;
    -moz-order: -4;
    -ms-order: -4;
    order: -4;
  }
  .lap-order-three-up {
    -webkit-order: -3;
    -moz-order: -3;
    -ms-order: -3;
    order: -3;
  }
  .lap-order-two-up {
    -webkit-order: -2;
    -moz-order: -2;
    -ms-order: -2;
    order: -2;
  }
  .lap-order-one-up {
    -webkit-order: -1;
    -moz-order: -1;
    -ms-order: -1;
    order: -1;
  }
  .lap-order-default {
    -webkit-order: 0;
    -moz-order: 0;
    -ms-order: 0;
    order: 0;
  }
  .lap-order-one-down {
    -webkit-order: 1;
    -moz-order: 1;
    -ms-order: 1;
    order: 1;
  }
  .lap-order-two-down {
    -webkit-order: 2;
    -moz-order: 2;
    -ms-order: 2;
    order: 2;
  }
  .lap-order-three-down {
    -webkit-order: 3;
    -moz-order: 3;
    -ms-order: 3;
    order: 3;
  }
  .lap-order-four-down {
    -webkit-order: 4;
    -moz-order: 4;
    -ms-order: 4;
    order: 4;
  }
  .lap-order-five-down {
    -webkit-order: 5;
    -moz-order: 5;
    -ms-order: 5;
    order: 5;
  }
}
@media (min-width: 1014px) {
  .desk-order-five-up {
    -webkit-order: -5;
    -moz-order: -5;
    -ms-order: -5;
    order: -5;
  }
  .desk-order-four-up {
    -webkit-order: -4;
    -moz-order: -4;
    -ms-order: -4;
    order: -4;
  }
  .desk-order-three-up {
    -webkit-order: -3;
    -moz-order: -3;
    -ms-order: -3;
    order: -3;
  }
  .desk-order-two-up {
    -webkit-order: -2;
    -moz-order: -2;
    -ms-order: -2;
    order: -2;
  }
  .desk-order-one-up {
    -webkit-order: -1;
    -moz-order: -1;
    -ms-order: -1;
    order: -1;
  }
  .desk-order-default {
    -webkit-order: 0;
    -moz-order: 0;
    -ms-order: 0;
    order: 0;
  }
  .desk-order-one-down {
    -webkit-order: 1;
    -moz-order: 1;
    -ms-order: 1;
    order: 1;
  }
  .desk-order-two-down {
    -webkit-order: 2;
    -moz-order: 2;
    -ms-order: 2;
    order: 2;
  }
  .desk-order-three-down {
    -webkit-order: 3;
    -moz-order: 3;
    -ms-order: 3;
    order: 3;
  }
  .desk-order-four-down {
    -webkit-order: 4;
    -moz-order: 4;
    -ms-order: 4;
    order: 4;
  }
  .desk-order-five-down {
    -webkit-order: 5;
    -moz-order: 5;
    -ms-order: 5;
    order: 5;
  }
}
.grid-flex {
  width: 100%;
}
.grid-flex.gutter,
.grid-flex.gutter-vertical {
  margin-top: -16px;
}
.grid-flex.gutter-vertical > .grid-item,
.grid-flex.gutter > .grid-item {
  margin-bottom: 0;
  margin-top: 16px;
}
.grid-flex.gutter,
.grid-flex.gutter-horizontal {
  width: calc(100% + 16px);
}
.grid-flex.gutter-vertical-xs,
.grid-flex.gutter-xs {
  margin-top: -2px;
}
.grid-flex.gutter-vertical-xs > .grid-item,
.grid-flex.gutter-xs > .grid-item {
  margin-bottom: 0;
  margin-top: 2px;
}
.grid-flex.gutter-horizontal-xs,
.grid-flex.gutter-xs {
  width: calc(100% + 2px);
}
.grid-flex.gutter-s,
.grid-flex.gutter-vertical-s {
  margin-top: -4px;
}
.grid-flex.gutter-s > .grid-item,
.grid-flex.gutter-vertical-s > .grid-item {
  margin-bottom: 0;
  margin-top: 4px;
}
.grid-flex.gutter-horizontal-s,
.grid-flex.gutter-s {
  width: calc(100% + 4px);
}
.grid-flex.gutter-m,
.grid-flex.gutter-vertical-m {
  margin-top: -8px;
}
.grid-flex.gutter-m > .grid-item,
.grid-flex.gutter-vertical-m > .grid-item {
  margin-bottom: 0;
  margin-top: 8px;
}
.grid-flex.gutter-horizontal-m,
.grid-flex.gutter-m {
  width: calc(100% + 8px);
}
.grid-flex.gutter-l,
.grid-flex.gutter-vertical-l {
  margin-top: -16px;
}
.grid-flex.gutter-l > .grid-item,
.grid-flex.gutter-vertical-l > .grid-item {
  margin-bottom: 0;
  margin-top: 16px;
}
.grid-flex.gutter-horizontal-l,
.grid-flex.gutter-l {
  width: calc(100% + 16px);
}
.grid-flex.gutter-vertical-xl,
.grid-flex.gutter-xl {
  margin-top: -24px;
}
.grid-flex.gutter-vertical-xl > .grid-item,
.grid-flex.gutter-xl > .grid-item {
  margin-bottom: 0;
  margin-top: 24px;
}
.grid-flex.gutter-horizontal-xl,
.grid-flex.gutter-xl {
  width: calc(100% + 24px);
}
.grid-flex.gutter-vertical-xxl,
.grid-flex.gutter-xxl {
  margin-top: -32px;
}
.grid-flex.gutter-vertical-xxl > .grid-item,
.grid-flex.gutter-xxl > .grid-item {
  margin-bottom: 0;
  margin-top: 32px;
}
.grid-flex.gutter-horizontal-xxl,
.grid-flex.gutter-xxl {
  width: calc(100% + 32px);
}
.grid-flex.gutter-form,
.grid-flex.gutter-vertical-form {
  margin-top: -28px;
}
.grid-flex.gutter-form > .grid-item,
.grid-flex.gutter-vertical-form > .grid-item {
  margin-bottom: 0;
  margin-top: 28px;
}
.grid-flex.gutter-form,
.grid-flex.gutter-horizontal-form {
  width: calc(100% + 12px);
}
@media (min-width: 669px) {
  .grid-flex {
    width: 100%;
  }
  .grid-flex.gutter,
  .grid-flex.gutter-vertical {
    margin-top: -24px;
  }
  .grid-flex.gutter-vertical > .grid-item,
  .grid-flex.gutter > .grid-item {
    margin-bottom: 0;
    margin-top: 24px;
  }
  .grid-flex.gutter,
  .grid-flex.gutter-horizontal {
    width: calc(100% + 24px);
  }
  .grid-flex.gutter-vertical-xs,
  .grid-flex.gutter-xs {
    margin-top: -4px;
  }
  .grid-flex.gutter-vertical-xs > .grid-item,
  .grid-flex.gutter-xs > .grid-item {
    margin-bottom: 0;
    margin-top: 4px;
  }
  .grid-flex.gutter-horizontal-xs,
  .grid-flex.gutter-xs {
    width: calc(100% + 4px);
  }
  .grid-flex.gutter-s,
  .grid-flex.gutter-vertical-s {
    margin-top: -8px;
  }
  .grid-flex.gutter-s > .grid-item,
  .grid-flex.gutter-vertical-s > .grid-item {
    margin-bottom: 0;
    margin-top: 8px;
  }
  .grid-flex.gutter-horizontal-s,
  .grid-flex.gutter-s {
    width: calc(100% + 8px);
  }
  .grid-flex.gutter-m,
  .grid-flex.gutter-vertical-m {
    margin-top: -16px;
  }
  .grid-flex.gutter-m > .grid-item,
  .grid-flex.gutter-vertical-m > .grid-item {
    margin-bottom: 0;
    margin-top: 16px;
  }
  .grid-flex.gutter-horizontal-m,
  .grid-flex.gutter-m {
    width: calc(100% + 16px);
  }
  .grid-flex.gutter-l,
  .grid-flex.gutter-vertical-l {
    margin-top: -24px;
  }
  .grid-flex.gutter-l > .grid-item,
  .grid-flex.gutter-vertical-l > .grid-item {
    margin-bottom: 0;
    margin-top: 24px;
  }
  .grid-flex.gutter-horizontal-l,
  .grid-flex.gutter-l {
    width: calc(100% + 24px);
  }
  .grid-flex.gutter-vertical-xl,
  .grid-flex.gutter-xl {
    margin-top: -32px;
  }
  .grid-flex.gutter-vertical-xl > .grid-item,
  .grid-flex.gutter-xl > .grid-item {
    margin-bottom: 0;
    margin-top: 32px;
  }
  .grid-flex.gutter-horizontal-xl,
  .grid-flex.gutter-xl {
    width: calc(100% + 32px);
  }
  .grid-flex.gutter-vertical-xxl,
  .grid-flex.gutter-xxl {
    margin-top: -40px;
  }
  .grid-flex.gutter-vertical-xxl > .grid-item,
  .grid-flex.gutter-xxl > .grid-item {
    margin-bottom: 0;
    margin-top: 40px;
  }
  .grid-flex.gutter-horizontal-xxl,
  .grid-flex.gutter-xxl {
    width: calc(100% + 40px);
  }
  .grid-flex.gutter-form,
  .grid-flex.gutter-vertical-form {
    margin-top: -28px;
  }
  .grid-flex.gutter-form > .grid-item,
  .grid-flex.gutter-vertical-form > .grid-item {
    margin-bottom: 0;
    margin-top: 28px;
  }
  .grid-flex.gutter-form,
  .grid-flex.gutter-horizontal-form {
    width: calc(100% + 12px);
  }
}
.with-icon {
  color: #2267e8;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
.with-icon a,
a.with-icon {
  color: #2267e8;
  text-decoration: none;
}
.with-icon a:hover,
a.with-icon:hover {
  color: #2267e8;
  text-decoration: underline;
}
.with-icon [class*=" s24-icons-"] + a,
.with-icon [class*=is24-icon] + a,
.with-icon [class^=s24-icons-] + a,
.with-icon a + [class*=" s24-icons-"] + a,
.with-icon a + [class*=is24-icon],
.with-icon a + [class^=s24-icons-],
.with-icon a + svg,
.with-icon svg + a {
  padding-left: 4px;
}
.with-icon.link-charcoal,
.with-icon.link-charcoal a,
.with-icon.link-charcoal a:hover,
a.with-icon.link-charcoal,
a.with-icon.link-charcoal:hover {
  color: #333;
}
a.icon-arrow,
a.icon-arrow-back,
a.icon-arrow-forward,
button.icon-arrow,
button.icon-arrow-back,
button.icon-arrow-forward,
span.icon-arrow,
span.icon-arrow-back,
span.icon-arrow-forward,
ul.icon-arrow-back > li a,
ul.icon-arrow-forward > li a,
ul.icon-arrow > li a {
  display: inline-block;
}
a.icon-arrow,
a.icon-arrow-back,
button.icon-arrow,
button.icon-arrow-back,
span.icon-arrow,
span.icon-arrow-back,
ul.icon-arrow-back > li a,
ul.icon-arrow > li a {
  padding-left: .8em;
  position: relative;
}
a.icon-arrow-back:before,
a.icon-arrow:before,
button.icon-arrow-back:before,
button.icon-arrow:before,
span.icon-arrow-back:before,
span.icon-arrow:before,
ul.icon-arrow-back > li a:before,
ul.icon-arrow > li a:before {
  content: "";
  display: inline-block;
  font-family: IS24Icons;
  font-size: .8em;
  left: -.2em;
  margin-top: .2em;
  position: absolute;
}
a.icon-arrow-forward:after,
button.icon-arrow-forward:after,
span.icon-arrow-forward:after,
ul.icon-arrow-forward > li a:after {
  content: "";
  display: inline-block;
  font-family: IS24Icons;
  font-size: .8em;
  margin-left: .25em;
}
a.icon-arrow:before,
button.icon-arrow:before,
span.icon-arrow:before,
ul.icon-arrow > li a:before {
  content: "\e916";
}
a.icon-arrow-back:before,
button.icon-arrow-back:before,
span.icon-arrow-back:before,
ul.icon-arrow-back > li a:before {
  content: "\e915";
}
a.icon-arrow-forward:after,
button.icon-arrow-forward:after,
span.icon-arrow-forward:after,
ul.icon-arrow-forward > li a:after {
  content: "\e916";
}
a.disabled:after,
a.disabled:before,
button.disabled:after,
button.disabled:before,
span.disabled:after,
span.disabled:before,
ul > li a.disabled:after,
ul > li a.disabled:before {
  color: #999;
}
.s24-svg-inline svg {
  display: inline-block;
  height: 1em;
  position: relative;
  stroke-width: 0;
  top: .125em;
  width: 1em;
}
.indicator {
  color: #333;
  display: inline-flex;
  font-family:
    Make It Better,
    Verdana,
    DejaVu Sans,
    Arial,
    Helvetica,
    sans-serif;
  text-align: center;
  user-select: none;
  white-space: nowrap;
}
.indicator [role=button] {
  cursor: pointer;
  height: 16px;
  line-height: 16px;
  width: 16px;
}
.indicator [role=button] .fa,
.indicator [role=button] [class^=is24-icon-],
.indicator [role=button] [class^=s24-icons-],
.indicator [role=button] svg {
  color: #333;
  font-size: 16px;
  height: 16px;
  margin-left: 0;
  width: 16px;
}
.indicator [role=button]:focus,
.indicator [role=button]:hover {
  color: #333;
  font-weight: 700;
}
.indicator [role=button]:focus svg,
.indicator [role=button]:hover svg {
  stroke: #333;
  stroke-width: 2px;
}
.indicator .fa,
.indicator [class^=is24-icon-],
.indicator [class^=s24-icons-],
.indicator svg {
  color: #333;
  font-size: 12px;
  margin-left: 4px;
}
.indicator--float {
  position: relative;
  right: 16px;
  top: -16px;
}
.indicator--label + .indicator--label,
.indicator--label + .indicator--tag,
.indicator--tag + .indicator--label,
.indicator--tag + .indicator--tag {
  margin-left: 10px;
}
.indicator--dot,
.indicator--numeric > span {
  background-color: var(--color-background-inversive);
  border-radius: 14px;
  box-shadow: 0 0 1px 1.5px #fff;
  color: var(--color-text-inversive);
  font-size: 12px;
  font-weight: 700;
}
.indicator--label {
  font-size: var(--size-body-medium);
  font-weight: 700;
  line-height: var(--line-height-body-medium);
}
.indicator--label-content {
  align-items: center;
  border-radius: var(--border-radius-400);
  display: inline-flex;
  gap: var(--spacing-100);
  padding: var(--spacing-100) var(--spacing-300);
}
.indicator--label-content svg {
  color: inherit;
  fill: currentColor;
}
.indicator--label-icon {
  align-items: center;
  display: inline-flex;
  flex-shrink: 0;
  height: 16px;
  justify-content: center;
  width: 16px;
}
.indicator--label-icon svg {
  height: 16px;
  margin-left: 0;
  width: 16px;
}
.indicator--label-small {
  font-size: var(--size-body-small);
  line-height: var(--line-height-body-small);
}
.indicator--label-flat .indicator--label-content {
  border: .5px solid;
}
.indicator--label-elevated .indicator--label-content {
  border: .5px solid;
  box-shadow: 0 8px 16px #0000001f;
}
.indicator--label-system .indicator--label-content {
  border: .5px solid;
}
.indicator--label-vibrant .indicator--label-content {
  border: none;
}
.indicator--label-white .indicator--label-content {
  background-color: var(--color-background-default);
  border-color: var(--color-border-weak);
  color: var(--color-text-default);
}
.indicator--label-gray .indicator--label-content {
  background-color: var(--color-background-weakest);
  border-color: var(--color-border-default);
  color: var(--color-text-default);
}
.indicator--label-gray.indicator--label-system .indicator--label-content {
  color: var(--color-text-weak);
}
.indicator--label-red.indicator--label-elevated .indicator--label-content,
.indicator--label-red.indicator--label-flat .indicator--label-content {
  background-color: var(--red-100);
  border-color: var(--red-200);
  color: var(--red-900);
}
.indicator--label-red.indicator--label-system .indicator--label-content {
  background-color: var(--system-red100);
  border-color: var(--system-red200);
  color: var(--system-red600);
}
.indicator--label-red.indicator--label-vibrant .indicator--label-content {
  background-color: var(--system-red600);
  color: var(--color-text-white);
}
.indicator--label-green.indicator--label-elevated .indicator--label-content,
.indicator--label-green.indicator--label-flat .indicator--label-content {
  background-color: var(--green-100);
  border-color: var(--green-200);
  color: var(--green-900);
}
.indicator--label-green.indicator--label-system .indicator--label-content {
  background-color: var(--system-green100);
  border-color: var(--system-green200);
  color: var(--system-green700);
}
.indicator--label-green.indicator--label-vibrant .indicator--label-content {
  background-color: var(--system-green600);
  color: var(--color-text-white);
}
.indicator--label-blue.indicator--label-elevated .indicator--label-content,
.indicator--label-blue.indicator--label-flat .indicator--label-content {
  background-color: var(--blue-100);
  border-color: var(--blue-200);
  color: var(--blue-900);
}
.indicator--label-blue.indicator--label-system .indicator--label-content {
  background-color: var(--system-blue100);
  border-color: var(--system-blue200);
  color: var(--system-blue600);
}
.indicator--label-blue.indicator--label-vibrant .indicator--label-content {
  background-color: var(--system-blue600);
  color: var(--color-text-white);
}
.indicator--label-yellow.indicator--label-elevated .indicator--label-content,
.indicator--label-yellow.indicator--label-flat .indicator--label-content {
  background-color: var(--yellow-100);
  border-color: var(--yellow-200);
  color: var(--yellow-900);
}
.indicator--label-yellow.indicator--label-system .indicator--label-content {
  background-color: var(--system-yellow100);
  border-color: var(--system-yellow200);
  color: var(--system-yellow800);
}
.indicator--label-yellow.indicator--label-vibrant .indicator--label-content {
  background-color: var(--system-yellow600);
  color: var(--color-text-white);
}
.indicator--label-brand .indicator--label-content {
  background-color: var(--brand-teal);
  border-color: var(--green-200);
  color: var(--color-text-charcoal);
}
.indicator--label-purple.indicator--label-elevated .indicator--label-content,
.indicator--label-purple.indicator--label-flat .indicator--label-content {
  background-color: #faf4ff;
  border-color: #e3cdfd;
  color: #693f8c;
}
.indicator--label-purple.indicator--label-vibrant .indicator--label-content {
  background-color: #693f8c;
  color: var(--color-text-white);
}
.indicator--brand {
  font-size: 14px;
  line-height: 16px;
}
.indicator--brand > span {
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMzAiIGhlaWdodD0iNDMiIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCAxMzAgNDMiPjxwYXRoIGZpbGw9IiMwMGZmZDAiIGQ9Ik00NC45NiAxLjA1OGgtNC41NjdWLjc3NmMyLjEyMi0uMTAxIDQuMjQtLjI2MiA2LjM2Mi0uMjkgMy4wOTMtLjA0IDYuMTg1LjA0IDkuMjc5LjAyNEM2MS42MTIuNDggNjcuMTkuNCA3Mi43NjkuMzc1YzQuNzc0LS4wMjEgOS41NS4wMSAxNC4zMjQuMDEgMS41ODkgMCAzLjE3OS4wMTUgNC43NjYtLjA0IDIuMzM3LS4wOCA0LjY3Mi0uMzMyIDcuMDA1LS4zMDJxOC42NTYuMTEzIDE3LjMwOC40M2MyLjkwNC4xMDUgNS44MDMuMzcgOC42OTguNjM3IDEuMjg5LjEyIDIuNTYyLjQyIDMuOTM2LjY1NS4xODEuNDc3LS4yMTUgMS4zNDMuNjEgMS43ODctLjMwOCAxLjM5NS40MzMgMi45OTItLjgxMiA0LjIxLS4wMzUuMDM1LjAwOC4xNS4wMjIuMzAzbDEuMzc0LjIzNi0uODUyIDEuMTE4LjcxNS45MzctLjk2OS43ODMuNDg4LjI4M2MtLjE2NC45NDktLjI1NyAxLjg0Ni0uNDgzIDIuNzA5LS4yOTEgMS4xMDUtLjA1OSAyLjEzMS4yNjIgMy4xNjhhLjUuNSAwIDAgMS0uMDI5LjM0MWMtLjYzNCAxLjMyNS0uMTY2IDIuNjYzLS4xMTIgNC4wMDYuMDMzLjg0LS4yOTMgMS42OS0uMzgzIDIuNTQzLS4xMDMuOTgtLjQ2MyAxLjkyNi0uMDExIDIuOTc0LjIxOS41MDgtLjE0NSAxLjIzNi0uODMyIDEuMzk2LjEzMy41MzUuMjM3IDEuMDM2LjM4MyAxLjUyNC4yMTEuNzAyLS4xNTggMS4wMTUtLjczOSAxLjI2LS4xMTkuMDUtLjIyMi4zNDUtLjE5NS41MDMuMTQ1Ljg0LjM3OCAxLjY3LjQ4NiAyLjUxNC4wNDIuMzMzLS4wODQuNzQ4LS4yNjkgMS4wNDItLjU5NS45NDQtLjk1MyAxLjkxNi0uNzA5IDMuMDQ5LjA0LjE4Ny4wNjIuNDcyLS4wNDQuNTgtLjU1My41NjQtMS4wNzQgMS4yNS0xLjc1NiAxLjU2Ni0uNTIuMjQtLjkxOC45ODgtMS43MzQuNjA2LS41MTEtLjI0LTEuMTIxLS4yNzUtMS42OTItLjM3My0uMzQ4LS4wNi0uOTY5LjAyNC0xLjAxMy0uMTA4LS4xMzUtLjQwMy0uMDQ5LS44OC0uMjY3LTEuMzYzbC0uMzUgMS4yNTljLTEuMjY0LS4yMy0yLjUxLS41NC0zLjc3NS0uNjY4LTIuMTc0LS4yMTgtNC4zNTYtLjM1NS02LjUzOS0uNDctMy4wNjQtLjE2MS02LjEzLS4yOC05LjE5Ny0uMzk3YTEyOCAxMjggMCAwIDAtNC40Mi0uMDg3Yy0zLjQ4Ny0uMDEyLTYuOTc1LS4wMjItMTAuNDYyLjAwMi0yLjYyNi4wMTgtNS4yNTIuMDk1LTcuODc5LjEzOC00LjE2NS4wNjgtOC4zMzMuMDU3LTEyLjQ5NC4yMzctMS4zNS4wNTgtMi43MjguMDMtNC4wODguNDY1LS45NDcuMzAxLTIuMDU3LjEwMi0zLjA5My4xMTctMy4wNi4wNDQtNi4xMjMuMDMtOS4xOC4xNDQtMi4xNDUuMDgtNC4yODEuNDM4LTYuNDI2LjQ4Ni00LjkzNy4xMS05Ljg3Ny4xOC0xNC44MTQuMTI5YTM1NiAzNTYgMCAwIDEtMTQuNjc3LS40NTJjLTIuNzgtLjE0NC01LjU3Ni0uNDMtOC4zMDQtLjk2MS0xLjM4My0uMjctMi45MDUtLjgtMy42NzktMi4yNzgtLjA5LS4xNzItLjI3LS4zOTctLjIyMS0uNTI1LjQxOC0xLjA4MS0uMjE2LTIuMDA1LS4zNjItMy4wMDUtLjI4Ni0xLjk1LS40ODItMy45MDguMDQ1LTUuODg3LjIzNS0uODg0LjI0OC0xLjg5Ni4wNzQtMi43OTUtLjE0Mi0uNzMzLjA0Ni0xLjMxOC4xMjQtMS45OTIuMjA1LTEuNzY4LjEwNS0zLjU3LjE3NS01LjM1Ny4wMjMtLjYwNS4xNTgtMS4yMTIuMzAxLTEuODA0LjA4LS4zMzEuMzgyLS42MjguNDAyLS45NS4wNTgtLjkyOC4xMjctMS44NDEuNDU3LTIuNzIyLjA0Ni0uMTIzLjAyMi0uMzM0LS4wNTgtLjQzMy0uNjc4LS44NC0uMzQ2LTEuNTE0LjM2NC0yLjA4OC0uNjItLjkyOC0xLjA5OS0xLjgwOS0uMzItMi44MjMuMDY2LS4wODYuMTI1LS4yNi4wODMtLjMzNS0uNi0xLjA1LS4zMzctMS45OTIuMjE4LTIuOTgzLjM3OC0uNjc2LjQ5OC0xLjQ5Ljg0LTIuMTkuNTk2LTEuMjIuNzE2LTEuMTkgMi4wNC0xLjA5MSA0LjkyMi4zNyA5Ljg0Ny43MiAxNC43NzQgMS4wMzEgMy4wMTYuMTkxIDYuMDM2LjM1NyA5LjA1Ny40MjkgMy4yMjIuMDc2IDYuNDQ4LjA0MiA5LjY3My4wMjggMS45NC0uMDEgMy44OC0uMDcyIDUuODItLjExNi4xOTUtLjAwNC4zODgtLjA0OC41OC0uMDc0cS4wMTYtLjE0LjAyNS0uMjgzbTc2LjA0NiAyMS43OTMuMjgzLS4xODcuMDIyLjAyMS0uMzI0LjE5NC4wMTEuMDU2em0xLjY4Ni02LjY1OC4wNjMtLjA1NC0uMDM2LjA4LS4wNDguMDQ4em0uNzQtNC4wNjMtLjAyNS4wMjMtLjEwOS0uMTUyem0yLjU5Ny05LjUwMi0uMTMzLS40OTktLjEwMi4wNDIuMjYzLjQzMy41MTYuMDk2LS4wMDgtLjE3M3ptLTgyLjc3OC4xNTMuMDIxLS40MTZjLTMuNi0uMTEzLTcuMjE5LS40OTEtMTAuNzk4LS4yNjYtMy42NzcuMjMyLTcuMzEtLjY3NC0xMC45NjgtLjA2NCA3LjIzNi42ODMgMTQuNDk2LjUzOCAyMS43NDUuNzQ2bTkuOTI2LTEuNjQuMDA0LjE0MWgzLjIwNHEtLjAwMi0uMDcxLS4wMDMtLjE0MnptNi45MzguMDk1LS4wMDctLjE1aC0xLjI5NHEwIC4wNzUtLjAwMi4xNXptLTguMTYuMTA2LS4wMjItLjEzMmgtMS42NjVsLjAwOC4xMzJ6bTkuNjgtLjAxOC4wNDMtLjEzNmMtLjExOC0uMDU4LS4yMzMtLjE1LS4zNTUtLjE2My0uMTUtLjAxNS0uMzA2LjA0LS40NTkuMDY0bC4wMTcuMTh6bTYwLjM1NCAyMi44NDYuMDI5LS4xNjYtLjY4My0uMDQ1Yy4zOTEuMTI3LjUyMi4xNy42NTQuMjExTTQ2LjU0OSAyLjQxMnEuMDIuMDg5LjAzNi4xNzZsLjYxLS4wODgtLjAxMy0uMDg5em02NS4xNTggNS42OWMtLjA4MS0uMTQ3LS4xMTQtLjI0Ny0uMTgyLS4zMDktLjAzMS0uMDI5LS4xODMuMDA0LS4xOTIuMDM0LS4wMjQuMDg0LS4wMzUuMjMzLjAxLjI2Mi4wNy4wNDUuMTkxLjAxMi4zNjQuMDEybTEyLjI4OCAyMy44ODZjLS4xMzUtLjA4Ny0uMjExLS4xNjUtLjI5OS0uMTgzLS4wNDctLjAxLS4xNzEuMS0uMTYzLjEyNi4wMjcuMDk0LjA5Ny4xNzUuMTUuMjYxek01MC4xNDEgMi41MTFsLjAwMy0uMTMzLS40NzMtLjAyLS4wMDQuMTUzem03MS4xODUgMzQuODF2LS4wOTFsLS4xNDMuMDVjLjAxOC4wMjYuMDMyLjA2NS4wNTUuMDcuMDI2LjAwNi4wNTktLjAxOS4wODgtLjAzbS0zNi4wNTQtNS4wOWMtLjAzMi0uMDU3LS4wNTYtLjE1LS4wOTgtLjE1OS0uMDU5LS4wMTMtLjEzLjAzOC0uMTk4LjA2MWwuMTUuMjI1ek01MS40MzIgMi41MDRjLS4wNjMtLjAzNi0uMTE0LS4wNzUtLjE3My0uMDk1LS4wMy0uMDEtLjA3My4wMTQtLjExLjAyMy4wMi4wNDMuMDQxLjEyMy4wNjEuMTIzLjA3LS4wMDIuMTQtLjAzLjIyMS0uMDVtNjkuNTQ0IDM2LjA5Ny4wODUtLjAzLS4wMzYtLjA4My0uMTE5LjA1NnpNMTIzLjc3IDYuNjFsLjA0NC0uMDk2LS4wNTktLjAxM3ptLjc0NS0uMjE2LS4wMTItLjA5Mi0uMTM0LjA0MmMuMDIuMDI1LjAzNS4wNjEuMDYuMDcxLjAyMy4wMDguMDU3LS4wMTMuMDg2LS4wMm0tMy44NSAyOS4yNjljLS4wMTItLjAyNi0uMDE5LS4wNzItLjA0LS4wOC0uMDI0LS4wMS0uMDYxLjAxNC0uMDkzLjAyM2wuMDY4LjEyNXptMy42MTktMjEuOTNjLjA0OC4wMzkuMS4wODMuMTU3LjEyLjAwNC4wMDMuMDQ0LS4wNS4wNjctLjA3Ni0uMDUyLS4wNC0uMTAzLS4wODItLjE1OS0uMTE1LS4wMDUtLjAwMy0uMDQzLjA0Ni0uMDY1LjA3bS0zLjM1NiAxMS4yNjZjLjAwMi0uMDMxLjAwOS0uMDY0LjAwMy0uMDk0LS4wMDEtLjAwNy0uMDQ1LS4wMDYtLjA2OS0uMDEtLjAwMi4wMzItLjAwOS4wNjUtLjAwMi4wOTQuMDAxLjAwOC4wNDQuMDA3LjA2OC4wMU00NS40MTggMi40NDJxLS4wNTMtLjAxNS0uMTA0LS4wMzRsLS4wMS4xM2MuMDM1LS4wMDYuMDc0LS4wMDUuMTA1LS41MzgiLz48cGF0aCBmaWxsPSIjMDBmZmQwIiBkPSJNMjkuNDYyLjczaDkuOTk4Vi45SDI5LjQzNHpNNTYuODkxIDQwLjUyNWwuMDEtLjA1Ny4wODIuMDYyek0xMjkuOTYgNC44MDRjLS4wMi4wMjItLjA1Ni4wNjQtLjA1OS4wNjNhMSAxIDAgMCAxLS4xMjgtLjExNGMtLjAwNC0uMDA1LjAzNC0uMDQ3LjA1My0uMDcxek0xMjQuMDMgNDJsLS4wMzItLjA3NC4wNzQuMDA1eiIvPjwvc3ZnPg==) no-repeat 50% 50%;
  background-size: 100% 100%;
  border-radius: 0;
  font-weight: 600;
  padding: 4px 8px;
  text-transform: uppercase;
}
.indicator--brand-white {
  background-color: #fff;
  border-radius: 16px;
  font-size: 10px;
  font-weight: 700;
  line-height: 18px;
  padding: 3px 8px;
}
.indicator--plus {
  color: inherit;
  margin-bottom: 0;
}
.indicator--plus:not(button *),
[data-color-scheme=light] .indicator--plus:not(button *) {
  color: #333;
}
[data-color-scheme=dark] .indicator--plus:not(button *) {
  color: #e0e0e0;
}
.indicator--plus > span {
  display: inline-flex;
}
.indicator--plus svg {
  color: currentColor;
  font-size: inherit;
  height: .7em;
  margin-left: -.125em;
  position: relative;
  top: 30%;
  transform: translateY(-50%);
  width: .7em;
}
.indicator--plus .fa,
.indicator--plus [class^=is24-icon-],
.indicator--plus [class^=s24-icons-] {
  color: currentColor;
  font-size: .7em;
  height: 100%;
  margin-left: -.2em;
}
.indicator--tag {
  font-size: 14px;
  font-weight: 700;
  line-height: 18px;
}
.indicator--tag > span {
  align-items: center;
  background-color: #eaeaea;
  border-radius: 4px;
  color: #333;
  display: flex;
  gap: 8px;
  padding: 7px 12px;
}
.indicator--tag .fa,
.indicator--tag [class^=is24-icon-],
.indicator--tag [class^=s24-icons-],
.indicator--tag svg {
  color: #333;
  font-size: 16px;
  height: 16px;
  margin-left: 0;
  width: 16px;
}
.indicator--tag-icon {
  height: 16px;
  line-height: 16px;
  width: 16px;
}
.indicator--tag-icon .fa,
.indicator--tag-icon [class^=is24-icon-],
.indicator--tag-icon [class^=s24-icons-],
.indicator--tag-icon svg {
  color: #333;
  font-size: 16px;
  height: 16px;
  margin-left: 0;
  width: 16px;
}
.indicator--tag-right-icon {
  font-size: unset;
  font-weight: unset;
  height: 16px;
  line-height: 16px;
  line-height: unset;
  text-align: initial;
  white-space: normal;
  width: 16px;
}
.indicator--tag-right-icon .fa,
.indicator--tag-right-icon [class^=is24-icon-],
.indicator--tag-right-icon [class^=s24-icons-],
.indicator--tag-right-icon svg {
  color: #333;
  font-size: 16px;
  height: 16px;
  margin-left: 0;
  width: 16px;
}
.indicator--tag-clickable > span {
  padding: 6px 12px;
}
.indicator--tag-small > span {
  line-height: 22px;
  padding: 1px 12px;
}
.indicator--tag-green > span {
  background-color: #ccffe2;
}
.indicator--tag-blue > span {
  background-color: #d3ecff;
}
.indicator--tag-red > span {
  background-color: #fde7d8;
}
.indicator--tag-yellow > span {
  background-color: #fdf6db;
}
.indicator--tag-charcoal > span {
  background-color: #333;
  color: #fff;
}
.indicator--tag-charcoal > span .fa,
.indicator--tag-charcoal > span [class^=is24-icon-],
.indicator--tag-charcoal > span [class^=s24-icons-],
.indicator--tag-charcoal > span svg {
  color: #fff;
  fill: #fff;
}
.indicator--tag-flat > span {
  background-color: initial;
  color: #333;
}
.indicator--dot {
  font-size: 14px;
  height: 0;
  line-height: 16px;
  padding: 6px;
  width: 0;
}
.indicator--dot.indicator--float {
  right: 6px;
  top: -18px;
}
.indicator--numeric {
  font-size: 14px;
  line-height: 16px;
}
.indicator--numeric > span {
  border-radius: 100%;
  height: 24px;
  padding: 4px 0;
  width: 24px;
}
.indicator--numeric.indicator--expanded > span {
  border-radius: 12px;
  padding: 4px 6px;
  width: auto;
}
.indicator--beta {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="35" height="15" fill="none"><g clip-path="url(%23a)"><path d="M33 0H2a2 2 0 0 0-2 2v11a2 2 0 0 0 2 2h31a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2Z" fill="%23333333"/><path d="M9.613 7.38c.66.02 1.64.35 1.64 1.65 0 1.2-.84 1.97-2.81 1.97h-2.57V3.88h2.44c1.94 0 2.71.6 2.71 1.82 0 1.23-.91 1.61-1.41 1.66v.02Zm-1.33-2.5h-1.19v2.01h1.19c1.03 0 1.49-.29 1.49-1.04 0-.68-.37-.97-1.49-.97Zm.14 5.12c1.19 0 1.56-.38 1.56-1.09 0-.71-.37-1.06-1.56-1.06h-1.33V10h1.33Zm5.281-.02h3.59V11h-4.81V3.88h4.72v1.03h-3.5v1.93h3.29v.99h-3.29v2.15Zm9.941-6.1v1.03h-2.14V11h-1.22V4.91h-2.13V3.88h5.49ZM28.5 11l-.57-1.7h-2.88l-.57 1.7h-1.23l2.54-7.12h1.46L29.82 11H28.5Zm-3.12-2.69h2.21L26.5 5.07h-.03l-1.09 3.24Z" fill="%23ffffff"/></g><defs><clipPath id="a"><path fill="%23ffffff" d="M0 0h35v15H0z"/></clipPath></defs></svg>');
  height: 15px;
  width: 35px;
}
.indicator--beta-white {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="35" height="15" fill="none"><g clip-path="url(%23a)"><path d="M33 0H2a2 2 0 0 0-2 2v11a2 2 0 0 0 2 2h31a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2Z" fill="%23ffffff"/><path d="M9.613 7.38c.66.02 1.64.35 1.64 1.65 0 1.2-.84 1.97-2.81 1.97h-2.57V3.88h2.44c1.94 0 2.71.6 2.71 1.82 0 1.23-.91 1.61-1.41 1.66v.02Zm-1.33-2.5h-1.19v2.01h1.19c1.03 0 1.49-.29 1.49-1.04 0-.68-.37-.97-1.49-.97Zm.14 5.12c1.19 0 1.56-.38 1.56-1.09 0-.71-.37-1.06-1.56-1.06h-1.33V10h1.33Zm5.281-.02h3.59V11h-4.81V3.88h4.72v1.03h-3.5v1.93h3.29v.99h-3.29v2.15Zm9.941-6.1v1.03h-2.14V11h-1.22V4.91h-2.13V3.88h5.49ZM28.5 11l-.57-1.7h-2.88l-.57 1.7h-1.23l2.54-7.12h1.46L29.82 11H28.5Zm-3.12-2.69h2.21L26.5 5.07h-.03l-1.09 3.24Z" fill="%23333333"/></g><defs><clipPath id="a"><path fill="%23333333" d="M0 0h35v15H0z"/></clipPath></defs></svg>');
}
.chip {
  -webkit-tap-highlight-color: transparent;
  align-items: center;
  background-color: var(--color-background-default);
  border-color: var(--color-border-default);
  border-radius: var(--border-radius-rounded);
  border-style: solid;
  border-width: 1px;
  color: var(--color-text-default);
  cursor: pointer;
  display: inline-flex;
  font-family:
    Make It Better,
    Verdana,
    DejaVu Sans,
    Arial,
    Helvetica,
    sans-serif;
  font-size: var(--size-body-medium);
  gap: var(--spacing-100);
  justify-content: center;
  line-height: var(--line-height-body-medium);
  min-width: 60px;
  padding: var(--spacing-300) var(--spacing-400);
  transition: all .1s ease-in;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  white-space: nowrap;
}
.chip:active,
.chip:focus-visible,
.chip:hover {
  border-color: var(--color-border-strong);
}
.chip:active .chip-icon-circle,
.chip:focus-visible .chip-icon-circle,
.chip:hover .chip-icon-circle {
  border-color: var(--color-border-strong);
}
.chip:active {
  background-color: var(--color-background-weak);
  transform: scale(.96);
}
.chip:focus-visible {
  border-color: var(--color-border-focused);
  box-shadow: inset 0 0 0 1px var(--color-border-focused);
}
.chip-small {
  padding-bottom: var(--spacing-200);
  padding-top: var(--spacing-200);
}
.chip-ai.chip--active {
  background-color: var(--blue-100);
  border-color: var(--blue-800);
  box-shadow: inset 0 0 0 1px var(--blue-800);
  color: var(--blue-800);
}
.chip-ai:focus-visible {
  border-color: var(--color-border-focused);
  box-shadow: inset 0 0 0 1px var(--color-border-focused);
}
.chip-icon {
  height: 16px;
  width: 16px;
}
.chip-icon svg {
  height: 100%;
  width: 100%;
}
.chip-icon [class^=is24-icon-],
.chip-icon [class^=s24-icons-] {
  font-size: 16px;
}
.chip-icon-circle {
  border-color: var(--color-border-default);
  border-radius: 50%;
  border-style: solid;
  border-width: 1px;
  display: block;
  height: 100%;
  width: 100%;
}
.chip--disabled .chip-icon-circle {
  border-color: var(--color-border-weak);
}
.chip--active {
  border-color: var(--color-border-strong);
  box-shadow: inset 0 0 0 1px var(--color-border-strong);
}
.chip--active,
.chip--disabled {
  background-color: var(--color-background-weakest);
}
.chip--disabled {
  border-color: var(--color-border-weak);
  color: var(--color-text-button-disabled);
  cursor: default;
  pointer-events: none;
}
.chip--disabled.chip--active {
  box-shadow: inset 0 0 0 1px var(--color-border-weak);
}
.chip--error:not(.chip--disabled):not(.chip-ai) {
  border-color: #0000;
  box-shadow: inset 0 0 0 2px var(--color-border-danger);
}
.chip--error:not(.chip--disabled):not(.chip-ai):focus-visible,
.chip--error:not(.chip--disabled):not(.chip-ai):hover {
  border-color: #0000;
  box-shadow: inset 0 0 0 2px var(--color-border-danger);
}
.chip--error:not(.chip--disabled):not(.chip-ai):active {
  border-color: #0000;
  box-shadow: inset 0 0 0 2px var(--color-border-danger);
  transform: none;
}
.button,
.button-icon-standalone,
.button-inverted,
.button-link,
.button-primary,
.button-secondary,
.button-tertiary,
.button-text,
.button-text-light,
.dropdown-link *,
.link-text,
.link-text-secondary {
  -webkit-tap-highlight-color: transparent;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.button,
.button-inverted,
.button-primary,
.button-secondary,
.button-tertiary {
  -webkit-appearance: none;
  appearance: none;
  border: 1px solid #0000;
  border-radius: 8px;
  cursor: pointer;
  display: inline-block;
  font-family:
    Make It Better,
    Verdana,
    DejaVu Sans,
    Arial,
    Helvetica,
    sans-serif;
  font-size: 1.4rem;
  font-weight: 600;
  letter-spacing: .2px;
  line-height: 1.42857143em;
  min-width: 7.14285714em;
  padding: .64285714em 1.64285714em;
  position: relative;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
}
.button-inverted:focus,
.button-inverted:hover,
.button-primary:focus,
.button-primary:hover,
.button-secondary:focus,
.button-secondary:hover,
.button-tertiary:focus,
.button-tertiary:hover,
.button:focus,
.button:hover {
  text-decoration: none;
}
.button-inverted.button-small,
.button-primary.button-small,
.button-secondary.button-small,
.button-tertiary.button-small,
.button.button-small {
  min-width: 9.42857143em;
  padding-bottom: .35714286em;
  padding-top: .35714286em;
}
.button-inverted.button-large,
.button-primary.button-large,
.button-secondary.button-large,
.button-tertiary.button-large,
.button.button-large {
  min-width: 9.42857143em;
  padding-bottom: .92857143em;
  padding-top: .92857143em;
}
.button-inverted.disabled,
.button-inverted[disabled],
.button-primary.disabled,
.button-primary[disabled],
.button-secondary.disabled,
.button-secondary[disabled],
.button-tertiary.disabled,
.button-tertiary[disabled],
.button.disabled,
.button[disabled] {
  background-color: #ccc;
  border-color: #ccc;
  color: #8f8f8f;
  cursor: default;
}
.button-inverted.disabled:hover,
.button-inverted.disabled:link,
.button-inverted.disabled:visited,
.button-inverted[disabled]:hover,
.button-inverted[disabled]:link,
.button-inverted[disabled]:visited,
.button-primary.disabled:hover,
.button-primary.disabled:link,
.button-primary.disabled:visited,
.button-primary[disabled]:hover,
.button-primary[disabled]:link,
.button-primary[disabled]:visited,
.button-secondary.disabled:hover,
.button-secondary.disabled:link,
.button-secondary.disabled:visited,
.button-secondary[disabled]:hover,
.button-secondary[disabled]:link,
.button-secondary[disabled]:visited,
.button-tertiary.disabled:hover,
.button-tertiary.disabled:link,
.button-tertiary.disabled:visited,
.button-tertiary[disabled]:hover,
.button-tertiary[disabled]:link,
.button-tertiary[disabled]:visited,
.button.disabled:hover,
.button.disabled:link,
.button.disabled:visited,
.button[disabled]:hover,
.button[disabled]:link,
.button[disabled]:visited {
  background-color: #ccc;
  border-color: #ccc;
  box-shadow: none;
  color: #8f8f8f;
}
a.button,
a.button-inverted,
a.button-primary,
a.button-secondary,
a.button-tertiary {
  font-size: 1.4rem;
  font-weight: 600;
  text-decoration: none;
}
.button,
.button-inverted,
.button-inverted:link,
.button-inverted:visited,
.button:link,
.button:visited {
  background-color: initial;
  border-color: #333;
  color: #333;
  text-decoration: none;
}
[data-color-scheme=dark] .button,
[data-color-scheme=dark] .button-inverted,
[data-color-scheme=dark] .button-inverted:link,
[data-color-scheme=dark] .button-inverted:visited,
[data-color-scheme=dark] .button:link,
[data-color-scheme=dark] .button:visited {
  background-color: #121212;
  border-color: #333;
  color: #fff;
}
.button-inverted:hover,
.button:hover {
  background-color: #eaeaea;
  box-shadow: none;
  color: #333;
}
.button-primary,
.button-primary:link,
.button-primary:visited {
  background-color: #00ffd0;
  border-color: #00ffd0;
  color: #333;
}
.button-primary:hover {
  background-color: #00d9b1;
  border-color: #00d9b1;
  color: #333;
}
.button-secondary,
.button-secondary:link,
.button-secondary:visited {
  background-color: #333;
  border-color: #333;
  color: #fff;
}
.button-secondary:hover {
  background-color: #4c4c4c;
  border-color: #4c4c4c;
  color: #fff;
}
.button-tertiary,
.button-tertiary:link,
.button-tertiary:visited {
  background-color: #fff;
  border: none;
  color: #333;
}
.button-tertiary:hover {
  background-color: #eaeaea;
  border: none;
  color: #333;
}
[data-color-scheme=dark] .button-inverted,
[data-color-scheme=dark] .button-inverted:link,
[data-color-scheme=dark] .button-inverted:visited {
  background-color: initial;
  border-color: #adadad;
  color: #fff;
}
[data-color-scheme=dark] .button-inverted:hover {
  background-color: initial;
  border-color: #fff;
  color: #fff;
}
.button-icon-standalone {
  font-size: 1em;
  -webkit-tap-highlight-color: transparent;
  -webkit-appearance: none;
  appearance: none;
  background-color: initial;
  background: #0000;
  border: none;
  color: #2267e8;
  cursor: pointer;
  font-family:
    Make It Better,
    Verdana,
    DejaVu Sans,
    Arial,
    Helvetica,
    sans-serif;
  font-weight: 400;
  min-width: 0;
  outline: none;
  text-decoration: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.button-icon-standalone.disabled,
.button-icon-standalone.disabled:active,
.button-icon-standalone.disabled:focus,
.button-icon-standalone.disabled:hover,
.button-icon-standalone.disabled:link,
.button-icon-standalone.disabled:visited {
  color: #333;
  cursor: default;
  text-decoration: none;
}
.button-icon-standalone:active,
.button-icon-standalone:focus,
.button-icon-standalone:hover {
  color: #2267e8;
  text-decoration: underline;
}
.button-icon-standalone.disabled,
.button-icon-standalone[disabled] {
  color: #999;
}
.button-icon-standalone.link-underline {
  text-decoration: underline;
}
.button-icon-standalone-small {
  font-size: 1.4rem;
  padding: 8px;
}
.button-icon-standalone-medium,
.button-icon-standalone-small {
  letter-spacing: 0;
  line-height: 1;
  min-width: 0;
  vertical-align: bottom;
}
.button-icon-standalone-medium {
  padding: 9px;
}
.button-icon-standalone-medium [class*=" s24-icons-"],
.button-icon-standalone-medium [class*=is24-icon],
.button-icon-standalone-medium [class^=s24-icons-],
.button-icon-standalone-medium svg {
  font-size: 2rem;
}
.button-icon-standalone-large {
  letter-spacing: 0;
  line-height: 1;
  min-width: 0;
  padding: 13px;
  vertical-align: bottom;
}
.button-icon-standalone-large [class*=" s24-icons-"],
.button-icon-standalone-large [class*=is24-icon],
.button-icon-standalone-large [class^=s24-icons-],
.button-icon-standalone-large svg {
  font-size: 2rem;
}
.button-icon-standalone span {
  font-size: 2.4rem;
}
.button-icon-standalone:hover {
  background: none;
  border: #333;
  box-shadow: none;
  text-decoration: none;
}
.button-link {
  appearance: none;
  background-color: initial;
  border: none;
  color: #2267e8;
  cursor: pointer;
  font-family: inherit;
  font-weight: 400;
  outline: none;
  padding-left: 0;
  padding-right: 0;
  text-decoration: none;
}
.button-link:active,
.button-link:focus:focus-visible,
.button-link:hover {
  text-decoration: underline;
}
.button-link.disabled,
.button-link[disabled] {
  color: #999;
  cursor: default;
  text-decoration: none;
}
.button-text {
  appearance: none;
  background-color: initial;
  border: none;
  color: #333;
  cursor: pointer;
  font-family: inherit;
  font-weight: 400;
  outline: none;
  padding-left: 0;
  padding-right: 0;
  text-decoration: none;
}
.button-text:active,
.button-text:focus:focus-visible,
.button-text:hover {
  text-decoration: underline;
}
.button-text.disabled,
.button-text[disabled] {
  color: #999;
  cursor: default;
  text-decoration: none;
}
.button-text-light {
  appearance: none;
  background-color: initial;
  border: none;
  color: #757575;
  cursor: pointer;
  font-family: inherit;
  font-weight: 400;
  outline: none;
  padding-left: 0;
  padding-right: 0;
  text-decoration: none;
}
.button-text-light:active,
.button-text-light:focus:focus-visible,
.button-text-light:hover {
  text-decoration: underline;
}
.button-text-light.disabled,
.button-text-light[disabled] {
  color: #999;
  cursor: default;
  text-decoration: none;
}
.dropdown-link *,
.link-text,
.link-text-secondary {
  -webkit-appearance: none;
  appearance: none;
  background-color: initial;
  border: none;
  color: #2267e8;
  cursor: pointer;
  font-family:
    Make It Better,
    Verdana,
    DejaVu Sans,
    Arial,
    Helvetica,
    sans-serif;
  font-weight: 400;
  outline: none;
  text-decoration: none;
}
.dropdown-link :active,
.dropdown-link :focus,
.dropdown-link :hover,
.dropdown-link:hover *,
.link-text:active,
.link-text:focus,
.link-text:hover {
  color: #2267e8;
  text-decoration: underline;
}
.dropdown-link .disabled,
.dropdown-link [disabled],
.link-text.disabled,
.link-text[disabled] {
  color: #999;
}
.dropdown-link .link-underline,
.link-text.link-underline {
  text-decoration: underline;
}
.link-text-secondary {
  color: #333;
}
.link-text-secondary:active,
.link-text-secondary:focus,
.link-text-secondary:hover {
  color: #333;
  text-decoration: underline;
}
.button-loading[disabled]:not(.button-link):not(.button-text):not(.button-text-light) {
  align-items: center;
  display: inline-flex;
  justify-content: center;
}
.button-loading[disabled]:not(.button-link):not(.button-text):not(.button-text-light),
.button-loading[disabled]:not(.button-link):not(.button-text):not(.button-text-light):hover {
  background-color: #eaeaea;
  border-color: #0000;
}
.button-loading[disabled]:not(.button-link):not(.button-text):not(.button-text-light):before {
  background-color: #eaeaea;
  border-color: #0000;
  border-radius: 8px;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
}
.button-loader {
  position: absolute;
  z-index: 1;
}
div.button-tooltip {
  display: inline-block;
  height: auto;
  vertical-align: bottom;
  width: auto;
}
.button-margin-top {
  margin-top: 16px !important;
}
.button-margin-bottom,
.button-margin-vertical {
  margin-bottom: 16px !important;
}
.button-margin-vertical {
  margin-top: 16px !important;
}
.button-margin-left {
  margin-left: 16px !important;
}
.button-margin-horizontal,
.button-margin-right {
  margin-right: 16px !important;
}
.button-margin-horizontal {
  margin-left: 16px !important;
}
.button-margin {
  margin: 16px !important;
}
.button-icon-margin-right {
  margin-right: 8px;
}
.button-icon-margin-left {
  margin-left: 8px;
}
.button-rounded-children,
.button-rounded-label {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.button-rounded {
  align-items: center;
  border: none;
  border-radius: var(--border-radius-rounded);
  cursor: pointer;
  display: inline-flex;
  font: inherit;
  font-family:
    Make It Better,
    Verdana,
    DejaVu Sans,
    Arial,
    Helvetica,
    sans-serif;
  font-weight: 700;
  justify-content: center;
  outline: none;
  overflow: hidden;
  position: relative;
  text-decoration: none;
  transition:
    background-color .2s ease-in-out,
    color .2s ease-in-out,
    border-color .2s ease-in-out,
    box-shadow .2s ease-in-out;
  -webkit-tap-highlight-color: transparent;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.button-rounded.button-rounded-loading {
  transition: unset;
}
.button-rounded.button-rounded-loading .button-rounded-children,
.button-rounded.button-rounded-loading .button-rounded-label,
.button-rounded.button-rounded-loading .button-rounded-left-icon,
.button-rounded.button-rounded-loading .button-rounded-right-icon {
  visibility: hidden;
}
.button-rounded .button-rounded-loader {
  position: absolute;
  z-index: 1;
}
.button-rounded .button-rounded-left-icon,
.button-rounded .button-rounded-right-icon {
  align-items: center;
  display: inline-flex;
  justify-content: center;
}
.button-rounded .button-rounded-left-icon svg,
.button-rounded .button-rounded-right-icon svg {
  height: 16px;
  width: 16px;
}
.button-rounded.button-rounded-size-small {
  color: var(--color-text-default);
  font-family:
    Make It Better,
    Verdana,
    DejaVu Sans,
    Arial,
    Helvetica,
    sans-serif;
  font-size: var(--size-body-small);
  font-weight: 700;
  gap: var(--spacing-100);
  letter-spacing: 0;
  line-height: var(--line-height-body-small);
  padding: var(--spacing-200) var(--spacing-300);
}
.button-rounded.button-rounded-size-medium {
  font-size: var(--size-body-medium);
  line-height: var(--line-height-body-medium);
  line-height: var(--size-body-large);
  padding: var(--spacing-300) var(--spacing-400);
}
.button-rounded.button-rounded-size-large,
.button-rounded.button-rounded-size-medium {
  color: var(--color-text-default);
  font-family:
    Make It Better,
    Verdana,
    DejaVu Sans,
    Arial,
    Helvetica,
    sans-serif;
  font-weight: 700;
  gap: var(--spacing-200);
  letter-spacing: 0;
}
.button-rounded.button-rounded-size-large {
  font-size: var(--size-body-large);
  line-height: var(--line-height-body-large);
  line-height: var(--size-body-large);
  padding: var(--spacing-400) var(--spacing-600);
}
.button-rounded.button-rounded-width-hug {
  width: fit-content;
}
.button-rounded.button-rounded-width-fixed {
  width: 240px;
}
.button-rounded.button-rounded-width-fixed .button-rounded-right-icon {
  position: absolute;
  right: 24px;
}
.button-rounded.button-rounded-filled-default {
  background-color: var(--color-background-button-default-default);
  color: var(--color-text-button-inversive);
}
.button-rounded.button-rounded-filled-default:hover:not(:disabled) {
  background-color: var(--color-background-button-default-hovered);
}
.button-rounded.button-rounded-filled-default:active:not(:disabled) {
  background-color: var(--color-background-button-default-pressed);
}
.button-rounded.button-rounded-filled-default:disabled {
  background-color: var(--color-background-button-disabled);
  color: var(--color-text-button-disabled);
  cursor: not-allowed;
}
.button-rounded.button-rounded-floating-default {
  background-color: var(--color-background-button-default-default);
  box-shadow: var(--elevation-50);
  color: var(--color-text-button-inversive);
}
.button-rounded.button-rounded-floating-default:hover:not(:disabled) {
  background-color: var(--color-background-button-default-hovered);
}
.button-rounded.button-rounded-floating-default:active:not(:disabled) {
  background-color: var(--color-background-button-default-pressed);
}
.button-rounded.button-rounded-floating-default:disabled {
  background-color: var(--color-background-button-disabled);
  color: var(--color-text-button-disabled);
  cursor: not-allowed;
}
.button-rounded.button-rounded-filled-weak {
  background-color: var(--color-background-button-weak-default);
  color: var(--color-text-button-default);
}
.button-rounded.button-rounded-filled-weak:hover:not(:disabled) {
  background-color: var(--color-background-button-weak-hovered);
}
.button-rounded.button-rounded-filled-weak:active:not(:disabled) {
  background-color: var(--color-background-button-weak-pressed);
}
.button-rounded.button-rounded-filled-weak:disabled {
  background-color: var(--color-background-button-disabled);
  color: var(--color-text-button-disabled);
  cursor: not-allowed;
}
.button-rounded.button-rounded-outline-strong {
  background-color: var(--color-background-button-inversive-default);
  border-color: var(--color-border-button-strong-default);
  box-shadow: inset 0 0 0 1px var(--color-border-button-strong-default);
  color: var(--color-text-button-default);
}
.button-rounded.button-rounded-outline-strong:hover:not(:disabled):not(:focus) {
  background-color: var(--color-background-button-inversive-hovered);
  border-color: var(--color-border-button-strong-hovered);
  box-shadow: inset 0 0 0 2px var(--color-border-button-strong-hovered);
}
.button-rounded.button-rounded-outline-strong:active:not(:disabled) {
  border-color: var(--color-border-button-strong-pressed);
  box-shadow: inset 0 0 0 2px var(--color-border-button-strong-pressed);
}
.button-rounded.button-rounded-outline-strong:disabled {
  border-color: var(--color-border-button-disabled);
  box-shadow: inset 0 0 0 2px var(--color-border-button-disabled);
  color: var(--color-border-button-disabled);
  cursor: not-allowed;
}
.button-rounded.button-rounded-outline-strong:focus-visible {
  box-shadow: inset 0 0 0 2px var(--color-border-button-strong-active);
}
.button-rounded.button-rounded-text-default {
  background-color: inherit;
  color: var(--color-text-button-default);
}
.button-rounded.button-rounded-text-default:hover:not(:disabled) {
  background-color: var(--color-background-button-inversive-hovered);
}
.button-rounded.button-rounded-text-default:active:not(:disabled) {
  background-color: var(--color-background-button-inversive-pressed);
}
.button-rounded.button-rounded-text-default:disabled {
  color: var(--color-text-button-disabled);
  cursor: not-allowed;
}
.button-rounded.button-rounded-elevated-inversive {
  background-color: var(--color-background-button-inversive-default);
  box-shadow: var(--elevation-30);
  color: var(--color-text-button-default);
}
.button-rounded.button-rounded-elevated-inversive:hover:not(:disabled) {
  background-color: var(--color-background-button-inversive-hovered);
}
.button-rounded.button-rounded-elevated-inversive:active:not(:disabled) {
  background-color: var(--color-background-button-inversive-pressed);
}
.button-rounded.button-rounded-elevated-inversive:disabled {
  background-color: var(--color-background-button-disabled);
  color: var(--color-text-button-disabled);
  cursor: not-allowed;
}
.button-rounded.button-rounded-filled-brand {
  background-color: var(--color-background-button-brand-default);
  color: var(--color-text-button-charcoal);
}
.button-rounded.button-rounded-filled-brand:hover:not(:disabled) {
  background-color: var(--color-background-button-brand-hovered);
}
.button-rounded.button-rounded-filled-brand:active:not(:disabled) {
  background-color: var(--color-background-button-brand-pressed);
}
.button-rounded.button-rounded-filled-brand:disabled {
  background-color: var(--color-background-button-disabled);
  color: var(--color-text-button-disabled);
  cursor: not-allowed;
}
.button-rounded.button-rounded-outline-weak {
  background-color: initial;
  border-color: var(--color-border-button-weak-default);
  box-shadow: inset 0 0 0 1px var(--color-border-button-weak-default);
  color: var(--color-text-button-default);
}
.button-rounded.button-rounded-outline-weak:hover:not(:disabled):not(:focus) {
  border-color: var(--color-border-button-weak-hovered);
  box-shadow: inset 0 0 0 2px var(--color-border-button-weak-hovered);
}
.button-rounded.button-rounded-outline-weak:active:not(:disabled) {
  border-color: var(--color-border-button-weak-pressed);
  box-shadow: inset 0 0 0 2px var(--color-border-button-weak-pressed);
}
.button-rounded.button-rounded-outline-weak:disabled {
  border-color: var(--color-border-button-disabled);
  box-shadow: inset 0 0 0 2px var(--color-border-button-disabled);
  color: var(--color-border-button-disabled);
  cursor: not-allowed;
}
.button-rounded.button-rounded-outline-weak:focus-visible {
  box-shadow: inset 0 0 0 2px #1677ff;
}
.button-rounded.button-rounded-text-danger {
  background-color: var(--color-background-button-inversive-default);
  color: var(--color-text-button-danger);
}
.button-rounded.button-rounded-text-danger:hover:not(:disabled) {
  background-color: var(--color-background-button-inversive-hovered);
}
.button-rounded.button-rounded-text-danger:active:not(:disabled) {
  background-color: var(--color-background-button-inversive-pressed);
}
.button-rounded.button-rounded-text-danger:disabled {
  background-color: var(--color-background-button-inversive-default);
  color: var(--color-text-button-disabled);
  cursor: not-allowed;
}
.button-rounded.button-rounded-filled-danger {
  background-color: var(--color-background-button-danger-strong-default);
  color: var(--color-text-button-inversive);
}
.button-rounded.button-rounded-filled-danger:hover:not(:disabled) {
  background-color: var(--color-background-button-danger-strong-hovered);
}
.button-rounded.button-rounded-filled-danger:active:not(:disabled) {
  background-color: var(--color-background-button-danger-strong-pressed);
}
.button-rounded.button-rounded-filled-danger:disabled {
  background-color: var(--color-background-button-disabled);
  color: var(--color-text-button-disabled);
  cursor: not-allowed;
}
.button-rounded.button-rounded-filled-danger-weak {
  background-color: var(--color-background-button-danger-weak-default);
  color: var(--color-text-button-danger);
}
.button-rounded.button-rounded-filled-danger-weak:hover:not(:disabled) {
  background-color: var(--color-background-button-danger-weak-hovered);
}
.button-rounded.button-rounded-filled-danger-weak:active:not(:disabled) {
  background-color: var(--color-background-button-danger-weak-pressed);
}
.button-rounded.button-rounded-filled-danger-weak:disabled {
  background-color: var(--color-background-button-disabled);
  color: var(--color-text-button-disabled);
  cursor: not-allowed;
}
.button-rounded.button-rounded-filled-success-weak {
  background-color: var(--color-background-button-success-weak-default);
  color: var(--color-text-button-success);
}
.button-rounded.button-rounded-filled-success-weak:hover:not(:disabled) {
  background-color: var(--color-background-button-success-weak-hovered);
}
.button-rounded.button-rounded-filled-success-weak:active:not(:disabled) {
  background-color: var(--color-background-button-success-weak-pressed);
}
.button-rounded.button-rounded-filled-success-weak:disabled {
  background-color: var(--color-background-button-disabled);
  color: var(--color-text-button-disabled);
  cursor: not-allowed;
}
.button-rounded:focus-visible {
  box-shadow: inset 0 0 0 2px #1677ff;
}
.button-rounded.button-rounded-align-left {
  justify-content: left;
}
.button-rounded.button-rounded-align-center {
  justify-content: center;
}
.icon-button-rounded.icon-button-rounded-small {
  border-radius: 50%;
  height: 28px;
  padding: 0;
  width: 28px;
}
.icon-button-rounded.icon-button-rounded-small i,
.icon-button-rounded.icon-button-rounded-small span,
.icon-button-rounded.icon-button-rounded-small svg {
  font-size: 16px;
  height: 16px;
  width: 16px;
}
.icon-button-rounded.icon-button-rounded-medium {
  border-radius: 50%;
  height: 40px;
  padding: 0;
  width: 40px;
}
.icon-button-rounded.icon-button-rounded-medium i,
.icon-button-rounded.icon-button-rounded-medium span,
.icon-button-rounded.icon-button-rounded-medium svg {
  font-size: 20px;
  height: 20px;
  width: 20px;
}
.icon-button-rounded.icon-button-rounded-large {
  border-radius: 50%;
  height: 48px;
  padding: 0;
  width: 48px;
}
.icon-button-rounded.icon-button-rounded-large i,
.icon-button-rounded.icon-button-rounded-large span,
.icon-button-rounded.icon-button-rounded-large svg {
  font-size: 24px;
  height: 24px;
  width: 24px;
}
.segment-control {
  align-items: center;
  background-color: var(--color-background-weak);
  border: none;
  border-radius: var(--border-radius-rounded);
  display: inline-flex;
  gap: var(--spacing-200);
  justify-content: center;
  max-width: 100%;
  padding: var(--spacing-100);
  position: relative;
}
.segment-control.segment-control-size-large {
  padding: var(--spacing-200);
}
.segment-control.segment-control-expand {
  display: flex;
  width: 100%;
}
.segment-control.segment-control-expand > * {
  flex: 1;
}
.button.one-whole,
[class*=" button-"].one-whole,
[class^=button-].one-whole {
  padding-left: 0;
  padding-right: 0;
}
@media (max-width: 668px) {
  .button.palm-one-whole,
  .palm-button.one-whole,
  .palm-button.palm-one-whole,
  [class*=" button-"].palm-one-whole,
  [class*=" palm-button-"].one-whole,
  [class*=" palm-button-"].palm-one-whole,
  [class^=button-].palm-one-whole,
  [class^=palm-button-].one-whole,
  [class^=palm-button-].palm-one-whole {
    padding-left: 0;
    padding-right: 0;
  }
}
@media (min-width: 669px) and (max-width: 1013px) {
  .button.lap-one-whole,
  .lap-button.lap-one-whole,
  .lap-button.one-whole,
  [class*=" button-"].lap-one-whole,
  [class*=" lap-button-"].lap-one-whole,
  [class*=" lap-button-"].one-whole,
  [class^=button-].lap-one-whole,
  [class^=lap-button-].lap-one-whole,
  [class^=lap-button-].one-whole {
    padding-left: 0;
    padding-right: 0;
  }
}
@media (min-width: 1014px) {
  .button.desk-one-whole,
  .desk-button.desk-one-whole,
  .desk-button.one-whole,
  [class*=" button-"].desk-one-whole,
  [class*=" desk-button-"].desk-one-whole,
  [class*=" desk-button-"].one-whole,
  [class^=button-].desk-one-whole,
  [class^=desk-button-].desk-one-whole,
  [class^=desk-button-].one-whole {
    padding-left: 0;
    padding-right: 0;
  }
}
.datepicker-nav--top-offset {
  margin-top: var(--spacing-1000);
}
button.datepicker-close-btn {
  position: absolute;
  right: 0;
  top: 16px;
}
.datepicker-subheadline {
  color: var(--color-text-default);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  padding-top: 6px;
}
.datepicker-next-month-button,
.datepicker-previous-month-button {
  background-color: initial;
  border: none;
  color: var(--color-text-default);
  cursor: pointer;
  font-size: 24px;
  height: 30px;
}
.datepicker-previous-month-button {
  margin-left: -8px;
  margin-right: auto;
}
.datepicker-next-month-button {
  margin-left: auto;
  margin-right: -8px;
}
.datepicker-current-month {
  font-family:
    Make It Better,
    Verdana,
    DejaVu Sans,
    Arial,
    Helvetica,
    sans-serif;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 26px;
}
.datepicker-days-wrapper {
  margin: 4px -16px 0;
  padding-left: 22px;
  padding-right: 22px;
  width: auto;
}
@media (min-width: 669px) {
  .datepicker-days-wrapper {
    margin-left: -24px;
    margin-right: -24px;
  }
}
.datepicker-day-cell:global(.grid-item) {
  background-color: initial;
  border: none;
  color: var(--color-text-default);
  font-family:
    Make It Better,
    Verdana,
    DejaVu Sans,
    Arial,
    Helvetica,
    sans-serif;
  font-size: 1.4rem;
  height: 36px;
  line-height: 36px;
  margin-top: 2px;
  outline: none;
  padding: 0;
  text-align: center;
  width: 14.28571429%;
}
.datepicker-day-cell:global(.grid-item).datepicker-day-cell-outside-of-month {
  color: var(--color-text-weak);
}
.datepicker-day-cell:global(.grid-item).datepicker-disabled {
  color: var(--color-text-button-disabled);
  font-weight: 300;
}
.datepicker-day-cell:global(.grid-item).datepicker-end-date,
.datepicker-day-cell:global(.grid-item).datepicker-start-date,
.datepicker-day-cell:global(.grid-item):focus {
  position: relative;
  z-index: 1;
}
.datepicker-day-cell:global(.grid-item).datepicker-end-date:before,
.datepicker-day-cell:global(.grid-item).datepicker-start-date:before,
.datepicker-day-cell:global(.grid-item):focus:before {
  border-radius: 100%;
  content: "";
  height: 36px;
  left: calc(50% - 18px);
  position: absolute;
  top: 0;
  width: 36px;
  z-index: -1;
}
.datepicker-day-cell:global(.grid-item).datepicker-end-date,
.datepicker-day-cell:global(.grid-item).datepicker-start-date {
  color: var(--color-text-charcoal);
  font-weight: 900;
}
.datepicker-day-cell:global(.grid-item).datepicker-end-date:before,
.datepicker-day-cell:global(.grid-item).datepicker-end-date:focus:before,
.datepicker-day-cell:global(.grid-item).datepicker-start-date:before,
.datepicker-day-cell:global(.grid-item).datepicker-start-date:focus:before {
  background-color: #00ffd0;
}
button.datepicker-day-cell:global(.grid-item):focus:before {
  background-color: #00ffd029;
}
.datepicker-day-cell:global(.grid-item).datepicker-in-date-range {
  background-color: #00ffd029;
}
.datepicker-day-cell:global(.grid-item).datepicker-in-date-range.datepicker-start-date,
[data-color-scheme=light] .datepicker-day-cell:global(.grid-item).datepicker-in-date-range.datepicker-start-date {
  background:
    linear-gradient(
      90deg,
      #fff 50%,
      #00ffd029 0);
}
[data-color-scheme=dark] .datepicker-day-cell:global(.grid-item).datepicker-in-date-range.datepicker-start-date {
  background:
    linear-gradient(
      90deg,
      #222 50%,
      #00ffd029 0);
}
.datepicker-day-cell:global(.grid-item).datepicker-in-date-range.datepicker-end-date,
[data-color-scheme=light] .datepicker-day-cell:global(.grid-item).datepicker-in-date-range.datepicker-end-date {
  background:
    linear-gradient(
      90deg,
      #00ffd029 50%,
      #fff 0);
}
[data-color-scheme=dark] .datepicker-day-cell:global(.grid-item).datepicker-in-date-range.datepicker-end-date {
  background:
    linear-gradient(
      90deg,
      #00ffd029 50%,
      #222 0);
}
.datepicker-day-cell.grid-item {
  background-color: initial;
  border: none;
  color: var(--color-text-default);
  font-family:
    Make It Better,
    Verdana,
    DejaVu Sans,
    Arial,
    Helvetica,
    sans-serif;
  font-size: 1.4rem;
  height: 36px;
  line-height: 36px;
  margin-top: 2px;
  outline: none;
  padding: 0;
  text-align: center;
  width: 14.28571429%;
}
.datepicker-day-cell.grid-item.datepicker-day-cell-outside-of-month {
  color: var(--color-text-weak);
}
.datepicker-day-cell.grid-item.datepicker-disabled {
  color: var(--color-text-button-disabled);
  font-weight: 300;
}
.datepicker-day-cell.grid-item.datepicker-end-date,
.datepicker-day-cell.grid-item.datepicker-start-date,
.datepicker-day-cell.grid-item:focus {
  position: relative;
  z-index: 1;
}
.datepicker-day-cell.grid-item.datepicker-end-date:before,
.datepicker-day-cell.grid-item.datepicker-start-date:before,
.datepicker-day-cell.grid-item:focus:before {
  border-radius: 100%;
  content: "";
  height: 36px;
  left: calc(50% - 18px);
  position: absolute;
  top: 0;
  width: 36px;
  z-index: -1;
}
.datepicker-day-cell.grid-item.datepicker-end-date,
.datepicker-day-cell.grid-item.datepicker-start-date {
  color: var(--color-text-charcoal);
  font-weight: 900;
}
.datepicker-day-cell.grid-item.datepicker-end-date:before,
.datepicker-day-cell.grid-item.datepicker-end-date:focus:before,
.datepicker-day-cell.grid-item.datepicker-start-date:before,
.datepicker-day-cell.grid-item.datepicker-start-date:focus:before {
  background-color: #00ffd0;
}
.datepicker-day-cell.grid-item.datepicker-in-date-range,
button.datepicker-day-cell.grid-item:focus:before {
  background-color: #00ffd029;
}
.datepicker-day-cell.grid-item.datepicker-in-date-range.datepicker-start-date,
[data-color-scheme=light] .datepicker-day-cell.grid-item.datepicker-in-date-range.datepicker-start-date {
  background:
    linear-gradient(
      90deg,
      #fff 50%,
      #00ffd029 0);
}
[data-color-scheme=dark] .datepicker-day-cell.grid-item.datepicker-in-date-range.datepicker-start-date {
  background:
    linear-gradient(
      90deg,
      #222 50%,
      #00ffd029 0);
}
.datepicker-day-cell.grid-item.datepicker-in-date-range.datepicker-end-date,
[data-color-scheme=light] .datepicker-day-cell.grid-item.datepicker-in-date-range.datepicker-end-date {
  background:
    linear-gradient(
      90deg,
      #00ffd029 50%,
      #fff 0);
}
[data-color-scheme=dark] .datepicker-day-cell.grid-item.datepicker-in-date-range.datepicker-end-date {
  background:
    linear-gradient(
      90deg,
      #00ffd029 50%,
      #222 0);
}
.datepicker-weekdays-in-title {
  background-color: var(--color-background-weakest);
  margin: 10px -16px 0;
  padding-left: 22px;
  padding-right: 22px;
  width: auto;
}
@media (min-width: 669px) {
  .datepicker-weekdays-in-title {
    margin-left: -24px;
    margin-right: -24px;
  }
}
.datepicker-weekdays-in-title .datepicker-weekday-title-cell.grid-item {
  background-color: initial;
  border: none;
  color: var(--color-text-default);
  color: var(--color-text-weak);
  font-family:
    Make It Better,
    Verdana,
    DejaVu Sans,
    Arial,
    Helvetica,
    sans-serif;
  font-size: 1.4rem;
  font-weight: 600;
  height: 36px;
  height: 33px;
  line-height: 36px;
  line-height: 33px;
  margin-top: 0;
  outline: none;
  padding: 0;
  text-align: center;
  width: 14.28571429%;
}
.datepicker-weekdays-in-title .datepicker-weekday-title-cell.grid-item.datepicker-day-cell-outside-of-month {
  color: var(--color-text-weak);
}
.datepicker-weekdays-in-title .datepicker-weekday-title-cell.grid-item.datepicker-disabled {
  color: var(--color-text-button-disabled);
  font-weight: 300;
}
.datepicker-weekdays-in-title .datepicker-weekday-title-cell.grid-item.datepicker-end-date,
.datepicker-weekdays-in-title .datepicker-weekday-title-cell.grid-item.datepicker-start-date,
.datepicker-weekdays-in-title .datepicker-weekday-title-cell.grid-item:focus {
  position: relative;
  z-index: 1;
}
.datepicker-weekdays-in-title .datepicker-weekday-title-cell.grid-item.datepicker-end-date:before,
.datepicker-weekdays-in-title .datepicker-weekday-title-cell.grid-item.datepicker-start-date:before,
.datepicker-weekdays-in-title .datepicker-weekday-title-cell.grid-item:focus:before {
  border-radius: 100%;
  content: "";
  height: 36px;
  left: calc(50% - 18px);
  position: absolute;
  top: 0;
  width: 36px;
  z-index: -1;
}
.datepicker-weekdays-in-title .datepicker-weekday-title-cell.grid-item.datepicker-end-date,
.datepicker-weekdays-in-title .datepicker-weekday-title-cell.grid-item.datepicker-start-date {
  color: var(--color-text-charcoal);
  font-weight: 900;
}
.datepicker-weekdays-in-title .datepicker-weekday-title-cell.grid-item.datepicker-end-date:before,
.datepicker-weekdays-in-title .datepicker-weekday-title-cell.grid-item.datepicker-end-date:focus:before,
.datepicker-weekdays-in-title .datepicker-weekday-title-cell.grid-item.datepicker-start-date:before,
.datepicker-weekdays-in-title .datepicker-weekday-title-cell.grid-item.datepicker-start-date:focus:before {
  background-color: #00ffd0;
}
.datepicker-weekdays-in-title .datepicker-weekday-title-cell.grid-item.datepicker-in-date-range,
button.datepicker-weekdays-in-title .datepicker-weekday-title-cell.grid-item:focus:before {
  background-color: #00ffd029;
}
.datepicker-weekdays-in-title .datepicker-weekday-title-cell.grid-item.datepicker-in-date-range.datepicker-start-date,
[data-color-scheme=light] .datepicker-weekdays-in-title .datepicker-weekday-title-cell.grid-item.datepicker-in-date-range.datepicker-start-date {
  background:
    linear-gradient(
      90deg,
      #fff 50%,
      #00ffd029 0);
}
[data-color-scheme=dark] .datepicker-weekdays-in-title .datepicker-weekday-title-cell.grid-item.datepicker-in-date-range.datepicker-start-date {
  background:
    linear-gradient(
      90deg,
      #222 50%,
      #00ffd029 0);
}
.datepicker-weekdays-in-title .datepicker-weekday-title-cell.grid-item.datepicker-in-date-range.datepicker-end-date,
[data-color-scheme=light] .datepicker-weekdays-in-title .datepicker-weekday-title-cell.grid-item.datepicker-in-date-range.datepicker-end-date {
  background:
    linear-gradient(
      90deg,
      #00ffd029 50%,
      #fff 0);
}
[data-color-scheme=dark] .datepicker-weekdays-in-title .datepicker-weekday-title-cell.grid-item.datepicker-in-date-range.datepicker-end-date {
  background:
    linear-gradient(
      90deg,
      #00ffd029 50%,
      #222 0);
}
.datepicker-weekdays-in-title .datepicker-weekday-title-cell:global(.grid-item) {
  background-color: initial;
  border: none;
  color: var(--color-text-default);
  color: var(--color-text-weak);
  font-family:
    Make It Better,
    Verdana,
    DejaVu Sans,
    Arial,
    Helvetica,
    sans-serif;
  font-size: 1.4rem;
  font-weight: 600;
  height: 36px;
  height: 33px;
  line-height: 36px;
  line-height: 33px;
  margin-top: 0;
  outline: none;
  padding: 0;
  text-align: center;
  width: 14.28571429%;
}
.datepicker-weekdays-in-title .datepicker-weekday-title-cell:global(.grid-item).datepicker-day-cell-outside-of-month {
  color: var(--color-text-weak);
}
.datepicker-weekdays-in-title .datepicker-weekday-title-cell:global(.grid-item).datepicker-disabled {
  color: var(--color-text-button-disabled);
  font-weight: 300;
}
.datepicker-weekdays-in-title .datepicker-weekday-title-cell:global(.grid-item).datepicker-end-date,
.datepicker-weekdays-in-title .datepicker-weekday-title-cell:global(.grid-item).datepicker-start-date,
.datepicker-weekdays-in-title .datepicker-weekday-title-cell:global(.grid-item):focus {
  position: relative;
  z-index: 1;
}
.datepicker-weekdays-in-title .datepicker-weekday-title-cell:global(.grid-item).datepicker-end-date:before,
.datepicker-weekdays-in-title .datepicker-weekday-title-cell:global(.grid-item).datepicker-start-date:before,
.datepicker-weekdays-in-title .datepicker-weekday-title-cell:global(.grid-item):focus:before {
  border-radius: 100%;
  content: "";
  height: 36px;
  left: calc(50% - 18px);
  position: absolute;
  top: 0;
  width: 36px;
  z-index: -1;
}
.datepicker-weekdays-in-title .datepicker-weekday-title-cell:global(.grid-item).datepicker-end-date,
.datepicker-weekdays-in-title .datepicker-weekday-title-cell:global(.grid-item).datepicker-start-date {
  color: var(--color-text-charcoal);
  font-weight: 900;
}
.datepicker-weekdays-in-title .datepicker-weekday-title-cell:global(.grid-item).datepicker-end-date:before,
.datepicker-weekdays-in-title .datepicker-weekday-title-cell:global(.grid-item).datepicker-end-date:focus:before,
.datepicker-weekdays-in-title .datepicker-weekday-title-cell:global(.grid-item).datepicker-start-date:before,
.datepicker-weekdays-in-title .datepicker-weekday-title-cell:global(.grid-item).datepicker-start-date:focus:before {
  background-color: #00ffd0;
}
button.datepicker-weekdays-in-title .datepicker-weekday-title-cell:global(.grid-item):focus:before {
  background-color: #00ffd029;
}
.datepicker-weekdays-in-title .datepicker-weekday-title-cell:global(.grid-item).datepicker-in-date-range {
  background-color: #00ffd029;
}
.datepicker-weekdays-in-title .datepicker-weekday-title-cell:global(.grid-item).datepicker-in-date-range.datepicker-start-date,
[data-color-scheme=light] .datepicker-weekdays-in-title .datepicker-weekday-title-cell:global(.grid-item).datepicker-in-date-range.datepicker-start-date {
  background:
    linear-gradient(
      90deg,
      #fff 50%,
      #00ffd029 0);
}
[data-color-scheme=dark] .datepicker-weekdays-in-title .datepicker-weekday-title-cell:global(.grid-item).datepicker-in-date-range.datepicker-start-date {
  background:
    linear-gradient(
      90deg,
      #222 50%,
      #00ffd029 0);
}
.datepicker-weekdays-in-title .datepicker-weekday-title-cell:global(.grid-item).datepicker-in-date-range.datepicker-end-date,
[data-color-scheme=light] .datepicker-weekdays-in-title .datepicker-weekday-title-cell:global(.grid-item).datepicker-in-date-range.datepicker-end-date {
  background:
    linear-gradient(
      90deg,
      #00ffd029 50%,
      #fff 0);
}
[data-color-scheme=dark] .datepicker-weekdays-in-title .datepicker-weekday-title-cell:global(.grid-item).datepicker-in-date-range.datepicker-end-date {
  background:
    linear-gradient(
      90deg,
      #00ffd029 50%,
      #222 0);
}
.datepicker-okay-button {
  margin-left: 16px;
}
.datepicker-cancel-button,
.datepicker-okay-button {
  margin-top: 16px;
  min-width: calc(50% - 8px);
  padding: .35714286em;
  width: calc(50% - 8px);
}
.datepicker-cancel-button {
  border-color: var(--color-border-button-strong-default);
  color: var(--color-text-default);
}
.grid-flex.gutter-form + .grid-flex.gutter-form,
fieldset + fieldset > .grid-flex.gutter-form {
  margin-top: 0;
}
.form .textarea {
  resize: vertical;
}
input[type=submit] {
  cursor: pointer;
}
@-webkit-keyframes rotate {
  0% {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(1turn);
  }
}
@keyframes rotate {
  0% {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(1turn);
  }
}
.loader {
  animation: rotate 1s linear infinite;
  background-image: url(https://www.static-immobilienscout24.de/fro/is24-loader/0.0.2/loader.svg);
  background-size: 48px;
  height: 48px;
  width: 48px;
}
.loader.loader-xsmall {
  background-size: 16px;
  height: 16px;
  width: 16px;
}
.loader.loader-small {
  background-size: 24px;
  height: 24px;
  width: 24px;
}
.loader.loader-medium {
  background-size: 48px;
  height: 48px;
  width: 48px;
}
.loader.loader-large {
  background-size: 96px;
  height: 96px;
  width: 96px;
}
.loaderSecondary {
  max-height: 100%;
  max-width: 100%;
}
.loaderSecondary.loader-xsmall {
  height: 16px;
  width: 16px;
}
.loaderSecondary.loader-small {
  height: 24px;
  width: 24px;
}
.loaderSecondary.loader-medium {
  height: 48px;
  width: 48px;
}
.loaderSecondary.loader-large {
  height: 96px;
  width: 96px;
}
.loaderSecondary.colorSet-aquaGreen .path1 {
  stroke: #00ffd0;
}
.loaderSecondary.colorSet-aquaGreen .path2 {
  stroke: #0000;
}
.loaderSecondary.colorSet-aquaBlue .path1,
.loaderSecondary.colorSet-aquaGreen .path3 {
  stroke: #00ffd0;
}
.loaderSecondary.colorSet-aquaBlue .path2 {
  stroke: #0000;
}
.loaderSecondary.colorSet-aquaBlue .path3,
.loaderSecondary.colorSet-solidBlue .path1 {
  stroke: #007bff;
}
.loaderSecondary.colorSet-solidBlue .path2 {
  stroke: #0000;
}
.loaderSecondary.colorSet-solidBlue .path3 {
  stroke: #007bff;
}
.loaderSecondary.colorSet-pureWhite .path1 {
  stroke: #fff;
}
.loaderSecondary.colorSet-pureWhite .path2 {
  stroke: #0000;
}
.loaderSecondary.colorSet-pureWhite .path3 {
  stroke: #fff;
}
.loaderSecondary.colorSet-darkGray .path1 {
  stroke: #333;
}
.loaderSecondary.colorSet-darkGray .path2 {
  stroke: #0000;
}
.loaderSecondary.colorSet-darkGray .path3 {
  stroke: #333;
}
.loaderSecondary.colorSet-silverGray .path1 {
  stroke: #c4c4c4;
}
.loaderSecondary.colorSet-silverGray .path2 {
  stroke: #0000;
}
.loaderSecondary.colorSet-silverGray .path3 {
  stroke: #c4c4c4;
}
.loaderSecondary svg {
  height: 100%;
  width: 100%;
}
.loaderSecondary svg circle {
  fill: none;
  stroke-linecap: butt;
  stroke-width: 6;
  transition: stroke .5s ease-in-out;
}
.loaderSecondary .path {
  stroke-dasharray: 185;
  transform-origin: center;
}
.loaderSecondary .path1 {
  animation: dash 2s ease-in-out infinite;
  stroke-dashoffset: 0;
  transform: rotate(-90deg);
}
.loaderSecondary .path2 {
  animation: dash2 2s ease-in-out 1.1s infinite;
  stroke-dashoffset: 177;
  transform: rotate(-65deg);
}
.loaderSecondary .path3 {
  animation: dash3 2s ease-in-out 1.3s infinite;
  stroke-dashoffset: 177;
  transform: rotate(-65deg);
}
@keyframes dash {
  0% {
    stroke-dashoffset: 185;
  }
  50% {
    stroke-dashoffset: 0;
    transform: rotate(-90deg);
  }
  to {
    stroke-dashoffset: 185;
    transform: rotate(270deg);
  }
}
@keyframes dash2 {
  0% {
    stroke-dashoffset: 177;
  }
  25% {
    stroke-dashoffset: 225;
  }
  50%, to {
    stroke-dashoffset: 177;
    transform: rotate(295deg);
  }
}
@keyframes dash3 {
  0% {
    stroke-dashoffset: 177;
  }
  25% {
    stroke-dashoffset: 205;
  }
  50%, to {
    stroke-dashoffset: 177;
    transform: rotate(295deg);
  }
}
.empty-state {
  display: flex;
}
.empty-state .title {
  font-size: 20px;
  font-weight: 700 !important;
  line-height: 30px;
}
.empty-state .description {
  line-height: 22px;
}
.empty-state.small {
  max-width: 328px;
}
.empty-state.small .image {
  height: 80px;
  width: 82.13px;
}
.empty-state.small .text-container {
  display: flex;
  flex-direction: column;
  justify-content: end;
  padding-bottom: 8px;
  padding-left: 16px;
}
.empty-state.large {
  max-width: 560px;
}
@media (max-width: 668px) {
  .empty-state.large {
    align-items: center;
    flex-direction: column;
    max-width: 328px;
    text-align: center;
  }
}
.empty-state.large .image {
  height: 148px;
  width: 152.39px;
}
.empty-state.large .text-container {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding-left: 24px;
  padding-top: 10px;
}
@media (max-width: 668px) {
  .empty-state.large .text-container {
    padding-left: 0;
  }
}
.empty-state.large .action-button {
  margin-top: 8px;
  width: 139px;
}
@media (max-width: 668px) {
  .empty-state.large .action-button {
    width: 100%;
  }
}
.input-text-container,
.select-container,
.textarea-container {
  position: relative;
}
.input-text-container > .affix-left,
.input-text-container > .affix-right,
.input-text-container > .input-icon-left,
.input-text-container > .input-icon-right,
.select-container > .affix-left,
.select-container > .affix-right,
.select-container > .input-icon-left,
.select-container > .input-icon-right,
.textarea-container > .affix-left,
.textarea-container > .affix-right,
.textarea-container > .input-icon-left,
.textarea-container > .input-icon-right {
  color: var(--color-text-default);
  font-size: 24px;
  line-height: 40px;
  margin-left: 12px;
  margin-right: 12px;
  pointer-events: none;
  position: absolute;
  z-index: 1;
}
.input-text-container > .affix-left + .select,
.input-text-container > .affix-left ~ .input-text,
.input-text-container > .affix-right + .select,
.input-text-container > .input-icon-left + .select,
.input-text-container > .input-icon-left ~ .input-text,
.input-text-container > .input-icon-right + .select,
.select-container > .affix-left + .select,
.select-container > .affix-left ~ .input-text,
.select-container > .affix-right + .select,
.select-container > .input-icon-left + .select,
.select-container > .input-icon-left ~ .input-text,
.select-container > .input-icon-right + .select,
.textarea-container > .affix-left + .select,
.textarea-container > .affix-left ~ .input-text,
.textarea-container > .affix-right + .select,
.textarea-container > .input-icon-left + .select,
.textarea-container > .input-icon-left ~ .input-text,
.textarea-container > .input-icon-right + .select {
  padding-left: 44px;
}
.input-text-container > .affix-right,
.input-text-container > .input-icon-right,
.select-container > .affix-right,
.select-container > .input-icon-right,
.textarea-container > .affix-right,
.textarea-container > .input-icon-right {
  right: 0;
}
.input-text-container > .affix-right ~ .input-text,
.input-text-container > .input-icon-right ~ .input-text,
.select-container > .affix-right ~ .input-text,
.select-container > .input-icon-right ~ .input-text,
.textarea-container > .affix-right ~ .input-text,
.textarea-container > .input-icon-right ~ .input-text {
  padding-right: 44px;
}
.input-text-container > .affix-unit,
.select-container > .affix-unit,
.textarea-container > .affix-unit {
  font-size: 16px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  width: 44px;
}
.input-text,
.select,
.textarea {
  background-color: var(--color-background-default);
  border: 1px solid var(--color-border-input-default);
  border-radius: 4px;
  caret-color: var(--color-text-default);
  color: var(--color-text-default);
  font-family:
    Make It Better,
    Verdana,
    DejaVu Sans,
    Arial,
    Helvetica,
    sans-serif;
  font-size: 1.6rem;
  padding: 0 12px;
  transition: border .3s;
  width: 100%;
}
.select-container > .input-text,
.select-container > .select,
.select-container > .textarea {
  -webkit-appearance: none;
  appearance: none;
}
@media (-ms-high-contrast: none) {
  .select-container > .input-text,
  .select-container > .select,
  .select-container > .textarea {
    padding-right: 0;
  }
  .select-container > .input-text:after,
  .select-container > .select:after,
  .select-container > .textarea:after {
    display: none;
  }
}
.input-text:hover,
.select:hover,
.textarea:hover {
  border-color: var(--color-border-input-hover);
}
.input-text:focus,
.select:focus,
.textarea:focus {
  border-color: var(--color-border-input-focused);
}
.input-text::placeholder,
.select::placeholder,
.textarea::placeholder {
  color: var(--color-text-weak);
}
.input-text:disabled,
.select:disabled,
.textarea:disabled {
  background-color: var(--color-background-weak);
  border-color: var(--color-border-button-disabled);
  color: var(--color-text-button-disabled);
}
.input-text:disabled::placeholder,
.input-text:disabled ~ .input-label-helper-text,
.select:disabled::placeholder,
.select:disabled ~ .input-label-helper-text,
.textarea:disabled::placeholder,
.textarea:disabled ~ .input-label-helper-text {
  color: var(--color-text-button-disabled);
}
.input-text ~ .input-label-helper-text-error,
.select ~ .input-label-helper-text-error,
.textarea ~ .input-label-helper-text-error {
  color: var(--color-text-danger);
}
.input-text,
.select {
  height: 40px;
}
.input-text:not(input):not(select),
.select:not(input):not(select) {
  line-height: 40px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.textarea {
  padding-bottom: 12px;
  padding-top: 12px;
}
.input-text.error,
.select.error,
.textarea.error {
  border-color: var(--color-border-danger);
}
.input-text.success,
.textarea.success {
  border-color: var(--color-border-success);
}
.radio-list .radio-container {
  border-color: var(--color-border-weak);
}
.radio-list .radio-container:first-child {
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
}
.radio-list .radio-container:last-child {
  border-bottom: 1px solid var(--color-border-weak);
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
}
.radio-list .radio-container:last-child .label-radio {
  padding-bottom: calc(var(--spacing-300) - 1px);
}
.checkbox-list .checkbox-container {
  border-color: var(--color-border-weak);
}
.checkbox-list .checkbox-container:first-child {
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
}
.checkbox-list .checkbox-container:last-child {
  border-bottom: 1px solid var(--color-border-weak);
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
}
.checkbox-list .checkbox-container:last-child .label-checkbox {
  padding-bottom: calc(var(--spacing-300) - 1px);
}
.toggle-switch-list .toggle-switch-container {
  border-color: var(--color-border-weak);
}
.toggle-switch-list .toggle-switch-container:first-child {
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
}
.toggle-switch-list .toggle-switch-container:last-child {
  border-bottom: 1px solid var(--color-border-weak);
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
}
.toggle-switch-list .toggle-switch-container:last-child .label-toggle-switch {
  padding-bottom: calc(var(--spacing-300) - 1px);
}
.clickable-icon {
  cursor: pointer;
  pointer-events: visible !important;
}
.textarea-container > .textarea {
  font-size: 1.4rem;
  line-height: normal;
  overflow: auto;
  resize: vertical;
}
.textarea-container > .textarea .error {
  color: red;
}
input::-webkit-inner-spin-button,
input::-webkit-outer-spin-button {
  -webkit-appearance: none;
}
input[type=number] {
  appearance: textfield;
}
.stepper-input-container {
  display: flex;
}
.stepper-input-container .input-text {
  border-radius: 0;
  text-align: center;
  width: calc(100% - 80px);
  z-index: 1;
}
.stepper-decrement-button,
.stepper-increment-button {
  background-color: inherit;
  border: 1px solid;
  border-color: var(--color-border-input-default);
  color: var(--color-text-default);
  max-width: 40px;
  min-width: 40px;
  transition: border .3s;
}
.stepper-decrement-button:hover,
.stepper-increment-button:hover {
  border-color: var(--color-border-input-hover);
  z-index: 2;
}
.stepper-decrement-button:focus,
.stepper-increment-button:focus {
  border-color: var(--color-border-input-focused);
  z-index: 2;
}
.stepper-increment-button {
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
  margin-left: -1px;
}
.stepper-decrement-button {
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
  margin-right: -1px;
}
.select-container .select-input-wrapper {
  position: relative;
}
.select-container .select-input-wrapper:after {
  content: "\e914";
  font-family: IS24Icons;
  font-size: 1.6rem;
  line-height: 40px;
  pointer-events: none;
  position: absolute;
  right: 12px;
  text-align: right;
  top: 0;
  width: 24px;
}
.select-container .select-input-wrapper .select {
  -webkit-appearance: none;
  appearance: none;
  padding-right: 44px;
}
.select-container .select-input-wrapper .select::-ms-expand {
  display: none;
}
.select-container .select-input-wrapper.disabled:after {
  color: #8f8f8f;
}
.select-container .select-input-wrapper > .input-icon-left,
.select-container .select-input-wrapper > .input-icon-right {
  color: #757575;
  font-size: 24px;
  line-height: 40px;
  margin-left: 12px;
  margin-right: 12px;
  pointer-events: none;
  position: absolute;
  z-index: 1;
}
.select-container .select-input-wrapper > .input-icon-left + .select,
.select-container .select-input-wrapper > .input-icon-left ~ .input-text,
.select-container .select-input-wrapper > .input-icon-right + .select {
  padding-left: 44px;
}
.select-container .select-input-wrapper > .input-icon-right {
  right: 0;
}
.select-container .select-input-wrapper > .input-icon-right ~ .input-text {
  padding-right: 44px;
}
.select {
  display: block;
}
.dropdown-link {
  display: inline-block;
  position: relative;
}
.dropdown-link select {
  -webkit-appearance: none;
  appearance: none;
}
.dropdown-link select::-ms-expand {
  display: none;
}
.dropdown-link .dropdown-link-icon + select {
  padding: 0 0 0 24px;
}
.dropdown-link .dropdown-link-icon {
  font-size: 20px !important;
  height: 20px;
  max-width: 20px;
  pointer-events: none;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: auto;
}
.dropdown-link .dropdown-link-icon svg {
  display: block;
  height: 1em;
  width: 1em;
}
.dropdown-link:active,
.dropdown-link:focus,
.dropdown-link:hover {
  color: #008289;
  text-decoration: none;
}
.dropdown-link:active option,
.dropdown-link:focus option,
.dropdown-link:hover option {
  color: #333;
}
.dropdown-link-icon-only select {
  max-width: 24px;
}
@media (max-width: 668px) {
  .palm-dropdown-link-icon-only select {
    max-width: 24px;
  }
}
.dropdown-link-icon-only.disabled > .dropdown-link-icon,
.dropdown-link-icon-only.disabled > select,
.dropdown-link-icon-only > select:disabled,
.dropdown-link.disabled > .dropdown-link-icon,
.dropdown-link.disabled > select,
.dropdown-link > select:disabled {
  color: #999;
}
.input-label {
  padding-bottom: 4px;
}
.input-label.mandatory:after {
  color: var(--color-text-default);
  content: "*";
  font-weight: 400;
  margin-left: 4px;
}
.form label,
.input-label,
.label-checkbox,
.label-radio,
.label-toggle-switch {
  color: var(--color-text-default);
  display: block;
  font-size: 1.4rem;
  font-weight: 600;
  line-height: 20px;
}
.label-optional:after {
  color: var(--color-text-weak);
  content: " (opt.)";
  font-weight: 400;
}
.input-label-helper-text {
  color: var(--color-text-weak);
  display: inline-block;
  font-size: 1.4rem;
  margin-top: 6px;
}
.gutter-form .input-label-helper-text {
  margin-bottom: -28px;
}
.input-label-helper-text:empty {
  display: inline !important;
}
.card {
  border: 1px solid var(--color-border-weak);
  border-radius: 4px;
  min-height: 300px;
  min-width: 250px;
  padding: 0 16px;
  width: 250px;
}
.card > a,
.card > a:hover,
.card > a:visited {
  text-decoration: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.card-body {
  height: 280px;
}
.card-body,
.card-footer {
  color: var(--color-text-default);
  display: block;
}
.card-footer {
  height: 72px;
}
.card-header {
  display: block;
  height: 72px;
}
.card-divider {
  background-color: var(--color-border-weak);
  border: none;
  height: 1px;
}
.card-divider-bold {
  height: 2px;
}
.radio-container {
  border: 1px solid #0000;
  border-bottom: none;
  position: relative;
}
.radio-container .input-radio {
  -webkit-appearance: none;
  appearance: none;
  height: 2px;
  position: absolute;
  transition: box-shadow .3s;
}
.radio-container .input-radio:checked:disabled + .label-radio,
.radio-container .input-radio:disabled + .label-radio {
  color: var(--color-text-button-disabled);
}
.radio-container .label-radio {
  border-radius: var(--border-radius-200);
  font-size: var(--size-body-medium);
  font-weight: 400;
  line-height: var(--line-height-body-medium);
  padding-bottom: var(--spacing-300);
  padding-top: var(--spacing-300);
}
.radio-container {
  transition: background-color .15s ease-in-out;
}
.radio-container .input-radio {
  width: 2px;
}
.radio-container .label-radio {
  margin-left: 0;
  padding-left: calc(var(--spacing-300) + 22px + var(--spacing-300));
  padding-right: var(--spacing-300);
}
.radio-container .label-radio:before {
  background-color: var(--color-background-default);
  border: 1px solid var(--color-border-input-default);
  content: "";
  margin-left: calc((var(--spacing-300) + 22px)*-1);
  position: absolute;
  transition: background-color .15s ease-in-out;
}
.radio-container .label-radio.error:before {
  border-color: var(--color-border-danger);
}
.radio-container:hover {
  background-color: initial;
}
.radio-container .label-radio {
  position: relative;
  transition: all .15s ease-in-out;
}
.radio-container .label-radio:after,
.radio-container .label-radio:before {
  box-sizing: border-box;
}
.radio-container .label-radio:before {
  border-color: var(--color-background-inversive);
  border-radius: 100%;
  height: 22px;
  top: calc(var(--spacing-300) - 1px);
  transition: border-color .15s ease-in-out;
  width: 22px;
}
.radio-container .label-radio:after {
  background-color: initial;
  border-radius: 100%;
  content: "";
  display: block;
  height: 12px;
  left: calc(var(--spacing-300) + 5px);
  position: absolute;
  top: calc(var(--spacing-300) + 4px);
  transition: background-color .15s ease-in-out, border-color .15s ease-in-out;
  width: 12px;
}
.radio-container .input-radio {
  border-radius: 100%;
  margin-left: 22px;
  top: 50%;
  transform: translateY(-50%);
}
.radio-container .input-radio:checked + .label-radio:before {
  border-color: var(--color-background-inversive);
  border-width: 2px;
}
.radio-container .input-radio:checked + .label-radio:after {
  background-color: var(--color-border-strong);
}
.radio-container .input-radio:focus-visible:not(:disabled) + .label-radio {
  box-shadow: inset 0 0 0 2px var(--color-border-focused);
}
.radio-container .input-radio:focus:checked:not(:disabled) + .label-radio:before {
  border-width: 2px;
}
.radio-container .input-radio:hover:not(:disabled) + .label-radio {
  background-color: var(--color-background-button-hovered);
}
.radio-container .input-radio:hover:checked:not(:disabled) + .label-radio:before {
  border-width: 2px;
}
.radio-container .input-radio:active:not(:disabled) + .label-radio {
  background-color: var(--color-background-button-pressed);
}
.radio-container .input-radio:active:not(:disabled) + .label-radio:before {
  border-width: 2px;
}
.radio-container .input-radio:disabled + .label-radio:before,
.radio-container .input-radio:disabled:checked + .label-radio:before {
  background-color: initial;
  border-color: var(--color-border-button-disabled);
}
.radio-container .input-radio:disabled:checked + .label-radio:after {
  background-color: var(--color-background-button-disabled);
}
.radio-container .input-radio + .label-radio.error {
  color: var(--color-text-danger);
}
.radio-container .input-radio + .label-radio.error:before {
  border-color: var(--color-background-danger);
}
.radio-container .input-radio:checked + .label-radio.error:after {
  background-color: var(--color-background-danger);
}
.toggle-switch-container {
  border: 1px solid #0000;
  border-bottom: none;
  position: relative;
}
.toggle-switch-container .input-toggle-switch {
  -webkit-appearance: none;
  appearance: none;
  height: 2px;
  position: absolute;
  transition: box-shadow .3s;
}
.toggle-switch-container .input-toggle-switch:checked:disabled + .label-toggle-switch,
.toggle-switch-container .input-toggle-switch:disabled + .label-toggle-switch {
  color: var(--color-text-button-disabled);
}
.toggle-switch-container .label-toggle-switch {
  font-size: var(--size-body-medium);
  font-weight: 400;
  line-height: var(--line-height-body-medium);
  padding-bottom: var(--spacing-300);
  padding-top: var(--spacing-300);
}
.toggle-switch-container .input-toggle-switch:active,
.toggle-switch-container .input-toggle-switch:focus {
  box-shadow: none;
}
.toggle-switch-container .input-toggle-switch:hover:not(:disabled) + .label-toggle-switch {
  background-color: var(--color-background-button-hovered);
}
.toggle-switch-container .input-toggle-switch:hover:not(:disabled) + .label-toggle-switch:after {
  border-radius: var(--border-radius-rounded);
  margin-right: -2px;
  width: 20px;
}
.toggle-switch-container .input-toggle-switch:hover:checked:not(:disabled) + .label-toggle-switch:before {
  background-color: var(--color-background-button-default-default);
}
.toggle-switch-container .input-toggle-switch:hover:checked:not(:disabled) + .label-toggle-switch:after {
  margin-right: 0;
  width: 20px;
}
.toggle-switch-container .input-toggle-switch:active:not(:disabled) + .label-toggle-switch {
  background-color: var(--color-background-button-pressed);
}
.toggle-switch-container .input-toggle-switch:active:not(:disabled) + .label-toggle-switch:after {
  border-radius: var(--border-radius-rounded);
  margin-right: -2px;
  width: 20px;
}
.toggle-switch-container .input-toggle-switch:focus-visible:not(:disabled) + .label-toggle-switch {
  box-shadow: inset 0 0 0 2px var(--color-border-focused);
}
.toggle-switch-container .input-toggle-switch:focus-visible:not(:disabled) + .label-toggle-switch:after {
  border-radius: var(--border-radius-rounded);
  margin-right: -2px;
  width: 20px;
}
.toggle-switch-container .input-toggle-switch:active:checked + .label-toggle-switch:after,
.toggle-switch-container .input-toggle-switch:focus-visible:checked + .label-toggle-switch:after {
  margin-right: 0;
  width: 20px;
}
.toggle-switch-container .input-toggle-switch:checked + .label-toggle-switch:before {
  background-color: var(--color-background-button-default-default);
}
.toggle-switch-container .input-toggle-switch:checked + .label-toggle-switch:after {
  right: calc(2px + var(--spacing-300));
}
.toggle-switch-container .input-toggle-switch:disabled + .label-toggle-switch:before {
  background-color: var(--color-background-button-disabled);
}
.toggle-switch-container .input-toggle-switch:disabled + .label-toggle-switch:after {
  margin-right: 0;
  transform: none;
  width: 18px;
}
.toggle-switch-container .input-toggle-switch:disabled:checked + .label-toggle-switch:before {
  background-color: var(--color-background-button-disabled);
}
.toggle-switch-container .input-toggle-switch:disabled:checked + .label-toggle-switch:after {
  transform: none;
  width: 18px;
}
.toggle-switch-container .label-toggle-switch {
  border-radius: var(--border-radius-200);
  padding-left: var(--spacing-300);
  padding-right: calc(var(--spacing-300) + var(--spacing-300) + 36px);
  position: relative;
  transition: background-color .15s ease-in-out, border-color .15s ease-in-out;
}
.toggle-switch-container .label-toggle-switch:after,
.toggle-switch-container .label-toggle-switch:before {
  content: "";
  position: absolute;
  top: 14px;
}
.toggle-switch-container .label-toggle-switch:before {
  background-color: var(--color-background-button-weak-pressed);
  border-radius: var(--border-radius-rounded);
  box-sizing: border-box;
  height: 22px;
  margin-top: -2px;
  right: var(--spacing-300);
  transition: background-color .3s;
  width: 36px;
}
.toggle-switch-container .label-toggle-switch:after {
  background-color: var(--color-background-default);
  border-radius: 100%;
  box-shadow: 0 2px 4px 0 #00000026;
  height: 18px;
  right: calc(16px + var(--spacing-300));
  transition: all .3s;
  width: 18px;
}
.checkbox-container {
  border: 1px solid #0000;
  border-bottom: none;
  position: relative;
}
.checkbox-container .input-checkbox {
  -webkit-appearance: none;
  appearance: none;
  height: 2px;
  position: absolute;
  transition: box-shadow .3s;
}
.checkbox-container .input-checkbox:checked:disabled + .label-checkbox,
.checkbox-container .input-checkbox:disabled + .label-checkbox {
  color: var(--color-text-button-disabled);
}
.checkbox-container .label-checkbox {
  border-radius: var(--border-radius-200);
  font-weight: 400;
  padding-bottom: var(--spacing-300);
  padding-top: var(--spacing-300);
}
.checkbox-container {
  transition: background-color .15s ease-in-out;
}
.checkbox-container .input-checkbox {
  border-radius: 100%;
  width: 2px;
}
.checkbox-container .label-checkbox {
  margin-left: 0;
  padding-left: calc(var(--spacing-300) + 22px + var(--spacing-300));
  padding-right: var(--spacing-300);
}
.checkbox-container .label-checkbox:before {
  background-color: var(--color-background-default);
  border: 1px solid var(--color-border-input-default);
  content: "";
  margin-left: calc((var(--spacing-300) + 22px)*-1);
  position: absolute;
  transition: background-color .15s ease-in-out;
}
.checkbox-container .label-checkbox.error:before {
  border-color: var(--color-border-danger);
}
.checkbox-container:hover {
  background-color: initial;
}
.checkbox-container .label-checkbox {
  font-size: var(--size-body-medium);
  line-height: var(--line-height-body-medium);
  position: relative;
  transition: background-color .15s ease-in-out, border-color .15s ease-in-out;
}
.checkbox-container .label-checkbox:after,
.checkbox-container .label-checkbox:before {
  box-sizing: border-box;
}
.checkbox-container .label-checkbox:before {
  border: 1px solid var(--color-border-strong);
  border-radius: var(--border-radius-100);
  height: 22px;
  top: var(--spacing-300);
  width: 22px;
}
.checkbox-container .label-checkbox:after {
  background-color: var(--color-border-inverse);
  background-position: 50%;
  background-repeat: no-repeat;
  border-color: #0000;
  content: "";
  mask-repeat: no-repeat;
  position: absolute;
}
.checkbox-container .input-checkbox {
  margin-left: 22px;
  top: 50%;
  transform: translateY(-50%);
}
.checkbox-container .input-checkbox ~ .label-checkbox.error {
  color: var(--color-text-danger);
}
.checkbox-container .input-checkbox ~ .label-checkbox.error:before {
  border-color: var(--color-border-danger);
}
.checkbox-container .input-checkbox:not(:disabled):hover ~ .label-checkbox {
  background-color: var(--color-background-button-hovered);
}
.checkbox-container .input-checkbox:active,
.checkbox-container .input-checkbox:focus {
  box-shadow: none;
}
.checkbox-container .input-checkbox:focus-visible:not(:disabled) ~ .label-checkbox {
  border-width: 2px;
  box-shadow: inset 0 0 0 2px var(--color-border-focused);
}
.checkbox-container .input-checkbox:active:not(:disabled) ~ .label-checkbox {
  background-color: var(--color-background-button-pressed);
  border-width: 2px;
}
.checkbox-container .input-checkbox:disabled ~ .label-checkbox:before {
  background-color: initial;
  border-color: var(--color-border-button-disabled);
}
.checkbox-container .input-checkbox:checked ~ .label-checkbox:before {
  background-color: var(--color-background-inversive);
}
.checkbox-container .input-checkbox:checked ~ .label-checkbox:after {
  height: 10px;
  left: 17px;
  mask-image: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 15 12"><path stroke="%23fff" stroke-linecap="round" stroke-width="2" d="m1 6.455 3.317 3.71a1 1 0 0 0 1.491 0L14 1"/></svg>');
  top: 18px;
  width: 13px;
}
.checkbox-container .input-checkbox:checked ~ .label-checkbox.error:before {
  background-color: var(--color-background-danger);
}
.checkbox-container .input-checkbox:checked:disabled ~ .label-checkbox:before {
  background-color: var(--color-background-button-disabled);
  border-color: var(--color-background-button-disabled);
}
.checkbox-container .input-checkbox:indeterminate ~ .label-checkbox:before {
  background-color: var(--color-background-inversive);
}
.checkbox-container .input-checkbox:indeterminate ~ .label-checkbox:after {
  height: 2px;
  left: 17px;
  mask-image: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="2" fill="none" viewBox="0 0 12 2"><path fill="%23fff" d="M0 1a1 1 0 0 1 1-1h10a1 1 0 1 1 0 2H1a1 1 0 0 1-1-1"/></svg>');
  top: 22px;
  width: 12px;
}
.checkbox-container .input-checkbox:indeterminate ~ .label-checkbox.error:before {
  background-color: var(--color-background-danger);
}
.checkbox-container .input-checkbox:indeterminate:disabled ~ .label-checkbox:before {
  background-color: var(--color-background-button-disabled);
  border-color: var(--color-background-button-disabled);
}
.checkbox-container .input-label-helper-text {
  margin-top: 0;
  padding-left: 41px;
}
.checkbox-container--reduced-spacing .label-checkbox {
  padding: 0 0 0 30px;
}
.checkbox-container--reduced-spacing .label-checkbox:before {
  left: 34px;
  top: 0;
}
.checkbox-container--reduced-spacing .input-checkbox:checked ~ .label-checkbox:after,
.checkbox-container--reduced-spacing .label-checkbox:after {
  left: 5px;
  top: 6px;
}
.checkbox-container--reduced-spacing .input-checkbox:indeterminate ~ .label-checkbox:after {
  left: 5px;
  top: 10px;
}
.checkbox-container--reduced-spacing .input-label-helper-text {
  padding-left: 30px;
}
.checkbox-frame {
  background-color: var(--color-background-weakest);
  border-radius: var(--border-radius-100);
  padding: var(--spacing-200);
}
@media (min-width: 669px) {
  .checkbox-frame {
    padding: var(--spacing-400);
  }
}
.checkbox-frame:has(.input-checkbox:focus-visible),
.checkbox-frame[data-focused] {
  background-color: var(--color-background-weak);
}
.checkbox-frame:has(.checkbox-container:hover),
.checkbox-frame[data-hovered] {
  background-color: var(--color-background-weak);
}
.checkbox-frame .checkbox-container .input-checkbox ~ .label-checkbox:after {
  left: 5px;
  top: 6px;
}
.checkbox-frame .checkbox-container .input-checkbox ~ .label-checkbox.error {
  color: var(--color-text-default);
}
.checkbox-frame .checkbox-container .input-checkbox:not(:disabled):hover ~ .label-checkbox {
  background-color: initial;
}
.checkbox-frame .checkbox-container .input-checkbox:not(:disabled):focus-visible ~ .label-checkbox {
  box-shadow: none;
}
.status-message.status-variant.status-error:before {
  content: "\ea36";
}
.list-style--checkmark .list-style-item:before {
  content: "\eaf8";
}
.status-message.status-variant.status-confirm:before {
  content: "\eaf9";
}
.status-message.status-variant .closer:empty:before {
  content: "\eb1b";
}
.status-message.status-variant.status-info:before,
.status-message.status-variant.status-warning:before {
  content: "\ebe3";
}
.status-message {
  background-color: var(--color-elevation-surface-default);
  border: 1px solid #0000;
  border-left-width: 8px;
  border-radius: 3px;
  color: var(--color-text-default);
  line-height: 20px;
  padding: 16px 16px 16px 50px;
  position: relative;
}
.status-message:before {
  display: inline;
  font-family: IS24Icons;
  font-size: 24px;
  left: 17px;
  line-height: 30px;
  padding-right: 10px;
  position: absolute;
}
@media (max-width: 668px) {
  .status-message:before {
    line-height: 28px;
  }
}
.status-message .status-title,
.status-message h1,
.status-message h2,
.status-message h3,
.status-message h4,
.status-message h5,
.status-message h6 {
  display: inline-block;
  font-size: 24px;
  font-weight: 300;
  line-height: 30px;
}
@media (max-width: 668px) {
  .status-message .status-title,
  .status-message h1,
  .status-message h2,
  .status-message h3,
  .status-message h4,
  .status-message h5,
  .status-message h6 {
    font-size: 22px;
    line-height: 28px;
    margin-bottom: 5px;
  }
}
.status-message .closer {
  background: none;
  border: none;
  cursor: pointer;
  display: inline;
  font-size: 15px;
  padding: 5px;
  position: absolute;
  right: 3px;
  top: 2px;
}
.status-message .closer:before {
  content: "\e918";
  display: inline;
  font-family: IS24Icons;
}
@media (max-width: 668px) {
  .status-message .closer {
    height: 28px;
    width: 28px;
  }
}
.status-message.status-confirm {
  border-color: var(--color-background-success);
}
.status-message.status-confirm:before {
  color: var(--color-background-success);
  content: "\e901";
}
.status-message.status-info,
.status-message.status-warning {
  border-color: var(--color-background-info);
}
.status-message.status-info:before,
.status-message.status-warning:before {
  color: var(--color-background-info);
  content: "\e92b";
}
.status-message.status-error {
  border-color: var(--color-background-danger);
}
.status-message.status-error:before {
  color: var(--color-background-danger);
  content: "\e913";
}
.status-message.status-message--toast {
  background: var(--color-elevation-surface-default);
  border-bottom-color: var(--color-border-default);
  border-left-width: 4px;
  border-right-color: var(--color-border-default);
  border-top-color: var(--color-border-default);
  box-shadow: 0 1px 4px 0 #0003;
}
.status-message.status-message--toast .status-title {
  font-size: 18px;
  font-weight: 600;
  line-height: 25px;
}
.status-message.status-message--toast:before {
  line-height: 25px;
}
.status-message.status-message--minimal {
  align-items: center;
  background: none;
  border: none;
  display: inline-flex;
  line-height: 18px;
  padding: 0;
}
.status-message.status-message--minimal .status-title {
  font-size: 14px;
  line-height: 20px;
  margin: 0;
}
.status-message.status-message--minimal:before {
  left: 0;
  padding-right: 8px;
  position: relative;
}
.status-message.status-message--minimal .closer {
  font-size: 13px;
  margin-left: 15px;
  position: relative;
  right: unset;
  top: unset;
}
.status-message-box {
  background: var(--color-elevation-surface-default);
  border: 1px solid var(--color-border-default);
}
.status-message.status-variant {
  background: var(--color-elevation-surface-default);
  border: 1px solid var(--color-border-default);
  border-radius: 4px;
  display: grid;
  grid-template-columns: max-content auto minmax(16px, max-content);
  line-height: 20px;
  padding: 24px 20px 24px 24px;
  position: relative;
}
.status-message.status-variant:after {
  border-radius: 3px 0 0 3px;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  top: 0;
  width: 7px;
}
@media (max-width: 668px) {
  .status-message.status-variant {
    padding: 16px 12px 16px 16px;
  }
}
.status-message.status-variant:before {
  display: inline;
  font-family: s24-icons !important;
  font-size: 24px;
  grid-column: 1;
  height: 24px;
  left: unset;
  line-height: 24px;
  margin-right: 8px;
  padding: 0;
  position: static;
  text-align: left;
}
@media (max-width: 668px) {
  .status-message.status-variant:before {
    line-height: inherit;
  }
}
.status-message.status-variant .status-title {
  display: inline-block;
  font-size: 18px;
  font-weight: 700;
  grid-column: 2;
  line-height: 28px;
  margin-bottom: 8px;
}
@media (max-width: 668px) {
  .status-message.status-variant .status-title {
    line-height: 22px;
  }
}
.status-message.status-variant .status-description {
  font-size: 14px;
  font-weight: 400;
  grid-column: 2;
  line-height: 22px;
}
.status-message.status-variant .closer {
  background: none;
  border: none;
  cursor: pointer;
  display: flex;
  grid-column: 3;
  grid-row: 1;
  padding: 0;
  position: static;
}
.status-message.status-variant .closer:before {
  content: unset;
}
.status-message.status-variant .closer:empty:before {
  display: inline;
  font-family: s24-icons !important;
}
@media (max-width: 668px) {
  .status-message.status-variant .closer {
    height: 28px;
    width: 28px;
  }
}
.status-message.status-variant .status-action-button {
  font-size: 14px;
  font-weight: 400;
  grid-column: 2;
  margin-top: 8px;
}
.status-message.status-variant.status-confirm:before {
  color: var(--color-icon-success);
}
.status-message.status-variant.status-confirm:after {
  background-color: var(--color-background-success);
}
.status-message.status-variant.status-info:before,
.status-message.status-variant.status-warning:before {
  color: var(--color-icon-info);
}
.status-message.status-variant.status-info:after,
.status-message.status-variant.status-warning:after {
  background-color: var(--color-background-info);
}
.status-message.status-variant.status-error:before {
  color: var(--color-icon-danger);
}
.status-message.status-variant.status-error:after {
  background-color: var(--color-background-danger);
}
.status-message.status-variant.status-message--toast {
  background: var(--color-elevation-surface-default);
  border-left-width: 4px;
  border: 1px solid var(--color-border-default);
  box-shadow: 0 4px 10px 2px #00000014;
  padding: 16px 12px;
}
.status-message.status-variant.status-message--toast .status-title {
  font-size: 18px;
  font-weight: 600;
  line-height: 25px;
}
.status-message.status-variant.status-message--toast:before {
  line-height: 25px;
}
.status-message.status-variant.status-message--toast:after {
  width: 4px;
}
.status-message.status-variant.status-message--minimal {
  align-items: center;
  background: none;
  border: none;
  box-shadow: none;
  display: inline-flex;
  line-height: 18px;
  padding: 0;
}
.status-message.status-variant.status-message--minimal .status-title {
  font-size: 14px;
  font-weight: 400;
  margin: 0;
  padding-left: 0;
}
.status-message.status-variant.status-message--minimal:before {
  left: 0;
  padding-right: 8px;
  position: relative;
}
.status-message.status-variant.status-message--minimal:after {
  display: none;
}
.status-message.status-variant.status-message--minimal .closer {
  font-size: 16px;
  line-height: 16px;
  margin-left: 15px;
  position: relative;
  right: unset;
  top: unset;
}
.status-message.status-variant.status-message--promotion {
  background: var(--color-elevation-surface-default);
  border: 1px solid var(--color-border-default);
  border-radius: 4px;
  box-shadow: 0 1px 3px 0 #00000059;
  grid-template-columns: 0 auto minmax(16px, max-content);
  padding: 24px;
}
@media (max-width: 668px) {
  .status-message.status-variant.status-message--promotion {
    padding: 16px;
  }
}
.status-message.status-variant.status-message--promotion .promotion-icon {
  margin-right: 8px;
}
.status-message.status-variant.status-message--promotion .promotion-icon > i,
.status-message.status-variant.status-message--promotion .promotion-icon > span {
  font-size: 24px;
}
.status-message.status-variant.status-message--promotion .promotion-icon > svg {
  height: 24px;
  width: 24px;
}
.status-message.status-variant.status-message--promotion .status-title {
  font-size: 18px;
  font-weight: 700;
  line-height: 28px;
}
.status-message.status-variant.status-message--promotion .status-description {
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
}
.status-message.status-variant.status-message--promotion:has(> .promotion-icon) {
  grid-template-columns: max-content auto minmax(16px, max-content);
}
.accordion {
  background: #fff;
  font-family:
    Make It Better,
    Verdana,
    DejaVu Sans,
    Arial,
    Helvetica,
    sans-serif;
  font-size: 1.4rem;
  margin: 16px 0;
}
.accordion-icon {
  color: var(--color-text-default);
  display: inline-block;
  font-size: 2.4rem;
  height: 1em;
  position: absolute;
  right: 8px;
  top: calc(50% - .5em);
  transform: rotate(0);
  transition: transform .2s ease-out;
  width: 1em;
}
.accordion-icon.expanded {
  transform: rotate(180deg);
}
.accordion-left-icon {
  align-items: center;
  display: flex;
  justify-content: center;
  margin-right: 8px;
}
.accordion-left-icon svg {
  height: 24px;
  width: 24px;
}
.accordion-header {
  -webkit-tap-highlight-color: transparent;
  align-items: center;
  background-color: var(--color-elevation-surface-default);
  color: var(--color-text-default);
  cursor: pointer;
  display: flex;
  font-family:
    Make It Better,
    Verdana,
    DejaVu Sans,
    Arial,
    Helvetica,
    sans-serif;
  font-size: var(--size-body-medium);
  font-weight: 700;
  letter-spacing: 0;
  line-height: var(--line-height-body-medium);
  padding: 16px 32px 16px 8px;
  position: relative;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.accordion-header:not(.expanded) {
  border-bottom: 1px solid var(--color-border-default);
}
.accordion-header:focus-visible,
.accordion-header:hover {
  background-color: var(--color-elevation-surface-raised);
}
.accordion-header.expanded:focus-visible,
.accordion-header.expanded:hover {
  background-color: var(--color-elevation-surface-default);
}
.accordion-panel {
  background: var(--color-elevation-surface-default);
  color: var(--color-text-default);
  max-height: 0;
  overflow: hidden;
  transition: all .2s ease-out;
}
.accordion-panel > div {
  padding: 8px 32px 8px 8px;
}
.accordion-panel.expanded {
  max-height: unset;
  padding-bottom: 8px;
  transition: all .4s ease-out;
}
.accordion-panel.expanded--with-closing-line {
  border-bottom: 1px solid var(--color-border-default);
}
.tabs-container .tab-list {
  display: inline-flex;
  flex-wrap: nowrap;
  position: relative;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  margin-bottom: -15px;
  min-width: 200px;
  overflow-x: auto;
  padding-bottom: 15px;
  width: 100%;
}
@media (-ms-high-contrast: none), screen and (-ms-high-contrast: active) {
  .tabs-container .tab-list {
    margin-bottom: -17px;
    padding-bottom: 17px;
  }
}
.tabs-container .tab-list.border-bottom {
  border-bottom: none !important;
}
.tabs-container .tab-list.border-bottom:after {
  content: "";
  flex: 1 1 auto;
}
.tabs-container .tab-list.border-bottom .tab,
.tabs-container .tab-list.border-bottom:after {
  border-bottom: 1px solid var(--color-background-weak);
}
.tabs-container .tab-list .tab {
  -webkit-tap-highlight-color: transparent;
  align-items: center;
  background: #0000;
  border: none;
  color: var(--color-text-weak);
  cursor: pointer;
  display: inline-flex;
  flex-shrink: 0;
  font-family:
    Make It Better,
    Verdana,
    DejaVu Sans,
    Arial,
    Helvetica,
    sans-serif;
  font-weight: 700;
  gap: 4px;
  justify-content: flex-end;
  line-height: 14px;
  padding: var(--spacing-200) 8px var(--spacing-200) 8px;
  position: relative;
  text-align: center;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  white-space: nowrap;
}
.tabs-container .tab-list .tab--horizontal-view {
  flex-direction: row;
}
.tabs-container .tab-list .tab--horizontal-view i,
.tabs-container .tab-list .tab--horizontal-view span {
  font-size: 16px;
}
.tabs-container .tab-list .tab--horizontal-view svg {
  height: 16px;
  width: 16px;
}
.tabs-container .tab-list .tab--vertical-view {
  flex-direction: column;
}
.tabs-container .tab-list .tab--vertical-view i,
.tabs-container .tab-list .tab--vertical-view span {
  font-size: 24px;
}
.tabs-container .tab-list .tab--vertical-view svg {
  height: 24px;
  width: 24px;
}
.tabs-container .tab-list .tab:first-child {
  padding-left: 0;
}
.tabs-container .tab-list .tab:last-child {
  padding-right: 0;
}
.tabs-container .tab-list .tab:active,
.tabs-container .tab-list .tab:hover,
.tabs-container .tab-list .tab[aria-selected=true] {
  color: var(--color-icon-button-default);
}
.tabs-container .tab-list .tab:active:after,
.tabs-container .tab-list .tab[aria-selected=true]:after {
  background-color: var(--color-background-inversive);
  bottom: -1px;
  content: "";
  display: inline-block;
  height: 2px;
  left: 8px;
  position: absolute;
  width: calc(100% - 16px);
  z-index: 1;
}
.tabs-container .tab-list .tab:active:first-child:after,
.tabs-container .tab-list .tab[aria-selected=true]:first-child:after {
  left: 0;
  width: calc(100% - 8px);
}
.tabs-container .tab-list .tab:active:last-child:after,
.tabs-container .tab-list .tab[aria-selected=true]:last-child:after {
  width: calc(100% - 8px);
}
.tabs-container .tab-list .tab:active:only-child:after,
.tabs-container .tab-list .tab[aria-selected=true]:only-child:after {
  left: 0;
  width: 100%;
}
.tooltip-container {
  position: relative;
}
.tooltip-target {
  height: 100%;
  line-height: 1;
  width: 100%;
}
.tooltip-container .tooltip {
  background: var(--color-background-inversive);
  border-radius: 4px;
  color: var(--color-text-inversive);
  opacity: 0;
  padding: 10px 16px;
  position: absolute;
  visibility: hidden;
  z-index: 2;
}
.tooltip-container .tooltip:after {
  border: 5px solid;
  content: "";
  position: absolute;
  transform: rotate(-45deg);
  transform-origin: 0 0;
}
@media (hover: hover) {
  .tooltip-container:hover .tooltip {
    opacity: 1;
    visibility: visible;
  }
}
.tooltip.positioning-top {
  bottom: calc(100% + 10px);
  left: 50%;
  transform: translateX(-50%);
}
.tooltip.positioning-top:after {
  border-color: #0000 #0000 var(--color-background-inversive) var(--color-background-inversive);
  bottom: -9px;
}
.tooltip.positioning-bottom {
  left: 50%;
  top: calc(100% + 10px);
  transform: translateX(-50%);
}
.tooltip.positioning-bottom:after {
  border-color: var(--color-background-inversive) var(--color-background-inversive) #0000 #0000;
  top: 1px;
}
.tooltip.positioning-left {
  right: calc(100% + 10px);
  top: 50%;
  transform: translateY(-50%);
}
.tooltip.positioning-left:after {
  border-color: #0000 var(--color-background-inversive) var(--color-background-inversive) #0000;
  bottom: calc(50% - 10px);
  right: -2px;
}
.tooltip.positioning-right {
  left: calc(100% + 10px);
  top: 50%;
  transform: translateY(-50%);
}
.tooltip.positioning-right:after {
  border-color: var(--color-background-inversive) #0000 #0000 var(--color-background-inversive);
  bottom: calc(50% - 10px);
  left: -6px;
}
.tooltip.positioning-bottom.arrow-left,
.tooltip.positioning-top.arrow-left {
  left: calc(50% - 26px);
  transform: translateX(0);
}
.tooltip.positioning-bottom.arrow-left:after,
.tooltip.positioning-top.arrow-left:after {
  left: 17px;
}
.tooltip.positioning-bottom.arrow-center:after,
.tooltip.positioning-top.arrow-center:after {
  left: calc(50% - 7px);
}
.tooltip.positioning-bottom.arrow-right,
.tooltip.positioning-top.arrow-right {
  left: calc(50% + 23px);
  transform: translateX(-100%);
}
.tooltip.positioning-bottom.arrow-right:after,
.tooltip.positioning-top.arrow-right:after {
  right: 20px;
}
.tooltip.tooltip-variant.tooltip {
  background: unset;
  box-shadow: var(--elevation-30);
  padding: 0;
}
.tooltip.tooltip-variant.tooltip:before {
  content: "";
  display: block;
  height: 10px;
  position: absolute;
  width: 100%;
}
.tooltip.tooltip-variant.tooltip:after {
  content: unset;
}
.tooltip.tooltip-variant .tooltip-content {
  background: var(--color-background-inversive);
  border-radius: 4px;
  color: var(--color-text-inversive);
  padding: 4px 8px;
  position: relative;
}
.tooltip.tooltip-variant .tooltip-content:after {
  border: 5px solid;
  box-shadow: 0 1px 3px 0 #000000a6;
  content: "";
  position: absolute;
  transform: rotate(-45deg);
  transform-origin: 0 0;
  z-index: -1;
}
.tooltip.tooltip-variant.tooltip.positioning-top {
  bottom: calc(100% + 10px);
  left: 50%;
  transform: translateX(-50%);
}
.tooltip.tooltip-variant.tooltip.positioning-top:before {
  bottom: -10px;
}
.tooltip.tooltip-variant.tooltip.positioning-top .tooltip-content:after {
  border-color: #0000 #0000 var(--color-background-inversive) var(--color-background-inversive);
  bottom: -9px;
}
.tooltip.tooltip-variant.tooltip.positioning-bottom {
  left: 50%;
  top: calc(100% + 10px);
  transform: translateX(-50%);
}
.tooltip.tooltip-variant.tooltip.positioning-bottom:before {
  top: -10px;
}
.tooltip.tooltip-variant.tooltip.positioning-bottom .tooltip-content:after {
  border-color: var(--color-background-inversive) var(--color-background-inversive) #0000 #0000;
  top: 1px;
}
.tooltip.tooltip-variant.tooltip.positioning-left {
  right: calc(100% + 10px);
  top: 50%;
  transform: translateY(-50%);
}
.tooltip.tooltip-variant.tooltip.positioning-left:before {
  height: 100%;
  right: -10px;
  width: 10px;
}
.tooltip.tooltip-variant.tooltip.positioning-left .tooltip-content:after {
  border-color: #0000 var(--color-background-inversive) var(--color-background-inversive) #0000;
  bottom: calc(50% - 10px);
  right: -2px;
}
.tooltip.tooltip-variant.tooltip.positioning-right {
  left: calc(100% + 10px);
  top: 50%;
  transform: translateY(-50%);
}
.tooltip.tooltip-variant.tooltip.positioning-right:before {
  height: 100%;
  left: -10px;
  width: 10px;
}
.tooltip.tooltip-variant.tooltip.positioning-right .tooltip-content:after {
  border-color: var(--color-background-inversive) #0000 #0000 var(--color-background-inversive);
  bottom: calc(50% - 10px);
  left: -6px;
}
.tooltip.tooltip-variant.tooltip.positioning-bottom.arrow-left,
.tooltip.tooltip-variant.tooltip.positioning-top.arrow-left {
  left: calc(50% - 26px);
  transform: translateX(0);
}
.tooltip.tooltip-variant.tooltip.positioning-bottom.arrow-left .tooltip-content:after,
.tooltip.tooltip-variant.tooltip.positioning-top.arrow-left .tooltip-content:after {
  left: 17px;
}
.tooltip.tooltip-variant.tooltip.positioning-bottom.arrow-center .tooltip-content:after,
.tooltip.tooltip-variant.tooltip.positioning-top.arrow-center .tooltip-content:after {
  left: calc(50% - 7px);
}
.tooltip.tooltip-variant.tooltip.positioning-bottom.arrow-right,
.tooltip.tooltip-variant.tooltip.positioning-top.arrow-right {
  left: calc(50% + 23px);
  transform: translateX(-100%);
}
.tooltip.tooltip-variant.tooltip.positioning-bottom.arrow-right .tooltip-content:after,
.tooltip.tooltip-variant.tooltip.positioning-top.arrow-right .tooltip-content:after {
  right: 20px;
}
.tab-pill {
  max-width: 100%;
  overflow-x: auto;
}
.tab-pill-content {
  align-items: center;
  border: none;
  display: inline-flex;
  gap: var(--spacing-200);
  justify-content: center;
  min-width: fit-content;
  position: relative;
  white-space: nowrap;
}
.verified-badge {
  align-items: center;
  display: flex;
}
.verified-badge-icon {
  color: #333;
  fill: #333;
  font-size: 18px;
  height: 18px;
  width: 18px;
}
.verified-badge-icon-container {
  display: flex;
  margin-left: 4px;
  position: relative;
}
.verified-badge-icon-bg {
  align-items: center;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0ibm9uZSIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBmaWxsPSIjMDBkOWIxIiBkPSJtMTIgMCAyLjY0IDIuMTQ4IDMuMzYtLjU0IDEuMjEyIDMuMThMMjIuMzkzIDZsLS41NCAzLjM2TDI0IDEybC0yLjE0OCAyLjY0LjU0IDMuMzYtMy4xOCAxLjIxMkwxOCAyMi4zOTNsLTMuMzYtLjU0TDEyIDI0bC0yLjY0LTIuMTQ4LTMuMzYuNTQtMS4yMTItMy4xOEwxLjYwOCAxOGwuNTQtMy4zNkwwIDEybDIuMTQ4LTIuNjRMMS42MDggNmwzLjE4LTEuMjEyTDYgMS42MDhsMy4zNi41NHoiLz48L3N2Zz4=);
  color: #00d9b1;
  display: flex;
  fill: #00d9b1;
  height: 24px;
  justify-content: center;
  width: 24px;
}
.section-item {
  display: grid;
  grid-template-rows: 0fr 0fr;
  transition-duration:
    .2s,
    .2s,
    .4s;
  transition-property:
    opacity,
    box-shadow,
    grid-template-rows;
  transition-timing-function: cubic-bezier(.86, 0, .07, 1);
}
.section-item button {
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.section-item-clickable {
  appearance: unset;
  background-color: initial;
  border: none;
  color: var(--color-text-default);
  display: block;
  font-family: inherit;
  font-size: unset;
  line-height: inherit;
  padding: 0;
  padding-block: unset;
  padding-inline: 0;
  text-align: left;
}
.section-item-header {
  display: flex;
  font-size: var(--size-heading-small);
  gap: var(--spacing-200);
  width: 100%;
}
.section-item-header-container {
  flex: 1;
}
.section-item-header-icon {
  align-items: center;
  display: flex;
}
.section-item-icon {
  font-size: 24px;
}
.section-item-title {
  flex: 1;
  font-weight: 700 !important;
  margin: 0;
}
.section-item-chevron {
  font-size: 24px;
  transition: rotate .4s cubic-bezier(.86, 0, .07, 1);
}
.section-item-subline {
  margin-top: 0;
}
.section-item-cta {
  padding-left: var(--spacing-600);
}
@media (max-width: 668px) {
  .section-item-cta {
    display: none;
  }
}
.section-item-content-container {
  overflow: hidden;
}
.section-item-content {
  padding-top: var(--spacing-200);
}
@media (min-width: 669px) {
  .section-item-content {
    padding-top: var(--spacing-400);
  }
}
.section-item-expanded {
  grid-template-rows: 0fr 1fr;
  transition: grid-template-rows .4s cubic-bezier(.86, 0, .07, 1);
}
.section-item-expanded .section-item-chevron {
  rotate: 180deg;
}
.section-item-show-more {
  display: block;
  margin-top: var(--spacing-400);
}
.section-item-button-container {
  display: flex;
  gap: var(--spacing-200);
  margin-top: var(--spacing-400);
  width: 100%;
}
.section-item-button-container > * {
  flex: 1;
}
@media (min-width: 669px) {
  .section-item-button-container > * {
    flex: unset;
    width: unset;
  }
}
.section-item-carousel {
  position: relative;
}
@media (min-width: 669px) {
  .section-item-carousel-with-cta :global(.swiper-pagination) {
    margin-top: var(--spacing-400);
  }
}
.section-item-carousel-cta {
  align-items: center;
  bottom: 0;
  display: flex;
  height: 48px;
  left: 0;
  position: absolute;
  z-index: 1;
}
@media (max-width: 668px) {
  .section-item-carousel-cta {
    height: unset;
    position: static;
    width: 100%;
  }
  .section-item-carousel-cta > * {
    width: 100% !important;
  }
}
.section-item-with-cta.section-item {
  display: block;
}
.section-item-with-cta .section-item-clickable {
  display: flex;
}
@media (max-width: 668px) {
  .section-item-with-cta .section-item-clickable {
    padding-right: 16px;
  }
}
@media (min-width: 669px) and (max-width: 1013px) {
  .section-item-with-cta .section-item-clickable {
    padding-right: 24px;
  }
}
.section-item-with-cta .section-item-header-container {
  overflow: hidden;
}
.section-item-with-cta .section-item-subline {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.section-item-carousel-item {
  margin-right: 16px;
  width: unset !important;
}
@media (min-width: 669px) {
  .section-item-carousel-item {
    margin-right: 24px;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    visibility: hidden;
  }
}
@keyframes moveInFromBottom {
  0% {
    transform: translateY(100%);
  }
  to {
    transform: translateY(0);
  }
}
@keyframes moveInFromTop {
  to {
    transform: translateY(100%);
  }
  0% {
    transform: translateY(0);
  }
}
.modal-backdrop,
.modal-backdrop:before {
  height: 100%;
  left: 0;
  position: fixed;
  width: 100%;
}
.modal-backdrop:before {
  background-color: #000000b3;
  content: "";
  top: 0;
}
@media (max-width: 668px) {
  .modal-backdrop {
    bottom: 0;
  }
}
@media (min-width: 669px) {
  .modal-backdrop {
    top: 0;
  }
}
.modal-backdrop--with-animation-in {
  animation: fadeIn;
  animation-duration: .4s;
  animation-fill-mode: forwards;
  animation-iteration-count: 1;
}
.modal-backdrop--with-animation-out {
  animation: fadeOut;
  animation-duration: .4s;
  animation-fill-mode: forwards;
  animation-iteration-count: 1;
}
@media (min-width: 669px) {
  .modal-backdrop--full-height {
    overflow: auto;
    padding: 30px 0;
  }
}
.modal-backdrop--full-height .modal-container {
  top: 0;
  transform: unset;
}
.modal-backdrop--full-height .modal-content-wrapper {
  max-height: unset;
}
.modal-container {
  background-color: var(--color-background-default);
  color: var(--color-text-default);
  position: relative;
}
@media (max-width: 668px) {
  .modal-container {
    border-radius: 16px 16px 0 0;
    bottom: 0;
    box-shadow: var(--elevation-top);
    display: flex;
    flex-direction: column;
    max-height: 100vh;
    max-height: 100dvh;
    position: absolute;
    width: inherit !important;
  }
}
@media (min-width: 669px) {
  .modal-container {
    border-radius: var(--border-radius-400);
    box-shadow: var(--elevation-60);
    margin: auto;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    vertical-align: middle;
  }
}
@media (max-width: 668px) {
  .modal-container--with-animation-in {
    animation: moveInFromBottom;
    animation-duration: .4s;
    animation-fill-mode: forwards;
    animation-iteration-count: 1;
  }
}
@media (min-width: 669px) {
  .modal-container--with-animation-in {
    animation: fadeIn;
    animation-duration: .4s;
    animation-fill-mode: forwards;
    animation-iteration-count: 1;
  }
}
@media (max-width: 668px) {
  .modal-container--with-animation-out {
    animation: moveInFromTop;
    animation-duration: .4s;
    animation-fill-mode: forwards;
    animation-iteration-count: 1;
  }
}
@media (min-width: 669px) {
  .modal-container--with-animation-out {
    animation: fadeOut;
    animation-duration: .4s;
    animation-fill-mode: forwards;
    animation-iteration-count: 1;
  }
}
.modal-no-title-wrapper {
  display: flex;
  justify-content: flex-end;
  padding: var(--spacing-400) var(--spacing-400) 0 var(--spacing-600);
}
.modal-title-wrapper {
  align-items: center;
  display: flex;
  justify-content: space-between;
  max-height: 112px;
  padding: var(--spacing-400) var(--spacing-400) var(--spacing-400) var(--spacing-600);
  text-align: left;
}
.modal-back-button-placeholder {
  width: 40px;
}
.modal-back-button,
.modal-close-button {
  color: var(--color-icon-button-default);
}
.modal-headline-container {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.modal-headline-container-center {
  align-items: center;
}
.modal-headline {
  font-weight: 700;
  margin-bottom: 0;
  min-height: 30px;
}
.modal-subline {
  font-size: var(--size-body-medium);
  font-weight: 400;
  line-height: var(--line-height-body-medium);
  margin-bottom: 0;
}
.modal-content-wrapper {
  overflow: auto;
}
@media (max-width: 668px) {
  .modal-content-wrapper {
    max-height: calc(100vh - 57px);
  }
}
@media (min-width: 669px) {
  .modal-content-wrapper {
    max-height: calc(100vh - 242px);
  }
}
@media (max-width: 668px) {
  .modal-content-wrapper:last-child:not(:has(.modal-footer)) {
    padding-bottom: var(--spacing-800);
  }
}
@media (min-width: 669px) {
  .modal-content-wrapper:last-child:not(:has(.modal-footer)) {
    padding-bottom: var(--spacing-400);
  }
}
.modal-content {
  display: block;
  padding: 0 var(--spacing-600);
}
@media (min-width: 669px) {
  .modal-footer--with-leading {
    justify-content: space-between !important;
  }
}
@media (max-width: 668px) {
  .modal-footer--with-leading {
    flex-direction: column !important;
  }
}
.modal-footer {
  gap: 16px;
}
@media (min-width: 669px) {
  .modal-footer {
    align-items: center;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(0, auto));
    justify-content: end;
    padding: var(--spacing-400) var(--spacing-600);
  }
  .modal-footer .modal-footer-buttons,
  .modal-footer .modal-footer__actions {
    display: flex;
    gap: var(--spacing-400);
    justify-self: end;
  }
  .modal-footer .modal-footer-content,
  .modal-footer .modal-footer__leading {
    align-items: center;
    display: flex;
    gap: var(--spacing-200);
  }
}
@media (max-width: 668px) {
  .modal-footer {
    display: flex;
    flex-direction: column-reverse;
    padding: var(--spacing-400) var(--spacing-600) var(--spacing-800) var(--spacing-600);
  }
  .modal-footer .modal-footer-buttons,
  .modal-footer .modal-footer__actions {
    display: flex;
    flex-direction: column-reverse;
    gap: var(--spacing-400);
    width: 100%;
  }
  .modal-footer .modal-footer-content,
  .modal-footer .modal-footer__leading {
    align-items: center;
    display: flex;
    gap: var(--spacing-200);
    width: 100%;
  }
}
.modal-footer--elevation {
  box-shadow: var(--elevation-top);
}
.progress-bar-circular {
  position: relative;
}
.progress-bar-circular.progress-bar-small {
  height: 100px;
  width: 100px;
}
.progress-bar-circular.progress-bar-small .progress-bar-label {
  font-size: 18px;
}
.progress-bar-circular.progress-bar-large {
  height: 150px;
  width: 150px;
}
.progress-bar-circular.progress-bar-large circle {
  stroke-width: 2.4;
}
.progress-bar-circular.progress-bar-large .progress-bar-label {
  font-size: 24px;
}
.progress-bar-circular .progress-bar-label {
  color: var(--color-text-default);
  font-size: 4vw;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
}
.progress-bar-circular circle {
  fill: #0000;
  stroke: #eaeaea;
  stroke-linecap: round;
  stroke-width: 3.4;
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
}
.progress-bar-circular .progress-bar-filled {
  stroke: #00d0b2;
  stroke-dasharray: 100, 100;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  -webkit-transition: stroke-dashoffset .35s;
  transition: stroke-dashoffset .35s;
}
.progress-bar-horizontal {
  margin-bottom: 8px;
  margin-top: 8px;
  position: relative;
}
.progress-bar-horizontal.progress-bar-small {
  width: 225px;
}
.progress-bar-horizontal.progress-bar-large {
  width: 300px;
}
.progress-bar-horizontal .progress-bar-label {
  display: flex;
  flex-direction: row-reverse;
  font-size: 14px;
  margin-bottom: 8px;
}
.progress-bar-horizontal .progress-bar-overlay {
  background-color: var(--color-background-weak);
  border-radius: 4px;
  height: 8px;
  overflow: hidden;
  position: relative;
}
.progress-bar-horizontal .progress-bar-filled {
  background-color: var(--green-500);
  border-radius: 4px;
  bottom: 0;
  left: 0;
  position: absolute;
  top: 0;
  -webkit-transition: width .5s ease-in-out;
  -moz-transition: width .5s ease-in-out;
  -o-transition: width .5s ease-in-out;
  transition: width .5s ease-in-out;
  width: 100%;
}
.page-head {
  display: flex;
  flex-wrap: wrap;
}
@media (min-width: 669px) {
  .page-head {
    flex-wrap: nowrap;
    gap: var(--spacing-600);
  }
}
.page-head > * {
  flex: 1;
}
@media (max-width: 668px) {
  .page-head > * {
    flex: 100%;
  }
}
.page-head-title {
  font-weight: 700 !important;
  margin: 0;
}
.page-head-subtitle {
  margin: 0;
  margin-top: var(--spacing-100);
}
@media (max-width: 668px) {
  .page-head-subtitle {
    font-size: var(--size-body-large);
  }
}
@media (min-width: 669px) {
  .page-head-subtitle {
    margin-top: var(--spacing-200);
  }
}
.page-head-btn {
  margin: 0;
  margin-bottom: var(--size-50);
  margin-left: calc(var(--spacing-400)*-1);
}
@media (min-width: 669px) {
  .page-head-btn {
    margin-bottom: var(--spacing-100);
  }
}
.page-head-btn ~ .page-head-subtitle {
  margin-top: var(--spacing-100);
}
@media (min-width: 669px) {
  .page-head-btn ~ .page-head-subtitle {
    margin-top: var(--spacing-200);
  }
}
.page-head-content {
  display: block;
}
@media (max-width: 668px) {
  .page-head-content {
    margin-top: var(--spacing-400);
  }
}
.star-rating-edit {
  color: #f2ca26;
}
.star-rating-edit i:hover {
  transform: scale(1.1);
}
.star-rating-btn {
  background: #0000;
  border: 0;
  border-radius: 0;
  color: inherit;
  cursor: pointer;
  margin: 0;
  padding: 0;
  text-decoration: none;
  white-space: nowrap;
  -webkit-tap-highlight-color: transparent;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.star-rating-read-only .star-rating-btn {
  cursor: default;
}
.star-rating-small {
  font-size: 16px;
}
.star-rating-small svg {
  height: 16px;
  width: 16px;
}
.star-rating-medium {
  font-size: 24px;
}
.star-rating-medium svg {
  height: 24px;
  width: 24px;
}
.star-rating-large {
  font-size: 40px;
}
.star-rating-large svg {
  height: 40px;
  width: 40px;
}
.star-rating-icon {
  color: #f2ca26;
}
.skeleton,
.star-rating-icon i {
  display: inline-block;
}
.skeleton {
  background-color: var(--color-background-weakest);
  height: auto;
}
.skeleton.rect {
  border-radius: 0;
}
.skeleton.rounded {
  border-radius: 8px;
}
.skeleton.circle {
  border-radius: 50%;
  width: auto;
}
.skeleton.text {
  border-radius: 4px;
  height: auto;
}
.skeleton.text:empty:before {
  content: " ";
}
.skeleton.animate {
  animation: skeletonAnimation 1.4s ease infinite;
  background:
    linear-gradient(
      90deg,
      #0000000f 25%,
      #00000026 37%,
      #0000000f 63%);
  background-size: 400% 100%;
}
@media (prefers-reduced-motion: reduce) {
  .skeleton.animate {
    animation: none;
  }
}
@keyframes skeletonAnimation {
  0% {
    background-position: 100% 50%;
  }
  to {
    background-position: 0 50%;
  }
}
.section-title {
  color: var(--color-text-default);
  font-family:
    Make It Better,
    Verdana,
    DejaVu Sans,
    Arial,
    Helvetica,
    sans-serif;
  gap: 4px;
  height: auto;
}
.section-title-large .section-title-heading {
  font-size: 34px;
  line-height: 44px;
}
.section-title-small .section-title-heading {
  font-size: 20px;
  line-height: 30px;
}
.section-title-extraSmall .section-title-heading,
.section-title-small .section-title-description {
  font-size: 14px;
  line-height: 22px;
}
.section-title-extraSmall .section-title-description {
  font-size: 12px;
  line-height: 18px;
}
.section-title-bold .section-title-heading {
  font-weight: 700;
}
.section-title-heading {
  font-size: 26px;
  font-weight: 400;
  line-height: 36px;
}
.section-title-description {
  font-size: 20px;
  line-height: 30px;
}
.pagination > li {
  display: inline;
}
.pagination-button,
.pagination-button-next,
.pagination-button-prev {
  -webkit-tap-highlight-color: transparent;
  background-color: initial;
  border: none;
  cursor: pointer;
  display: inline-block;
  outline: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.pagination-button span,
.pagination-button-next span,
.pagination-button-prev span {
  vertical-align: -5%;
}
.pagination-button {
  color: #2267e8;
  font-family:
    Make It Better,
    Verdana,
    DejaVu Sans,
    Arial,
    Helvetica,
    sans-serif;
  margin: 0 2px;
  padding: 8px;
  vertical-align: bottom;
}
.pagination-button:hover {
  text-decoration: none;
}
.pagination-button-active,
.pagination-button-ellipsis {
  color: #757575;
}
.pagination-button-next,
.pagination-button-prev {
  background-color: #333;
  border-radius: 8px;
  color: #fff;
  padding: 8px 9px;
}
.pagination-button-next .pagination-button-disabled,
.pagination-button-next:disabled,
.pagination-button-prev .pagination-button-disabled,
.pagination-button-prev:disabled {
  background-color: #e0e0e0;
  color: #8f8f8f;
  cursor: default;
}
.pagination-button-prev {
  margin-right: 11px;
}
.pagination-button-next {
  margin-left: 11px;
}
.dot-pagination {
  border-radius: 8px;
  display: flex;
  height: 16px;
  max-width: 80px;
  overflow: hidden;
}
.dot-pagination .dots-container {
  align-items: center;
  display: flex;
  height: inherit;
  justify-content: flex-start;
  transition: transform .3s ease;
}
.dot-pagination .dot {
  aspect-ratio: 1;
  border-radius: 50%;
  border-width: 0;
  cursor: pointer;
  height: 8px;
  margin: 0 4px;
  padding-block: 0;
  padding-inline: 0;
  transition: transform .3s ease;
}
.dot-pagination.variant-default .dot {
  background-color: #eaeaea;
}
.dot-pagination.variant-default .dot.active {
  background-color: #333;
}
.dot-pagination.variant-on-image .dots-container {
  background-color: initial;
}
.dot-pagination.variant-on-image .dot {
  background-color: #fff;
  opacity: .5;
}
.dot-pagination.variant-on-image .dot.active {
  background-color: #fff;
  opacity: 1;
}
.plus-value-illustration {
  display: flex;
  gap: 8px;
}
@media (min-width: 669px) {
  .plus-value-illustration {
    gap: 16px;
  }
}
.plus-value-illustration-icon-wrapper {
  flex-shrink: 0;
  height: 40px;
  position: relative;
  width: 40px;
}
.plus-value-illustration-primary-icon {
  bottom: 0;
  color: #f5f200;
  position: absolute;
  right: 0;
}
svg.plus-value-illustration-primary-icon {
  height: 3rem;
  width: 3rem;
}
[class^=is24-icon-].plus-value-illustration-primary-icon,
[class^=s24-icons-].plus-value-illustration-primary-icon {
  font-size: 3rem;
}
.plus-value-illustration-secondary-icon {
  color: #ff9015;
  position: absolute;
}
svg.plus-value-illustration-secondary-icon {
  height: 1.8rem;
  width: 1.8rem;
}
[class^=is24-icon-].plus-value-illustration-secondary-icon,
[class^=s24-icons-].plus-value-illustration-secondary-icon {
  font-size: 1.8rem;
}
.plus-value-illustration--triple-wrapper {
  height: 48px;
  position: relative;
  width: 53.61px;
}
.plus-value-illustration--triple-icon--primary {
  color: #00ffd0;
  height: 19.2px;
  left: 10px;
  position: absolute;
  top: 17px;
  transform: translate(-50%, -50%);
  transform: translate(-50%, -50%) rotate(-90deg);
  transform-origin: center;
  width: 20.72px;
}
.plus-value-illustration--triple-icon--primary path {
  fill: currentColor;
}
.plus-value-illustration--triple-icon--secondary {
  color: #ff9015;
  height: 22.33px;
  left: 19px;
  position: absolute;
  top: 39px;
  transform: translate(-50%, -50%);
  transform: translate(-50%, -50%) rotate(-90deg);
  transform-origin: center;
  width: 27.55px;
}
.plus-value-illustration--triple-icon--secondary path {
  fill: currentColor;
}
.plus-value-illustration--triple-icon--tertiary {
  color: #f5f200;
  height: 30.39px;
  left: 37px;
  position: absolute;
  top: 15px;
  transform: translate(-50%, -50%);
  transform-origin: center;
  width: 33.2px;
}
.plus-value-illustration--triple-icon--tertiary path {
  fill: currentColor;
}
.plus-value-proposition {
  display: flex;
  gap: 8px;
}
@media (min-width: 669px) {
  .plus-value-proposition {
    gap: 16px;
  }
}
.plus-value-proposition-icon-wrapper {
  flex-shrink: 0;
  height: 40px;
  position: relative;
  width: 40px;
}
.plus-value-proposition-primary-icon {
  bottom: 0;
  color: #f5f200;
  position: absolute;
  right: 0;
}
svg.plus-value-proposition-primary-icon {
  height: 3rem;
  width: 3rem;
}
[class^=is24-icon-].plus-value-proposition-primary-icon,
[class^=s24-icons-].plus-value-proposition-primary-icon {
  font-size: 3rem;
}
.plus-value-proposition-secondary-icon {
  color: #ff9015;
  position: absolute;
}
svg.plus-value-proposition-secondary-icon {
  height: 1.8rem;
  width: 1.8rem;
}
[class^=is24-icon-].plus-value-proposition-secondary-icon,
[class^=s24-icons-].plus-value-proposition-secondary-icon {
  font-size: 1.8rem;
}
.plus-value-proposition-content {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  justify-content: center;
}
.help-hint {
  display: grid;
  gap: 4px;
  grid-template-columns: auto 1fr;
  padding: 16px;
}
.help-hint,
[data-color-scheme=light] .help-hint {
  background-color: #eef5ff;
}
[data-color-scheme=dark] .help-hint {
  background-color: #1d222b;
}
.help-hint,
[data-color-scheme=light] .help-hint {
  color: #333;
}
[data-color-scheme=dark] .help-hint {
  color: #e0e0e0;
}
.help-hint-title {
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 18px;
  margin-bottom: 2px;
}
@media (min-width: 669px) {
  .help-hint-title {
    margin-bottom: 4px;
  }
}
.help-hint-icon {
  height: 16px;
  width: 16px;
}
.help-hint-icon,
[data-color-scheme=light] .help-hint-icon {
  color: #2267e8;
}
[data-color-scheme=dark] .help-hint-icon {
  color: #6098ff;
}
.help-hint-message {
  font-size: 1.2rem;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  margin: 0 auto;
}
.tile {
  border: 1px solid var(--color-border-default);
  border-radius: 8px;
  cursor: pointer;
  padding: 8px;
}
.tile:hover {
  background-color: var(--color-background-weakest);
}
@media (min-width: 669px) {
  .tile {
    padding: 16px;
  }
}
.tile-top-bar {
  color: var(--color-text-default);
  display: flex;
  gap: 8px;
  justify-content: space-between;
  margin-bottom: 8px;
  max-height: 24px;
}
.tile-top-bar [class*=is24-icon-],
.tile-top-bar [class*=s24-icons-] {
  font-size: 24px;
}
@media (min-width: 669px) {
  .tile-top-bar [class*=is24-icon-],
  .tile-top-bar [class*=s24-icons-] {
    font-size: 48px;
  }
}
.tile-top-bar img,
.tile-top-bar svg {
  max-height: 24px;
  width: auto;
}
@media (min-width: 669px) {
  .tile-top-bar,
  .tile-top-bar img,
  .tile-top-bar svg {
    max-height: 48px;
  }
  .tile-top-bar {
    gap: 16px;
    margin-bottom: 16px;
  }
}
.tile-top-bar-left,
.tile-top-bar-right {
  align-items: flex-start;
  display: flex;
}
.tile-body {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
@media (min-width: 669px) {
  .tile-body {
    gap: 8px;
  }
}
.tile-title {
  color: var(--color-text-default);
  display: block;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1.3;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-break: normal;
}
@media (min-width: 669px) {
  .tile-title {
    font-size: 1.8rem;
    line-height: 1.5;
  }
}
.tile-description {
  color: var(--color-text-weak);
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.tile-bottom-bar {
  color: var(--color-text-weak);
  display: flex;
  font-size: 1.2rem;
  margin-top: 4px;
}
@media (min-width: 669px) {
  .tile-bottom-bar {
    font-size: 1.4rem;
    margin-top: 8px;
  }
}
.tile-bottom-bar a * {
  color: var(--color-text-link);
}
.tile-centered {
  align-items: center;
  display: flex;
  padding: 16px;
}
@media (max-width: 668px) {
  .tile-centered:hover {
    background-color: unset !important;
  }
}
@media (min-width: 669px) {
  .tile-centered {
    display: block;
  }
}
.tile-centered .tile-title {
  text-align: left;
}
@media (min-width: 669px) {
  .tile-centered .tile-title {
    margin-bottom: 8px;
    text-align: center;
  }
}
.tile-centered .tile-body {
  flex: 1;
  overflow: hidden;
}
.tile-centered .tile-top-bar {
  justify-content: center;
  margin: 0 16px 0 0;
}
@media (min-width: 669px) {
  .tile-centered .tile-top-bar {
    margin-bottom: 16px;
    margin-right: 0;
  }
}
.tile-centered .tile-chevron {
  font-size: 24px;
  height: 24px;
  width: 24px;
}
@media (min-width: 669px) {
  .tile-centered .tile-chevron {
    display: none;
  }
}
.eec-label {
  font-weight: 700;
}
.eec-label-small.eec-label-A,
.eec-label-small.eec-label-APlus {
  background-image: url('data:image/svg+xml;utf8,<svg width="24" height="16" viewBox="0 0 24 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16 0H0V16H16L24 8L16 0Z" fill="%2342934a"/></svg>');
  font-size: 1.2rem;
  height: 16px;
  line-height: 16px;
  padding-left: 3px;
  width: 24px;
}
.eec-label-small.eec-label-B {
  background-image: url('data:image/svg+xml;utf8,<svg width="24" height="16" viewBox="0 0 24 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16 0H0V16H16L24 8L16 0Z" fill="%236aab46"/></svg>');
}
.eec-label-small.eec-label-B,
.eec-label-small.eec-label-C {
  font-size: 1.2rem;
  height: 16px;
  line-height: 16px;
  padding-left: 3px;
  width: 24px;
}
.eec-label-small.eec-label-C {
  background-image: url('data:image/svg+xml;utf8,<svg width="24" height="16" viewBox="0 0 24 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16 0H0V16H16L24 8L16 0Z" fill="%23cbd244"/></svg>');
}
.eec-label-small.eec-label-D {
  background-image: url('data:image/svg+xml;utf8,<svg width="24" height="16" viewBox="0 0 24 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16 0H0V16H16L24 8L16 0Z" fill="%23fcec4f"/></svg>');
}
.eec-label-small.eec-label-D,
.eec-label-small.eec-label-E {
  font-size: 1.2rem;
  height: 16px;
  line-height: 16px;
  padding-left: 3px;
  width: 24px;
}
.eec-label-small.eec-label-E {
  background-image: url('data:image/svg+xml;utf8,<svg width="24" height="16" viewBox="0 0 24 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16 0H0V16H16L24 8L16 0Z" fill="%23f2bb40"/></svg>');
}
.eec-label-small.eec-label-F {
  background-image: url('data:image/svg+xml;utf8,<svg width="24" height="16" viewBox="0 0 24 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16 0H0V16H16L24 8L16 0Z" fill="%23dc6d2d"/></svg>');
  font-size: 1.2rem;
  height: 16px;
  line-height: 16px;
  padding-left: 3px;
  width: 24px;
}
.eec-label-small.eec-label-G,
.eec-label-small.eec-label-H {
  background-image: url('data:image/svg+xml;utf8,<svg width="24" height="16" viewBox="0 0 24 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16 0H0V16H16L24 8L16 0Z" fill="%23d12e26"/></svg>');
  font-size: 1.2rem;
  height: 16px;
  line-height: 16px;
  padding-left: 3px;
  width: 24px;
}
.eec-label-small.eec-label-unknown {
  background-image: url('data:image/svg+xml;utf8,<svg width="24" height="16" viewBox="0 0 24 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0.5 15.5V0.5H15.7929L23.2929 8L15.7929 15.5H0.5Z" fill="%23333333" stroke="white"/></svg>');
  font-size: 1.2rem;
  height: 16px;
  line-height: 16px;
  padding-left: 3px;
  width: 24px;
}
.eec-label-vertical.eec-label-A,
.eec-label-vertical.eec-label-APlus {
  background-image: url('data:image/svg+xml;utf8,<svg width="18" height="20" viewBox="0 0 18 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M18 12.7273V0L0 0V12.7273L9 20L18 12.7273Z" fill="%2342934a"/></svg>');
  font-size: 1.2rem;
  height: 20px;
  line-height: 16px;
  padding: 0;
  text-align: center;
  width: 18px;
}
.eec-label-vertical.eec-label-B {
  background-image: url('data:image/svg+xml;utf8,<svg width="18" height="20" viewBox="0 0 18 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M18 12.7273V0L0 0V12.7273L9 20L18 12.7273Z" fill="%236aab46"/></svg>');
}
.eec-label-vertical.eec-label-B,
.eec-label-vertical.eec-label-C {
  font-size: 1.2rem;
  height: 20px;
  line-height: 16px;
  padding: 0;
  text-align: center;
  width: 18px;
}
.eec-label-vertical.eec-label-C {
  background-image: url('data:image/svg+xml;utf8,<svg width="18" height="20" viewBox="0 0 18 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M18 12.7273V0L0 0V12.7273L9 20L18 12.7273Z" fill="%23cbd244"/></svg>');
}
.eec-label-vertical.eec-label-D {
  background-image: url('data:image/svg+xml;utf8,<svg width="18" height="20" viewBox="0 0 18 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M18 12.7273V0L0 0V12.7273L9 20L18 12.7273Z" fill="%23fcec4f"/></svg>');
}
.eec-label-vertical.eec-label-D,
.eec-label-vertical.eec-label-E {
  font-size: 1.2rem;
  height: 20px;
  line-height: 16px;
  padding: 0;
  text-align: center;
  width: 18px;
}
.eec-label-vertical.eec-label-E {
  background-image: url('data:image/svg+xml;utf8,<svg width="18" height="20" viewBox="0 0 18 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M18 12.7273V0L0 0V12.7273L9 20L18 12.7273Z" fill="%23f2bb40"/></svg>');
}
.eec-label-vertical.eec-label-F {
  background-image: url('data:image/svg+xml;utf8,<svg width="18" height="20" viewBox="0 0 18 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M18 12.7273V0L0 0V12.7273L9 20L18 12.7273Z" fill="%23dc6d2d"/></svg>');
  font-size: 1.2rem;
  height: 20px;
  line-height: 16px;
  padding: 0;
  text-align: center;
  width: 18px;
}
.eec-label-vertical.eec-label-G,
.eec-label-vertical.eec-label-H {
  background-image: url('data:image/svg+xml;utf8,<svg width="18" height="20" viewBox="0 0 18 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M18 12.7273V0L0 0V12.7273L9 20L18 12.7273Z" fill="%23d12e26"/></svg>');
  font-size: 1.2rem;
  height: 20px;
  line-height: 16px;
  padding: 0;
  text-align: center;
  width: 18px;
}
.eec-label-A,
.eec-label-APlus {
  background-image: url('data:image/svg+xml;utf8,<svg width="44" height="22" viewBox="0 0 44 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M28 0H0V22H28L44 11L28 0Z" fill="%2342934a"/></svg>');
  color: #fff;
}
.eec-label-A,
.eec-label-APlus,
.eec-label-B {
  font-size: 1.4rem;
  height: 22px;
  padding-left: 5px;
  width: 44px;
}
.eec-label-B {
  background-image: url('data:image/svg+xml;utf8,<svg width="44" height="22" viewBox="0 0 44 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M28 0H0V22H28L44 11L28 0Z" fill="%236aab46"/></svg>');
}
.eec-label-C {
  background-image: url('data:image/svg+xml;utf8,<svg width="44" height="22" viewBox="0 0 44 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M28 0H0V22H28L44 11L28 0Z" fill="%23cbd244"/></svg>');
}
.eec-label-C,
.eec-label-D {
  font-size: 1.4rem;
  height: 22px;
  padding-left: 5px;
  width: 44px;
}
.eec-label-D {
  background-image: url('data:image/svg+xml;utf8,<svg width="44" height="22" viewBox="0 0 44 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M28 0H0V22H28L44 11L28 0Z" fill="%23fcec4f"/></svg>');
}
.eec-label-E {
  background-image: url('data:image/svg+xml;utf8,<svg width="44" height="22" viewBox="0 0 44 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M28 0H0V22H28L44 11L28 0Z" fill="%23f2bb40"/></svg>');
}
.eec-label-E,
.eec-label-F {
  font-size: 1.4rem;
  height: 22px;
  padding-left: 5px;
  width: 44px;
}
.eec-label-F {
  background-image: url('data:image/svg+xml;utf8,<svg width="44" height="22" viewBox="0 0 44 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M28 0H0V22H28L44 11L28 0Z" fill="%23dc6d2d"/></svg>');
}
.eec-label-G,
.eec-label-H {
  background-image: url('data:image/svg+xml;utf8,<svg width="44" height="22" viewBox="0 0 44 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M28 0H0V22H28L44 11L28 0Z" fill="%23d12e26"/></svg>');
}
.eec-label-G,
.eec-label-H,
.eec-label-unknown {
  color: #fff;
  font-size: 1.4rem;
  height: 22px;
  padding-left: 5px;
  width: 44px;
}
.eec-label-unknown {
  background-image: url('data:image/svg+xml;utf8,<svg width="44" height="22" viewBox="0 0 44 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0.5 21.5V0.5H27.8447L43.1174 11L27.8447 21.5H0.5Z" fill="%23333333" stroke="white"/></svg>');
}
.floating-action-button {
  -webkit-tap-highlight-color: transparent;
  align-items: center;
  appearance: none;
  background-color: #00ffd0;
  border: none;
  border-radius: 24px;
  box-shadow: 0 4px 10px 2px #00000014;
  color: #333;
  cursor: pointer;
  display: inline-flex;
  font-family:
    Make It Better,
    Verdana,
    DejaVu Sans,
    Arial,
    Helvetica,
    sans-serif;
  font-size: 2.4rem;
  gap: 4px;
  height: 48px;
  justify-content: center;
  outline: none;
  padding: 12px;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  z-index: 2000;
}
.floating-action-button:hover {
  background-color: #00d9b1;
}
.floating-action-button-with-text {
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 700;
  line-height: 22px;
  padding: 13px 23px;
}
.floating-action-button-with-text > svg {
  height: 16px;
  width: 16px;
}
.floating-action-button-with-text > span {
  font-size: 16px;
}
.floating-action-button-secondary {
  background-color: #333;
  color: #fff;
  fill: #fff;
}
.floating-action-button-secondary:hover {
  background-color: #676767;
}
.floating-action-button-tertiary {
  background-color: #fff;
}
.floating-action-button-tertiary:hover {
  background-color: #eaeaea;
}
.floating-action-button[disabled] {
  background-color: #e0e0e0;
  color: #adadad;
  cursor: inherit;
}
.floating-action-button-medium {
  border-radius: 20px;
  height: 40px;
  padding: 9px;
}
.floating-action-button-medium.floating-action-button-with-text {
  padding: 9px 23px;
}
.progress-stepper {
  display: flex;
  flex-direction: column;
}
.progress-stepper .step-horizontal-view {
  align-items: start;
  grid-template-areas: "header header connector connector" ". content content content";
  grid-template-columns: 24px auto 80px max-content;
  grid-template-rows: 24px auto;
  margin-bottom: 0;
  margin-right: 8px;
}
.progress-stepper .step-horizontal-view:after {
  height: 1px;
  overflow: hidden;
  width: 100%;
}
.progress-stepper .step {
  align-items: center;
  column-gap: 8px;
  display: grid;
  grid-template-areas: "header header" "connector content";
  grid-template-columns: 24px auto;
  grid-template-rows: max-content;
  overflow: hidden;
  row-gap: 4px;
  white-space: pre-line;
}
.progress-stepper .step:after {
  background-color: var(--color-border-weak);
  content: "";
  display: block;
  grid-area: connector;
  height: 100%;
  place-self: center;
  width: 1px;
}
.progress-stepper .step-status {
  align-items: center;
  border-radius: 50%;
  display: flex;
  font:
    Make It Better,
    Verdana,
    DejaVu Sans,
    Arial,
    Helvetica,
    sans-serif;
  font-size: 1.2rem;
  font-weight: 700;
  justify-content: center;
  margin: 2px 8px 2px 2px;
}
.progress-stepper .step-status--current,
.progress-stepper .step-status--next {
  height: 20px;
  width: 20px;
}
.progress-stepper .step-status--current {
  background-color: var(--color-background-inversive);
  color: var(--color-text-button-inversive);
}
.progress-stepper .step-status--next {
  border: 2px solid var(--color-text-button-disabled);
  color: var(--color-text-button-disabled);
}
.progress-stepper .step-status--done {
  color: var(--color-text-brand);
  margin-right: 6px;
}
.progress-stepper .step-name {
  margin: 0;
}
.progress-stepper .step-content {
  align-self: start;
  grid-area: content;
}
.progress-stepper .step-short-description {
  white-space: pre-line;
}
.progress-stepper .step-header {
  align-items: center;
  align-self: center;
  display: flex;
  flex-wrap: nowrap;
  grid-area: header;
  width: max-content;
}
.progress-stepper .step-header--interactive {
  cursor: pointer;
}
.progress-stepper .step-header--interactive:focus:focus-visible,
.progress-stepper .step-header--interactive:focus:not(:focus-visible),
.progress-stepper .step-header--interactive:hover {
  text-decoration: none;
}
.progress-stepper .step-header--interactive:focus:focus-visible .step-name,
.progress-stepper .step-header--interactive:hover .step-name {
  color: var(--color-border-button-weak-hovered);
  text-decoration: underline;
}
.progress-stepper .step .step-name--done {
  color: var(--color-text-default);
  font-weight: 400;
}
.progress-stepper .step .step-name--current {
  color: var(--color-text-default);
  font-weight: 600;
}
.progress-stepper .step .step-name--next {
  color: var(--color-text-button-disabled);
  font-weight: 400;
}
.progress-stepper .step .step-text--current,
.progress-stepper .step .step-text--done {
  color: var(--color-text-default);
  font-weight: 400;
}
.progress-stepper .step .step-text--next {
  color: var(--color-text-button-disabled);
  font-weight: 400;
}
.progress-stepper .step:last-child:after {
  display: none;
}
.progress-stepper--horizontal {
  flex-direction: row;
  width: max-content;
}
.progress-stepper--horizontal .step {
  align-items: start;
  grid-template-areas: "header header connector connector" ". content content content";
  grid-template-columns: 24px auto 80px max-content;
  grid-template-rows: 24px auto;
  margin-bottom: 0;
  margin-right: 8px;
}
.progress-stepper--horizontal .step:after {
  height: 1px;
  overflow: hidden;
  width: 100%;
}
.progress-stepper--horizontal .step-description,
.progress-stepper--horizontal .step-expand-button {
  display: none;
}
.progress-stepper--responsive .step:not(:last-child),
.progress-stepper--vertical .step:not(:last-child) {
  margin-bottom: 4px;
}
.progress-stepper--responsive .step-content,
.progress-stepper--vertical .step-content {
  margin-bottom: 24px;
}
.progress-stepper--responsive {
  flex-direction: column;
}
@media (min-width: 669px) {
  .progress-stepper--responsive {
    flex-direction: row;
    width: max-content;
  }
  .progress-stepper--responsive .step {
    align-items: start;
    grid-template-areas: "header header connector connector" ". content content content";
    grid-template-columns: 24px auto 80px max-content;
    grid-template-rows: 24px auto;
    margin-bottom: 0;
    margin-right: 8px;
  }
  .progress-stepper--responsive .step:after {
    height: 1px;
    overflow: hidden;
    width: 100%;
  }
  .progress-stepper--responsive .step-description,
  .progress-stepper--responsive .step-expand-button {
    display: none;
  }
}
.value-label {
  display: grid;
  grid-template-areas: "icon value" "icon label";
  grid-template-columns: min-content min-content;
  grid-column-gap: 4px;
  align-items: start;
  width: min-content;
}
.value-label,
[data-color-scheme=light] .value-label {
  color: #000;
}
[data-color-scheme=dark] .value-label {
  color: #fff;
}
@media (min-width: 669px) {
  .value-label {
    grid-column-gap: 8px;
  }
}
.value-label_label {
  font:
    Make It Better,
    Verdana,
    DejaVu Sans,
    Arial,
    Helvetica,
    sans-serif;
  font-weight: 400;
  grid-area: label;
}
.value-label_label,
[data-color-scheme=light] .value-label_label {
  color: #757575;
}
[data-color-scheme=dark] .value-label_label {
  color: #fff;
}
.value-label_value {
  font:
    Make It Better,
    Verdana,
    DejaVu Sans,
    Arial,
    Helvetica,
    sans-serif;
  font-weight: 700;
  grid-area: value;
}
.value-label_icon {
  align-items: center;
  display: flex;
  grid-area: icon;
}
.value-label--alignment-left {
  justify-items: start;
}
.value-label--alignment-right {
  justify-items: end;
}
.value-label--alignment-centered {
  grid-template-areas: "icon" "value" "label";
  grid-template-columns: min-content;
  justify-items: center;
}
.value-label--alignment-centered .value-label_icon {
  margin-bottom: 2px;
}
@media (min-width: 669px) {
  .value-label--alignment-centered .value-label_icon {
    margin-bottom: 8px;
  }
}
.value-label--size-small .value-label_value {
  font-size: 14px;
  line-height: 22px;
}
.value-label--size-small .value-label_label {
  font-size: 12px;
  line-height: 16px;
}
@media (min-width: 669px) {
  .value-label--size-small .value-label_value {
    font-size: 14px;
    line-height: 22px;
  }
}
.value-label--size-medium .value-label_value {
  font-size: 18px;
  line-height: 28px;
}
.value-label--size-medium .value-label_label {
  font-size: 12px;
  line-height: 16px;
}
@media (min-width: 669px) {
  .value-label--size-medium .value-label_value {
    font-size: 18px;
    line-height: 28px;
  }
}
.value-label--size-large .value-label_value {
  font-size: 20px;
  line-height: 32px;
}
.value-label--size-large .value-label_label {
  font-size: 18px;
  line-height: 28px;
}
@media (min-width: 669px) {
  .value-label--size-large .value-label_value {
    font-size: 24px;
    line-height: 36px;
  }
}
.value-label--size-extra-large .value-label_value {
  font-size: 24px;
  line-height: 36px;
}
.value-label--size-extra-large .value-label_label {
  font-size: 18px;
  line-height: 28px;
}
@media (min-width: 669px) {
  .value-label--size-extra-large .value-label_value {
    font-size: 32px;
    line-height: 48px;
  }
}
.only-on-is24-label {
  align-items: center;
  background-color: #333;
  border-radius: 4px;
  color: #fff;
  display: flex;
  gap: 4px;
  height: 24px;
  padding: 0 12px;
}
.only-on-is24-label-content {
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1;
}
.only-on-is24-label-icon {
  align-items: center;
  display: flex;
}
.only-on-is24-label-icon span,
.only-on-is24-label-icon svg {
  font-size: 16px;
  height: 16px;
  width: 16px;
}
.only-on-is24-label-underline {
  position: relative;
}
.only-on-is24-label-underline:after {
  background-image: url('data:image/svg+xml;utf8,<svg width="26" height="4" viewBox="0 0 26 4" fill="none" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M24.8624 1.70086C24.8195 1.75301 24.7661 1.80465 24.6456 1.85488C24.6685 1.87957 24.6956 1.90684 24.7173 1.93469C24.7204 1.93861 24.6961 1.94556 24.6868 1.95122C24.6647 1.9647 24.6439 1.97826 24.6363 1.9926C24.5182 2.03102 24.3758 2.05433 24.2088 2.04277C24.1937 2.04174 24.1687 2.04261 24.1548 2.0455C23.9493 2.08812 23.7268 2.08954 23.514 2.1022C22.6308 2.15479 21.7478 2.20439 20.8649 2.25336C20.2086 2.28978 19.5522 2.32525 18.8966 2.35766C18.6195 2.37136 18.3449 2.37266 18.0678 2.38608C17.8018 2.39891 17.5332 2.42358 17.267 2.43677C16.9602 2.45197 16.6486 2.47743 16.3493 2.46794C16.2681 2.46536 16.1659 2.47872 16.0738 2.48616C15.9632 2.4951 15.8526 2.50881 15.743 2.51468C15.3275 2.53684 14.9121 2.55838 14.4973 2.57695C13.8654 2.60529 13.2321 2.64774 12.5995 2.68337C12.177 2.70716 11.7546 2.7299 11.3319 2.75541C10.4053 2.81132 9.47869 2.86735 8.55211 2.92584C7.62007 2.98467 6.68778 3.04665 5.7557 3.10711C5.49651 3.12395 5.24234 3.14101 4.98476 3.17642C4.81412 3.19987 4.61905 3.20112 4.43497 3.2117C4.1377 3.22881 3.84056 3.24546 3.54342 3.26223C3.27174 3.2776 2.99767 3.28579 2.72895 3.30984C2.30413 3.3478 1.88651 3.35873 1.46817 3.37726C1.17094 3.39041 0.857403 3.40583 0.598404 3.37391C0.516181 3.36376 0.433677 3.34738 0.393624 3.32606C0.25213 3.25067 0.139408 3.16976 0.0995969 3.08017C0.0770865 3.0295 0.10128 2.9742 0.111325 2.92059C0.121472 2.86618 0.142241 2.81124 0.154262 2.75674C0.163795 2.71372 0.17254 2.67067 0.171771 2.62829C0.171186 2.5975 0.181498 2.5634 0.0741631 2.55505C0.103187 2.52849 0.143221 2.5047 0.151207 2.48215C0.186165 2.38353 0.217212 2.28502 0.237952 2.18706C0.245479 2.15124 0.206458 2.11779 0.21289 2.082C0.228711 1.9944 0.167585 1.9116 0.25407 1.81905C0.284839 1.78607 0.287769 1.75398 0.414739 1.71807C0.59941 1.71375 0.835837 1.72325 1.04988 1.69952C1.32847 1.66865 1.58902 1.66675 1.85639 1.65247C2.73924 1.6053 3.62121 1.56353 4.5043 1.5153C5.03868 1.48611 5.57431 1.44786 6.10924 1.41534C6.73673 1.37717 7.36397 1.34203 7.99158 1.30332C8.66227 1.26197 9.33304 1.21719 10.0037 1.17543C10.5195 1.14332 11.0352 1.11369 11.5508 1.08268C12.2219 1.0423 12.8931 0.999416 13.5639 0.961814C14.0787 0.93295 14.5926 0.911409 15.1073 0.885182C15.6715 0.856453 16.2363 0.825428 16.8005 0.796657C17.4577 0.763181 18.1144 0.732239 18.7714 0.698099C19.4362 0.663549 20.1014 0.626548 20.7665 0.59047C21.3385 0.559441 21.9103 0.529387 22.4824 0.496811C22.9481 0.470292 23.4143 0.441115 23.8802 0.412249C24.072 0.400379 24.2715 0.393945 24.4535 0.370448C24.5831 0.353711 24.6785 0.355093 24.7872 0.35751C24.8595 0.359125 24.8963 0.369778 24.8564 0.390595C24.7675 0.436828 24.8535 0.462817 24.9282 0.496475C24.8538 0.517117 24.7757 0.538769 24.6783 0.565771C24.7623 0.559902 24.8212 0.555779 24.9073 0.549757C24.8855 0.59889 24.8637 0.648021 24.8398 0.701978C24.846 0.703297 24.8643 0.709113 24.8888 0.712239C24.9932 0.725509 24.9914 0.749084 24.9395 0.781207C24.911 0.798891 24.9076 0.818193 24.8875 0.843637C24.8656 0.847542 24.808 0.85791 24.7504 0.868238C24.7515 0.87275 24.7526 0.877304 24.7537 0.881817C24.8202 0.879714 24.8868 0.877601 24.9533 0.875498L24.9497 0.874585C24.9993 0.900697 25.1268 0.918864 24.9979 0.963258L25.0006 0.962191C24.9675 0.995963 24.9254 1.03049 25.0133 1.05131C24.967 1.07594 24.8638 1.11341 24.8867 1.12158C24.9965 1.16109 24.884 1.21414 24.9101 1.25775C24.9249 1.28226 24.9126 1.31053 24.8938 1.33734C24.8761 1.36236 24.893 1.37516 25.0273 1.36864C24.8611 1.40826 24.8331 1.44059 24.8786 1.47918C24.9039 1.50065 24.879 1.52805 24.9141 1.5523C24.9415 1.57112 24.8684 1.60473 24.858 1.63116C24.8486 1.6551 24.8634 1.67814 24.8673 1.7016C24.867 1.70167 24.8624 1.70086 24.8624 1.70086Z" fill="%2300FFD0"/></svg>');
  background-repeat: no-repeat;
  background-size: 100% 100%;
  bottom: 2.5px;
  content: "";
  height: 4px;
  left: 0;
  position: absolute;
  width: 103%;
}
.only-on-is24-label-underline-content {
  position: relative;
  z-index: 1;
}
.only-on-is24-label-app,
[data-color-scheme=light] .only-on-is24-label-app {
  background-color: #333;
}
[data-color-scheme=dark] .only-on-is24-label-app {
  background-color: #676767;
}
.only-on-is24-label-app.only-on-is24-label-opacity {
  background-color: #333;
  opacity: .88;
}
.only-on-is24-label-app .only-on-is24-label-content {
  font-size: 1.2rem;
}
.private-offer-logo {
  color: var(--color-text-default);
  font-weight: 700;
  height: 21px;
  line-height: 1.25;
  position: relative;
  width: 76px;
}
.private-offer-logo-content {
  font-size: 1.4rem;
  height: 17px;
}
.private-offer-logo:after {
  background-image: url('data:image/svg+xml;utf8,<svg width="93" height="7" viewBox="0 0 93 7" fill="none" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none"><path d="M90.9104 2.7296C90.7636 2.62623 90.704 2.5362 90.7829 2.40434C90.8778 2.2453 90.7237 2.06134 90.6077 1.89432C90.4945 1.73104 90.2973 1.57492 90.1294 1.41653C90.0015 1.29574 89.8621 1.17641 89.7089 1.03951C90.0308 0.893644 89.952 0.91611 89.3141 0.648807C89.4305 0.5959 89.5493 0.541691 89.6919 0.477063C89.1361 0.425458 88.6225 0.376295 88.0328 0.376132C86.5703 0.375644 85.1093 0.319156 83.6459 0.298807C79.9553 0.247528 76.2646 0.197876 72.5725 0.159946C71.2637 0.146435 69.9526 0.169063 68.6424 0.174923C68.0797 0.177365 67.517 0.183389 66.9548 0.179319C66.6655 0.177203 66.3775 0.14611 66.0886 0.145784C65.2319 0.145133 64.3753 0.153272 63.5186 0.158644C63.409 0.159296 63.2981 0.170203 63.1908 0.166133C61.7545 0.111761 60.3241 0.204877 58.8892 0.187295C58.1963 0.17883 57.5029 0.177528 56.8095 0.1759C56.0249 0.173946 55.2403 0.17297 54.4552 0.175412C52.4796 0.181272 50.5035 0.183226 48.5284 0.198365C46.7913 0.211714 45.0555 0.243784 43.3184 0.261854C42.1495 0.274063 40.9792 0.275365 39.8098 0.283505C39.209 0.287737 38.6083 0.300761 38.0076 0.301737C37.5228 0.302389 37.0367 0.282854 36.5525 0.287412C36.1737 0.290993 35.7967 0.330877 35.4184 0.331853C34.8594 0.333156 34.2994 0.30304 33.7413 0.306133C31.6956 0.317528 29.6503 0.344714 27.6045 0.351552C25.2451 0.359365 22.8857 0.354644 20.5263 0.349272C19.8526 0.347807 19.1799 0.320458 18.5062 0.314272C18.2173 0.311668 17.9266 0.342598 17.6372 0.341784C16.6866 0.33918 15.7364 0.330225 14.7862 0.320621C14.6137 0.31883 14.4244 0.327458 14.3505 0.236947C14.3299 0.211877 14.1056 0.1969 13.9731 0.195598C11.998 0.176063 10.0224 0.160272 8.04727 0.142202C7.2796 0.135202 6.51101 0.130482 5.74471 0.113389C5.34895 0.104598 4.95549 0.0485978 4.56432 0.0528302C3.73244 0.0616207 2.89828 0.085063 2.07466 0.125924C1.81877 0.138621 1.55646 0.214481 1.36018 0.28383C0.848859 0.463877 0.498958 0.677947 0.434756 0.941016C0.381561 1.15964 0.296722 1.37746 0.263704 1.59625C0.249029 1.69441 0.324696 1.79436 0.3623 1.8935C0.386605 1.95748 0.425585 2.02097 0.440718 2.08511C0.510882 2.38627 0.507213 2.69216 0.663132 2.98762C0.776402 3.20283 0.867661 3.40844 0.773651 3.62592C0.752556 3.67427 0.90343 3.72913 0.939659 3.78383C1.11484 4.0482 1.2813 4.31339 1.44456 4.57874C1.53628 4.72818 1.75411 4.88934 1.66881 5.02592C1.52711 5.25253 1.99899 5.45797 1.72476 5.68311C1.64542 5.74823 1.78758 5.84834 1.83986 5.93153C1.85775 5.96034 1.95955 6.00495 1.94075 6.01113C1.64955 6.10702 1.93525 6.20518 2.01458 6.26753C2.17738 6.39564 2.02742 6.54557 2.40484 6.66864C2.71576 6.77006 3.01842 6.81141 3.37337 6.81874C4.3951 6.84006 5.41866 6.84918 6.44176 6.85862C8.12431 6.87392 9.80686 6.88809 11.4894 6.89834C13.3912 6.9099 15.2934 6.91804 17.1951 6.92471C18.4833 6.92927 19.7719 6.92895 21.0605 6.93009C22.6959 6.93171 24.3312 6.93399 25.966 6.93318C26.7264 6.93285 27.4867 6.9252 28.247 6.92178C29.1876 6.91755 30.1286 6.91478 31.0692 6.91006C32.4701 6.9029 33.8711 6.8985 35.2716 6.88564C36.7148 6.87246 38.1575 6.84983 39.6007 6.8329C40.9118 6.8176 42.2233 6.80881 43.534 6.78976C45.3211 6.76371 47.1068 6.7222 48.8948 6.70364C50.1344 6.69078 51.3771 6.71455 52.6176 6.70576C53.964 6.69616 55.3091 6.6566 56.6555 6.65074C58.2224 6.6439 59.7903 6.66555 61.3578 6.6636C63.9172 6.66034 66.4765 6.64113 69.0359 6.6413C70.8817 6.64146 72.727 6.66067 74.5728 6.67402C76.7497 6.68964 78.9271 6.70039 81.1026 6.72741C82.9608 6.75053 84.8172 6.79448 86.6744 6.82769C88.1648 6.85439 89.6557 6.88418 91.147 6.89997C91.4492 6.90323 91.756 6.85032 92.0624 6.8233C91.9211 6.62827 91.9716 6.49706 92.2132 6.39825C91.8344 6.31392 91.9642 6.23643 92.2229 6.18239C92.0967 6.08602 91.9541 6.00348 91.8803 5.91395C91.7959 5.81188 91.8331 5.71811 92.2618 5.71111C92.0472 5.66911 91.8326 5.62695 91.5804 5.57762C91.6267 5.55044 91.6565 5.50827 91.729 5.49444C92.1041 5.42281 92.3256 5.19213 92.0692 5.0759C91.9702 5.03097 91.7225 5.02723 91.5318 5.0033C91.5318 4.98995 91.5139 4.95771 91.5345 4.95413C91.9578 4.88299 91.8753 4.74641 91.8904 4.62139C91.906 4.49343 91.8023 4.38648 91.5882 4.27871C91.4832 4.22581 91.5666 4.12602 91.5648 4.04739C91.5634 3.9966 91.6175 3.93295 91.5515 3.89713C91.1544 3.68225 91.1621 3.43643 91.1433 3.19876C91.1378 3.13104 91.1177 3.08871 91.0305 3.03174C90.8884 2.93846 90.5655 2.84355 90.9237 2.7252L90.9104 2.7296Z" fill="%2300FFD0"/></svg>');
  background-repeat: no-repeat;
  background-size: 100% 100%;
  bottom: 0;
  content: "";
  height: 4px;
  position: absolute;
  right: 0;
  width: 52px;
}
.private-offer-logo-large {
  height: 36px;
  width: 134px;
}
.private-offer-logo-large:after {
  height: 7px;
  width: 92px;
}
.private-offer-logo-large .private-offer-logo-content {
  font-size: 2.4rem;
  height: 30px;
}
.table-container {
  background-color: #fff;
  overflow: scroll;
  width: 100%;
}
.table {
  border-collapse: initial;
  width: 100%;
}
.table-sort-button {
  color: #000;
  margin-right: 8px;
}
.table-header-cell {
  border-bottom: 2px solid #00ffd0;
  color: #000;
  font:
    Make It Better,
    Verdana,
    DejaVu Sans,
    Arial,
    Helvetica,
    sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 22px;
  white-space: nowrap;
}
.table-header-cell--sticky {
  background: #fff;
  margin: 0;
  position: sticky;
  top: 0;
  z-index: 1;
}
.table-header-cell--with-shadow {
  box-shadow: 10px 4px 10px 2px #00000014;
}
.table-header-cell--sticky-flipped {
  background: #fff;
  left: 0;
  position: sticky;
  z-index: 1;
}
.table-header-cell-content,
.table-header-cell-sort-button {
  align-items: center;
  display: flex;
}
.table-header-cell--flipped {
  border-bottom: none;
  border-right: 2px solid #00ffd0;
}
.table-header-cell--with-shadow-flipped {
  box-shadow: 4px 10px 10px 2px #00000014;
}
.table-cell {
  padding: 16px;
}
.table-cell--with-background {
  background-color: #f5f5f5;
}
.table-row {
  border-bottom: 1px solid #d3d3d3;
}
.table--small .table-cell {
  padding: 8px 16px;
}
.carousel-button {
  align-items: center;
  background: var(--infographic-day-white,#fff);
  border-radius: 100px;
  box-shadow: 4px 4px 10px 0 #00000014;
  display: flex;
  height: 48px;
  justify-content: center;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 48px;
  z-index: 2;
}
.carousel-button-prev {
  left: 20px;
}
.carousel-button-next {
  right: 20px;
}
.carousel-button--disabled {
  display: none;
}
.carousel-slide {
  border: 1px solid #e0e0e0;
  border-radius: .8rem;
  box-sizing: border-box;
  height: 315px;
  margin: 0 12px;
  width: 263px;
}
.carousel-dots {
  bottom: -16px;
  display: flex !important;
  justify-content: center;
  list-style: none;
  margin: 0;
  padding: 0;
  position: absolute;
  width: 100%;
}
.carousel-dots > li {
  align-items: center;
  display: flex;
}
.carousel-dot {
  background-color: #adadad;
  border-radius: 100%;
  box-sizing: border-box;
  cursor: pointer;
  height: 8px;
  margin: 0 6px;
  padding: 0;
  width: 8px;
}
.carousel-dot--active {
  background-color: #00d9b1;
}
.carousel-dot:focus {
  border: 1px solid #00d9b1;
}
.carousel-dot--outlined {
  bottom: 0;
  padding: 16px 0 8px;
  position: relative;
}
@media (min-width: 669px) {
  .carousel-dot--outlined {
    padding-bottom: 16px;
  }
}
.carousel-dot--outlined .carousel-dot {
  background: #ffffff80;
  border: 1px solid #333;
}
.carousel-dot--outlined .carousel-dot--active {
  background: #333;
}
:global .slick-slider {
  box-sizing: border-box;
  display: block;
  position: relative;
  -webkit-touch-callout: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
}
:global .slick-list {
  display: block;
  margin: 0;
  overflow: hidden;
  padding: 0;
  position: relative;
}
:global .slick-list:focus {
  outline: none;
}
:global .slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}
:global .slick-slider .slick-list,
:global .slick-slider .slick-track {
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
}
:global .slick-track {
  display: flex;
  left: 0;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  top: 0;
}
:global .slick-track:after,
:global .slick-track:before {
  content: "";
  display: table;
}
:global .slick-track:after {
  clear: both;
}
.slick-loading :global .slick-track {
  visibility: hidden;
}
:global .slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}
[dir=rtl] :global .slick-slide {
  float: right;
}
:global .slick-slide img {
  display: block;
}
:global .slick-slide.slick-loading img {
  display: none;
}
:global .slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized :global .slick-slide {
  display: block;
}
.slick-loading :global .slick-slide {
  visibility: hidden;
}
.slick-vertical :global .slick-slide {
  border: 1px solid #0000;
  display: block;
  height: auto;
}
:global .slick-arrow.slick-hidden {
  display: none;
}
:global .slick-slide {
  display: block;
}
.divider {
  border-color: var(--color-border-weak);
  border-style: solid;
  border-width: 0 0 1px;
  flex-shrink: 0;
  margin: 0;
}
.divider-large {
  border-width: 0 0 2px;
}
.divider-flex {
  align-self: stretch;
  height: auto;
}
.dropdown {
  display: inline-block;
  font-family:
    Make It Better,
    Verdana,
    DejaVu Sans,
    Arial,
    Helvetica,
    sans-serif;
  position: relative;
}
.dropdown-list {
  background: var(--color-background-default);
  color: var(--color-text-default);
}
@media (min-width: 669px) {
  .dropdown-list {
    border: 1px solid var(--color-border-weak);
    border-radius: 8px;
    box-shadow: 0 2px 4px 0 #00000026;
    display: none;
    left: 0;
    padding: 16px 0;
    position: absolute;
    top: calc(100% + 12px);
    z-index: 10;
  }
}
.dropdown-right {
  left: auto;
  right: 0;
}
.dropdown-item {
  align-items: center;
  cursor: pointer;
  display: flex;
  font-size: 1.4rem;
  gap: 16px;
  height: 56px;
  line-height: 20px;
  overflow: hidden;
  padding-left: 32px;
  padding-right: 40px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.dropdown-item:active:not(.dropdown-item-disabled),
.dropdown-item:focus-visible:not(.dropdown-item-disabled),
.dropdown-item:hover:not(.dropdown-item-disabled) {
  background: var(--color-background-weak);
}
.dropdown-item:active:not(.dropdown-item-disabled) input[type=checkbox] + label:active,
.dropdown-item:active:not(.dropdown-item-disabled) input[type=checkbox] + label:hover,
.dropdown-item:focus-visible:not(.dropdown-item-disabled) input[type=checkbox] + label:active,
.dropdown-item:focus-visible:not(.dropdown-item-disabled) input[type=checkbox] + label:hover,
.dropdown-item:hover:not(.dropdown-item-disabled) input[type=checkbox] + label:active,
.dropdown-item:hover:not(.dropdown-item-disabled) input[type=checkbox] + label:hover {
  background-color: initial;
  box-shadow: none;
}
@media (max-width: 668px) {
  .dropdown-item {
    padding-left: 16px;
    padding-right: 16px;
  }
}
.dropdown-item-disabled {
  color: var(--color-text-button-disabled);
  pointer-events: none;
}
.dropdown-item-danger {
  color: var(--color-text-danger);
}
.dropdown-item-multiselect {
  padding-left: 8px;
  padding-right: 8px;
}
.dropdown-item-multiselect input,
.dropdown-item-multiselect label {
  cursor: pointer;
}
.dropdown-icon {
  font-size: 24px;
}
.dropdown-open .dropdown-list {
  display: block;
}
.dropdown-condensed .dropdown-item {
  height: 40px;
}
.dropdown-confirm-item {
  align-items: center;
  display: flex;
  justify-content: center;
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 8px;
}
.slide-enter {
  transform: translateY(-130%);
}
.slide-enter-active {
  transform: translateY(0);
  transition: transform .3s ease-in;
}
.slide-exit {
  transform: translateZ(0);
}
.slide-exit-active {
  transform: translate3d(0, -130%, 0);
  transition: transform .3s ease-out;
}
.fade-enter {
  opacity: 0;
}
.fade-enter-active {
  opacity: 1;
  transition: opacity .3s ease-in;
}
.fade-exit {
  opacity: 1;
}
.fade-exit-active {
  opacity: 0;
  transition: opacity .3s ease-out;
}
.upload-element {
  position: relative;
}
.upload-element-dropzone {
  align-items: center;
  background-color: initial;
  border: 1px dashed var(--color-border-charcoal,#333);
  border-radius: var(--border-radius-300);
  cursor: pointer;
  display: flex;
  font-family: inherit;
  gap: var(--spacing-300);
  padding: var(--spacing-400);
  text-align: left;
  transition: all .15s ease-in-out;
  width: 100%;
}
.upload-element-dropzone:hover {
  background-color: var(--color-background-button-hovered);
}
.upload-element-dropzone:active {
  background-color: var(--color-background-button-pressed);
}
.upload-element-dropzone:focus {
  outline: none;
}
.upload-element-dropzone:focus-visible {
  outline: 2px solid var(--color-border-strong);
  outline-offset: 2px;
}
.upload-element-dropzone-dragging {
  background-color: var(--color-background-button-hovered);
}
.upload-element-dropzone-error {
  border-color: var(--color-border-danger);
}
.upload-element-dropzone-disabled {
  opacity: .6;
  pointer-events: none;
}
.upload-element-dropzone-disabled:active,
.upload-element-dropzone-disabled:hover {
  background-color: initial;
}
.upload-element-dropzone-loading {
  position: relative;
}
.upload-element-dropzone-uploaded {
  align-items: stretch;
  background-color: var(--color-background-subtle);
  border-width: 0;
  gap: var(--spacing-300);
  padding: var(--spacing-400);
}
.upload-element-dropzone-uploaded .upload-element-icon {
  align-self: stretch;
  border-radius: var(--border-radius-300);
  flex-shrink: 0;
  height: auto;
  min-height: var(--upload-thumbnail-size,var(--spacing-2000));
  overflow: hidden;
  width: var(--upload-thumbnail-size,var(--spacing-2000));
}
.upload-element-dropzone-uploaded .upload-element-icon-default-mode {
  align-self: center;
  border-radius: 0;
  height: auto;
  min-height: auto;
  overflow: visible;
  width: auto;
}
.upload-element-dropzone-uploaded .upload-element-icon-image,
.upload-element-dropzone-uploaded .upload-element-icon-placeholder {
  border-radius: inherit;
  height: 100%;
  width: 100%;
}
.upload-element-dropzone-uploaded .upload-element-icon-default-mode .upload-element-icon-placeholder-default {
  border-radius: 0;
  height: auto;
  width: auto;
}
.upload-element-dropzone-uploaded .upload-element-content {
  justify-content: center;
}
.upload-element-dropzone-uploaded:hover {
  background-color: var(--color-background-button-hovered);
}
.upload-element-dropzone-uploaded:hover .upload-element-title {
  text-decoration: underline;
}
.upload-element-dropzone-loader {
  background-color: #fff9;
  inset: 0;
  min-height: var(--size-700);
  pointer-events: none;
  position: absolute;
}
.upload-element-dropzone-loader,
.upload-element-icon {
  align-items: center;
  display: flex;
  justify-content: center;
}
.upload-element-icon {
  flex-shrink: 0;
}
.upload-element-icon i,
.upload-element-icon span,
.upload-element-icon svg {
  font-size: var(--size-600);
}
.upload-element-icon-image,
.upload-element-icon-placeholder {
  border-radius: var(--border-radius-200);
  display: block;
  height: var(--size-700);
  object-fit: cover;
  width: var(--size-700);
}
.upload-element-icon-placeholder {
  align-items: center;
  background-color: var(--color-background-subtle);
  border: 1px solid var(--color-border-default);
  display: flex;
  justify-content: center;
  padding: var(--spacing-100);
  text-align: center;
}
.upload-element-icon-placeholder-text {
  color: var(--color-text-default);
  color: var(--color-text-weak);
  font-family:
    Make It Better,
    Verdana,
    DejaVu Sans,
    Arial,
    Helvetica,
    sans-serif;
  font-size: var(--size-body-small);
  font-weight: 400;
  letter-spacing: 0;
  line-height: var(--line-height-body-small);
  overflow-wrap: anywhere;
}
.upload-element-icon-placeholder-default {
  background-color: initial;
  border: 0;
  padding: 0;
}
.upload-element-content {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: var(--spacing-100);
  min-width: 0;
  padding-right: var(--spacing-200);
}
.upload-element-title {
  font-size: var(--size-body-medium);
  font-weight: 700;
  line-height: var(--line-height-body-medium);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.upload-element-description,
.upload-element-title {
  color: var(--color-text-default);
  font-family:
    Make It Better,
    Verdana,
    DejaVu Sans,
    Arial,
    Helvetica,
    sans-serif;
  letter-spacing: 0;
  text-decoration: none;
}
.upload-element-description {
  color: var(--color-text-weak);
  font-size: var(--size-body-small);
  font-weight: 400;
  line-height: var(--line-height-body-small);
  overflow-wrap: anywhere;
}
.upload-element-action {
  flex-shrink: 0;
  margin-left: auto;
  margin-right: 0;
  text-decoration: none;
}
.upload-element-action,
.upload-element-action > * {
  align-items: center;
  display: flex;
  justify-content: center;
}
.upload-element-action > * {
  line-height: 0;
  margin: 0;
}
.upload-element-action button {
  background: #0000;
  border: 0;
  color: inherit;
  font: inherit;
  padding: 0;
}
.upload-element-action svg {
  display: block;
}
.upload-element-error {
  align-items: center;
  color: var(--color-text-default);
  color: var(--color-text-danger);
  display: flex;
  font-family:
    Make It Better,
    Verdana,
    DejaVu Sans,
    Arial,
    Helvetica,
    sans-serif;
  font-size: var(--size-body-small);
  font-weight: 400;
  gap: var(--spacing-100);
  letter-spacing: 0;
  line-height: var(--line-height-body-small);
  margin-top: var(--spacing-200);
}
.upload-element-error-icon {
  align-items: center;
  display: flex;
  flex-shrink: 0;
}
.upload-element-error-icon i,
.upload-element-error-icon svg {
  font-size: var(--size-400);
}
.upload-element-input {
  display: none;
}
.upload-element-image-list {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-200);
}
.upload-element-image-list-title {
  color: var(--color-text-default);
  font-family:
    Make It Better,
    Verdana,
    DejaVu Sans,
    Arial,
    Helvetica,
    sans-serif;
  font-size: var(--size-body-medium);
  font-weight: 700;
  letter-spacing: 0;
  line-height: var(--line-height-body-medium);
  margin-bottom: 0;
  width: 100%;
}
.upload-element-image-item {
  background-color: var(--color-background-weak);
  border-radius: var(--border-radius-300);
  flex-shrink: 0;
  height: var(--upload-thumbnail-size,var(--spacing-2000));
  overflow: hidden;
  position: relative;
  width: var(--upload-thumbnail-size,var(--spacing-2000));
}
.upload-element-image-item-img {
  display: block;
  height: 100%;
  inset: 0;
  object-fit: cover;
  position: absolute;
  width: 100%;
}
.upload-element-image-item-drag-handle {
  align-items: center;
  background-color: var(--color-background-overlay);
  border: none;
  border-radius: var(--border-radius-200);
  color: var(--color-text-default);
  cursor: grab;
  display: flex;
  height: var(--size-500);
  justify-content: center;
  left: var(--spacing-100);
  padding: 0;
  position: absolute;
  top: var(--spacing-100);
  width: var(--size-500);
  z-index: 2;
}
.upload-element-image-item-drag-handle:focus {
  outline: none;
}
.upload-element-image-item-drag-handle:focus-visible {
  outline: 2px solid var(--color-border-strong);
  outline-offset: 2px;
}
.upload-element-image-item-drag-handle svg {
  font-size: var(--size-400);
}
.upload-element-image-item-drag-handle:active {
  cursor: grabbing;
}
.upload-element-image-item-drag-handle:disabled {
  cursor: default;
}
.upload-element-image-item-remove {
  align-items: center;
  appearance: none;
  background: #0000;
  border: none;
  border-radius: 50%;
  box-shadow: none;
  color: var(--color-text-default);
  cursor: pointer;
  display: flex;
  height: var(--size-500);
  isolation: isolate;
  justify-content: center;
  outline: none;
  padding: 0;
  position: absolute;
  right: var(--spacing-100);
  top: var(--spacing-100);
  width: var(--size-500);
  z-index: 2;
}
.upload-element-image-item-remove:focus {
  outline: none;
}
.upload-element-image-item-remove:focus-visible {
  outline: 2px solid var(--color-border-strong);
  outline-offset: 2px;
}
.upload-element-image-item-remove svg {
  font-size: var(--size-400);
}
.upload-element-image-item-remove:disabled {
  cursor: default;
}
.upload-element-image-item-remove:before {
  background-color: var(--color-background-default);
  border-radius: 50%;
  content: "";
  height: calc(var(--size-500) - var(--spacing-100));
  position: absolute;
  width: calc(var(--size-500) - var(--spacing-100));
  z-index: 0;
}
.upload-element-image-item-remove:hover:not(:disabled) {
  color: var(--color-text-strong);
}
.upload-element-image-item-remove svg {
  position: relative;
  z-index: 1;
}
.upload-element-image-item-remove svg circle {
  stroke: none !important;
  stroke-width: 0 !important;
}
.upload-element-image-item-dragging {
  opacity: .8;
  z-index: 1;
}
.upload-element-image-item-loader {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
  width: 100%;
}
.upload-element-image-item-pending {
  background-color: var(--color-background-weak);
  border-style: dashed;
}
.upload-element-add-button {
  align-items: center;
  background-color: initial;
  border: 1px dashed var(--color-border-charcoal,#333);
  border-radius: var(--border-radius-300);
  color: var(--color-background-charcoal);
  cursor: pointer;
  display: flex;
  flex-shrink: 0;
  height: var(--upload-thumbnail-size,var(--spacing-2000));
  justify-content: center;
  transition: all .15s ease-in-out;
  width: var(--upload-thumbnail-size,var(--spacing-2000));
}
.upload-element-add-button:hover {
  background-color: var(--color-background-button-hovered);
}
.upload-element-add-button:active {
  background-color: var(--color-background-button-pressed);
}
.upload-element-add-button-dragging {
  background-color: var(--color-background-button-hovered);
}
.upload-element-add-button-error {
  border-color: var(--color-border-danger);
}
.upload-element-add-button-disabled {
  opacity: .6;
  pointer-events: none;
}
.upload-element-add-button-disabled:active,
.upload-element-add-button-disabled:hover {
  background-color: initial;
}
.upload-element-add-button-loading {
  cursor: default;
}
.upload-element-add-button svg {
  font-size: var(--size-600);
}
.toast-container {
  display: flex;
  justify-content: center;
  padding: 0 16px;
  position: absolute;
  top: 16px;
  width: 100%;
  z-index: 1;
}
@media (min-width: 1014px) {
  .toast-container {
    top: 24px;
  }
}
.toast {
  opacity: inherit;
}
.img-placeholder {
  align-items: center;
  display: inline-flex;
  height: 100%;
  justify-content: center;
  width: 100%;
}
.img-placeholder,
[data-color-scheme=light] .img-placeholder {
  background-color: #e0e0e0;
}
[data-color-scheme=dark] .img-placeholder {
  background-color: #333;
}
.img-placeholder svg,
[data-color-scheme=light] .img-placeholder svg {
  fill: #fff;
}
[data-color-scheme=dark] .img-placeholder svg {
  fill: #676767;
}
.img-placeholder rect,
[data-color-scheme=light] .img-placeholder rect {
  fill: #e0e0e0;
}
[data-color-scheme=dark] .img-placeholder rect {
  fill: #333;
}
.img-placeholder rect,
[data-color-scheme=light] .img-placeholder rect {
  stroke: #fff;
}
[data-color-scheme=dark] .img-placeholder rect {
  stroke: #676767;
}
.real-estate-card {
  background-color: var(--color-background-default);
  font-family:
    Make It Better,
    Verdana,
    DejaVu Sans,
    Arial,
    Helvetica,
    sans-serif;
  overflow: hidden;
  position: relative;
  width: 263px;
}
.real-estate-card-brandbar {
  border-radius: 16px 16px 0 0;
  height: 32px;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.real-estate-card-brandbar-content {
  align-items: center;
  display: flex;
  justify-content: flex-end;
  left: 0;
  padding-right: 16px;
  position: absolute;
  top: 100%;
  transform: translateY(-50%);
  width: 100%;
}
.real-estate-card-brandbar-brand {
  border-radius: 4px;
  box-shadow: 0 4px 10px 2px #00000014;
  display: flex;
  margin-right: -2px;
  position: relative;
}
.real-estate-card-brandbar-brand:not(:only-child):after {
  background-color: #fff;
  content: "";
  height: 100%;
  left: 100%;
  margin-left: -4px;
  position: absolute;
  top: 0;
  width: 8px;
}
.real-estate-card-brandbar-logo {
  border: 2px solid #fff;
  border-radius: 4px;
  height: 28px;
  z-index: 1;
}
.real-estate-card-brandbar-avatar {
  border: 2px solid #fff;
  border-radius: 50%;
  height: 48px;
  object-fit: cover;
  width: 48px;
  z-index: 1;
}
.real-estate-card-image {
  border: 1px solid var(--color-border-default);
  border-radius: var(--border-radius-400);
  display: block;
  height: 197px;
  object-fit: cover;
  width: 100%;
}
.real-estate-card-body {
  padding: 12px 0 16px;
}
.real-estate-card-container {
  display: flex;
  gap: 8px;
}
.real-estate-card-content {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 8px;
  overflow: hidden;
}
.real-estate-card-title {
  color: var(--color-text-default);
  display: -webkit-box;
  font-size: 14px;
  font-weight: 700;
  height: 44px;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  line-height: 22px;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
}
.real-estate-card-criteria {
  align-items: baseline;
  color: var(--color-text-default);
  display: flex;
  gap: 16px;
  justify-content: space-between;
}
.real-estate-card-criteria > * {
  margin: 0;
  white-space: nowrap;
}
.real-estate-card-criteria > :last-child {
  overflow: hidden;
  text-overflow: ellipsis;
  text-wrap: nowrap;
}
.real-estate-card-button {
  height: 24px;
  padding: 0;
}
.real-estate-card-button,
.real-estate-card-button:focus,
.real-estate-card-button:hover {
  color: var(--color-text-default);
}
.real-estate-card-address {
  align-items: center;
  color: var(--color-text-weak);
  display: flex;
  margin-top: 8px;
}
.real-estate-card-address-content {
  flex: 1;
  margin-left: 4px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.real-estate-card-pin {
  height: 16px;
  width: 16px;
}
.agents-card {
  font-family:
    Make It Better,
    Verdana,
    DejaVu Sans,
    Arial,
    Helvetica,
    sans-serif;
  height: 477px;
  overflow: hidden;
  position: relative;
  width: 263px;
}
.agents-card-partner-badge {
  left: 8px;
  position: absolute;
  top: 232px;
}
.agents-card-image {
  border: 1px solid var(--color-border-input-default);
  border-radius: var(--border-radius-400);
  display: block;
  height: 263px;
  object-fit: cover;
  width: 100%;
}
.agents-card-body {
  display: grid;
  grid-template-areas: "title" "badge" "description" "rating";
  grid-row-gap: 4px;
  padding: 12px 0 16px;
}
.agents-card-title {
  color: var(--color-text-default);
  display: -webkit-box;
  font-size: 18px;
  font-weight: 700;
  height: 56px;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  line-height: 28px;
  margin-bottom: 4px;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  grid-area: title;
}
.agents-card-badge {
  grid-area: badge;
  height: 40px;
  margin-bottom: 4px;
}
.agents-card-badge img {
  height: 100%;
  width: auto;
}
.agents-card-description {
  display: -webkit-box;
  grid-area: description;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  color: var(--color-text-default);
}
.agents-card-rating {
  align-items: center;
  display: flex;
  grid-area: rating;
  height: 16px;
}
.agents-card-rating div:first-child {
  height: 16px;
  margin-right: 4px;
}
.agents-card-rating-summary {
  color: var(--color-text-weak);
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
}
.agents-card-rating-current {
  color: var(--color-text-default);
  font-weight: 700;
}
.agents-card-stars {
  display: flex;
}
.agents-card-additional-info {
  color: var(--color-text-weak);
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
}
.autocomplete {
  position: relative;
}
.autocomplete-menu {
  font-family:
    Make It Better,
    Verdana,
    DejaVu Sans,
    Arial,
    Helvetica,
    sans-serif;
  position: absolute;
  width: 100%;
}
.autocomplete-menu-open {
  background-color: var(--color-background-default);
  border: 1px solid var(--color-border-input-default);
  border-radius: 0 0 4px 4px;
  box-shadow: 0 4px 16px 0 #0000001a;
  color: var(--color-text-default);
  padding: 4px 0;
}
.autocomplete-category {
  border-top: 1px solid var(--color-border-weak);
  color: var(--color-text-weak);
  margin-top: 10px;
  padding: 8px 12px 0;
}
.autocomplete-category:first-child {
  border-top: none;
  margin-top: 0;
}
.autocomplete-item {
  cursor: pointer;
  padding: 8px 12px;
}
.autocomplete-item-highlighted {
  background-color: var(--color-background-weak);
}
.autocomplete-input-open {
  border-radius: 4px 4px 0 0 !important;
}
.autocomplete-clear {
  height: 16px !important;
  top: 0 !important;
  width: 16px !important;
}
.autocomplete-loading {
  align-items: center;
  color: var(--color-text-weak);
  display: flex;
  gap: 8px;
  padding: 8px 12px;
}
.breadcrumbs {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
}
.breadcrumbs-item {
  align-items: center;
  display: flex;
}
.breadcrumbs-item:not(:last-child) {
  color: #676767;
}
.breadcrumbs-item:last-child {
  pointer-events: none;
}
.breadcrumbs-item:last-child .breadcrumbs-separator {
  display: none;
}
.breadcrumbs-separator {
  color: #333;
  font-size: 16px;
  height: 16px;
  text-decoration: none;
  width: 16px;
}
.breadcrumbs-separator:before {
  display: inline-block;
  text-decoration: none;
}
.caption {
  color: var(--color-text-default);
  display: flex;
  font-family:
    Make It Better,
    Verdana,
    DejaVu Sans,
    Arial,
    Helvetica,
    sans-serif;
  font-size: var(--size-body-small);
  font-size: 1.2rem;
  font-weight: 700;
  letter-spacing: 0;
  line-height: var(--line-height-body-small);
  line-height: 16px;
  padding: 4px 0;
}
.caption--info {
  color: var(--color-text-info);
}
.caption--success {
  color: var(--color-text-success);
}
.caption--error {
  color: var(--color-text-danger);
}
.caption-icon {
  display: block;
  flex-shrink: 0;
  font-size: 16px;
  height: 16px;
  margin-right: 4px;
  width: 16px;
}
.popover {
  background: var(--color-elevation-surface-default);
  border-radius: 4px;
  box-shadow: var(--elevation-30);
  display: none;
  padding: 16px;
  position: relative;
  transform-style: preserve-3d;
  z-index: 1;
}
.popover:after,
.popover:before {
  border: 5px solid;
  content: "";
  position: absolute;
  transform: rotate(-45deg);
  transform-origin: 0 0;
}
.popover-visible {
  display: inline-block;
}
.popover-top:after,
.popover-top:before {
  border-color: #0000 #0000 var(--color-elevation-surface-default) var(--color-elevation-surface-default);
  bottom: -9px;
}
.popover-top:before {
  box-shadow: -1px 1px 7px 0 #0000001a;
  transform: rotate(-45deg) translateZ(-1px);
}
.popover-bottom:after,
.popover-bottom:before {
  border-color: var(--color-elevation-surface-default) var(--color-elevation-surface-default) #0000 #0000;
  top: 1px;
}
.popover-bottom:before {
  box-shadow: 1px -1px 7px 0 #0000001a;
  transform: rotate(-45deg) translateZ(-1px);
}
.popover-left:after,
.popover-left:before {
  border-color: #0000 var(--color-elevation-surface-default) var(--color-elevation-surface-default) #0000;
  right: -2px;
}
.popover-left:before {
  box-shadow: 2px 2px 7px 0 #0000001a;
  transform: rotate(-45deg) translateZ(-1px);
}
.popover-right:after,
.popover-right:before {
  border-color: var(--color-elevation-surface-default) #0000 #0000 var(--color-elevation-surface-default);
  left: -6px;
}
.popover-right:before {
  box-shadow: -1px -1px 7px 0 #0000001a;
  transform: rotate(-45deg) translateZ(-1px);
}
.popover-bottom.popover-arrow-left:after,
.popover-bottom.popover-arrow-left:before,
.popover-top.popover-arrow-left:after,
.popover-top.popover-arrow-left:before {
  left: 17px;
}
.popover-bottom.popover-arrow-center:after,
.popover-bottom.popover-arrow-center:before,
.popover-top.popover-arrow-center:after,
.popover-top.popover-arrow-center:before {
  left: calc(50% - 7px);
}
.popover-bottom.popover-arrow-right:after,
.popover-bottom.popover-arrow-right:before,
.popover-top.popover-arrow-right:after,
.popover-top.popover-arrow-right:before {
  right: 20px;
}
.popover-left.popover-arrow-right:after,
.popover-left.popover-arrow-right:before,
.popover-right.popover-arrow-left:after,
.popover-right.popover-arrow-left:before {
  bottom: 13px;
}
.popover-left.popover-arrow-center:after,
.popover-left.popover-arrow-center:before,
.popover-right.popover-arrow-center:after,
.popover-right.popover-arrow-center:before {
  bottom: calc(50% - 10px);
}
.popover-left.popover-arrow-left:after,
.popover-left.popover-arrow-left:before,
.popover-right.popover-arrow-right:after,
.popover-right.popover-arrow-right:before {
  top: 22px;
}
.popover-container {
  height: 100%;
  position: relative;
}
.popover-target {
  height: 100%;
  line-height: 1;
}
.popover-container .popover-beta {
  background: var(--color-background-default);
  border-radius: var(--border-radius-100);
  color: var(--color-text-default);
  opacity: 0;
  padding: 10px 16px;
  position: absolute;
  visibility: hidden;
  z-index: 2;
}
.popover-container .popover-beta:after {
  border: 5px solid;
  content: "";
  position: absolute;
  transform: rotate(-45deg);
  transform-origin: 0 0;
}
.popover-container .popover-beta.open {
  opacity: 1;
  pointer-events: auto;
  transition: opacity .2s ease;
  visibility: visible;
}
.popover-beta.positioning-top {
  bottom: calc(100% + 10px);
  left: 50%;
  transform: translateX(-50%);
}
.popover-beta.positioning-top:after {
  border-color: #0000 #0000 var(--color-background-default) var(--color-background-default);
  bottom: -9px;
}
.popover-beta.positioning-bottom {
  left: 50%;
  top: calc(100% + 10px);
  transform: translateX(-50%);
}
.popover-beta.positioning-bottom:after {
  border-color: var(--color-background-default) var(--color-background-default) #0000 #0000;
  top: 1px;
}
.popover-beta.positioning-left {
  right: calc(100% + 10px);
  top: 50%;
  transform: translateY(-50%);
}
.popover-beta.positioning-left:after {
  border-color: #0000 var(--color-background-default) var(--color-background-default) #0000;
  bottom: calc(50% - 10px);
  right: -2px;
}
.popover-beta.positioning-right {
  left: calc(100% + 10px);
  top: 50%;
  transform: translateY(-50%);
}
.popover-beta.positioning-right:after {
  border-color: var(--color-background-default) #0000 #0000 var(--color-background-default);
  bottom: calc(50% - 10px);
  left: -6px;
}
.popover-beta.positioning-bottom.arrow-left,
.popover-beta.positioning-top.arrow-left {
  left: calc(50% - 26px);
  transform: translateX(0);
}
.popover-beta.positioning-bottom.arrow-left:after,
.popover-beta.positioning-top.arrow-left:after {
  left: 17px;
}
.popover-beta.positioning-bottom.arrow-center:after,
.popover-beta.positioning-top.arrow-center:after {
  left: calc(50% - 7px);
}
.popover-beta.positioning-bottom.arrow-right,
.popover-beta.positioning-top.arrow-right {
  left: calc(50% + 23px);
  transform: translateX(-100%);
}
.popover-beta.positioning-bottom.arrow-right:after,
.popover-beta.positioning-top.arrow-right:after {
  right: 20px;
}
.popover-beta.popover-variant.popover-beta {
  background: unset;
  box-shadow: 0 1px 3px 0 #00000059;
  padding: 0;
}
.popover-beta.popover-variant.popover-beta:before {
  content: "";
  display: block;
  height: 10px;
  position: absolute;
  width: 100%;
}
.popover-beta.popover-variant.popover-beta:after {
  content: unset;
}
.popover-beta.popover-variant .popover-content {
  background: var(--color-background-default);
  border-radius: var(--border-radius-100);
  color: var(--color-text-default);
  padding: 4px 8px;
  position: relative;
}
.popover-beta.popover-variant .popover-content:after {
  border: 5px solid;
  box-shadow: 0 1px 3px 0 #000000a6;
  content: "";
  position: absolute;
  transform: rotate(-45deg);
  transform-origin: 0 0;
  z-index: -1;
}
.popover-beta.popover-variant.popover-beta.positioning-top {
  bottom: calc(100% + 10px);
  left: 50%;
  transform: translateX(-50%);
}
.popover-beta.popover-variant.popover-beta.positioning-top:before {
  bottom: -10px;
}
.popover-beta.popover-variant.popover-beta.positioning-top .popover-content:after {
  border-color: #0000 #0000 var(--color-background-default) var(--color-background-default);
  bottom: -9px;
}
.popover-beta.popover-variant.popover-beta.positioning-bottom {
  left: 50%;
  top: calc(100% + 10px);
  transform: translateX(-50%);
}
.popover-beta.popover-variant.popover-beta.positioning-bottom:before {
  top: -10px;
}
.popover-beta.popover-variant.popover-beta.positioning-bottom .popover-content:after {
  border-color: var(--color-background-default) var(--color-background-default) #0000 #0000;
  top: 1px;
}
.popover-beta.popover-variant.popover-beta.positioning-left {
  right: calc(100% + 10px);
  top: 50%;
  transform: translateY(-50%);
}
.popover-beta.popover-variant.popover-beta.positioning-left:before {
  height: 100%;
  right: -10px;
  width: 10px;
}
.popover-beta.popover-variant.popover-beta.positioning-left .popover-content:after {
  border-color: #0000 var(--color-background-default) var(--color-background-default) #0000;
  bottom: calc(50% - 10px);
  right: -2px;
}
.popover-beta.popover-variant.popover-beta.positioning-right {
  left: calc(100% + 10px);
  top: 50%;
  transform: translateY(-50%);
}
.popover-beta.popover-variant.popover-beta.positioning-right:before {
  height: 100%;
  left: -10px;
  width: 10px;
}
.popover-beta.popover-variant.popover-beta.positioning-right .popover-content:after {
  border-color: var(--color-background-default) #0000 #0000 var(--color-background-default);
  bottom: calc(50% - 10px);
  left: -6px;
}
.popover-beta.popover-variant.popover-beta.positioning-bottom.arrow-left,
.popover-beta.popover-variant.popover-beta.positioning-top.arrow-left {
  left: calc(50% - 26px);
  transform: translateX(0);
}
.popover-beta.popover-variant.popover-beta.positioning-bottom.arrow-left .popover-content:after,
.popover-beta.popover-variant.popover-beta.positioning-top.arrow-left .popover-content:after {
  left: 17px;
}
.popover-beta.popover-variant.popover-beta.positioning-bottom.arrow-center .popover-content:after,
.popover-beta.popover-variant.popover-beta.positioning-top.arrow-center .popover-content:after {
  left: calc(50% - 7px);
}
.popover-beta.popover-variant.popover-beta.positioning-bottom.arrow-right,
.popover-beta.popover-variant.popover-beta.positioning-top.arrow-right {
  left: calc(50% + 23px);
  transform: translateX(-100%);
}
.popover-beta.popover-variant.popover-beta.positioning-bottom.arrow-right .popover-content:after,
.popover-beta.popover-variant.popover-beta.positioning-top.arrow-right .popover-content:after {
  right: 20px;
}
.carousel-slider {
  display: block;
  list-style: none;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
  padding: 0;
  position: relative;
  touch-action: pan-y;
  z-index: 1;
}
.carousel-slider-wrapper {
  box-sizing: initial;
  display: flex;
  height: 100%;
  position: relative;
  transform: translateZ(0);
  transition-property: transform;
  transition-timing-function: var(--swiper-wrapper-transition-timing-function,initial);
  width: 100%;
  z-index: 1;
}
.carousel-slider-wrapper--auto > li {
  width: auto !important;
}
.carousel-slider-slide {
  align-items: center;
  display: flex;
  display: flex !important;
  flex-shrink: 0;
  justify-content: center;
}
.carousel-slider-button {
  align-items: center;
  background: var(--infographic-day-white,#fff) !important;
  border: 1px solid #c4c4c4;
  border-radius: 100px;
  box-shadow: 0 2px 4px #00000026;
  display: none;
  height: 48px;
  justify-content: center;
  position: absolute;
  top: calc(50% - 24px);
  transform: translateY(-50%);
  width: 48px;
  z-index: 2;
}
@media (min-width: 1014px) {
  .carousel-slider-button {
    display: flex;
  }
}
.carousel-slider-button-prev {
  left: 8px;
}
.carousel-slider-button-next {
  right: 8px;
}
.carousel-slider-pagination {
  align-items: center;
  display: flex;
  gap: 8px;
  height: 48px;
  justify-content: center;
  position: static;
  width: 100%;
}
.carousel-slider-dot {
  background-color: #eaeaea;
  border: none;
  border-radius: 100%;
  box-sizing: border-box;
  cursor: pointer;
  display: inline-block;
  height: 8px;
  opacity: 1;
  padding: 0;
  width: 8px;
}
.carousel-slider-dot--active {
  background-color: #333;
}
.carousel-slider--without-dots .carousel-slider-button {
  top: 50%;
}
.carousel-slider--without-dots .carousel-slider-pagination {
  display: none;
}
.carousel-slider-clickable {
  z-index: auto;
}
.link {
  color: var(--color-text-default);
  font-family:
    Make It Better,
    Verdana,
    DejaVu Sans,
    Arial,
    Helvetica,
    sans-serif;
  font-size: var(--size-body-medium);
  font-weight: 700;
  letter-spacing: 0;
  line-height: var(--line-height-body-medium);
  -webkit-tap-highlight-color: transparent;
  align-items: center;
  background: none;
  border: none;
  cursor: pointer;
  display: inline-flex;
  gap: var(--spacing-100);
  padding: 0;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.link,
.link:focus,
.link:hover {
  color: var(--color-link-default);
  text-decoration: underline;
}
.link:focus-visible {
  border-radius: var(--border-radius-100);
  outline: var(--color-link-blue) auto 2px;
  outline-offset: var(--spacing-100);
}
.link-icon {
  align-items: center;
  display: flex;
  float: left;
}
.link-icon,
.link-icon > * {
  color: inherit;
  font-size: 16px;
  height: 16px;
  text-decoration: none;
  width: 16px;
}
.link-blue {
  color: var(--color-link-blue);
  text-decoration: none;
}
.link-blue:focus,
.link-blue:hover {
  color: var(--color-link-blue);
  text-decoration: underline;
}
.link-weak {
  color: var(--color-link-weak);
  text-decoration: none;
}
.link-weak:focus,
.link-weak:hover {
  color: var(--color-link-weak);
  text-decoration: underline;
}
.product-selection-card-container {
  position: relative;
}
.product-selection-card-container .product-selection-card {
  border: 1px solid var(--color-border-default);
  border-radius: var(--size-800);
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  padding: var(--spacing-600);
}
.product-selection-card-container .product-content {
  margin-bottom: var(--spacing-200);
}
.product-selection-card-container .price-container {
  align-items: center;
  display: flex;
  gap: var(--spacing-100);
}
.product-selection-card-container .price-separator {
  margin-right: var(--spacing-100);
}
.product-selection-card-container .discount-container {
  align-items: center;
  display: flex;
  gap: var(--spacing-100);
}
.product-selection-card-container .font-strike {
  text-decoration: line-through;
}
.product-selection-card-container .product-selection-card-button {
  width: 100% !important;
}
.product-selection-card-container .ribbon {
  position: absolute;
  right: 35px;
  top: -10px;
  z-index: 20;
}
.product-selection-card-container .ribbon span {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACsAAAAYCAYAAABjswTDAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAABWWlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iWE1QIENvcmUgNS40LjAiPgogICA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPgogICAgICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIgogICAgICAgICAgICB4bWxuczp0aWZmPSJodHRwOi8vbnMuYWRvYmUuY29tL3RpZmYvMS4wLyI+CiAgICAgICAgIDx0aWZmOk9yaWVudGF0aW9uPjE8L3RpZmY6T3JpZW50YXRpb24+CiAgICAgIDwvcmRmOkRlc2NyaXB0aW9uPgogICA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgpMwidZAAAF7UlEQVRYCaWXu44dRRCGu4/XF4zBXCUuEkKEiAg55x0IiIh4B/J9ClJyx6S8AiIhIAGBCQAbY8Cwu+zuGb7vn6rRASERUNo+3V1dl78u0zszh7TcvTbGG2+NsbvOeGqM/Y0xJuvlaU7/YDzBfseeefeY89/Yw1/OGL8zHo1x8fMYR/C/uhjzvT81+79pOcbnOzdx/8wYJw9mDC6ffQCIj1bnghzwl4t1HksB3TOzdr9cRm9MeAPA45xxAv9XZoF+zSCAqdwv8H840EEu8viY6O2vcKbtW/ABtmMsz7F/mfklePJJ0vLhEQtoklUBhgQpCBwFjHxBsl+I1DP5vV44m1TGrM8XODdQ7Umu1VXGGdpsupGvPflWTrvyw2AyCYzFAG8W2PG8EqWgINFGC01BJUPOOveo9XSmvDOORlUjPB1HeNVPUMpC0bcCykORdxacPgSeA36Qm8jt2+kk7Q2uS51MCkBlNV0z4q9A2CqbvAfylY8Qy3/RR2Ktmu2DvLZV88ekJDnySFiSZADaud8ZAn36Rh0cxW9+WGuJtXwNhFgnC2RgmIXOkE40rI5kz2rHIJUtuUHbxKbBKi9pH5kOMPLq+hCDc84Cu9jEOmJ0ppyTUQ0VxUBvNKyMGdAoFNDwpDg1EPeeO+MvwRSwgK7gYkd7BiUudRhJij6ePcKEzHbMMpktJYNJtJWhZNbsmCmmjQTSpC0P5TFcpyqtIBgoD5T2LbMVg78FVgEkYKuAz8t7CN+9yob7NCBbCVb6xPmQDh12iTlPNpg3kOqYHSjXHOuJbdcB78OlX0GZNUFju1si9kyYPH0yrtwgmtf8B3D7QNBsmBWoDaR0YcjkHGXP4vwAdJyXrpnaqmbWCqhZin4FkFZsnbKZTLNWNsHyD+jyIQo7gKZnjVIDCkGZzYbg2CdaFimfQHTu/E9S2IG9OGL5t2B7X6X2LBnVV62j59qW8449BeeJYF9k4wMGJaNmoQCGp1HJ6AXhJI99erj4CcJzdeVBll6KvQosGfZccMgny7aEVPdsbLUPMOr39JRFmrocBpARkbXtOvJa04hkIN6POoYXRwJCv/uW3SpnViAD62olc9qQp039RMgfSF8yyn7kyOpCG1wT7JH/JisDRrAJoxAwviv4REryfMExakmnNYfnxjMcClJbAQOoAPCs1p5FRptmWVvOjMz6LPnpO8c5YPfcBDvBmol4Xuf0o57kNb8AbHuOupR9zQWdgLCtWoIvIGzXQMteAvFH/wI9qNb0n4FVVBb+J5caJIJkViDwQywsa5cwfdYGK+PDjAvCIJVnJECvJQ3VCE+H6LVN9SIPP8FwrHy3S3pefXo5gAn+OP/GeH+VAkhlRhyYHfmASbnkMwICx5kVIGBJHXW736JDgLGlgD0qSIOUAJM+l69tkhZfgsRmsmxmefjz6plSPcmmgHHEhj8VdNyAcRJHsnXo7LlUsltmW1++esjFnhXpM9mek4j0ugG7V1a76nUlrNxjTsysXwNpaJ9EMwblwVKZEQdGL8kjgM58KmNAtlIBUywXPToB5F7HBlmAtZMAtC9fQJ5hq4POrE1o+c5fI3rARpBE1K9om2Ard7SIxYkAHV7Y9nL3qXICkScAnWlbUPACytJK8FIt/SJje+Rcfc9NEJ9Qqfp9GYLlGyrRlaNkKNIIVhBmMA7hz7rAc9VUv2kqPa+eMvAD2AMApzqADyhtQVsbwU/GK7CAE4sPl0GzXvi+WxuZ76Nc0DjRVxvJfefDIF/QkgIOycyaDc4MMIDgZdZx8RTNOgvOtRVHTNqohGQuWxEVsIHxLbf7SQ6b8y9oue9Zv8rQCAbS9ESzfMqe/x62imXx466/eicvQMObxA/C15kFyj7vGfL9yGNK+cmSV1wCw2cHmBZSiBFZffvlzH8tQS7fMr6ko+6xN8XQ8vn7/LwLmI+Zf6QN6StSP9/+Juf/9ZN34mNsvQmQV8j2LR7aM26Zq+z9rPerVZsprR+VfFrvALR/uJ6lP00GQE3MGfN1+vXOCQiNIvQXYk3fyxwXPjAAAAAASUVORK5CYII=) no-repeat 50% 50%;
  background-size: 100% 100%;
  display: inline-block;
  font-size: var(--size-300);
  font-weight: 700;
  padding: 3px 16px;
}
.list {
  display: flex;
  flex-direction: column;
  list-style: none;
}
.list,
.list-item {
  margin: 0;
  padding: 0;
}
.list-item-button {
  background: none;
  border: none;
  color: inherit;
  cursor: pointer;
  font-family: inherit;
  margin: 0;
  text-align: left;
  text-decoration: none;
  transition: all .1s ease-in;
  width: 100%;
}
.list-item-button:active,
.list-item-button:focus,
.list-item-button:focus-visible,
.list-item-button:hover {
  color: inherit;
  text-decoration: none;
}
.list-item-button:hover {
  background-color: var(--color-background-button-hovered);
}
.list-item-button:focus {
  outline: none;
}
.list-item-button:active {
  background-color: var(--color-background-button-pressed);
}
.list-item-button:focus-visible {
  outline: 2px solid var(--color-border-focused);
  outline-offset: -2px;
}
.list-item-button:disabled {
  cursor: not-allowed;
  opacity: .6;
}
.list-item-press-interaction:active {
  transform: scale(.96);
}
.list-item-content {
  border-radius: var(--border-radius-300);
  gap: var(--spacing-300);
  padding: var(--spacing-400);
}
.list-item-content,
.list-item-slot {
  align-items: center;
  display: flex;
}
.list-item-slot i,
.list-item-slot span,
.list-item-slot svg {
  font-size: var(--size-600);
}
.list-item-text {
  display: flex;
  flex: 1;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
}
.list-item-text-primary {
  font-size: var(--size-body-medium);
  font-weight: 700;
  line-height: var(--size-600);
}
.list-item-text-secondary {
  color: var(--color-text-weak);
  font-size: var(--size-body-xxsmall);
  font-weight: 400;
  line-height: var(--line-height-body-small);
}
.list-item-no-wrap {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.list-item-active {
  background-color: var(--color-background-weak);
  color: var(--color-text-strong);
}
.list-style {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-300);
  list-style: none;
  margin: 0;
  padding: 0;
}
.list-style,
.list-style-item {
  color: var(--color-text-default);
  font-family:
    Make It Better,
    Verdana,
    DejaVu Sans,
    Arial,
    Helvetica,
    sans-serif;
  font-size: var(--size-body-medium);
  font-weight: 400;
  letter-spacing: 0;
  line-height: var(--line-height-body-medium);
}
.list-style-item {
  margin-left: 0 !important;
}
.list-style-item__content {
  display: block;
}
.list-style--decimal {
  counter-reset: list-counter;
}
.list-style--decimal .list-style-item {
  counter-increment: list-counter;
  padding-left: var(--spacing-600);
  position: relative;
}
.list-style--decimal .list-style-item:before {
  color: inherit;
  content: counter(list-counter) ".";
  font-size: inherit;
  font-weight: inherit;
  left: 0;
  line-height: inherit;
  position: absolute;
  text-align: left;
  top: 0;
  vertical-align: initial;
  width: 1.25em;
}
.list-style--disc {
  counter-reset: list-counter;
}
.list-style--disc .list-style-item {
  padding-left: var(--spacing-600);
  position: relative;
}
.list-style--disc .list-style-item:before {
  color: inherit;
  content: "\2022";
  font-size: inherit;
  font-weight: inherit;
  left: 0;
  line-height: inherit;
  position: absolute;
  text-align: center;
  top: 0;
  vertical-align: initial;
  width: 1.25em;
}
.list-style--circle {
  counter-reset: list-counter;
}
.list-style--circle .list-style-item {
  padding-left: var(--spacing-600);
  position: relative;
}
.list-style--circle .list-style-item:before {
  color: inherit;
  content: "\25cb";
  font-size: inherit;
  font-weight: inherit;
  left: 0;
  line-height: inherit;
  position: absolute;
  text-align: center;
  top: 0;
  vertical-align: initial;
  width: 1.25em;
}
.list-style--checkmark {
  counter-reset: list-counter;
}
.list-style--checkmark .list-style-item {
  padding-left: var(--spacing-600);
  position: relative;
}
.list-style--checkmark .list-style-item:before {
  color: inherit;
  font-family: s24-icons !important;
  font-size: inherit;
  font-weight: inherit;
  left: 0;
  line-height: inherit;
  position: absolute;
  text-align: center;
  top: 0;
  vertical-align: initial;
  width: 1.25em;
}
.list-style--checkmark .list-style-item__content {
  display: block;
}
.notification {
  --notification-close-hover-light:#0000000d;
  --notification-close-hover-dark:#ffffff1a;
  --notification-color-announcement-main:#61347c;
  --notification-color-announcement-weak:#f4eaff;
  border: 1px solid #0000;
  border-radius: var(--border-radius-200);
  display: flex;
  gap: var(--spacing-300);
  padding: var(--spacing-400);
  position: relative;
}
.notification--small .notification__content {
  gap: var(--spacing-200);
}
.notification--small .notification__title {
  font-size: var(--size-body-medium);
  font-weight: 700;
  line-height: var(--line-height-body-medium);
}
.notification--small .notification__message,
.notification--small .notification__title {
  color: var(--color-text-default);
  font-family:
    Make It Better,
    Verdana,
    DejaVu Sans,
    Arial,
    Helvetica,
    sans-serif;
  letter-spacing: 0;
}
.notification--small .notification__message {
  font-size: var(--size-body-small);
  font-weight: 400;
  line-height: var(--line-height-body-small);
}
.notification__content {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: var(--spacing-100);
  min-width: 0;
}
.notification__title {
  font-size: var(--size-heading-xsmall);
  font-weight: 700;
  line-height: var(--line-height-heading-xsmall);
  margin-bottom: 0;
}
.notification__message,
.notification__title {
  color: var(--color-text-default);
  font-family:
    Make It Better,
    Verdana,
    DejaVu Sans,
    Arial,
    Helvetica,
    sans-serif;
  letter-spacing: 0;
}
.notification__message {
  font-size: var(--size-body-medium);
  font-weight: 400;
  line-height: var(--line-height-body-medium);
}
.notification__action {
  margin-top: var(--spacing-400);
}
.notification__icon {
  display: flex;
  font-size: 24px;
}
.notification__icon span,
.notification__icon svg {
  padding: var(--spacing-100);
  padding-top: 0;
}
.notification__close {
  display: flex;
  flex-shrink: 0;
  position: absolute !important;
  right: 10px;
  top: 10px;
}
.notification--flat .notification__close:focus,
.notification--flat .notification__close:hover {
  background: var(--notification-close-hover-light) !important;
}
.notification--vibrant .notification__close:focus,
.notification--vibrant .notification__close:hover {
  background: var(--notification-close-hover-dark) !important;
}
.notification--success .notification__icon {
  color: var(--color-background-success);
}
.notification--success.notification--elevated {
  background: var(--color-elevation-surface-default);
  border-left: 8px solid var(--color-background-success);
  box-shadow: var(--elevation-50);
  padding-left: 8px;
}
.notification--success.notification--flat {
  background: var(--color-background-success-weak);
  border-color: var(--color-background-success-weak);
}
.notification--success.notification--flat .notification__message,
.notification--success.notification--flat .notification__title {
  color: var(--color-text-success);
}
.notification--success.notification--flat .notification__icon {
  color: var(--color-background-success);
}
[data-color-scheme=dark] .notification--success.notification--flat .notification__close,
[data-color-scheme=dark] .notification--success.notification--flat .notification__icon,
[data-color-scheme=dark] .notification--success.notification--flat .notification__message,
[data-color-scheme=dark] .notification--success.notification--flat .notification__title {
  color: var(--color-text-button-success);
}
.notification--success.notification--vibrant {
  background: var(--color-background-success);
}
.notification--success.notification--vibrant .notification__close,
.notification--success.notification--vibrant .notification__icon,
.notification--success.notification--vibrant .notification__message,
.notification--success.notification--vibrant .notification__title {
  color: var(--color-text-inversive);
}
.notification--info .notification__icon {
  color: var(--color-background-info);
}
.notification--info.notification--elevated {
  background: var(--color-elevation-surface-default);
  border-left: 8px solid var(--color-background-info);
  box-shadow: var(--elevation-50);
  padding-left: 8px;
}
.notification--info.notification--flat {
  background: var(--color-background-info-weak);
  border-color: var(--color-background-info-weak);
}
.notification--info.notification--flat .notification__icon,
.notification--info.notification--flat .notification__message,
.notification--info.notification--flat .notification__title,
[data-color-scheme=dark] .notification--info.notification--flat .notification__close,
[data-color-scheme=dark] .notification--info.notification--flat .notification__icon,
[data-color-scheme=dark] .notification--info.notification--flat .notification__message,
[data-color-scheme=dark] .notification--info.notification--flat .notification__title {
  color: var(--blue-900);
}
.notification--info.notification--vibrant {
  background: var(--color-background-info);
}
.notification--info.notification--vibrant .notification__close,
.notification--info.notification--vibrant .notification__icon,
.notification--info.notification--vibrant .notification__message,
.notification--info.notification--vibrant .notification__title {
  color: var(--color-text-inversive);
}
[data-color-scheme=dark] .notification--info.notification--vibrant .notification__close,
[data-color-scheme=dark] .notification--info.notification--vibrant .notification__icon,
[data-color-scheme=dark] .notification--info.notification--vibrant .notification__message,
[data-color-scheme=dark] .notification--info.notification--vibrant .notification__title {
  color: var(--color-text-white);
}
.notification--warning .notification__icon {
  color: var(--color-background-warning);
}
.notification--warning.notification--elevated {
  background: var(--color-elevation-surface-default);
  border-left: 8px solid var(--color-background-warning);
  box-shadow: var(--elevation-50);
  padding-left: 8px;
}
.notification--warning.notification--flat {
  background: var(--color-background-warning-weak);
  border-color: var(--color-background-warning-weak);
}
.notification--warning.notification--flat .notification__message,
.notification--warning.notification--flat .notification__title {
  color: var(--color-text-warning);
}
.notification--warning.notification--flat .notification__icon {
  color: var(--color-background-warning);
}
[data-color-scheme=dark] .notification--warning.notification--flat .notification__close,
[data-color-scheme=dark] .notification--warning.notification--flat .notification__icon,
[data-color-scheme=dark] .notification--warning.notification--flat .notification__message,
[data-color-scheme=dark] .notification--warning.notification--flat .notification__title {
  color: var(--color-text-warning);
}
.notification--warning.notification--vibrant {
  background: var(--color-background-warning);
}
.notification--warning.notification--vibrant .notification__close,
.notification--warning.notification--vibrant .notification__icon,
.notification--warning.notification--vibrant .notification__message,
.notification--warning.notification--vibrant .notification__title {
  color: var(--color-text-inversive);
}
.notification--error .notification__icon {
  color: var(--color-background-danger);
}
.notification--error.notification--elevated {
  background: var(--color-elevation-surface-default);
  border-left: 8px solid var(--color-background-danger);
  box-shadow: var(--elevation-50);
  padding-left: 8px;
}
.notification--error.notification--flat {
  background: var(--color-background-danger-weak);
  border-color: var(--color-background-danger-weak);
}
.notification--error.notification--flat .notification__message,
.notification--error.notification--flat .notification__title {
  color: var(--color-text-danger);
}
.notification--error.notification--flat .notification__icon,
[data-color-scheme=dark] .notification--error.notification--flat .notification__close,
[data-color-scheme=dark] .notification--error.notification--flat .notification__icon,
[data-color-scheme=dark] .notification--error.notification--flat .notification__message,
[data-color-scheme=dark] .notification--error.notification--flat .notification__title {
  color: var(--color-background-danger);
}
.notification--error.notification--vibrant {
  background: var(--color-background-danger);
}
.notification--error.notification--vibrant .notification__close,
.notification--error.notification--vibrant .notification__icon,
.notification--error.notification--vibrant .notification__message,
.notification--error.notification--vibrant .notification__title {
  color: var(--color-text-inversive);
}
.notification--announcement .notification__icon {
  color: var(--notification-color-announcement-main);
}
.notification--announcement.notification--elevated {
  background: var(--color-elevation-surface-default);
  border-left: 8px solid var(--notification-color-announcement-main);
  box-shadow: var(--elevation-50);
  padding-left: 8px;
}
.notification--announcement.notification--flat {
  background: var(--notification-color-announcement-weak);
  border-color: var(--notification-color-announcement-weak);
}
.notification--announcement.notification--flat .notification__icon,
.notification--announcement.notification--flat .notification__message,
.notification--announcement.notification--flat .notification__title,
[data-color-scheme=dark] .notification--announcement.notification--flat .notification__close,
[data-color-scheme=dark] .notification--announcement.notification--flat .notification__icon,
[data-color-scheme=dark] .notification--announcement.notification--flat .notification__message,
[data-color-scheme=dark] .notification--announcement.notification--flat .notification__title {
  color: var(--notification-color-announcement-main);
}
.notification--announcement.notification--vibrant {
  background: var(--notification-color-announcement-main);
}
.notification--announcement.notification--vibrant .notification__close,
.notification--announcement.notification--vibrant .notification__icon,
.notification--announcement.notification--vibrant .notification__message,
.notification--announcement.notification--vibrant .notification__title {
  color: var(--color-text-inversive);
}
.notification--announcement.notification--vibrant .notification__close,
.notification--announcement.notification--vibrant .notification__icon,
.notification--announcement.notification--vibrant .notification__message,
.notification--announcement.notification--vibrant .notification__title {
  color: var(--color-text-white);
}
.notification--neutral .notification__icon {
  color: var(--color-background-charcoal);
}
.notification--neutral.notification--elevated {
  background: var(--color-elevation-surface-default);
  border-left: 8px solid var(--color-background-charcoal);
  box-shadow: var(--elevation-50);
  padding-left: 8px;
}
.notification--neutral.notification--flat {
  background: var(--color-background-weakest);
  border-color: var(--color-background-weakest);
}
.notification--neutral.notification--flat .notification__message,
.notification--neutral.notification--flat .notification__title {
  color: var(--color-text-default);
}
.notification--neutral.notification--flat .notification__icon {
  color: var(--color-background-charcoal);
}
[data-color-scheme=dark] .notification--neutral.notification--flat .notification__close,
[data-color-scheme=dark] .notification--neutral.notification--flat .notification__icon,
[data-color-scheme=dark] .notification--neutral.notification--flat .notification__message,
[data-color-scheme=dark] .notification--neutral.notification--flat .notification__title {
  color: var(--color-text-white);
}
.notification--neutral.notification--vibrant {
  background: var(--color-background-charcoal);
}
.notification--neutral.notification--vibrant .notification__close,
.notification--neutral.notification--vibrant .notification__icon,
.notification--neutral.notification--vibrant .notification__message,
.notification--neutral.notification--vibrant .notification__title {
  color: var(--color-text-inversive);
}
[data-color-scheme=dark] .notification--neutral.notification--vibrant .notification__close,
[data-color-scheme=dark] .notification--neutral.notification--vibrant .notification__icon,
[data-color-scheme=dark] .notification--neutral.notification--vibrant .notification__message,
[data-color-scheme=dark] .notification--neutral.notification--vibrant .notification__title {
  color: var(--color-text-white);
}
.notification--white {
  background: var(--color-elevation-surface-default);
}
.notification--white,
.notification--white .notification__close,
.notification--white .notification__icon {
  color: var(--color-text-default);
}
.sticky-footer {
  align-items: center;
  background: var(--color-elevation-surface-sticky);
  bottom: 0;
  box-shadow: 0 4px 12px 0 #33333380;
  display: flex;
  gap: var(--spacing-300);
  justify-content: center;
  left: 0;
  padding: var(--spacing-300) var(--spacing-600);
  position: fixed;
  transition: transform .4s ease-in-out;
  width: 100%;
}
@media (max-width: 668px) {
  .sticky-footer {
    padding: var(--spacing-300) var(--spacing-400);
  }
}
.sticky-footer-open {
  transform: translateY(0);
}
.sticky-footer-closed {
  transform: translateY(100%);
}
.sticky-footer.sticky-footer-animated.sticky-footer-open {
  animation: move-in-bottom .4s ease-in-out;
}
.sticky-footer.sticky-footer-animated.sticky-footer-closed {
  animation: move-out-bottom .4s ease-in-out;
}
.sticky-footer-right,
.sticky-footer-right .sticky-footer-buttons {
  justify-content: flex-end;
}
.sticky-footer-content {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 1;
}
@media (max-width: 668px) {
  .sticky-footer-content {
    display: none;
  }
}
.sticky-footer-buttons {
  display: flex;
  gap: var(--spacing-300);
}
@media (max-width: 668px) {
  .sticky-footer-buttons,
  .sticky-footer-buttons > * {
    flex: 1;
  }
}
.sticky-footer-info {
  align-items: center;
  background: none;
  border: none;
  color: var(--color-typography-text);
  cursor: pointer;
  display: flex;
  font-size: 16px;
  padding: var(--spacing-300);
}
.sticky-footer-info:focus,
.sticky-footer-info:hover {
  color: var(--color-typography-link-hover);
}
.sticky-footer-info-icon {
  height: 16px;
  width: 16px;
}
@keyframes move-in-bottom {
  0% {
    transform: translateY(100%);
  }
  to {
    transform: translateY(0);
  }
}
@keyframes move-out-bottom {
  0% {
    transform: translateY(0);
  }
  to {
    transform: translateY(100%);
  }
}
.flyout {
  display: inline-block;
  font-family:
    Make It Better,
    Verdana,
    DejaVu Sans,
    Arial,
    Helvetica,
    sans-serif;
  position: relative;
}
.flyout-content {
  background: var(--color-elevation-surface-overlay);
  color: var(--color-text-default);
  overflow: hidden;
  padding: var(--spacing-600);
}
@media (min-width: 669px) {
  .flyout-content {
    border: 1px solid var(--color-border-default);
    border-radius: var(--border-radius-400);
    box-shadow: var(--elevation-40);
    display: block;
    left: 0;
    opacity: 0;
    position: absolute;
    top: calc(100% + 12px);
    transform: translateY(-4px);
    transition:
      transform .2s cubic-bezier(.4, 0, 1, 1),
      opacity .2s cubic-bezier(.4, 0, 1, 1),
      visibility .2s cubic-bezier(.4, 0, 1, 1);
    visibility: hidden;
    z-index: 10;
  }
}
.flyout-content-padding-small {
  padding: var(--spacing-300);
}
.flyout-content-padding-none {
  padding: 0;
}
@media (min-width: 669px) {
  .flyout-content-right {
    left: auto;
    right: 0;
  }
}
@media (max-width: 668px) {
  .flyout-content > * {
    width: 100% !important;
  }
}
@media (min-width: 669px) {
  .flyout-open .flyout-content {
    display: block;
    opacity: 1;
    transform: translateY(0);
    transition: transform .3s cubic-bezier(0, 0, .2, 1), opacity .3s cubic-bezier(0, 0, .2, 1);
    visibility: visible;
  }
}
.flyout-modal {
  box-shadow: var(--elevation-40);
}
.flyout-modal-content {
  border-top-left-radius: var(--border-radius-400);
  border-top-right-radius: var(--border-radius-400);
  padding: 0 !important;
}
.dot-separator-container {
  align-items: center;
  color: var(--color-text-weak);
  display: flex;
}
.dot-separator-container .dot-separator-separator {
  padding-inline: var(--spacing-100);
  text-align: center;
}
.testimonial-card {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-400);
  width: 100%;
}
.testimonial-card > div:first-child {
  align-items: stretch;
  display: flex;
  gap: var(--spacing-400);
}
.testimonial-card-profile {
  align-self: stretch;
  aspect-ratio: 1;
  flex-shrink: 0;
  max-height: 59px;
}
.testimonial-card-profile img {
  border-radius: 50%;
  display: block;
  height: 100%;
  object-fit: cover;
  width: 100%;
}
.testimonial-card:has(.testimonial-card-title) .testimonial-card-profile {
  max-height: 80px;
}
.testimonial-card-author {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 0;
  min-width: 0;
}
.testimonial-card-name {
  align-items: center;
  display: flex;
  font-size: var(--size-heading-xsmall);
  font-weight: 700;
  gap: var(--spacing-100);
  line-height: var(--line-height-heading-xsmall);
  margin-bottom: 0;
}
.testimonial-card-name,
.testimonial-card-title {
  color: var(--color-text-default);
  font-family:
    Make It Better,
    Verdana,
    DejaVu Sans,
    Arial,
    Helvetica,
    sans-serif;
  letter-spacing: 0;
}
.testimonial-card-title {
  font-size: var(--size-body-large);
  font-weight: 400;
  line-height: var(--line-height-body-large);
  margin: 0;
}
.testimonial-card-meta {
  align-items: center;
  display: flex;
  gap: var(--spacing-100);
  justify-content: space-between;
  margin-top: var(--spacing-100);
  width: 100%;
}
.testimonial-card-date {
  color: var(--color-text-default);
  color: var(--color-text-weak);
}
.testimonial-card-content,
.testimonial-card-date {
  font-family:
    Make It Better,
    Verdana,
    DejaVu Sans,
    Arial,
    Helvetica,
    sans-serif;
  font-size: var(--size-body-medium);
  font-weight: 400;
  letter-spacing: 0;
  line-height: var(--line-height-body-medium);
}
.testimonial-card-content {
  color: var(--color-text-default);
  margin: 0;
  white-space: pre-wrap;
  word-wrap: break-word;
}
.testimonial-card-link {
  font-family:
    Make It Better,
    Verdana,
    DejaVu Sans,
    Arial,
    Helvetica,
    sans-serif;
  font-size: var(--size-body-medium);
  font-weight: 700;
  letter-spacing: 0;
  line-height: var(--line-height-body-medium);
}
.testimonial-card-link,
.testimonial-card-meta > div svg {
  color: var(--color-text-default);
}
.success-celebration {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: var(--spacing-600);
  text-align: center;
}
.success-celebration__icon-wrapper {
  align-items: center;
  display: flex;
  justify-content: center;
  margin-bottom: var(--spacing-300);
}
.success-celebration--static .success-celebration__icon-wrapper {
  margin-bottom: var(--spacing-400);
}
.success-celebration__animation {
  display: block;
  height: 72px;
  object-fit: cover;
  object-position: center;
  width: 128px;
}
.success-celebration__icon {
  color: var(--color-icon-success,#389e0d);
  height: 48px;
  width: 48px;
}
.success-celebration__title {
  font-size: var(--size-heading-small);
  font-weight: 700;
  line-height: var(--line-height-heading-small);
  margin: 0;
  margin-bottom: var(--spacing-200,8px);
}
.success-celebration__description,
.success-celebration__title {
  color: var(--color-text-default);
  font-family:
    Make It Better,
    Verdana,
    DejaVu Sans,
    Arial,
    Helvetica,
    sans-serif;
  letter-spacing: 0;
}
.success-celebration__description {
  font-size: var(--size-body-medium);
  font-weight: 400;
  line-height: var(--line-height-body-medium);
  margin: 0;
  max-width: 480px;
}
@media (max-width: 668px) {
  .success-celebration {
    padding: var(--spacing-500);
  }
  .form,
  .input-text,
  .select,
  .textarea {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
.form-theme-standard {
  background-color: #fff;
  padding: 8px;
}
.fix-to-top-wrapper {
  position: relative;
}
.fix-to-top--fixed {
  left: 0;
  position: fixed;
  top: 0;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  width: 100%;
  z-index: 2000;
}
.corporate-powered-by-container {
  position: relative;
}
.corporate-powered-by {
  position: absolute;
  right: 0;
  top: 2px;
}
.corporate-powered-by:after {
  clear: both;
  content: "";
  display: table;
}
.corporate-powered-by__logo {
  display: block;
  float: right;
  height: 16px;
}
@media (min-width: 669px) {
  .corporate-powered-by {
    top: 16px;
  }
  .corporate-powered-by__logo {
    height: 16px;
  }
}
@media (min-width: 1014px) {
  .corporate-powered-by {
    right: 8px;
    top: 27px;
  }
  .corporate-powered-by__logo {
    height: 19px;
  }
}
.absolute-reference {
  position: relative;
}
.absolute-content {
  position: absolute;
}
@media (max-width: 668px) {
  .palm-absolute-reference {
    position: relative;
  }
  .palm-absolute-content {
    position: absolute;
  }
}
@media (min-width: 669px) and (max-width: 1013px) {
  .lap-absolute-reference {
    position: relative;
  }
  .lap-absolute-content {
    position: absolute;
  }
}
@media (min-width: 1014px) {
  .desk-absolute-reference {
    position: relative;
  }
  .desk-absolute-content {
    position: absolute;
  }
}
.breadcrumb {
  border-bottom: 1px solid #e0e0e0;
  font-size: 14px;
  font-size: 1.4rem;
  padding: 4px 2px;
}
@media (min-width: 669px) {
  .breadcrumb {
    font-size: 14px;
    font-size: 1.4rem;
    padding: 8px 4px;
  }
}
.breadcrumb:after {
  clear: both;
  content: "";
  display: table;
}
.breadcrumb__item {
  float: left;
}
.breadcrumb__item:after {
  color: #757575;
  content: "\e916";
  font-family: IS24Icons;
  font-size: 1.2rem;
  padding: 0 2px;
}
@media (min-width: 669px) {
  .breadcrumb__item:after {
    padding: 0 6px 0 5px;
  }
}
.breadcrumb__item--current {
  color: #333;
}
.breadcrumb__item--current:after {
  display: none;
}
.breadcrumb__item a:link,
.breadcrumb__item a:visited,
.breadcrumb__link:link,
.breadcrumb__link:visited {
  color: #757575;
  text-decoration: none;
}
.breadcrumb__item a:active,
.breadcrumb__item a:focus,
.breadcrumb__item a:hover,
.breadcrumb__link:active,
.breadcrumb__link:focus,
.breadcrumb__link:hover {
  color: #757575;
  text-decoration: underline;
}
.campaign-box {
  background-color: #fffffff0;
  border: 6px solid #008289;
  border-radius: 0 0 50px 0;
  box-shadow: 0 2px 4px -2px #34343466;
  padding: 16px 24px;
}
@media (min-width: 669px) {
  .campaign-box {
    border-radius: 0 0 72px 0;
    border-width: 8px;
    padding: 24px 32px;
  }
}
@media (max-width: 668px) {
  .palm-campaign-box {
    background-color: #fffffff0;
    border: 6px solid #008289;
    border-radius: 0 0 50px 0;
    box-shadow: 0 2px 4px -2px #34343466;
    padding: 16px 24px;
  }
}
@media (min-width: 669px) and (max-width: 1013px) {
  .lap-campaign-box {
    background-color: #fffffff0;
    border: 8px solid #008289;
    border-radius: 0 0 72px 0;
    box-shadow: 0 2px 4px -2px #34343466;
    padding: 24px 32px;
  }
}
@media (min-width: 1014px) {
  .desk-campaign-box {
    background-color: #fffffff0;
    border: 8px solid #008289;
    border-radius: 0 0 72px 0;
    box-shadow: 0 2px 4px -2px #34343466;
    padding: 24px 32px;
  }
}
a.link-visited:not(.disabled):not([class*=button]):visited {
  color: #636;
}
a.link-visited:not(.disabled):not([class*=button]):active,
a.link-visited:not(.disabled):not([class*=button]):focus,
a.link-visited:not(.disabled):not([class*=button]):hover {
  color: #333;
}
a.link-visited:not(.disabled):not([class*=button]):visited h1,
a.link-visited:not(.disabled):not([class*=button]):visited h2,
a.link-visited:not(.disabled):not([class*=button]):visited h3,
a.link-visited:not(.disabled):not([class*=button]):visited h4,
a.link-visited:not(.disabled):not([class*=button]):visited h5,
a.link-visited:not(.disabled):not([class*=button]):visited h6 {
  color: #636;
}
a.link-visited:not(.disabled):not([class*=button]):active h1,
a.link-visited:not(.disabled):not([class*=button]):active h2,
a.link-visited:not(.disabled):not([class*=button]):active h3,
a.link-visited:not(.disabled):not([class*=button]):active h4,
a.link-visited:not(.disabled):not([class*=button]):active h5,
a.link-visited:not(.disabled):not([class*=button]):active h6,
a.link-visited:not(.disabled):not([class*=button]):focus h1,
a.link-visited:not(.disabled):not([class*=button]):focus h2,
a.link-visited:not(.disabled):not([class*=button]):focus h3,
a.link-visited:not(.disabled):not([class*=button]):focus h4,
a.link-visited:not(.disabled):not([class*=button]):focus h5,
a.link-visited:not(.disabled):not([class*=button]):focus h6,
a.link-visited:not(.disabled):not([class*=button]):hover h1,
a.link-visited:not(.disabled):not([class*=button]):hover h2,
a.link-visited:not(.disabled):not([class*=button]):hover h3,
a.link-visited:not(.disabled):not([class*=button]):hover h4,
a.link-visited:not(.disabled):not([class*=button]):hover h5,
a.link-visited:not(.disabled):not([class*=button]):hover h6 {
  color: #333;
}
.link-visited a:not(.disabled):not([class*=button]):visited {
  color: #636;
}
.link-visited a:not(.disabled):not([class*=button]):active,
.link-visited a:not(.disabled):not([class*=button]):focus,
.link-visited a:not(.disabled):not([class*=button]):hover {
  color: #333;
}
.link-visited a:not(.disabled):not([class*=button]):visited h1,
.link-visited a:not(.disabled):not([class*=button]):visited h2,
.link-visited a:not(.disabled):not([class*=button]):visited h3,
.link-visited a:not(.disabled):not([class*=button]):visited h4,
.link-visited a:not(.disabled):not([class*=button]):visited h5,
.link-visited a:not(.disabled):not([class*=button]):visited h6 {
  color: #636;
}
.link-visited a:not(.disabled):not([class*=button]):active h1,
.link-visited a:not(.disabled):not([class*=button]):active h2,
.link-visited a:not(.disabled):not([class*=button]):active h3,
.link-visited a:not(.disabled):not([class*=button]):active h4,
.link-visited a:not(.disabled):not([class*=button]):active h5,
.link-visited a:not(.disabled):not([class*=button]):active h6,
.link-visited a:not(.disabled):not([class*=button]):focus h1,
.link-visited a:not(.disabled):not([class*=button]):focus h2,
.link-visited a:not(.disabled):not([class*=button]):focus h3,
.link-visited a:not(.disabled):not([class*=button]):focus h4,
.link-visited a:not(.disabled):not([class*=button]):focus h5,
.link-visited a:not(.disabled):not([class*=button]):focus h6,
.link-visited a:not(.disabled):not([class*=button]):hover h1,
.link-visited a:not(.disabled):not([class*=button]):hover h2,
.link-visited a:not(.disabled):not([class*=button]):hover h3,
.link-visited a:not(.disabled):not([class*=button]):hover h4,
.link-visited a:not(.disabled):not([class*=button]):hover h5,
.link-visited a:not(.disabled):not([class*=button]):hover h6 {
  color: #333;
}
.text-spacing > ol,
.text-spacing > p,
.text-spacing > ul {
  margin-bottom: 16px;
}
.tooltip-icon {
  cursor: pointer;
  line-height: 1.6rem;
  margin-left: 2px;
}
@media (min-width: 669px) {
  .tooltip-icon {
    margin-left: 4px;
  }
}
.tooltip-icon:before {
  color: #757575;
  content: "\e92b";
  font-family: IS24Icons;
  font-size: 1.6rem;
  position: relative;
  top: 1px;
}
@media (min-width: 669px) {
  .tooltip-icon:before {
    font-size: 1.6rem;
  }
}
.ad-skyscraper--left,
.ad-skyscraper--right,
.ad-superbanner {
  display: none;
}
@media (min-width: 669px) {
  .has-ad-superbanner .ad-superbanner {
    display: block;
  }
}
@media (min-width: 1014px) {
  .has-ad-skyscraper--right .ad-skyscraper--right {
    display: block;
  }
}
@media (min-width: 1471px) {
  .has-ad-skyscraper--left .ad-skyscraper--left {
    display: block;
  }
}
.page-wrapper--with-ads {
  position: relative;
}
#FEM_WALL_DIV {
  display: none;
}
@media (min-width: 1014px) {
  #FEM_WALL_DIV {
    display: block;
  }
}
@media (min-width: 669px) {
  .ad-skyscraper--left,
  .ad-skyscraper--right,
  .ad-superbanner {
    position: absolute;
  }
  .ad-superbanner {
    z-index: 2001;
  }
  .ad-skyscraper--left,
  .ad-skyscraper--right {
    z-index: 1999;
  }
  .has-ad-superbanner .page-wrapper--with-ads {
    margin-top: 90px;
  }
  .ad-superbanner {
    height: 90px;
    right: 0;
    top: -91px;
  }
}
@media (min-width: 1014px) {
  .ad-superbanner {
    right: -1px;
  }
  .ad-skyscraper--left,
  .ad-skyscraper--right {
    top: 120px;
    width: 300px;
  }
  .ad-skyscraper--right {
    right: -301px;
  }
  .ad-skyscraper--left {
    left: -301px;
  }
}
@media (min-width: 1014px) and (max-width: 1769px) {
  .has-ad-skyscraper--right .page-wrapper--with-ads {
    margin-left: 0;
    margin-right: 300px;
    min-width: 1014px;
    width: auto;
  }
}
@media (min-width: 1470px) and (max-width: 1769px) {
  .has-ad-skyscraper--right .page-wrapper--with-ads {
    margin-left: auto;
  }
}
@media (min-width: 1014px) {
  .has-ad-skyscraper--right .top-navigation.fix-to-top--fixed {
    padding: 0;
  }
}
@media (min-width: 1014px) and (max-width: 1313px) {
  .has-ad-skyscraper--right .top-navigation.fix-to-top--fixed {
    left: 8px;
    max-width: 998px;
  }
}
@media (min-width: 1314px) and (max-width: 1469px) {
  .has-ad-skyscraper--right .top-navigation.fix-to-top--fixed {
    left: 0;
    margin-left: 8px;
    margin-right: 308px;
    max-width: none;
    right: 0;
    width: auto;
  }
}
@media (min-width: 1470px) and (max-width: 1769px) {
  .has-ad-skyscraper--right .top-navigation.fix-to-top--fixed {
    left: auto;
    max-width: 1154px;
    padding: 0;
    right: auto;
  }
}

/* frontend/client/editor.css */
.studio-editor {
  width: 100%;
  min-height: 100vh;
  background: #f7f7f7;
  color: #333;
}
.studio-editor__header {
  display: flex;
  min-width: 0;
  align-items: center;
  gap: 16px;
  min-height: 76px;
  padding: 12px 28px;
  overflow: visible;
  border-bottom: 2px solid #e0e0e0;
  background: #fff;
}
.studio-editor__actions {
  display: flex;
  flex: 0 0 auto;
  gap: 10px;
}
.studio-editor__export {
  position: relative;
}
.studio-editor__export-menu {
  position: absolute;
  z-index: 5;
  top: calc(100% + 8px);
  right: 0;
  display: grid;
  width: 290px;
  padding: 6px;
  border: 1px solid #d6d6d6;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 12px 28px rgba(0, 0, 0, .16);
}
.studio-editor__export-menu button {
  display: grid;
  gap: 3px;
  padding: 12px;
  border: 0;
  border-radius: 6px;
  background: transparent;
  color: #333;
  cursor: pointer;
  font: inherit;
  text-align: left;
}
.studio-editor__export-menu button:hover,
.studio-editor__export-menu button:focus-visible {
  background: #f2f2f2;
  outline: none;
}
.studio-editor__export-menu span {
  color: #5e5e5e;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.35;
}
.studio-editor__back {
  width: 132px !important;
  min-width: 0 !important;
  flex: 0 0 auto;
  border: 0;
  background: transparent;
  color: #333;
  cursor: pointer;
  font: inherit;
  font-weight: 700;
}
.studio-editor__export-trigger {
  width: 150px !important;
  min-width: 0 !important;
}
.studio-editor__wordmark {
  display: inline-flex;
  flex: 0 0 112px;
  width: 112px;
  align-items: center;
}
.studio-editor__document {
  display: grid;
  min-width: 0;
  flex: 1 1 auto;
  gap: 3px;
}
.studio-editor__deck-title {
  display: block;
  min-width: 0;
}
.studio-editor__deck-title input {
  min-width: 0;
  width: 100%;
  overflow: hidden;
  border: 0;
  background: transparent;
  color: #333;
  font: inherit;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.2;
  text-overflow: ellipsis;
}
.studio-editor__brand {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  gap: 6px;
}
.studio-editor__brand > span {
  grid-column: 1 / -1;
  color: #5e5e5e;
}
.studio-editor__brand label {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  white-space: nowrap;
}
.studio-editor__brand input {
  accent-color: var(--studio-accent);
}
.studio-editor__workspace {
  display: grid;
  grid-template-columns: 208px minmax(0, 1fr) 320px;
  min-height: calc(100vh - 76px);
}
.studio-editor__rail,
.studio-editor__inspector {
  padding: 20px;
  background: #fff;
}
.studio-editor__rail {
  border-right: 2px solid #e0e0e0;
}
.studio-editor__rail ol {
  margin: 0 0 16px;
  padding: 0;
  list-style: none;
}
.studio-editor__rail li + li {
  margin-top: 10px;
}
.studio-editor__rail ol > li:nth-child(n) {
  position: relative;
  display: flex;
  width: 100%;
  margin-left: 0 !important;
  justify-content: center;
}
.studio-editor__add-slide {
  width: 100% !important;
}
.studio-editor__rail li > button {
  position: relative;
  display: block;
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  aspect-ratio: 16 / 9;
  padding: 0;
  overflow: hidden;
  border: 2px solid #e0e0e0;
  border-radius: 8px;
  background: #fff;
  color: #333;
  cursor: pointer;
  text-align: left;
}
.studio-editor__rail li button.is-selected {
  border-color: #008c7d;
}
.studio-editor__slide-number {
  position: absolute;
  z-index: 1;
  top: 6px;
  left: 6px;
  display: grid;
  width: 22px;
  height: 22px;
  place-items: center;
  border-radius: 50%;
  background: #fff;
  color: #333;
  font-size: 11px;
  font-weight: 700;
}
.studio-editor__rail li > button.studio-editor__thumb-delete {
  position: absolute;
  z-index: 4;
  top: 6px;
  right: 6px;
  display: grid;
  width: 24px;
  height: 24px;
  min-width: 24px;
  max-width: none;
  box-sizing: border-box;
  aspect-ratio: auto;
  place-items: center;
  padding: 0;
  overflow: visible;
  border: 1px solid rgba(255, 255, 255, .72);
  border-radius: 50%;
  background: rgba(14, 14, 23, .88);
  color: #fff;
  cursor: pointer;
  font: inherit;
  font-size: 15px;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  appearance: none;
}
.studio-editor__thumb-delete:hover {
  border-color: var(--studio-accent);
  background: var(--studio-accent);
  color: #20212a;
}
.studio-editor__thumb-delete:focus-visible {
  outline: 3px solid var(--studio-accent);
  outline-offset: 2px;
}
.studio-editor__thumb-delete:disabled {
  cursor: not-allowed;
  opacity: .45;
}
.studio-editor__canvas {
  display: grid;
  min-width: 0;
  align-content: start;
  justify-items: center;
  padding: clamp(24px, 4vw, 64px);
}
.studio-editor__canvas > .studio-slide-stage {
  width: min(100%, 1260px);
}
.studio-editor__inspector {
  border-left: 2px solid #e0e0e0;
}
.studio-editor__inspector h2 {
  margin: 0 0 20px;
  font-size: 18px;
}
.studio-editor__inspector h2 span {
  color: #5e5e5e;
  font-size: 14px;
  font-weight: 400;
}
.studio-editor__inspector label {
  display: grid;
  gap: 8px;
  margin-top: 16px;
  font-size: 14px;
  font-weight: 700;
}
.studio-editor__inspector input,
.studio-editor__inspector textarea,
.studio-editor__inspector select {
  width: 100%;
  border: 2px solid #e0e0e0;
  border-radius: 8px;
  padding: 9px;
  color: #333;
  font: inherit;
}
.studio-editor__inspector textarea {
  resize: vertical;
}
.studio-editor__content-fields h3 {
  margin: 0;
  font-size: 14px;
}
.studio-editor__content-fields {
  display: grid;
  gap: 12px;
  margin-top: 10px;
  padding-top: 18px;
  border-top: 1px solid #303147;
}
.studio-editor__content-fields > div:first-child p {
  margin: 5px 0 0;
  color: #aaaabd;
  font-size: 11px;
  line-height: 1.45;
}
.studio-editor__add-content {
  display: grid;
  gap: 10px;
}
.studio-editor__add-content label {
  margin-top: 0;
  font-size: 11px;
}
.studio-editor__add-content textarea {
  resize: vertical;
}
.studio-editor__content-actions {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 6px;
}
.studio-editor__content-actions button {
  min-height: 36px;
  border: 1px solid #4b4b5e;
  border-radius: 7px;
  background: #21212d;
  color: #f4f4f8;
  cursor: pointer;
  font: inherit;
  font-size: 11px;
  font-weight: 800;
}
.studio-editor__content-actions button:hover,
.studio-editor__content-actions button:focus-visible {
  border-color: var(--studio-accent);
  background: color-mix(in srgb, var(--studio-accent) 14%, #21212d);
  outline: none;
}
.studio-editor__content-actions button:disabled {
  cursor: not-allowed;
  opacity: .45;
}
.studio-editor__layout-library {
  margin-top: 10px;
}
.studio-editor__layout-library summary {
  display: grid;
  min-height: 58px;
  box-sizing: border-box;
  grid-template-columns: minmax(0, 1fr) auto auto;
  align-items: center;
  gap: 10px;
  padding: 10px 12px;
  border: 1px solid #49495e;
  border-radius: 9px;
  background: #1b1b28;
  color: #f3f3f8;
  cursor: pointer;
  font-size: 13px;
  list-style: none;
}
.studio-editor__layout-library summary::-webkit-details-marker {
  display: none;
}
.studio-editor__layout-library summary::after {
  grid-column: 3;
  grid-row: 1;
  color: #bdbdca;
  content: "\2304";
  font-size: 17px;
  transition: transform .15s ease;
}
.studio-editor__layout-library[open] summary::after {
  transform: rotate(180deg);
}
.studio-editor__layout-library summary > span {
  display: grid;
  min-width: 0;
  gap: 3px;
}
.studio-editor__layout-library summary strong {
  color: inherit;
  font-size: 13px;
}
.studio-editor__layout-library summary small {
  color: #a9a9b8;
  font-size: 10px;
  font-weight: 500;
  line-height: 1.25;
}
.studio-editor__layout-library summary em {
  max-width: 86px;
  overflow: hidden;
  color: var(--studio-accent);
  font-size: 10px;
  font-style: normal;
  font-weight: 800;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.studio-editor__layout-library summary:hover {
  border-color: var(--studio-accent);
  background: #222230;
}
.studio-editor__layout-library summary:focus-visible {
  outline: 3px solid var(--studio-accent);
  outline-offset: 3px;
}
.studio-editor__layout-menu {
  display: grid;
  max-height: min(52vh, 520px);
  gap: 15px;
  margin-top: 8px;
  padding: 12px;
  overflow-y: auto;
  border: 1px solid #414157;
  border-radius: 9px;
  background: #14141e;
  box-shadow: 0 14px 30px rgba(0, 0, 0, .25);
}
.studio-editor__layout-menu section {
  min-width: 0;
}
.studio-editor__layout-kind {
  display: grid;
  gap: 10px;
}
.studio-editor__layout-kind + .studio-editor__layout-kind {
  padding-top: 14px;
  border-top: 1px solid #353649;
}
.studio-editor__layout-menu h3 {
  margin: 0;
  color: #e1e1e8;
  font-size: 12px;
  letter-spacing: 0;
}
.studio-editor__layout-menu h4 {
  margin: 0 0 6px;
  color: #9292a4;
  font-size: 10px;
  letter-spacing: 0;
}
.studio-editor__layout-kind--other button span {
  color: var(--studio-accent);
  font-size: 14px;
}
.studio-editor__layout-menu section > div {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 5px;
}
.studio-editor__layout-menu button {
  display: flex;
  min-width: 0;
  min-height: 34px;
  align-items: center;
  justify-content: space-between;
  gap: 6px;
  padding: 7px 8px;
  border: 1px solid transparent;
  border-radius: 6px;
  background: #20202c;
  color: #d6d6e0;
  cursor: pointer;
  font: inherit;
  font-size: 10px;
  font-weight: 700;
  line-height: 1.2;
  text-align: left;
}
.studio-editor__layout-menu button:hover,
.studio-editor__layout-menu button:focus-visible {
  border-color: var(--studio-accent);
  background: color-mix(in srgb, var(--studio-accent) 13%, #20202c);
  color: #fff;
  outline: none;
}
.studio-editor__layout-menu button.is-active {
  border-color: color-mix(in srgb, var(--studio-accent) 68%, transparent);
  color: var(--studio-accent);
}
.studio-editor__layout-menu button:disabled {
  cursor: not-allowed;
  opacity: .5;
}
.studio-editor__canvas {
  position: relative;
}
.studio-editor__canvas.is-previewing-layout > .studio-slide-stage {
  box-shadow: 0 0 0 3px var(--studio-accent), 0 20px 48px rgba(0, 0, 0, .16);
}
.studio-editor__layout-preview-status {
  position: absolute;
  top: 18px;
  left: 50%;
  z-index: 3;
  max-width: calc(100% - 40px);
  padding: 7px 11px;
  overflow: hidden;
  border-radius: 999px;
  background: #171721;
  color: #fff;
  font-size: 11px;
  font-weight: 800;
  text-overflow: ellipsis;
  white-space: nowrap;
  transform: translateX(-50%);
}
.studio-editor--immo {
  --studio-accent: #3de5d3;
  --studio-accent-dark: #007f6e;
}
.studio-editor--immo .studio-editor__thumb-delete:hover {
  border-color: var(--studio-accent);
  background: var(--studio-accent);
  color: #24242c;
}
.studio-editor--immo .studio-editor__thumb-delete:focus-visible,
.studio-editor--immo .studio-editor__layout-library summary:focus-visible,
.studio-editor--immo .studio-workspace__sources li > button:focus-visible {
  outline-color: var(--studio-accent);
}
.studio-editor--immo .studio-editor__rail li button.is-selected {
  border-color: var(--studio-accent);
  box-shadow: 0 0 0 1px var(--studio-accent);
}
.studio-workspace {
  display: grid;
  gap: 12px;
  margin: -8px -8px 24px;
  padding: 16px;
  border: 1px solid #34354a;
  border-radius: 10px;
  background: #15151f;
}
.studio-workspace > div > p {
  margin: 0 0 4px;
  color: #aaaabd;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0;
}
.studio-workspace h2 {
  margin: 0;
}
.studio-workspace__sources,
.studio-workspace__history {
  display: grid;
  gap: 5px;
  font-size: 12px;
}
.studio-workspace__sources strong,
.studio-workspace__history strong {
  color: #f6f6fa;
}
.studio-workspace__sources span,
.studio-workspace__history p {
  margin: 0;
  color: #aaaabd;
  line-height: 1.35;
}
.studio-workspace__sources ul {
  display: grid;
  gap: 4px;
  margin: 0;
  padding: 0;
  list-style: none;
  color: #d9d9e5;
}
.studio-workspace__sources li {
  display: grid;
  min-width: 0;
  grid-template-columns: minmax(0, 1fr) 40px;
  align-items: center;
  gap: 4px;
}
.studio-workspace__sources li > span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.studio-workspace__sources li > button {
  display: grid;
  width: 40px;
  height: 40px;
  place-items: center;
  border: 0;
  border-radius: 50%;
  background: transparent;
  color: inherit;
  cursor: pointer;
  font: inherit;
  font-size: 18px;
}
.studio-workspace__sources li > button:hover {
  background: rgba(255, 255, 255, .08);
}
.studio-workspace__sources li > button:focus-visible {
  outline: 3px solid var(--studio-accent);
  outline-offset: -2px;
}
.studio-workspace__add-source {
  justify-self: start;
  margin-top: 4px;
}
.studio-workspace textarea {
  margin: 0;
}
.studio-editor__items,
.studio-editor__image,
.studio-editor__ai-actions {
  margin-top: 24px;
  padding-top: 18px;
  border-top: 2px solid #e0e0e0;
}
.studio-editor__items h3,
.studio-editor__image h3,
.studio-editor__ai-actions h3 {
  margin: 0 0 10px;
  font-size: 14px;
}
.studio-editor__items > div {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) 66px auto;
  gap: 6px;
  margin-top: 6px;
}
.studio-editor__item-order {
  display: inline-flex;
  gap: 2px;
}
.studio-editor__item-order button {
  width: 28px;
  height: 28px;
  padding: 0;
  border: 1px solid #d6d6d6;
  border-radius: 6px;
  background: #fff;
  color: #333;
  cursor: pointer;
}
.studio-editor__item-order button:disabled {
  cursor: not-allowed;
  opacity: .35;
}
.studio-editor__items > div input {
  min-width: 0;
  padding: 7px;
  font-size: 12px;
}
.studio-editor__items > div button,
.studio-editor__text-button {
  border: 0;
  background: transparent;
  color: #007f6e;
  cursor: pointer;
  font: inherit;
  font-weight: 700;
}
.studio-editor__text-button {
  display: block;
  margin-top: 10px;
  padding: 0;
  text-align: left;
}
.studio-editor__image {
  display: grid;
  gap: 8px;
}
.studio-editor__image h3 {
  margin-bottom: 0;
}
.studio-editor__image img {
  width: 72px;
  height: 52px;
  border-radius: 6px;
  object-fit: cover;
}
.studio-editor__image-row {
  display: grid;
  grid-template-columns: 72px minmax(0, 1fr) auto 28px;
  align-items: center;
  gap: 7px;
  padding: 7px;
  border: 1px solid #414255;
  border-radius: 8px;
}
.studio-editor__image-row span {
  overflow: hidden;
  color: #c8c8d4;
  font-size: 11px;
  font-weight: 700;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.studio-editor__image-row button {
  min-height: 28px;
  border: 0;
  border-radius: 6px;
  padding: 4px 7px;
  background: #292938;
  color: #f3f3f7;
  cursor: pointer;
  font: inherit;
  font-size: 10px;
  font-weight: 800;
}
.studio-editor__image-row button:last-child {
  padding: 0;
  font-size: 16px;
}
.studio-editor__image-row button:hover,
.studio-editor__image-row button:focus-visible {
  background: var(--studio-accent);
  color: #20212a;
  outline: none;
}
.studio-editor__image-position {
  display: grid;
  gap: 10px;
  margin-top: 4px;
  padding: 12px;
  border: 1px solid #dedede;
  border-radius: 8px;
  background: rgba(255, 255, 255, .45);
}
.studio-editor__image-position strong {
  font-size: 13px;
}
.studio-editor__image-position-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.studio-editor__image-position-heading span {
  color: #77778a;
  font-size: 11px;
  font-variant-numeric: tabular-nums;
}
.studio-editor__focus-picker {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  border: 2px solid #c9c9d2;
  border-radius: 7px;
  padding: 0;
  background: #22222e;
  cursor: crosshair;
  touch-action: none;
}
.studio-editor__focus-picker img {
  width: 100%;
  height: 100%;
  border-radius: 0;
  object-fit: cover;
  pointer-events: none;
}
.studio-editor__focus-picker:hover,
.studio-editor__focus-picker:focus-visible {
  border-color: var(--studio-accent);
  outline: 3px solid color-mix(in srgb, var(--studio-accent) 30%, transparent);
  outline-offset: 2px;
}
.studio-editor__focus-marker {
  position: absolute;
  width: 24px;
  height: 24px;
  border: 2px solid #fff;
  border-radius: 50%;
  background: color-mix(in srgb, var(--studio-accent) 34%, transparent);
  box-shadow: 0 0 0 2px rgba(0, 0, 0, .55);
  pointer-events: none;
  transform: translate(-50%, -50%);
}
.studio-editor__focus-marker::before,
.studio-editor__focus-marker::after {
  position: absolute;
  top: 50%;
  left: 50%;
  background: #fff;
  content: "";
  transform: translate(-50%, -50%);
}
.studio-editor__focus-marker::before {
  width: 10px;
  height: 2px;
}
.studio-editor__focus-marker::after {
  width: 2px;
  height: 10px;
}
.studio-editor__focus-controls {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: end;
  gap: 10px;
}
.studio-editor__focus-controls label {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 4px 8px;
  margin-top: 0;
  font-size: 12px;
}
.studio-editor__focus-controls label span {
  color: #77778a;
  font-size: 11px;
  font-variant-numeric: tabular-nums;
}
.studio-editor__focus-controls label input {
  grid-column: 1 / -1;
}
.studio-editor__focus-controls .studio-editor__text-button {
  min-height: 32px;
  margin: 0 0 1px;
}
.studio-editor__image-position input[type=range] {
  width: 100%;
  accent-color: var(--studio-accent);
}
.studio-editor__ai-action {
  margin-top: 14px;
}
.studio-editor__ai-action > div {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 6px;
}
.studio-editor__ai-actions button {
  border: 0;
  border-radius: 8px;
  background: #333;
  color: #fff;
  cursor: pointer;
  font: inherit;
  font-weight: 700;
  padding: 0 10px;
}
.studio-editor__ai-actions button:disabled {
  cursor: not-allowed;
  opacity: .45;
}
.studio-editor__error {
  margin: 12px 0 0;
  color: #c84032;
  font-size: 14px;
}
.studio-editor__toast {
  position: fixed;
  right: 24px;
  bottom: 24px;
  z-index: 2;
  max-width: 420px;
  margin: 0;
  padding: 12px 16px;
  border: 2px solid #e74b3c;
  border-radius: 8px;
  background: #fff;
  color: #333;
}
.studio-editor__slide-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 20px;
}
.studio-source-stage {
  width: 100%;
  min-width: 0;
}
.studio-source-stage {
  position: relative;
  aspect-ratio: 16 / 9;
  overflow: hidden;
}
.studio-source-stage__inner {
  position: absolute;
  top: 0;
  left: 0;
  transform-origin: top left;
}
.studio-editor__rail .studio-source-stage--thumbnail {
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 9;
  pointer-events: none;
}
.studio-editor__canvas > .studio-source-stage {
  width: min(100%, 1300px);
}
.studio-deck-slide {
  position: relative;
  box-sizing: border-box;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  border: 2px solid #e0e0e0;
  border-radius: 8px;
  background: #fff;
  color: #333;
  font-family: inherit;
}
.studio-deck-slide--immo {
  --deck-accent: #3df5dc;
  --deck-accent-dark: #007f6e;
  --deck-highlight: #d5aaff;
}
.studio-deck-slide--scout {
  --deck-accent: #ff9626;
  --deck-accent-dark: #bb5d0b;
  --deck-highlight: #ffcf99;
}
.studio-deck-slide * {
  box-sizing: border-box;
}
.studio-deck-slide__content,
.studio-deck-slide__metric {
  height: 100%;
  padding: clamp(28px, 5.2vw, 88px);
}
.studio-deck-slide__intro {
  max-width: 76%;
}
.studio-deck-slide__eyebrow,
.studio-deck-slide__statement > p,
.studio-deck-slide__cover > p,
.studio-deck-slide__section p {
  margin: 0 0 clamp(9px, 1.4vw, 20px);
  color: var(--deck-accent-dark);
  font-size: clamp(10px, 1.3vw, 19px);
  font-weight: 700;
  letter-spacing: 0;
}
.studio-deck-slide h2,
.studio-deck-slide h3,
.studio-deck-slide p {
  overflow-wrap: anywhere;
}
.studio-deck-slide__intro h2 {
  max-width: 20ch;
  margin: 0;
  font-size: clamp(28px, 4.2vw, 72px);
  line-height: 1.04;
}
.studio-deck-slide__body {
  max-width: 56ch;
  margin: clamp(14px, 2vw, 28px) 0 0;
  color: #5e5e5e;
  font-size: clamp(14px, 1.55vw, 24px);
  line-height: 1.42;
  white-space: pre-wrap;
}
.studio-deck-slide--cover {
  border: 0;
  border-radius: 0;
  background: #333;
  color: #fff;
}
.studio-deck-slide__cover {
  display: flex;
  width: 100%;
  height: 100%;
  flex-direction: column;
  justify-content: flex-end;
  padding: clamp(32px, 7vw, 124px);
}
.studio-deck-slide__cover--image {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, .96fr);
  padding: 0;
}
.studio-deck-slide__cover-copy {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: clamp(32px, 7vw, 124px);
}
.studio-deck-slide__cover-visual {
  min-width: 0;
  background: #202020;
}
.studio-deck-slide__cover-visual img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.studio-deck-slide__cover > p,
.studio-deck-slide__cover-copy > p {
  color: var(--deck-accent);
}
.studio-deck-slide__cover h2 {
  max-width: 14ch;
  margin: 0;
  font-size: clamp(36px, 5.6vw, 100px);
  line-height: .98;
}
.studio-deck-slide__cover span {
  max-width: 54ch;
  margin-top: clamp(18px, 2.2vw, 34px);
  color: rgba(255, 255, 255, .72);
  font-size: clamp(14px, 1.6vw, 24px);
  line-height: 1.45;
}
.studio-deck-slide--section {
  border: 0;
  border-radius: 0;
  background: #333;
  color: #fff;
}
.studio-deck-slide__section {
  display: grid;
  height: 100%;
  grid-template-columns: minmax(130px, .5fr) 1.5fr;
  align-items: center;
  gap: clamp(24px, 5vw, 90px);
  padding: clamp(32px, 7vw, 112px);
}
.studio-deck-slide__section > strong {
  color: transparent;
  font-size: clamp(100px, 18vw, 320px);
  line-height: .75;
  -webkit-text-stroke: 3px var(--deck-accent);
}
.studio-deck-slide__section p {
  color: var(--deck-accent);
}
.studio-deck-slide__section h2 {
  max-width: 14ch;
  margin: 0;
  font-size: clamp(34px, 5vw, 80px);
  line-height: 1;
}
.studio-deck-slide__section span {
  display: block;
  max-width: 48ch;
  margin-top: 20px;
  color: rgba(255, 255, 255, .72);
  font-size: clamp(14px, 1.5vw, 22px);
}
.studio-deck-slide--statement {
  border: 0;
  border-radius: 0;
  background: var(--deck-highlight);
}
.studio-deck-slide__statement {
  display: flex;
  height: 100%;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: clamp(32px, 9vw, 150px);
  text-align: center;
}
.studio-deck-slide__statement h2 {
  max-width: 16ch;
  margin: 0;
  font-size: clamp(34px, 5.2vw, 88px);
  line-height: 1.02;
}
.studio-deck-slide__statement > span {
  margin-top: clamp(20px, 3vw, 42px);
  padding: 9px 18px;
  border-radius: 999px;
  background: #fff;
  font-size: clamp(13px, 1.25vw, 18px);
  font-weight: 700;
}
.studio-deck-slide__metric {
  display: grid;
  grid-template-columns: minmax(0, .95fr) minmax(0, 1.15fr);
  align-items: center;
  gap: clamp(28px, 6vw, 110px);
  background: #fbf8f6;
}
.studio-deck-slide__metrics {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(16px, 2vw, 30px);
}
.studio-deck-slide__metrics > strong {
  grid-column: 1 / -1;
  color: var(--deck-accent-dark);
  font-size: clamp(60px, 9vw, 150px);
  line-height: .85;
}
.studio-deck-slide__metrics > div {
  padding-top: 16px;
  border-top: 2px solid #e0e0e0;
}
.studio-deck-slide__metrics strong,
.studio-deck-slide__metrics span {
  display: block;
}
.studio-deck-slide__metrics > div strong {
  color: var(--deck-accent-dark);
  font-size: clamp(24px, 3.1vw, 50px);
  line-height: 1;
}
.studio-deck-slide__metrics > div span {
  margin-top: 8px;
  color: #5e5e5e;
  font-size: clamp(12px, 1.2vw, 18px);
  line-height: 1.25;
}
.studio-deck-slide__card-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(12px, 1.7vw, 24px);
  margin-top: clamp(28px, 4.5vw, 70px);
}
.studio-deck-slide__card {
  min-height: clamp(115px, 14vw, 220px);
  padding: clamp(16px, 2vw, 30px);
  border-radius: 8px;
  background: #fbf8f6;
}
.studio-deck-slide__card:nth-child(2n) {
  background: var(--deck-highlight);
}
.studio-deck-slide__card:nth-child(3n) {
  background: var(--deck-accent);
}
.studio-deck-slide__card strong {
  display: block;
  margin-bottom: 10px;
  font-size: clamp(22px, 3vw, 48px);
  line-height: 1;
}
.studio-deck-slide__card h3 {
  margin: 0;
  font-size: clamp(14px, 1.6vw, 23px);
  line-height: 1.15;
}
.studio-deck-slide__card p {
  margin: 8px 0 0;
  font-size: clamp(11px, 1.1vw, 16px);
  line-height: 1.3;
}
.studio-deck-slide__list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(14px, 2.5vw, 38px);
  margin: clamp(28px, 4vw, 56px) 0 0;
  padding: 0;
  list-style: none;
}
.studio-deck-slide__list li {
  display: flex;
  gap: 14px;
  padding-top: 12px;
  border-top: 2px solid #e0e0e0;
}
.studio-deck-slide__list li > span {
  color: var(--deck-accent-dark);
  font-size: clamp(16px, 1.8vw, 28px);
  font-weight: 700;
}
.studio-deck-slide__list h3 {
  margin: 0;
  font-size: clamp(14px, 1.6vw, 23px);
  line-height: 1.15;
}
.studio-deck-slide__list p {
  margin: 7px 0 0;
  color: #5e5e5e;
  font-size: clamp(11px, 1.1vw, 16px);
  line-height: 1.3;
}
.studio-deck-slide__split {
  display: grid;
  height: 100%;
  grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr);
}
.studio-deck-slide__split--image-left {
  grid-template-columns: minmax(0, 1.2fr) minmax(0, .8fr);
}
.studio-deck-slide__split--image-left .studio-deck-slide__intro {
  order: 2;
}
.studio-deck-slide__split--image-left .studio-deck-slide__visual {
  order: 1;
}
.studio-deck-slide__split .studio-deck-slide__intro {
  max-width: none;
  align-self: center;
  padding: clamp(28px, 5.2vw, 88px);
}
.studio-deck-slide__chart {
  position: relative;
  min-width: 0;
  margin: clamp(28px, 4.5vw, 68px) clamp(28px, 4vw, 70px) clamp(28px, 4.5vw, 68px) 0;
  overflow: hidden;
  border-radius: 8px;
  background: #fff;
}
.studio-deck-slide__chart-grid {
  position: absolute;
  inset: 12% 8% 12%;
  border-top: 2px solid #e0e0e0;
  border-bottom: 2px solid #e0e0e0;
}
.studio-deck-slide__chart-grid::before,
.studio-deck-slide__chart-grid::after {
  position: absolute;
  right: 0;
  left: 0;
  border-top: 2px solid #e0e0e0;
  content: "";
}
.studio-deck-slide__chart-grid::before {
  top: 33.333%;
}
.studio-deck-slide__chart-grid::after {
  top: 66.666%;
}
.studio-deck-slide__bars {
  position: absolute;
  right: 12%;
  bottom: 12%;
  left: 12%;
  display: flex;
  height: 70%;
  align-items: end;
  justify-content: space-around;
  gap: 7%;
}
.studio-deck-slide__bars > div {
  display: flex;
  height: 100%;
  min-width: 0;
  flex: 1;
  flex-direction: column;
  justify-content: end;
  gap: 8px;
}
.studio-deck-slide__bars i {
  display: block;
  min-height: 12%;
  border-radius: 8px 8px 0 0;
  background: var(--deck-accent-dark);
}
.studio-deck-slide__bars > div:nth-child(2n) i {
  background: var(--deck-highlight);
}
.studio-deck-slide__bars > div:nth-child(3n) i {
  background: var(--deck-accent);
}
.studio-deck-slide__bars span {
  overflow: hidden;
  color: #5e5e5e;
  font-size: clamp(9px, 1vw, 15px);
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.studio-deck-slide__donut {
  display: grid;
  width: min(68%, 420px);
  aspect-ratio: 1;
  place-content: center;
  margin: auto;
  border: clamp(24px, 4vw, 56px) solid var(--deck-accent);
  border-radius: 50%;
  background:
    conic-gradient(
      var(--deck-accent-dark) 0 46%,
      var(--deck-highlight) 46% 72%,
      var(--deck-accent) 72% 100%);
  text-align: center;
}
.studio-deck-slide__donut strong {
  max-width: 7ch;
  font-size: clamp(34px, 5vw, 76px);
  line-height: 1;
}
.studio-deck-slide__donut span {
  max-width: 14ch;
  margin-top: 12px;
  color: #5e5e5e;
  font-size: clamp(12px, 1.35vw, 20px);
}
.studio-deck-slide__line-chart {
  display: grid;
  align-content: center;
  gap: 14px;
  padding: clamp(24px, 4vw, 66px);
}
.studio-deck-slide__line-chart svg {
  width: 100%;
  height: min(30vw, 270px);
  border-bottom: 2px solid #e0e0e0;
}
.studio-deck-slide__line-chart polyline {
  fill: none;
  stroke: var(--deck-accent-dark);
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 8;
}
.studio-deck-slide__line-chart > div {
  display: flex;
  justify-content: space-between;
  gap: 8px;
  color: #5e5e5e;
  font-size: clamp(10px, 1vw, 15px);
}
.studio-deck-slide__progress {
  display: grid;
  align-content: center;
  gap: clamp(16px, 2.5vw, 32px);
  padding: clamp(28px, 5vw, 84px);
}
.studio-deck-slide__progress > div {
  display: grid;
  grid-template-columns: minmax(90px, .7fr) 2fr auto;
  align-items: center;
  gap: 14px;
}
.studio-deck-slide__progress i {
  display: block;
  height: clamp(12px, 1.6vw, 22px);
  overflow: hidden;
  border-radius: 999px;
  background: #e0e0e0;
}
.studio-deck-slide__progress b {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: var(--deck-accent-dark);
}
.studio-deck-slide__progress strong {
  color: var(--deck-accent-dark);
  font-size: clamp(13px, 1.3vw, 20px);
}
.studio-deck-slide__content--timeline .studio-deck-slide__list {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0;
}
.studio-deck-slide__content--timeline .studio-deck-slide__list li {
  position: relative;
  display: block;
  padding: 34px 14px 0;
  border-top-color: var(--deck-accent-dark);
}
.studio-deck-slide__content--timeline .studio-deck-slide__list li > span {
  position: absolute;
  top: -18px;
  left: 0;
  display: grid;
  width: 36px;
  height: 36px;
  place-items: center;
  border-radius: 50%;
  background: var(--deck-accent-dark);
  color: #fff;
  font-size: 12px;
}
.studio-deck-slide__content--process .studio-deck-slide__list {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.studio-deck-slide__visual {
  min-width: 0;
  background: #e0e0e0;
}
.studio-deck-slide__visual img,
.studio-deck-slide__standard-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.studio-deck-slide__standard-image {
  position: absolute;
  top: 0;
  right: 0;
  width: 34%;
  height: 100%;
}
.studio-slide-stage {
  position: relative;
  overflow: hidden;
}
.studio-slide-stage__inner {
  position: absolute;
  top: 0;
  left: 0;
  transform-origin: top left;
}
.studio-slide-stage--thumbnail {
  pointer-events: none;
}
.studio-slide-stage--thumbnail .studio-deck-slide {
  border: 0;
  border-radius: 0;
}
@media (max-width: 960px) {
  .studio-editor__header {
    gap: 12px;
    padding: 12px 16px;
  }
  .studio-editor__wordmark {
    flex-basis: 96px;
    width: 96px;
  }
  .studio-editor__brand {
    display: none;
  }
  .studio-editor__workspace {
    grid-template-columns: 152px minmax(0, 1fr) 272px;
  }
  .studio-editor__rail,
  .studio-editor__inspector {
    padding: 14px;
  }
}
@media (max-width: 668px) {
  .studio-editor__header {
    flex-wrap: wrap;
  }
  .studio-editor__document {
    order: 3;
    flex-basis: 100%;
  }
  .studio-editor__workspace {
    display: flex;
    flex-direction: column;
  }
  .studio-editor__rail {
    border-right: 0;
    border-bottom: 2px solid #e0e0e0;
  }
  .studio-editor__rail ol {
    display: flex;
    gap: 10px;
    overflow-x: auto;
    overflow-y: hidden;
    margin-bottom: 12px;
    padding: 2px 2px 10px;
    overscroll-behavior-inline: contain;
    scroll-snap-type: x proximity;
    -webkit-overflow-scrolling: touch;
  }
  .studio-editor__rail ol > li:nth-child(n) {
    width: clamp(160px, 42vw, 220px);
    max-width: none;
    flex: 0 0 clamp(160px, 42vw, 220px);
    scroll-snap-align: start;
  }
  .studio-editor__rail li + li {
    margin-top: 0 !important;
  }
  .studio-editor__canvas {
    padding: 20px 12px;
  }
  .studio-editor__inspector {
    display: block;
  }
  .studio-editor__inspector label {
    margin-top: 16px;
  }
  .studio-deck-slide__card-grid,
  .studio-deck-slide__list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .studio-deck-slide__section {
    grid-template-columns: .45fr 1fr;
  }
}
.studio-editor {
  background: #090a11;
  color: #f6f6fa;
}
.studio-editor__header,
.studio-editor__rail,
.studio-editor__inspector {
  border-color: #28293d;
  background: #0e0e17;
}
.studio-editor__back,
.studio-editor__deck-title input {
  color: #f6f6fa;
}
.studio-editor__wordmark [role=img],
.studio-editor__wordmark img {
  max-width: 112px;
  width: auto !important;
}
.studio-editor__brand {
  border-color: #36374b;
  color: #e9e9f0;
}
.studio-editor__brand > span,
.studio-editor__inspector h2 span {
  color: #aaaabd;
}
.studio-editor__workspace {
  grid-template-columns: 208px minmax(0, 1fr) 320px;
  min-height: calc(100vh - 76px);
}
.studio-source-stage--immo {
  --is24-color-orange-300: #3de5d3;
  --is24-color-orange-400: #14c8b8;
  --is24-color-orange-500: #007f74;
}
.studio-editor__rail {
  padding: 14px 18px;
}
.studio-editor__rail li + li {
  margin-top: 14px;
}
.studio-editor__rail li button {
  border-color: #313247;
  background: #15151f;
}
.studio-editor__rail li button.is-selected {
  border-color: var(--studio-accent);
  box-shadow: 0 0 0 1px var(--studio-accent);
}
.studio-editor__slide-number {
  background: #252637;
  color: #fff;
}
.studio-editor__thumb-delete::before {
  background: rgba(14, 14, 23, .88);
}
.studio-editor__thumb-delete::after {
  color: #fff;
}
.studio-editor__canvas {
  align-content: start;
  min-height: 0;
  height: calc(100vh - 76px);
  overflow: auto;
  padding: clamp(24px, 4vw, 76px);
  background: #090a11;
}
.studio-editor__canvas [data-studio-editable=true] {
  cursor: text;
  outline: 3px solid transparent;
  outline-offset: 5px;
  transition: outline-color .12s ease, background-color .12s ease;
}
.studio-editor__canvas [data-studio-editable=true]:hover {
  outline-color: rgba(61, 245, 220, .72);
  background-color: rgba(61, 245, 220, .08);
}
.studio-editor__canvas [data-studio-editable=true]:focus {
  outline-color: #3df5dc;
  background-color: rgba(255, 255, 255, .12);
}
.studio-editor__inspector {
  padding: 28px;
  color: #f6f6fa;
}
.studio-editor__inspector input,
.studio-editor__inspector textarea,
.studio-editor__inspector select {
  border-color: #34354a;
  background: #171722;
  color: #f7f7fa;
}
.studio-editor__items,
.studio-editor__image,
.studio-editor__ai-actions {
  border-color: #303147;
}
.studio-editor__item-order button {
  border-color: #4b4b5e;
  background: #20202e;
  color: #f6f6f8;
}
.studio-editor__image-position {
  border-color: #4b4b5e;
  background: #20202e;
  color: #f6f6f8;
}
.studio-editor__image img {
  border-radius: 4px;
}
.studio-editor__export-menu {
  border-color: #34354a;
  background: #171722;
  box-shadow: 0 16px 34px rgba(0, 0, 0, .5);
}
.studio-editor__export-menu button {
  color: #f6f6fa;
}
.studio-editor__export-menu span {
  color: #b4b4c5;
}
.studio-editor__export-menu button:hover,
.studio-editor__export-menu button:focus-visible {
  background: #262638;
}
body[data-color-scheme=light] .studio-editor {
  background: #f7f7f7;
  color: #333;
}
body[data-color-scheme=light] .studio-editor__header,
body[data-color-scheme=light] .studio-editor__rail,
body[data-color-scheme=light] .studio-editor__inspector {
  border-color: #e0e0e0;
  background: #fff;
}
body[data-color-scheme=light] .studio-editor__back,
body[data-color-scheme=light] .studio-editor__deck-title input {
  color: #333;
}
body[data-color-scheme=light] .studio-editor__brand {
  border-color: transparent;
  color: #333;
}
body[data-color-scheme=light] .studio-editor__brand > span,
body[data-color-scheme=light] .studio-editor__inspector h2 span {
  color: #5e5e5e;
}
body[data-color-scheme=light] .studio-editor__rail li button {
  border-color: #e0e0e0;
  background: #fff;
}
body[data-color-scheme=light] .studio-editor__rail li button.is-selected {
  border-color: var(--studio-accent);
  box-shadow: none;
}
body[data-color-scheme=light] .studio-editor__slide-number {
  background: #fff;
  color: #333;
}
body[data-color-scheme=light] .studio-editor__thumb-delete::before {
  background: rgba(51, 51, 51, .78);
}
body[data-color-scheme=light] .studio-editor__canvas {
  background: #f7f7f7;
}
body[data-color-scheme=light] .studio-editor__inspector {
  color: #333;
}
body[data-color-scheme=light] .studio-editor__inspector input,
body[data-color-scheme=light] .studio-editor__inspector textarea,
body[data-color-scheme=light] .studio-editor__inspector select {
  border-color: #e0e0e0;
  background: #fff;
  color: #333;
}
body[data-color-scheme=light] .studio-editor__content-fields {
  border-color: #dedee3;
}
body[data-color-scheme=light] .studio-editor__content-fields > div:first-child p {
  color: #5e5e5e;
}
body[data-color-scheme=light] .studio-editor__content-actions button {
  border-color: #d1d1d8;
  background: #fff;
  color: #333;
}
body[data-color-scheme=light] .studio-editor__content-actions button:hover,
body[data-color-scheme=light] .studio-editor__content-actions button:focus-visible {
  border-color: var(--studio-accent);
  background: color-mix(in srgb, var(--studio-accent) 12%, white);
}
body[data-color-scheme=light] .studio-editor__layout-library summary {
  border-color: #d7d7dc;
  background: #fff;
  color: #333;
}
body[data-color-scheme=light] .studio-editor__image-row {
  border-color: #dedee3;
}
body[data-color-scheme=light] .studio-editor__image-row span {
  color: #444;
}
body[data-color-scheme=light] .studio-editor__image-row button {
  background: #eeeeF2;
  color: #333;
}
body[data-color-scheme=light] .studio-editor__layout-library summary:hover {
  border-color: var(--studio-accent);
  background: #f7f7f9;
}
body[data-color-scheme=light] .studio-editor__layout-library summary small {
  color: #6b6b74;
}
body[data-color-scheme=light] .studio-editor__layout-menu {
  border-color: #dedee3;
  background: #fff;
  box-shadow: 0 14px 30px rgba(0, 0, 0, .12);
}
body[data-color-scheme=light] .studio-editor__layout-menu h3 {
  color: #666671;
}
body[data-color-scheme=light] .studio-editor__layout-menu h4 {
  color: #777781;
}
body[data-color-scheme=light] .studio-editor__layout-menu button {
  background: #f5f5f7;
  color: #333;
}
body[data-color-scheme=light] .studio-editor__layout-menu button:hover,
body[data-color-scheme=light] .studio-editor__layout-menu button:focus-visible {
  background: color-mix(in srgb, var(--studio-accent) 14%, white);
  color: #222;
}
body[data-color-scheme=light] .studio-workspace {
  border-color: #e4e2e0;
  background: #fbf8f6;
}
body[data-color-scheme=light] .studio-workspace__sources strong,
body[data-color-scheme=light] .studio-workspace__history strong {
  color: #333;
}
body[data-color-scheme=light] .studio-workspace__sources span,
body[data-color-scheme=light] .studio-workspace__history p,
body[data-color-scheme=light] .studio-workspace > div > p {
  color: #5e5e5e;
}
body[data-color-scheme=light] .studio-workspace__sources ul {
  color: #333;
}
body[data-color-scheme=light] .studio-editor__items,
body[data-color-scheme=light] .studio-editor__image,
body[data-color-scheme=light] .studio-editor__ai-actions {
  border-color: #e0e0e0;
}
body[data-color-scheme=light] .studio-editor__export-menu {
  border-color: #d6d6d6;
  background: #fff;
  box-shadow: none;
}
body[data-color-scheme=light] .studio-editor__export-menu button {
  color: #333;
}
body[data-color-scheme=light] .studio-editor__export-menu span {
  color: #5e5e5e;
}
body[data-color-scheme=light] .studio-editor__export-menu button:hover,
body[data-color-scheme=light] .studio-editor__export-menu button:focus-visible {
  background: #f2f2f2;
}
.studio-editor {
  --studio-accent: #ff9626;
  --studio-accent-dark: #bb5d0b;
}
.studio-editor--immo {
  --studio-accent: #3de5d3;
  --studio-accent-dark: #007f6e;
}
.studio-editor__workspace {
  grid-template-columns: 208px minmax(0, 1fr) 380px;
}
.studio-editor__autosave-toast {
  position: fixed;
  right: 24px;
  bottom: 24px;
  z-index: 100;
  display: flex;
  min-width: 170px;
  min-height: 46px;
  box-sizing: border-box;
  align-items: center;
  gap: 10px;
  padding: 11px 14px;
  border: 1px solid #424357;
  border-radius: 8px;
  background: #171722;
  box-shadow: 0 16px 36px rgba(0, 0, 0, .34);
  color: #f4f4f8;
  animation: studio-save-toast-in .18s ease-out;
}
.studio-editor__autosave-toast > span {
  width: 9px;
  height: 9px;
  flex: 0 0 auto;
  border-radius: 50%;
  background: #63c174;
}
.studio-editor__autosave-toast strong {
  font-size: 12px;
  line-height: 1.3;
}
.studio-editor__autosave-toast--saving > span {
  background: #f2c14e;
  animation: studio-save-pulse 1s ease-in-out infinite;
}
.studio-editor__autosave-toast--local > span {
  background: #aaaabd;
}
.studio-editor__autosave-toast--unsaved {
  border-color: #a94842;
}
.studio-editor__autosave-toast--unsaved > span {
  background: #e75b52;
}
@keyframes studio-save-toast-in {
  from {
    opacity: 0;
    transform: translateY(8px);
  }
}
@keyframes studio-save-pulse {
  50% {
    opacity: .35;
  }
}
.studio-editor__back {
  width: 150px !important;
}
.studio-editor__inspector {
  display: grid;
  min-height: 0;
  height: calc(100vh - 76px);
  grid-template-rows: auto minmax(0, 1fr);
  overflow: hidden;
  padding: 0;
}
.studio-inspector-tabs {
  display: grid;
  grid-template-columns: 1fr 1fr;
  padding: 10px 12px 0;
  border-bottom: 1px solid #2e2f42;
}
.studio-inspector-tabs button {
  position: relative;
  min-height: 44px;
  border: 0;
  background: transparent;
  color: #aaaabd;
  cursor: pointer;
  font: inherit;
  font-size: 13px;
  font-weight: 800;
}
.studio-inspector-tabs button::after {
  position: absolute;
  right: 8px;
  bottom: -1px;
  left: 8px;
  height: 3px;
  border-radius: 3px 3px 0 0;
  background: transparent;
  content: "";
}
.studio-inspector-tabs button.is-active {
  color: #f7f7fa;
}
.studio-inspector-tabs button.is-active::after {
  background: var(--studio-accent);
}
.studio-inspector-tabs button:focus-visible {
  outline: 3px solid var(--studio-accent);
  outline-offset: -4px;
}
.studio-inspector-panel {
  min-height: 0;
}
.studio-inspector-panel--assistant {
  display: grid;
  grid-template-rows: minmax(0, 1fr) auto;
  overflow: hidden;
}
.studio-inspector-panel--slide {
  overflow-y: auto;
  padding: 24px;
  overscroll-behavior: contain;
}
.studio-assistant-scroll {
  min-height: 0;
  overflow-y: auto;
  padding: 22px 22px 10px;
  overscroll-behavior: contain;
}
.studio-assistant-heading {
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 12px;
}
.studio-assistant-heading p {
  margin: 0 0 5px;
  color: #aaaabd;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0;
}
.studio-assistant-heading h2 {
  margin: 0;
  font-size: 20px;
  line-height: 1.1;
}
.studio-assistant-heading > span {
  flex: 0 0 auto;
  padding: 5px 8px;
  border-radius: 999px;
  background: #262638;
  color: #d9d9e5;
  font-size: 11px;
  font-weight: 800;
}
.studio-assistant-savepoint {
  display: grid;
  gap: 8px;
  margin-top: 18px;
  padding: 12px;
  border: 1px solid color-mix(in srgb, var(--studio-accent) 42%, #34354a);
  border-radius: 9px;
  background: color-mix(in srgb, var(--studio-accent) 8%, #15151f);
  color: #d9d9e5;
  font-size: 12px;
  line-height: 1.35;
}
.studio-assistant-savepoint button,
.studio-assistant-section-heading button {
  justify-self: start;
  border: 0;
  padding: 0;
  background: transparent;
  color: var(--studio-accent);
  cursor: pointer;
  font: inherit;
  font-weight: 800;
}
.studio-assistant-source-warning {
  display: grid;
  gap: 6px;
  margin-top: 18px;
  padding: 12px;
  border: 1px solid color-mix(in srgb, var(--studio-accent) 52%, #34354a);
  border-radius: 9px;
  background: color-mix(in srgb, var(--studio-accent) 9%, #15151f);
  color: #efeff4;
  font-size: 12px;
  line-height: 1.45;
}
.studio-assistant-source-warning p {
  margin: 0;
  color: #c9c9d5;
}
.studio-assistant-source-warning summary {
  min-height: 36px;
  padding-top: 8px;
  color: var(--studio-accent);
  cursor: pointer;
  font-weight: 800;
}
.studio-assistant-source-warning ul {
  display: grid;
  gap: 5px;
  margin: 4px 0 0;
  padding-left: 18px;
  overflow-wrap: anywhere;
}
.studio-assistant-brief {
  margin-top: 20px;
  padding: 0;
  border: 1px solid #34354a;
  border-radius: 10px;
  background: #15151f;
}
.studio-assistant-brief > summary {
  display: grid;
  min-height: 52px;
  grid-template-columns: minmax(0, 1fr) auto;
  align-content: center;
  gap: 3px 12px;
  padding: 10px 14px;
  cursor: pointer;
  list-style-position: inside;
}
.studio-assistant-brief > summary > span {
  color: #efeff4;
  font-size: 13px;
  font-style: normal;
  font-weight: 800;
}
.studio-assistant-brief > summary > em {
  grid-column: 1 / -1;
  padding-left: 18px;
  color: #8f90a4;
  font-size: 10px;
  font-style: normal;
  line-height: 1.35;
}
.studio-assistant-brief__body {
  display: grid;
  gap: 10px;
  padding: 0 14px 14px;
}
.studio-assistant-brief h3,
.studio-assistant-conversation h3 {
  margin: 0;
  font-size: 14px;
}
.studio-assistant-brief textarea {
  min-height: 150px;
  margin: 0;
  line-height: 1.45;
}
.studio-assistant-brief p {
  margin: 0;
  color: #aaaabd;
  font-size: 11px;
  line-height: 1.45;
}
.studio-assistant-conversation {
  display: grid;
  gap: 10px;
  margin-top: 22px;
}
.studio-assistant-section-heading {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 10px;
}
.studio-assistant-section-heading > div {
  display: grid;
  gap: 3px;
}
.studio-assistant-section-heading > div > span {
  color: #8f90a4;
  font-size: 10px;
  line-height: 1.35;
}
.studio-assistant-section-heading button {
  flex: 0 0 auto;
  font-size: 11px;
}
.studio-assistant-empty {
  margin: 0;
  padding: 12px;
  border: 1px dashed #3a3b50;
  border-radius: 9px;
  color: #aaaabd;
  font-size: 12px;
  line-height: 1.45;
}
.studio-assistant-message {
  display: grid;
  gap: 4px;
  max-width: 92%;
  padding: 10px 12px;
  border-radius: 10px;
  background: #20202e;
  color: #efeff4;
}
.studio-assistant-message--user {
  justify-self: end;
  background: color-mix(in srgb, var(--studio-accent) 16%, #20202e);
}
.studio-assistant-message > span {
  color: #aaaabd;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0;
}
.studio-assistant-message > p {
  margin: 0;
  font-size: 12px;
  line-height: 1.48;
  overflow-wrap: anywhere;
  white-space: pre-wrap;
}
.studio-assistant-message > small {
  color: #aaaabd;
  font-size: 10px;
  font-weight: 700;
}
.studio-assistant-message > .studio-assistant-message__error {
  color: #ff8f87;
  line-height: 1.35;
}
.studio-assistant-message > button {
  justify-self: start;
  min-height: 34px;
  border: 0;
  padding: 0;
  background: transparent;
  color: var(--studio-accent);
  cursor: pointer;
  font: inherit;
  font-size: 11px;
  font-weight: 800;
}
.studio-assistant-message--pending {
  opacity: .78;
}
.studio-assistant-message--failed {
  border: 1px solid #e75b52;
}
.studio-assistant-message--undone {
  opacity: .66;
}
.studio-assistant-message--undone > p {
  text-decoration: line-through;
  text-decoration-thickness: 1px;
}
.studio-assistant-message--applied {
  border-right: 3px solid var(--studio-accent);
}
.studio-assistant-event {
  display: grid;
  gap: 2px;
  padding: 10px 12px;
  border-left: 3px solid var(--studio-accent);
  color: #d9d9e5;
  font-size: 11px;
  line-height: 1.4;
}
.studio-assistant-event span {
  color: #aaaabd;
}
.studio-assistant-sources {
  margin: 22px 0 8px;
  padding-top: 14px;
  border-top: 1px solid #303147;
}
.studio-assistant-sources summary {
  min-height: 40px;
  color: #d9d9e5;
  cursor: pointer;
  font-size: 12px;
  font-weight: 800;
}
.studio-assistant-sources .studio-workspace__sources {
  padding-bottom: 10px;
}
.studio-assistant-composer {
  display: grid;
  gap: 10px;
  padding: 14px 18px 18px;
  border-top: 1px solid #303147;
  background: #12121c;
  box-shadow: 0 -12px 28px rgba(0, 0, 0, .16);
}
.studio-assistant-composer textarea {
  min-height: 78px;
  margin: 0;
  line-height: 1.4;
  resize: none;
}
.studio-assistant-composer .studio-editor__error {
  margin: 0;
}
.studio-assistant-composer__footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.studio-assistant-composer__footer > span {
  color: #8f90a4;
  font-size: 10px;
  line-height: 1.3;
}
.studio-assistant-composer__footer .button {
  flex: 0 0 auto;
}
.studio-slide-editor-heading {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  padding-bottom: 16px;
  border-bottom: 1px solid #303147;
}
.studio-slide-editor-heading h2 {
  margin: 0 0 4px;
}
.studio-slide-editor-heading p {
  margin: 0;
  color: #aaaabd;
  font-size: 12px;
  line-height: 1.4;
}
.studio-slide-editor-heading > button {
  max-width: 150px;
  text-align: right;
  font-size: 12px;
}
.studio-inspector-panel--slide .studio-editor__layout-library {
  margin: 18px 0 4px;
}
.studio-editor__text-hierarchy {
  display: grid;
  gap: 7px;
  margin-top: 20px;
  padding-top: 18px;
  border-top: 1px solid #303147;
}
.studio-editor__text-hierarchy > h3 {
  margin: 0 0 2px;
  font-size: 14px;
}
.studio-editor__text-hierarchy > div {
  display: grid;
  min-width: 0;
  grid-template-columns: minmax(0, 1fr) 92px 76px;
  align-items: center;
  gap: 7px;
  padding: 8px 0;
  border-bottom: 1px solid #2c2d3f;
}
.studio-editor__text-hierarchy > div > span:first-child {
  display: grid;
  min-width: 0;
  gap: 2px;
}
.studio-editor__text-hierarchy strong {
  font-size: 11px;
}
.studio-editor__text-hierarchy small {
  overflow: hidden;
  color: #9b9cac;
  font-size: 10px;
  line-height: 1.25;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.studio-editor__text-hierarchy label {
  margin: 0;
}
.studio-editor__text-hierarchy select {
  min-height: 34px;
  margin: 0;
  padding: 5px 7px;
  border-width: 1px;
  font-size: 10px;
}
.studio-editor__text-order {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 4px;
}
.studio-editor__text-order button {
  width: 34px;
  height: 34px;
  border: 1px solid #414255;
  border-radius: 6px;
  background: #20202d;
  color: #efeff4;
  cursor: pointer;
  font: inherit;
  font-size: 15px;
}
.studio-editor__text-order button:hover,
.studio-editor__text-order button:focus-visible {
  border-color: var(--studio-accent);
  color: var(--studio-accent);
  outline: none;
}
.studio-editor__text-order button:disabled {
  cursor: default;
  opacity: .3;
}
.studio-inspector-panel--slide .studio-editor__items > div {
  grid-template-columns: minmax(0, 1fr) 82px 40px;
  margin-top: 10px;
  padding: 10px;
  border: 1px solid #303147;
  border-radius: 9px;
}
.studio-inspector-panel--slide .studio-editor__items > div input:nth-of-type(1) {
  grid-column: 1 / -1;
}
.studio-inspector-panel--slide .studio-editor__items > div input:nth-of-type(2) {
  grid-column: 1;
}
.studio-inspector-panel--slide .studio-editor__items > div input:nth-of-type(3) {
  grid-column: 2 / -1;
}
.studio-inspector-panel--slide .studio-editor__item-order {
  grid-column: 1 / 3;
}
.studio-inspector-panel--slide .studio-editor__items > div > button {
  min-width: 40px;
  min-height: 40px;
  grid-column: 3;
}
.studio-inspector-panel--slide .studio-editor__item-remove {
  color: #d84b40;
  font-size: 20px;
  line-height: 1;
}
.studio-inspector-panel--slide .studio-editor__item-remove:hover,
.studio-inspector-panel--slide .studio-editor__item-remove:focus-visible {
  background: rgba(216, 75, 64, .12);
  outline: 2px solid #d84b40;
  outline-offset: -2px;
}
.studio-inspector-panel--slide .studio-editor__table-header-label {
  display: grid;
  min-width: 40px;
  min-height: 40px;
  grid-column: 3;
  place-items: center;
  border: 1px solid #414255;
  border-radius: 7px;
  color: #a9a9b8;
  font-size: 10px;
  font-weight: 800;
  text-align: center;
}
.studio-inspector-panel--slide .studio-editor__items > div.is-table-header {
  background: rgba(255, 255, 255, .025);
}
.studio-inspector-panel--slide .studio-editor__items > div > .studio-editor__item-regenerate {
  min-height: 28px;
  grid-column: 1 / 3;
  justify-self: start;
  padding: 2px 0;
  font-size: 11px;
}
.studio-inspector-panel--slide .studio-editor__item-order button {
  width: 40px;
  height: 40px;
}
.studio-editor__image-preview {
  width: 112px;
  height: 76px;
  overflow: hidden;
  border-radius: 7px;
  background: #333;
}
.studio-editor__image-preview img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.studio-editor--immo .studio-inspector-tabs button.is-active::after {
  background: #3de5d3;
}
.studio-editor--immo .studio-inspector-tabs button:focus-visible,
.studio-editor--immo .studio-assistant-savepoint button:focus-visible,
.studio-editor--immo .studio-assistant-section-heading button:focus-visible {
  outline-color: #3de5d3;
}
body[data-color-scheme=light] .studio-inspector-tabs {
  border-color: #e0e0e0;
}
body[data-color-scheme=light] .studio-inspector-tabs button {
  color: #666;
}
body[data-color-scheme=light] .studio-inspector-tabs button.is-active {
  color: #333;
}
body[data-color-scheme=light] .studio-editor__autosave-toast {
  border-color: #d7d7dc;
  background: #fff;
  box-shadow: 0 14px 30px rgba(0, 0, 0, .14);
  color: #333;
}
body[data-color-scheme=light] .studio-editor__text-hierarchy > div {
  border-color: #e4e4e8;
}
body[data-color-scheme=light] .studio-editor__text-hierarchy small {
  color: #666;
}
body[data-color-scheme=light] .studio-editor__text-order button {
  border-color: #d4d4da;
  background: #f5f5f7;
  color: #333;
}
body[data-color-scheme=light] .studio-assistant-heading p,
body[data-color-scheme=light] .studio-slide-editor-heading p,
body[data-color-scheme=light] .studio-assistant-brief p,
body[data-color-scheme=light] .studio-assistant-event span {
  color: #666;
}
body[data-color-scheme=light] .studio-assistant-heading > span {
  background: #f0f0f0;
  color: #444;
}
body[data-color-scheme=light] .studio-assistant-brief {
  border-color: #dedede;
  background: #fbf8f6;
}
body[data-color-scheme=light] .studio-assistant-brief > summary > span {
  color: #333;
}
body[data-color-scheme=light] .studio-assistant-brief > summary > em,
body[data-color-scheme=light] .studio-assistant-section-heading > div > span,
body[data-color-scheme=light] .studio-assistant-composer__footer > span {
  color: #666;
}
body[data-color-scheme=light] .studio-assistant-source-warning {
  color: #333;
}
body[data-color-scheme=light] .studio-assistant-source-warning p {
  color: #555;
}
body[data-color-scheme=light] .studio-assistant-message {
  background: #f0f0f0;
  color: #333;
}
body[data-color-scheme=light] .studio-assistant-message--user {
  background: color-mix(in srgb, var(--studio-accent) 22%, white);
}
body[data-color-scheme=light] .studio-assistant-message > span {
  color: #666;
}
body[data-color-scheme=light] .studio-assistant-composer {
  border-color: #dedede;
  background: #fff;
  box-shadow: 0 -10px 24px rgba(0, 0, 0, .06);
}
body[data-color-scheme=light] .studio-assistant-sources,
body[data-color-scheme=light] .studio-slide-editor-heading,
body[data-color-scheme=light] .studio-inspector-panel--slide .studio-editor__items > div {
  border-color: #dedede;
}
@media (max-width: 1200px) {
  .studio-editor__workspace {
    grid-template-columns: 164px minmax(0, 1fr) 340px;
  }
  .studio-editor__wordmark {
    display: none;
  }
  .studio-editor__header {
    gap: 12px;
    padding-inline: 16px;
  }
}
@media (max-width: 960px) {
  .studio-editor__workspace {
    grid-template-columns: 132px minmax(0, 1fr) 320px;
  }
  .studio-editor__rail {
    padding: 12px;
  }
  .studio-assistant-scroll {
    padding-inline: 16px;
  }
}
@media (max-width: 668px) {
  .studio-editor {
    width: 100vw;
    overflow-x: clip;
  }
  .studio-editor__header {
    display: grid;
    min-height: 112px;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-content: center;
  }
  .studio-editor__back {
    width: auto !important;
    grid-column: 1;
    grid-row: 1;
  }
  .studio-editor__actions {
    grid-column: 3;
    grid-row: 1;
    margin-left: 0;
  }
  .studio-editor__export-trigger {
    width: 128px !important;
  }
  .studio-editor__document {
    min-width: 0;
    grid-column: 1 / -1;
    grid-row: 2;
  }
  .studio-editor__workspace {
    display: flex;
    min-height: 0;
    flex-direction: column;
  }
  .studio-editor__rail,
  .studio-editor__canvas,
  .studio-editor__inspector {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
  }
  .studio-editor__canvas {
    min-height: 0;
    height: auto;
    overflow: hidden;
    padding: 18px 12px 28px;
  }
  .studio-editor__canvas > .studio-source-stage {
    width: 100%;
    max-width: 100%;
  }
  .studio-editor__inspector {
    height: min(72vh, 720px);
    border-top: 2px solid #28293d;
    border-left: 0;
  }
  .studio-inspector-tabs button {
    min-height: 48px;
  }
  .studio-editor__thumb-delete {
    top: 4px !important;
    right: 4px !important;
  }
}
.studio-editor__canvas [data-studio-editable=true] {
  cursor: text;
  border-radius: 6px;
  outline: 2px solid transparent;
  outline-offset: 4px;
  transition: outline-color 120ms ease, background-color 120ms ease;
}
.studio-editor__canvas [data-studio-editable=true]:hover {
  outline-color: color-mix(in srgb, var(--studio-accent, #ff9626) 45%, transparent);
  background: rgba(255, 255, 255, 0.08);
}
.studio-editor__canvas [data-studio-editable=true]:focus {
  outline-color: var(--studio-accent, #ff9626);
  background: rgba(255, 255, 255, 0.14);
}
.studio-editor__canvas [data-studio-item-id] {
  cursor: grab;
}
.studio-editor__canvas [data-studio-item-id]:active {
  cursor: grabbing;
}

/* frontend/client/studio.css */
.studio-home,
.studio-editor {
  font-family:
    "Make It Better",
    "Make It Sans",
    Arial,
    sans-serif !important;
  letter-spacing: 0.012em !important;
}
.studio-home :where(h1, h2, h3, h4, p, button, label, select, textarea, input, strong),
.studio-editor :where(h1, h2, h3, h4, p, button, label, select, textarea, input, strong) {
  font-family: inherit !important;
}
.studio-home :where(h1, h2, h3, h4),
.studio-editor :where(h1, h2, h3, h4) {
  letter-spacing: 0.02em !important;
}
.studio-home :where(button, label, select, textarea, input),
.studio-editor :where(button, label, select, textarea, input) {
  letter-spacing: 0.014em !important;
}
.studio-app-header {
  min-height: 72px;
  border-bottom: 2px solid #e0e0e0;
  background: #fff;
}
.studio-app-header__content {
  display: flex;
  width: 100%;
  min-height: 72px;
  box-sizing: border-box;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  padding: 0 32px;
}
.studio-app-identity {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  color: #333;
}
.studio-app-identity__mark {
  display: grid;
  width: 32px;
  height: 32px;
  place-items: center;
  border-radius: 50%;
  background: #333;
  color: #fff;
  font-size: 18px;
  font-weight: 700;
}
.studio-app-identity__mark img {
  width: 19px;
  height: 19px;
}
.studio-app-identity h1,
.studio-app-identity strong {
  margin: 0;
  font-size: 20px;
  line-height: 1.2;
}
.studio-header-brand {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #c9c9d8;
  font-size: 13px;
  font-weight: 700;
}
.studio-header-controls {
  display: flex;
  align-items: center;
  gap: 12px;
}
.studio-theme-toggle {
  display: flex;
  align-items: center;
}
.studio-theme-toggle label:hover {
  background-color: transparent !important;
}
.studio-brand-button {
  min-width: 0 !important;
  width: auto !important;
  padding-inline: 16px !important;
}
.studio-brand-button--scout {
  width: 104px !important;
}
.studio-brand-button--immo {
  width: 142px !important;
}
.studio-brand-button.is-active.studio-brand-button--scout {
  border-color: #ff9626 !important;
  background: #ff9626 !important;
  color: #24242c !important;
}
.studio-brand-button.is-active.studio-brand-button--immo {
  border-color: #3de5d3 !important;
  background: #3de5d3 !important;
  color: #24242c !important;
}
.studio-home--scout .studio-primary-action,
.studio-editor--scout .studio-primary-action {
  border-color: #ff9626 !important;
  background: #ff9626 !important;
  color: #24242c !important;
}
.studio-home--immo .studio-primary-action,
.studio-editor--immo .studio-primary-action {
  border-color: #3de5d3 !important;
  background: #3de5d3 !important;
  color: #24242c !important;
}
.studio-page {
  --studio-accent: #3df5dc;
  --studio-deep: #007f6e;
  max-width: 960px;
  margin: 48px auto 72px;
  color: #333;
}
.studio-page--scout {
  --studio-accent: #ff7500;
  --studio-deep: #db5d00;
}
.studio-page__heading {
  margin-bottom: 28px;
}
.studio-page__heading > p:last-child {
  margin: 0;
  color: #5e5e5e;
  font-size: 18px;
}
.studio-brand,
.studio-panel {
  background: #fff;
  border: 2px solid #e0e0e0;
  border-radius: 8px;
  padding: 24px;
}
.studio-brand {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 28px;
}
.studio-brand strong,
.studio-brand span {
  display: block;
}
.studio-brand span {
  margin-top: 4px;
  color: #5e5e5e;
  font-size: 14px;
}
.studio-brand__choices {
  display: flex;
  gap: 8px;
}
.studio-brand__choices button,
.studio-tabs button {
  min-height: 44px;
  border: 0;
  background: transparent;
  color: #333;
  cursor: pointer;
  font: inherit;
  font-weight: 700;
}
.studio-brand__choices button {
  border-radius: 8px;
  padding: 0 16px;
}
.studio-brand__choices button.is-selected {
  background: var(--studio-accent);
}
.studio-tabs {
  display: flex;
  gap: 28px;
  border-bottom: 2px solid #e0e0e0;
  margin-bottom: 28px;
}
.studio-tabs button {
  position: relative;
  padding: 0 0 12px;
}
.studio-tabs button.is-active::after {
  position: absolute;
  right: 0;
  bottom: -2px;
  left: 0;
  height: 4px;
  background: var(--studio-accent);
  content: "";
}
.studio-panel {
  max-width: 720px;
}
.studio-panel__heading {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 8px;
}
.studio-panel__icon {
  display: grid;
  width: 44px;
  height: 44px;
  place-items: center;
  margin-bottom: 16px;
  border-radius: 8px;
  background: #fbf8f6;
  color: var(--studio-deep);
}
.studio-panel__heading .studio-panel__icon {
  margin-bottom: 0;
}
.studio-panel h2 {
  margin: 0 0 8px;
  font-size: 26px;
}
.studio-panel__heading h2 {
  margin: 0;
}
.studio-panel p {
  margin: 0 0 24px;
  color: #5e5e5e;
}
.studio-panel label:not(.studio-upload) {
  display: block;
  margin-bottom: 8px;
  font-weight: 700;
}
.studio-panel textarea {
  display: block;
  width: 100%;
  margin-bottom: 16px;
  padding: 12px;
  border: 2px solid #e0e0e0;
  border-radius: 8px;
  color: #333;
  font: inherit;
  resize: vertical;
}
.studio-panel textarea:focus {
  border-color: var(--studio-accent);
  box-shadow: none;
  outline: none;
}
.studio-brand__choices button:focus-visible,
.studio-tabs button:focus-visible,
.studio-upload:focus-within {
  outline: 3px solid var(--studio-accent);
  outline-offset: 2px;
}
.studio-error {
  margin-top: 16px;
  padding: 12px;
  border: 2px solid #e74b3c;
  border-radius: 8px;
  background: #fff1ef;
  color: #333;
}
.studio-note {
  margin: 12px 0;
  padding-left: 12px;
  border-left: 4px solid var(--studio-accent);
  color: #5e5e5e;
}
.studio-result {
  margin-top: 24px;
  padding-top: 24px;
  border-top: 2px solid #e0e0e0;
}
.studio-result h3 {
  margin: 0 0 16px;
  font-size: 20px;
}
.studio-result ol {
  margin: 0;
  padding-left: 22px;
}
.studio-result li + li {
  margin-top: 12px;
}
.studio-source-summary {
  color: #197c4a !important;
  font-weight: 700;
}
.studio-field-label {
  display: block;
  margin: 18px 0 8px;
  color: #333;
  font-weight: 700;
}
.studio-source-preview {
  background: #f7f7f7;
  font-size: 14px;
}
.studio-source-images {
  display: flex;
  gap: 8px;
  overflow-x: auto;
  margin: 12px 0 4px;
  padding-bottom: 4px;
}
.studio-source-images img {
  width: 76px;
  height: 58px;
  flex: 0 0 auto;
  border: 1px solid #d6d6d6;
  border-radius: 6px;
  object-fit: cover;
}
.studio-result strong,
.studio-result span {
  display: block;
}
.studio-result span {
  margin-top: 4px;
  color: #5e5e5e;
}
.studio-history {
  margin: 0;
  padding: 0;
  list-style: none;
}
.studio-history li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 16px 0;
  border-top: 1px solid #e0e0e0;
}
.studio-history strong,
.studio-history span {
  display: block;
}
.studio-history span {
  margin-top: 4px;
  color: #5e5e5e;
  font-size: 14px;
}
.studio-history > li > div:first-child {
  min-width: 0;
  flex: 1 1 auto;
}
.studio-history__actions {
  display: flex;
  width: auto !important;
  flex: 0 0 auto !important;
  align-items: center;
  gap: 8px;
}
.studio-history__action {
  width: auto !important;
  min-width: 0 !important;
  flex: 0 0 auto !important;
}
.studio-upload {
  display: flex;
  min-height: 160px;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 30px;
  border: 2px dashed #bdbdbd;
  border-radius: 8px;
  text-align: center;
}
.studio-upload small {
  color: #5e5e5e;
}
.studio-upload input {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
  clip-path: inset(50%);
}
.studio-brainstorm__heading,
.studio-brainstorm__actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}
.studio-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  clip-path: inset(50%);
}
.studio-brainstorm__heading > div > p {
  margin-bottom: 0;
}
.studio-brainstorm__heading > span {
  padding: 6px 10px;
  border: 1px solid #bdbdbd;
  border-radius: 999px;
  color: #5e5e5e;
  font-size: 13px;
  font-weight: 700;
}
.studio-conversation {
  display: grid;
  gap: 12px;
  margin: 24px 0 16px;
}
.studio-conversation__actions {
  display: flex;
  justify-content: flex-start;
}
.studio-conversation__actions button {
  border: 0;
  padding: 0;
  background: transparent;
  color: var(--studio-accent);
  cursor: pointer;
  font: inherit;
  font-size: 13px;
  font-weight: 700;
}
.studio-conversation__actions button:disabled {
  cursor: not-allowed;
  opacity: .55;
}
.studio-conversation__actions button:focus-visible {
  outline: 3px solid var(--studio-accent);
  outline-offset: 3px;
}
.studio-conversation__label {
  color: #9494a8;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0;
}
.studio-message > button {
  display: block;
  min-height: 36px;
  border: 0;
  padding: 6px 0 0;
  background: transparent;
  color: var(--studio-accent);
  cursor: pointer;
  font: inherit;
  font-size: 12px;
  font-weight: 800;
}
.studio-message > .studio-message__error {
  display: block;
  color: #ff8f87;
  font-size: 11px;
  font-weight: 700;
  line-height: 1.35;
}
.studio-message--pending {
  opacity: .76;
}
.studio-message--failed {
  border: 1px solid #e75b52;
}
.studio-chat__persistence {
  margin: 7px 4px 0;
  color: #a9a9ba;
  font-size: 11px;
  line-height: 1.4;
}
.studio-chat__persistence::before {
  margin-right: 6px;
  content: "\25cf";
  color: #63c174;
}
.studio-chat__persistence.is-unsaved {
  color: #f1b1ad;
}
.studio-chat__persistence.is-unsaved::before {
  color: #e75b52;
}
.studio-message {
  max-width: 88%;
  padding: 14px 16px;
  border: 1px solid #d6d6d6;
  border-radius: 12px;
  line-height: 1.45;
  white-space: pre-wrap;
}
.studio-message--assistant {
  background: #f7f7f7;
}
.studio-message--user {
  justify-self: end;
  background: color-mix(in srgb, var(--studio-accent) 18%, white);
}
.studio-suggestions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 16px;
}
.studio-suggestions button {
  min-height: 36px;
  padding: 6px 12px;
  border: 1px solid #bdbdbd;
  border-radius: 999px;
  background: #fff;
  color: #333;
  cursor: pointer;
  font: inherit;
  font-size: 14px;
}
.studio-brainstorm__composer {
  position: relative;
}
.studio-brainstorm__composer textarea {
  padding-right: 68px;
}
.studio-brainstorm__send {
  position: absolute;
  right: 12px;
  bottom: 12px;
  display: block;
  line-height: 0;
}
.studio-brainstorm__send button:not(:disabled) {
  background: var(--studio-accent) !important;
  color: #1b1b24 !important;
}
.studio-brainstorm__actions {
  margin-top: 16px;
}
.studio-brainstorm__utility-actions {
  display: flex;
  align-items: center;
  gap: 8px;
}
.studio-brainstorm__build {
  min-width: 220px;
}
@media (max-width: 767px) {
  .studio-app-header__content {
    padding: 0 16px;
  }
  .studio-header-brand > span {
    display: none;
  }
  .studio-page {
    margin: 24px 16px 48px;
  }
  .studio-brand {
    align-items: stretch;
    flex-direction: column;
  }
  .studio-brand__choices {
    width: 100%;
  }
  .studio-brand__choices button {
    flex: 1;
  }
  .studio-tabs {
    gap: 20px;
    overflow-x: auto;
  }
  .studio-tabs button {
    white-space: nowrap;
  }
}
body:has(.studio-page) {
  background: #090a11;
}
.studio-app-header {
  border-color: #252638;
  background: #0e0e17;
}
.studio-app-identity {
  color: #f8f8ff !important;
}
.studio-app-identity h1 {
  color: #f8f8ff !important;
}
.studio-header-brand {
  color: #bfc0d0;
}
.studio-app-identity__mark {
  background: #ff9626;
  color: #20212a;
}
.studio-app-header__content--immo .studio-app-identity__mark {
  background: #3de5d3;
}
.studio-page {
  --studio-accent: #ff9626;
  --studio-deep: #ff9626;
  width: min(860px, calc(100% - 48px));
  max-width: none;
  margin: 32px auto;
  color: #f7f7fa !important;
}
.studio-page--immo {
  --studio-accent: #3de5d3;
  --studio-deep: #3de5d3;
}
.studio-page__heading {
  margin-bottom: 28px;
}
.studio-page__heading > p:last-child {
  color: #b9b9ca;
  font-size: 20px;
}
.studio-brand,
.studio-panel {
  border-color: #2b2c42;
  background: #15151f;
  box-shadow: 0 24px 60px rgba(0, 0, 0, .28);
}
.studio-brand {
  padding: 22px 26px;
}
.studio-brand strong,
.studio-panel h2,
.studio-panel label,
.studio-history strong {
  color: #f5f5fa !important;
}
.studio-brand span,
.studio-panel p,
.studio-history span,
.studio-upload small,
.studio-note,
.studio-field-label + textarea {
  color: #c2c2d1 !important;
}
.studio-brand__choices {
  padding: 4px;
  border: 1px solid #39394f;
  border-radius: 999px;
  background: #101019;
}
.studio-brand__choices button,
.studio-tabs button {
  color: #c2c2d1;
}
.studio-brand__choices button.is-selected {
  background: var(--studio-accent);
  color: #1b1b24;
}
.studio-tabs {
  justify-content: space-between;
  gap: 0;
  padding: 5px;
  border: 1px solid #303149;
  border-radius: 999px;
  background: #101019;
}
.studio-tabs button {
  flex: 1;
  padding: 10px 16px;
  border-radius: 999px;
}
.studio-tabs button.is-active {
  background: #30304a;
  color: #fff;
}
.studio-tabs button.is-active::after {
  display: none;
}
.studio-panel {
  max-width: none;
  padding: 28px;
}
.studio-panel__icon {
  background: #222233;
  color: var(--studio-accent);
}
.studio-panel textarea,
.studio-source-preview {
  border-color: #34354a;
  background: #101019;
  color: #f6f6fa !important;
}
.studio-upload {
  border-color: #515269;
  background: #101019;
}
.studio-upload:hover {
  border-color: var(--studio-accent);
}
.studio-history li {
  border-color: #303147;
}
.studio-editor__text-button {
  color: var(--studio-accent);
}
.studio-error {
  border-color: #e74b3c;
  background: #331d24;
  color: #fff;
}
.studio-note {
  border-color: var(--studio-accent);
}
.studio-source-summary {
  color: #9be6b2 !important;
}
.studio-source-images img {
  border-color: #414259;
}
.studio-message {
  border-color: #34354a;
  color: #f1f1f6;
}
.studio-message--assistant {
  background: #20202d;
}
.studio-message--user {
  background: color-mix(in srgb, var(--studio-accent) 24%, #171722);
}
.studio-suggestions button {
  border-color: #44455b;
  background: #1b1b28;
  color: #d8d8e5;
}
.studio-brainstorm__utility-actions button:first-child {
  color: #d8d8e5;
}
body[data-color-scheme=light]:has(.studio-page) {
  background: #fff;
}
body[data-color-scheme=light] .studio-app-header {
  border-color: #e0e0e0;
  background: #fff;
}
body[data-color-scheme=light] .studio-app-identity,
body[data-color-scheme=light] .studio-app-identity h1 {
  color: #333 !important;
}
body[data-color-scheme=light] .studio-header-brand {
  color: #333;
}
body[data-color-scheme=light] .studio-page {
  color: #333 !important;
}
body[data-color-scheme=light] .studio-brand,
body[data-color-scheme=light] .studio-panel {
  border-color: #e0e0e0;
  background: #fff;
  box-shadow: none;
}
body[data-color-scheme=light] .studio-brand strong,
body[data-color-scheme=light] .studio-panel h2,
body[data-color-scheme=light] .studio-panel label,
body[data-color-scheme=light] .studio-history strong {
  color: #333 !important;
}
body[data-color-scheme=light] .studio-brand span,
body[data-color-scheme=light] .studio-panel p,
body[data-color-scheme=light] .studio-history span,
body[data-color-scheme=light] .studio-upload small,
body[data-color-scheme=light] .studio-note {
  color: #5e5e5e !important;
}
body[data-color-scheme=light] .studio-tabs,
body[data-color-scheme=light] .studio-brand__choices {
  border-color: #e0e0e0;
  background: #fff;
}
body[data-color-scheme=light] .studio-tabs button,
body[data-color-scheme=light] .studio-brand__choices button {
  color: #333;
}
body[data-color-scheme=light] .studio-tabs button.is-active {
  background: #f0f0f5;
  color: #333;
}
body[data-color-scheme=light] .studio-panel textarea,
body[data-color-scheme=light] .studio-source-preview {
  border-color: #e0e0e0;
  background: #fff;
  color: #333 !important;
}
body[data-color-scheme=light] .studio-upload {
  border-color: #bdbdbd;
  background: #fff;
}
body[data-color-scheme=light] .studio-message {
  border-color: #e0e0e0;
  color: #333;
}
body[data-color-scheme=light] .studio-message--assistant {
  background: #f7f7f7;
}
body[data-color-scheme=light] .studio-suggestions button {
  border-color: #bdbdbd;
  background: #fff;
  color: #333;
}
@media (max-width: 640px) {
  .studio-brainstorm__actions {
    align-items: stretch;
    flex-direction: column;
  }
  .studio-brainstorm__utility-actions {
    justify-content: space-between;
  }
  .studio-brainstorm__build {
    width: 100%;
  }
}
.studio-home {
  --studio-accent: #ff9626;
  --studio-panel: #15151f;
  --studio-field: #20202b;
  min-height: 100vh;
  overflow-x: clip;
  color: #f7f7fa;
  background: #090a11;
}
.studio-home--immo {
  --studio-accent: #3de5d3;
}
.studio-resume-banner {
  display: flex;
  width: min(860px, calc(100% - 48px));
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  margin: 22px auto -10px;
  padding: 12px 14px;
  border: 1px solid color-mix(in srgb, var(--studio-accent) 46%, #37384b);
  border-radius: 10px;
  background: color-mix(in srgb, var(--studio-accent) 8%, #15151f);
}
.studio-resume-banner > div {
  display: grid;
  min-width: 0;
  gap: 3px;
}
.studio-resume-banner strong {
  font-size: 13px;
}
.studio-resume-banner span {
  overflow: hidden;
  color: #b8b8c8;
  font-size: 12px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.studio-resume-banner__actions {
  display: flex;
  flex: 0 0 auto;
  gap: 8px;
  overflow: visible !important;
}
.studio-sidebar {
  position: fixed;
  z-index: 10;
  inset: 0 auto 0 0;
  display: flex;
  width: 292px;
  box-sizing: border-box;
  flex-direction: column;
  gap: 22px;
  padding: 20px 16px 16px;
  border-right: 2px solid #2b2c42;
  background: #101019;
}
.studio-sidebar__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}
.studio-sidebar__title {
  display: flex;
  min-width: 0;
  align-items: center;
  gap: 10px;
  font-size: 18px;
  white-space: nowrap;
}
.studio-sidebar__title .studio-app-identity__mark {
  width: 30px;
  height: 30px;
  flex: 0 0 auto;
  background: var(--studio-accent);
}
.studio-sidebar__title .studio-app-identity__mark img {
  width: 18px;
  height: 18px;
}
.studio-sidebar__top button {
  flex: 0 0 auto;
}
.studio-sidebar__collapse img {
  width: 18px;
  height: 18px;
  filter: invert(1);
}
.studio-home--sidebar-collapsed .studio-sidebar__collapse img {
  transform: scaleX(-1);
}
.studio-sidebar__settings {
  padding: 0 4px 18px;
  border-bottom: 2px solid #292936;
}
.studio-sidebar__settings > span {
  display: block;
  margin-bottom: 9px;
  color: #a8a8b7;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0;
}
.studio-sidebar__brand {
  display: flex;
  gap: 6px;
}
.studio-sidebar__brand .studio-brand-button {
  width: auto !important;
  flex: 1;
  padding-inline: 8px !important;
  font-size: 12px !important;
}
.studio-sidebar__nav,
.studio-sidebar__bottom {
  display: grid;
  gap: 8px;
}
.studio-sidebar__nav > *,
.studio-sidebar__bottom > *,
.studio-sidebar__nav button,
.studio-sidebar__bottom > button {
  display: flex !important;
  width: 100% !important;
  min-height: 44px;
  box-sizing: border-box;
  justify-content: flex-start !important;
  padding-inline: 14px !important;
  font-size: 16px !important;
}
.studio-sidebar__nav > *.is-active,
.studio-sidebar__bottom > *.is-active,
.studio-sidebar__nav button.is-active,
.studio-sidebar__bottom > button.is-active {
  background: #2c2c3c !important;
  color: #fff !important;
}
.studio-sidebar__bottom {
  margin-top: auto;
  padding-top: 14px;
  border-top: 2px solid #292936;
}
.studio-theme-switch {
  display: grid;
  position: relative;
  width: 92px;
  min-height: 48px;
  grid-template-columns: repeat(2, 38px);
  align-items: center;
  justify-content: center;
  gap: 6px;
  box-sizing: border-box;
  margin: 0 auto;
  border: 1px solid #3a3b4f;
  border-radius: 999px;
  padding: 4px;
  background:
    linear-gradient(
      180deg,
      #1d1d2b,
      #11111b);
  color: #d9d9e4;
  cursor: pointer;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .06), 0 14px 28px rgba(0, 0, 0, .22);
}
.studio-sidebar__bottom > button.studio-theme-switch {
  width: 92px !important;
  min-height: 48px;
  justify-content: center !important;
  padding: 4px !important;
}
.studio-theme-switch::before {
  content: "";
  position: absolute;
  top: 4px;
  left: 4px;
  width: 38px;
  height: 38px;
  border-radius: 999px;
  background: var(--studio-accent);
  box-shadow: 0 8px 18px color-mix(in srgb, var(--studio-accent) 28%, transparent);
  transition: transform .18s ease;
}
.studio-theme-switch[aria-checked=true]::before {
  transform: translateX(44px);
}
.studio-theme-switch__icon {
  position: relative;
  z-index: 1;
  display: grid;
  width: 38px;
  height: 38px;
  place-items: center;
  border-radius: 999px;
  color: #9696a8;
  transition: color .18s ease, transform .18s ease;
}
.studio-theme-switch__icon.is-active {
  color: #171720;
  transform: scale(1.04);
}
.studio-theme-switch:hover .studio-theme-switch__icon:not(.is-active) {
  color: #c8c8d6;
}
.studio-theme-switch:focus-visible {
  outline: 3px solid var(--studio-accent);
  outline-offset: 3px;
}
.studio-home__main {
  display: flex;
  min-height: 100vh;
  box-sizing: border-box;
  flex-direction: column;
  justify-content: center;
  margin-left: 292px;
  padding: 64px 44px 44px;
}
.studio-chat {
  width: min(860px, 100%);
  margin: 0 auto;
}
.studio-first-run {
  max-width: 700px;
  margin: 0 auto 30px;
  text-align: center;
}
.studio-first-run > span {
  display: block;
  margin-bottom: 10px;
  color: var(--studio-accent);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0;
}
.studio-first-run h2 {
  margin: 0;
  color: #f8f8fc;
  font-size: clamp(34px, 5vw, 52px);
  line-height: 1.05;
  letter-spacing: -.045em;
}
.studio-first-run p {
  max-width: 640px;
  margin: 16px auto 0;
  color: #b9b9ca;
  font-size: 17px;
  line-height: 1.5;
}
.studio-chat__more-options {
  display: block;
  margin: 0 0 10px auto;
  border: 0;
  padding: 6px 0;
  background: transparent;
  color: var(--studio-accent);
  cursor: pointer;
  font: inherit;
  font-size: 13px;
  font-weight: 800;
}
.studio-chat__more-options:focus-visible {
  outline: 3px solid var(--studio-accent);
  outline-offset: 3px;
}
.studio-chat__intro {
  max-width: 620px;
  margin: 0 auto;
  text-align: center;
}
.studio-chat__intro h2 {
  margin: 0 0 12px;
  color: #f8f8fc;
  font-size: clamp(30px, 4vw, 42px);
  letter-spacing: -.04em;
}
.studio-chat__intro p {
  margin: 0;
  color: #b9b9ca;
  font-size: 18px;
}
.studio-chat__eyebrow {
  margin-bottom: 10px !important;
  color: var(--studio-accent) !important;
  font-size: 12px !important;
  font-weight: 800;
  letter-spacing: 0;
}
.studio-consultant-setup {
  margin: 34px auto 0;
  padding: 24px;
  border: 1px solid #3b3b50;
  border-radius: 14px;
  background: var(--studio-panel);
  box-shadow: 0 18px 40px rgba(0, 0, 0, .16);
}
.studio-consultant-setup__heading {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 20px;
}
.studio-consultant-setup__heading h3 {
  margin: 0 0 6px;
  color: #f7f7fa;
  font-size: 18px;
}
.studio-consultant-setup__heading p {
  margin: 0;
  color: #b9b9ca;
  font-size: 14px;
  line-height: 1.45;
}
.studio-consultant-setup__heading > span {
  flex: 0 0 auto;
  padding: 5px 9px;
  border: 1px solid #4a4a5c;
  border-radius: 999px;
  color: #cfcfdd;
  font-size: 12px;
  font-weight: 700;
}
.studio-consultant-setup__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}
.studio-consultant-setup label {
  display: grid;
  gap: 7px;
  color: #dedee8;
  font-size: 13px;
  font-weight: 700;
}
.studio-consultant-setup input,
.studio-consultant-setup select {
  width: 100%;
  min-height: 42px;
  box-sizing: border-box;
  border: 1px solid #4a4a5c;
  border-radius: 7px;
  padding: 9px 10px;
  background: #101019;
  color: #f7f7fa;
  font: inherit;
}
.studio-consultant-setup input:focus,
.studio-consultant-setup select:focus {
  border-color: var(--studio-accent);
  outline: 3px solid color-mix(in srgb, var(--studio-accent) 30%, transparent);
  outline-offset: 1px;
}
.studio-consultant-setup > button {
  margin-top: 20px;
}
.studio-chat__composer {
  position: relative;
  min-height: 118px;
  margin-top: 76px;
  padding: 12px 60px 12px 58px;
  border: 2px solid #39394c;
  border-radius: 18px;
  background: var(--studio-field);
}
.studio-chat.is-empty .studio-chat__composer {
  min-height: 168px;
  margin-top: 0;
  padding-right: 60px;
}
.studio-chat__thread-actions {
  display: flex;
  justify-content: flex-end;
  margin-bottom: -4px;
}
.studio-chat__thread-actions > button {
  min-height: 36px;
  border: 0;
  padding: 4px 0;
  background: transparent;
  color: var(--studio-accent);
  cursor: pointer;
  font: inherit;
  font-size: 12px;
  font-weight: 800;
}
.studio-chat__thread-actions > button:disabled {
  cursor: not-allowed;
  opacity: .5;
}
.studio-chat__composer:focus-within {
  border-color: var(--studio-accent);
  outline: 3px solid var(--studio-accent);
  outline-offset: 2px;
}
.studio-chat:not(.is-empty) .studio-chat__composer {
  margin-top: 20px;
}
.studio-chat__composer textarea {
  min-height: 76px;
  margin: 0;
  padding: 8px !important;
  border: 0 !important;
  background: transparent !important;
  color: #f7f7fa !important;
  box-shadow: none !important;
  resize: none;
}
.studio-chat__composer textarea:focus {
  outline: none;
}
.studio-chat__attach,
.studio-chat__send {
  position: absolute;
  bottom: 15px;
  display: block;
  background: transparent !important;
  line-height: 0;
}
.studio-chat__attach {
  left: 14px;
}
.studio-chat__send {
  right: 14px;
}
.studio-chat__send > button:not(:disabled) {
  background: var(--studio-accent) !important;
  color: #20212a !important;
}
.studio-chat__actions {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 12px;
  margin-top: 14px;
}
.studio-chat__build {
  min-width: 184px;
}
.studio-chat__attachments {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 22px;
}
.studio-chat__attachment {
  display: flex;
  min-height: 40px;
  box-sizing: border-box;
  align-items: center;
  gap: 8px;
  padding: 0 4px 0 12px;
  border: 1px solid #4a4a5c;
  border-radius: 999px;
  background: #1b1b27;
  color: #dedee8;
  font-size: 13px;
}
.studio-chat__attachment--uploading {
  border-color: var(--studio-accent);
  color: #f7f7fa;
}
.studio-chat__attachment button {
  width: 40px;
  height: 40px;
  flex: 0 0 40px;
  border: 0;
  border-radius: 50%;
  background: transparent;
  color: inherit;
  cursor: pointer;
  font-size: 18px;
  line-height: 1;
}
.studio-conversation {
  max-height: min(46vh, 480px);
  overflow-y: auto;
  margin: 38px auto 0;
  padding-right: 6px;
}
.studio-message {
  display: grid;
  max-width: 78%;
  box-sizing: border-box;
  gap: 5px;
  overflow-wrap: anywhere;
  border-radius: 12px;
}
.studio-message span {
  color: #a8a8b8;
  font-size: 12px;
  font-weight: 700;
}
.studio-message--user {
  justify-self: end;
}
.studio-suggestions {
  justify-content: center;
  margin-top: 24px;
}
.studio-home .studio-error {
  width: min(860px, 100%);
  box-sizing: border-box;
  margin: 20px auto 0;
}
.studio-history-panel,
.studio-upload-panel {
  width: min(860px, 100%);
  margin: 0 auto;
  box-sizing: border-box;
  box-shadow: none !important;
}
.studio-upload-panel {
  max-height: calc(100vh - 108px);
  overflow-y: auto;
}
.studio-text-treatment {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  margin: 26px 0 18px;
  padding-top: 20px;
  border-top: 2px solid #303147;
}
.studio-text-treatment h3 {
  margin: 0 0 6px;
  color: #f7f7fa;
  font-size: 18px;
}
.studio-text-treatment p {
  max-width: 490px;
  margin: 0;
  color: #b9b9ca;
}
.studio-text-treatment__choices {
  display: flex;
  flex: 0 0 auto;
  gap: 4px;
  padding: 4px;
  border: 2px solid #3b3b4e;
  border-radius: 18px;
  background: #101019;
}
.studio-text-treatment__choices button {
  min-width: 132px;
}
.studio-upload__generate {
  display: flex !important;
  margin: 28px 0 0 auto;
}
.studio-history__more {
  display: flex !important;
  margin: 18px auto 0;
}
.studio-home--sidebar-collapsed .studio-sidebar {
  width: 68px;
  align-items: center;
  padding-inline: 10px;
}
.studio-home--sidebar-collapsed .studio-sidebar__title strong,
.studio-home--sidebar-collapsed .studio-sidebar__settings,
.studio-home--sidebar-collapsed .studio-sidebar__nav,
.studio-home--sidebar-collapsed .studio-sidebar__bottom {
  display: none;
}
.studio-home--sidebar-collapsed .studio-sidebar__top {
  width: 100%;
  justify-content: center;
}
.studio-home--sidebar-collapsed .studio-sidebar__title {
  display: none;
}
.studio-home--sidebar-collapsed .studio-home__main {
  margin-left: 68px;
}
body[data-color-scheme=light] .studio-home {
  --studio-panel: #fff;
  --studio-field: #fff;
  color: #333;
  background: #fff;
}
body[data-color-scheme=light] .studio-sidebar {
  border-color: #e0e0e0;
  background: #fff;
}
body[data-color-scheme=light] .studio-sidebar__settings,
body[data-color-scheme=light] .studio-sidebar__bottom {
  border-color: #e0e0e0;
}
body[data-color-scheme=light] .studio-sidebar__settings > span {
  color: #5e5e5e !important;
}
body[data-color-scheme=light] .studio-theme-switch {
  border-color: #dedee6;
  background:
    linear-gradient(
      180deg,
      #fff,
      #f1f1f5);
  color: #444;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .8), 0 10px 24px rgba(0, 0, 0, .08);
}
body[data-color-scheme=light] .studio-theme-switch__icon {
  color: #777782;
}
body[data-color-scheme=light] .studio-sidebar__nav > *.is-active,
body[data-color-scheme=light] .studio-sidebar__bottom > *.is-active,
body[data-color-scheme=light] .studio-sidebar__nav button.is-active,
body[data-color-scheme=light] .studio-sidebar__bottom > button.is-active {
  background: #f0f0f5 !important;
  color: #333 !important;
}
body[data-color-scheme=light] .studio-chat__intro h2 {
  color: #333;
}
body[data-color-scheme=light] .studio-chat__intro p {
  color: #5e5e5e;
}
body[data-color-scheme=light] .studio-consultant-setup {
  border-color: #e4e2e0;
  background: #fbf8f6;
  box-shadow: none;
}
body[data-color-scheme=light] .studio-consultant-setup__heading h3,
body[data-color-scheme=light] .studio-consultant-setup label {
  color: #333;
}
body[data-color-scheme=light] .studio-consultant-setup__heading p,
body[data-color-scheme=light] .studio-consultant-setup__heading > span {
  color: #5e5e5e;
}
body[data-color-scheme=light] .studio-consultant-setup__heading > span {
  border-color: #d9d7d4;
}
body[data-color-scheme=light] .studio-consultant-setup input,
body[data-color-scheme=light] .studio-consultant-setup select {
  border-color: #d9d7d4;
  background: #fff;
  color: #333;
}
body[data-color-scheme=light] .studio-chat__composer {
  border-color: #e0e0e0;
  background: #fff;
}
body[data-color-scheme=light] .studio-chat__composer textarea {
  color: #333 !important;
}
body[data-color-scheme=light] .studio-first-run h2 {
  color: #333;
}
body[data-color-scheme=light] .studio-first-run p {
  color: #666;
}
body[data-color-scheme=light] .studio-chat__attachment {
  border-color: #e0e0e0;
  background: #fbf8f6;
  color: #333;
}
body[data-color-scheme=light] .studio-home .studio-message {
  color: #333;
}
body[data-color-scheme=light] .studio-text-treatment {
  border-color: #e0e0e0;
}
body[data-color-scheme=light] .studio-text-treatment h3 {
  color: #333;
}
body[data-color-scheme=light] .studio-text-treatment p {
  color: #5e5e5e;
}
body[data-color-scheme=light] .studio-text-treatment__choices {
  border-color: #e0e0e0;
  background: #fff;
}
@media (max-width: 760px) {
  .studio-sidebar,
  .studio-home__main,
  .studio-chat {
    min-width: 0;
    max-width: 100%;
  }
  .studio-sidebar {
    position: static;
    width: 100%;
    min-height: auto;
    align-items: stretch;
    padding: 12px 16px 16px;
    border-right: 0;
    border-bottom: 2px solid #2b2c42;
  }
  .studio-sidebar__top {
    width: 100%;
  }
  .studio-sidebar__settings {
    display: grid;
    margin-top: 18px;
  }
  .studio-sidebar__nav {
    display: grid;
    margin-top: 14px;
  }
  .studio-sidebar__bottom {
    display: block;
    margin-top: 14px;
    padding-top: 14px;
  }
  .studio-home--sidebar-collapsed .studio-sidebar {
    width: 100%;
    flex-direction: row;
    align-items: center;
    padding-bottom: 12px;
  }
  .studio-home--sidebar-collapsed .studio-sidebar__title {
    display: flex;
  }
  .studio-home--sidebar-collapsed .studio-sidebar__title strong {
    display: inline;
  }
  .studio-home--sidebar-collapsed .studio-sidebar__settings,
  .studio-home--sidebar-collapsed .studio-sidebar__nav,
  .studio-home--sidebar-collapsed .studio-sidebar__bottom {
    display: none;
  }
  .studio-home__main,
  .studio-home--sidebar-collapsed .studio-home__main {
    min-height: auto;
    justify-content: flex-start;
    margin-left: 0;
    padding: 42px 20px 28px;
  }
  .studio-chat__composer {
    margin-top: 56px;
  }
  .studio-chat__intro h2 {
    font-size: 34px;
  }
}
@media (max-width: 640px) {
  .studio-consultant-setup {
    padding: 18px;
  }
  .studio-consultant-setup__grid,
  .studio-consultant-setup__choices {
    grid-template-columns: 1fr;
  }
  .studio-consultant-setup__heading {
    flex-direction: column;
  }
  .studio-chat__composer {
    margin-top: 28px;
  }
}
@media (max-width: 640px) {
  .studio-upload-panel {
    max-height: none;
  }
  .studio-text-treatment {
    align-items: stretch;
    flex-direction: column;
    gap: 14px;
  }
  .studio-text-treatment__choices {
    width: 100%;
  }
  .studio-text-treatment__choices button {
    min-width: 0;
    flex: 1;
  }
  .studio-upload__generate {
    width: 100%;
    margin-left: 0;
  }
}

/* frontend/client/scout24/scout24.css */
:root {
  --s24-font:
    "Make It Sans",
    "Arial",
    sans-serif;
  --s24-weight-light: 100;
  --s24-weight-regular: 400;
  --s24-weight-bold: 700;
  --s24-weight-xbold: 800;
  --s24-brand-25: #fff7ee;
  --s24-brand-50: #ffecd8;
  --s24-brand-100: #ffd4a6;
  --s24-brand-200: #ffc384;
  --s24-brand-250: #ffa94d;
  --s24-brand-300: #ff9626;
  --s24-brand-400: #e9740f;
  --s24-brand-500: #bb5d0b;
  --s24-brand-600: #944a09;
  --s24-brand-700: #723807;
  --s24-brand-800: #522805;
  --s24-brand-900: #2b1603;
  --s24-white: #ffffff;
  --s24-sand: #fbf8f6;
  --s24-grey-50: #f1efed;
  --s24-grey-100: #dedcda;
  --s24-grey-200: #d1cecd;
  --s24-grey-250: #bdbbb9;
  --s24-grey-300: #b1afae;
  --s24-grey-400: #969494;
  --s24-grey-500: #787676;
  --s24-grey-600: #5e5e5d;
  --s24-grey-800: #333333;
  --s24-grey-900: #181b1b;
  --s24-brand-primary: var(--is24-color-orange-300);
  --s24-brand-primary-dark: var(--is24-color-orange-400);
  --s24-brand-primary-text: var(--is24-color-orange-500);
  --s24-text-primary: var(--is24-color-charcoal);
  --s24-text-secondary: rgba(51,51,51,0.55);
  --s24-text-inverse: var(--is24-color-white);
  --s24-bg-default: var(--is24-color-white);
  --s24-bg-soft: var(--is24-color-sand);
  --s24-bg-dark: var(--is24-color-charcoal);
  --s24-bg-deep: var(--is24-color-charcoal);
  --s24-border-subtle: rgba(51,51,51,0.10);
  --s24-divider: rgba(51,51,51,0.12);
  --s24-chart-highlight: var(--is24-color-orange-300);
  --is24-color-white: #FFFFFF;
  --is24-color-sand: #FBF8F6;
  --is24-color-charcoal: #333333;
  --is24-color-purple-250: #D5AAFF;
  --is24-color-purple-400: #B080DC;
  --is24-color-purple-500: #9262B9;
  --is24-color-blue-200: #24E3FF;
  --is24-color-blue-400: #01A0D4;
  --is24-color-blue-500: #007FAB;
  --is24-color-yellow-50: #EFF933;
  --is24-color-yellow-400: #B79004;
  --is24-color-yellow-500: #937202;
  --is24-color-orange-300: #FF9626;
  --is24-color-orange-400: #E9740F;
  --is24-color-orange-500: #BB5D0B;
  --s24-accent-purple: var(--is24-color-purple-250);
  --s24-accent-purple-strong: var(--is24-color-purple-500);
  --s24-accent-yellow: var(--is24-color-yellow-50);
  --s24-accent-yellow-strong: var(--is24-color-yellow-400);
  --s24-accent-blue: var(--is24-color-blue-200);
  --s24-accent-blue-strong: var(--is24-color-blue-500);
  --s24-on-dark-orange: var(--is24-color-orange-300);
  --s24-on-dark-purple: var(--is24-color-purple-250);
  --s24-on-dark-blue: var(--is24-color-blue-200);
  --s24-on-dark-yellow: var(--is24-color-yellow-50);
  --s24-display-xl: 144px;
  --s24-display-l: 120px;
  --s24-h1: 96px;
  --s24-h2: 72px;
  --s24-h3: 56px;
  --s24-body-l: 44px;
  --s24-body: 36px;
  --s24-small: 28px;
  --s24-caption: 22px;
  --s24-lh-tight: 1.04;
  --s24-lh-heading: 1.16;
  --s24-lh-body: 1.45;
  --s24-num-380: 380px;
  --s24-num-340: 340px;
  --s24-num-200: 200px;
  --s24-num-180: 180px;
  --s24-num-160: 160px;
  --s24-num-150: 150px;
  --s24-num-140: 140px;
  --s24-num-120: 120px;
  --s24-space-1: 4px;
  --s24-space-2: 8px;
  --s24-space-3: 12px;
  --s24-space-4: 16px;
  --s24-space-5: 24px;
  --s24-space-6: 32px;
  --s24-space-7: 48px;
  --s24-space-8: 64px;
  --s24-space-9: 96px;
  --s24-space-10: 128px;
  --s24-radius-none: 0px;
  --s24-radius-small: 8px;
  --s24-radius-medium: 16px;
  --s24-radius-large: 24px;
  --s24-radius-xlarge: 32px;
  --s24-radius-pill: 999px;
  --s24-canvas-w: 1920px;
  --s24-canvas-h: 1080px;
  --s24-margin: 96px;
  --s24-margin-compact: 64px;
  --s24-margin-hero: 128px;
}
.s24-fit {
  overflow-wrap: break-word;
  hyphens: auto;
  text-wrap: pretty;
}
.s24-fit,
.s24-fit *,
.s24-fit *::before,
.s24-fit *::after {
  box-sizing: border-box;
}
.s24-scale-2 {
  --s24-display-xl: 118px;
  --s24-display-l: 100px;
  --s24-h1: 82px;
  --s24-h2: 62px;
  --s24-h3: 50px;
  --s24-body-l: 39px;
  --s24-body: 32px;
  --s24-small: 26px;
  --s24-caption: 20px;
  --s24-num-380: 323px;
  --s24-num-340: 289px;
  --s24-num-200: 170px;
  --s24-num-180: 153px;
  --s24-num-160: 136px;
  --s24-num-150: 128px;
  --s24-num-140: 119px;
  --s24-num-120: 102px;
}
.s24-scale-3 {
  --s24-display-xl: 96px;
  --s24-display-l: 82px;
  --s24-h1: 68px;
  --s24-h2: 53px;
  --s24-h3: 43px;
  --s24-body-l: 34px;
  --s24-body: 29px;
  --s24-small: 24px;
  --s24-caption: 19px;
  --s24-space-7: 40px;
  --s24-space-8: 52px;
  --s24-num-380: 266px;
  --s24-num-340: 238px;
  --s24-num-200: 140px;
  --s24-num-180: 126px;
  --s24-num-160: 112px;
  --s24-num-150: 105px;
  --s24-num-140: 98px;
  --s24-num-120: 84px;
}
.s24-scale-4 {
  --s24-display-xl: 80px;
  --s24-display-l: 68px;
  --s24-h1: 56px;
  --s24-h2: 45px;
  --s24-h3: 37px;
  --s24-body-l: 30px;
  --s24-body: 25px;
  --s24-small: 21px;
  --s24-caption: 17px;
  --s24-space-5: 20px;
  --s24-space-7: 34px;
  --s24-space-8: 44px;
  --s24-space-9: 64px;
  --s24-num-380: 220px;
  --s24-num-340: 197px;
  --s24-num-200: 116px;
  --s24-num-180: 104px;
  --s24-num-160: 93px;
  --s24-num-150: 87px;
  --s24-num-140: 81px;
  --s24-num-120: 70px;
}
/*! Bundled license information:

is24-corecss/build/css/core.min.css:
  (*!
   * ImmobilienScout24 Core CSS Framework, v8.9.2
   *      http://www.immobilienscout24.de/
   *)
  (*!
   *  Open Sans typeface by Steve Matteson (commissioned by Google)
   *  Apache License, Version 2.0 - http://www.apache.org/licenses/LICENSE-2.0.html
   *)
*/